:root{--pwa-safe-top:env(safe-area-inset-top,0px);--pwa-safe-right:env(safe-area-inset-right,0px);--pwa-safe-bottom:env(safe-area-inset-bottom,0px);--pwa-safe-left:env(safe-area-inset-left,0px)}
@media(display-mode:standalone){html{min-height:100%;background:#06182f}body{min-height:100dvh;padding-top:var(--pwa-safe-top)}.topbar{padding-left:var(--pwa-safe-left);padding-right:var(--pwa-safe-right)}.mini-player{padding-bottom:var(--pwa-safe-bottom)}.site-menu-panel,.mt-auth-card{padding-bottom:calc(24px + var(--pwa-safe-bottom))}}
.pwa-install-card,.pwa-update-toast,.pwa-offline-toast{font-family:"NRK Sans","Reddit Sans","Plus Jakarta Sans",system-ui,sans-serif}
.pwa-install-card{position:fixed;z-index:15400;left:max(14px,var(--pwa-safe-left));right:max(14px,var(--pwa-safe-right));bottom:calc(96px + var(--pwa-safe-bottom));display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;width:min(680px,calc(100% - 28px));margin-inline:auto;padding:14px 16px;border:1px solid rgba(126,195,255,.27);border-radius:24px;background:linear-gradient(135deg,rgba(5,27,54,.98),rgba(11,53,91,.98));color:#fff;box-shadow:0 24px 70px rgba(0,8,24,.46);transform:translateY(28px);opacity:0;pointer-events:none;transition:transform .34s cubic-bezier(.2,.8,.2,1),opacity .25s ease}
.pwa-install-card.is-visible{transform:none;opacity:1;pointer-events:auto}.pwa-install-icon{width:52px;height:52px;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,.3)}.pwa-install-copy{min-width:0}.pwa-install-copy small{display:block;color:#70f2d0;font-size:10px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.pwa-install-copy strong{display:block;margin-top:3px;font-size:16px;line-height:1.2}.pwa-install-copy span{display:block;margin-top:3px;color:#b9cce2;font-size:12px;line-height:1.35}.pwa-install-actions{display:flex;align-items:center;gap:8px}.pwa-install-primary,.pwa-install-dismiss{min-height:42px;border:0;font:800 13px inherit;cursor:pointer}.pwa-install-primary{padding:0 17px;border-radius:999px;background:#65efcf;color:#062640}.pwa-install-dismiss{width:42px;border-radius:50%;background:rgba(255,255,255,.08);color:#fff;font-size:20px}.pwa-install-primary:focus-visible,.pwa-install-dismiss:focus-visible,.pwa-ios-close:focus-visible{outline:3px solid #fff;outline-offset:3px}
.pwa-ios-dialog{position:fixed;z-index:15500;inset:0;display:none;place-items:end center;padding:20px max(14px,var(--pwa-safe-right)) calc(20px + var(--pwa-safe-bottom)) max(14px,var(--pwa-safe-left));background:rgba(1,12,27,.68);backdrop-filter:blur(10px)}.pwa-ios-dialog.is-visible{display:grid}.pwa-ios-sheet{width:min(560px,100%);padding:24px;border:1px solid rgba(139,202,255,.25);border-radius:28px;background:#08284d;color:#fff;box-shadow:0 28px 90px rgba(0,0,0,.5)}.pwa-ios-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.pwa-ios-head small{color:#70f2d0;font-size:10px;font-weight:900;letter-spacing:.13em}.pwa-ios-head h2{margin:5px 0 0;font-size:25px}.pwa-ios-close{width:42px;height:42px;border:0;border-radius:50%;background:#123e6b;color:#fff;font-size:20px}.pwa-ios-steps{display:grid;gap:10px;margin:20px 0 0;padding:0;list-style:none;counter-reset:pwa-step}.pwa-ios-steps li{counter-increment:pwa-step;display:grid;grid-template-columns:34px 1fr;align-items:center;gap:12px;min-height:52px;padding:10px 12px;border-radius:16px;background:#0d3560;color:#d8e5f3;font-size:14px}.pwa-ios-steps li::before{content:counter(pwa-step);display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#65efcf;color:#062640;font-weight:900}
.pwa-update-toast,.pwa-offline-toast{position:fixed;z-index:15600;left:50%;bottom:calc(104px + var(--pwa-safe-bottom));display:flex;align-items:center;gap:12px;max-width:calc(100% - 28px);padding:12px 14px;border-radius:999px;background:#061a33;color:#fff;box-shadow:0 18px 60px rgba(0,0,0,.45);transform:translate(-50%,24px);opacity:0;pointer-events:none;transition:.25s ease}.pwa-update-toast.is-visible,.pwa-offline-toast.is-visible{transform:translate(-50%,0);opacity:1;pointer-events:auto}.pwa-update-toast button{border:0;border-radius:999px;padding:9px 14px;background:#65efcf;color:#062640;font:850 12px inherit}.pwa-offline-toast{background:#ffd35c;color:#102944;font-weight:850}
.site-menu-item[data-pwa-install]{border-color:rgba(101,239,207,.35)}.site-menu-item[data-pwa-install] .site-menu-icon{background:#65efcf;color:#062640}
@media(max-width:620px){.pwa-install-card{grid-template-columns:auto 1fr;bottom:calc(88px + var(--pwa-safe-bottom));border-radius:21px}.pwa-install-actions{grid-column:1/-1}.pwa-install-primary{flex:1}.pwa-install-copy span{font-size:11px}}
@media(prefers-reduced-motion:reduce){.pwa-install-card,.pwa-update-toast,.pwa-offline-toast{transition:none}}

/* Navegação que existe somente quando o site roda instalado como Web App. */
.pwa-app-dock{display:none}
.pwa-app-home-head{display:none}
.cinema-app-control-label,.cinema-app-timeline-label{display:none}
html.pwa-standalone .brand-mark::after{
  content:'APP';
  display:inline-flex;
  align-items:center;
  height:20px;
  margin-left:8px;
  padding:0 7px;
  border:1px solid rgba(101,239,207,.48);
  border-radius:999px;
  color:#65efcf;
  font:850 8px/1 "NRK Sans","Reddit Sans",sans-serif;
  letter-spacing:.12em;
}
html.pwa-standalone .pwa-app-home-head{
  display:grid;
  gap:14px;
  width:min(620px,calc(100% - 24px));
  margin:12px auto 2px;
  padding:18px;
  border:1px solid rgba(121,185,238,.22);
  border-radius:24px;
  background:
    radial-gradient(circle at 92% 8%,rgba(101,239,207,.19),transparent 34%),
    linear-gradient(145deg,#0a2a50,#071b36 72%);
  color:#fff;
  box-shadow:0 18px 44px -30px rgba(0,6,18,.85);
}
.pwa-app-home-eyebrow{display:block;color:#65efcf;font:900 9px/1 "NRK Sans","Reddit Sans",sans-serif;letter-spacing:.15em}
.pwa-app-home-title{margin:6px 0 0;font:850 clamp(25px,7vw,34px)/1.02 "NRK Sans","Reddit Sans",sans-serif;letter-spacing:-.035em}
.pwa-app-home-summary{margin:6px 0 0;color:#b7cbe0;font:600 12px/1.35 "NRK Sans","Reddit Sans",sans-serif}
.pwa-app-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.pwa-app-shortcuts button{display:flex;align-items:center;justify-content:flex-start;gap:8px;min-width:0;min-height:46px;padding:8px 10px;border:1px solid rgba(151,199,240,.2);border-radius:15px;background:rgba(255,255,255,.07);color:#fff;font:800 10px/1 "NRK Sans","Reddit Sans",sans-serif;text-align:left}
.pwa-app-shortcuts button span{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:10px;background:#65efcf;color:#052743;font-size:15px}
.pwa-app-shortcuts button b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pwa-app-shortcuts button:active{transform:scale(.97)}
html.pwa-standalone:is(.radioguide-open,.radiovision-open,.mt-auth-open,.podcasts-open,.hosts-open,.news-open,.dist-open) .pwa-app-home-head{display:none}
html[data-site-theme="light"].pwa-standalone .pwa-app-home-head{border-color:rgba(19,82,135,.18);background:radial-gradient(circle at 92% 8%,rgba(0,173,146,.16),transparent 34%),linear-gradient(145deg,#eaf4ff,#dceafa 72%);color:#08284d}
html[data-site-theme="light"].pwa-standalone .pwa-app-home-summary{color:#42617f}
html[data-site-theme="light"].pwa-standalone .pwa-app-shortcuts button{border-color:rgba(14,71,119,.16);background:rgba(255,255,255,.58);color:#08284d}
html.pwa-standalone .pwa-app-dock{
  position:fixed;
  z-index:5450;
  left:max(8px,var(--pwa-safe-left));
  right:max(8px,var(--pwa-safe-right));
  bottom:max(7px,var(--pwa-safe-bottom));
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  align-items:stretch;
  gap:3px;
  width:min(620px,calc(100% - 16px));
  min-height:64px;
  margin-inline:auto;
  padding:6px;
  border:1px solid rgba(136,185,231,.28);
  border-radius:22px;
  background:rgba(5,25,48,.94);
  box-shadow:0 18px 48px rgba(0,6,18,.44);
  backdrop-filter:blur(22px) saturate(140%);
  -webkit-backdrop-filter:blur(22px) saturate(140%);
}
.pwa-app-dock button{
  min-width:0;
  min-height:52px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:3px;
  padding:4px 2px;
  border:0;
  border-radius:14px;
  background:transparent;
  color:#aebfd2;
  font:750 9px/1.05 "NRK Sans","Reddit Sans",sans-serif;
  cursor:pointer;
}
.pwa-app-dock button:is(:hover,.is-active){background:#153b63;color:#fff}
.pwa-app-dock button.is-active{background:linear-gradient(180deg,#19466f,#12385e);box-shadow:inset 0 0 0 1px rgba(101,239,207,.24),0 8px 20px -16px #000}
.pwa-app-dock button.is-active::after{content:'';position:absolute;bottom:3px;width:18px;height:3px;border-radius:99px;background:#65efcf}
.pwa-app-dock button{position:relative}
.pwa-app-dock button:disabled{opacity:.38;cursor:not-allowed}
.pwa-app-dock button:focus-visible{outline:3px solid #65efcf;outline-offset:2px}
.pwa-app-icon{height:22px;display:grid;place-items:center;color:#65efcf;font:900 21px/1 "NRK Sans","Reddit Sans",sans-serif}
.pwa-app-icon-rv{font-size:11px;letter-spacing:-.02em}
html[data-site-theme="light"].pwa-standalone .pwa-app-dock{border-color:rgba(15,74,121,.18);background:rgba(239,247,255,.96);box-shadow:0 18px 48px rgba(12,46,78,.18)}
html[data-site-theme="light"].pwa-standalone .pwa-app-dock button{color:#58738e}
html[data-site-theme="light"].pwa-standalone .pwa-app-dock button:is(:hover,.is-active){background:#d8eaff;color:#08284d}
html[data-site-theme="light"].pwa-standalone .pwa-app-dock button.is-active{background:linear-gradient(180deg,#d8eaff,#c8e1fb)}
@media(max-width:360px){.pwa-app-dock{left:5px;right:5px;width:calc(100% - 10px);gap:1px}.pwa-app-dock button{font-size:8px}.pwa-app-icon{font-size:19px}}
@media(prefers-reduced-motion:reduce){.pwa-app-dock button{transition:none}}
