/* MAIS TUNER 24.10.85 — visual system
   Intentionally excludes every .cinema-* selector so Cinema Mode stays intact. */

:root{
  --ui81-bg:#07182d;
  --ui81-bg-2:#0a213c;
  --ui81-surface:#0d2746;
  --ui81-surface-2:#123455;
  --ui81-surface-3:#183e64;
  --ui81-text:#f7fbff;
  --ui81-muted:#9bb0ca;
  --ui81-line:rgba(153,185,218,.16);
  --ui81-accent:#55f1c6;
  --ui81-accent-2:#31dfff;
  --ui81-accent-ink:#04243c;
  --ui81-danger:#ff5162;
  --ui81-yellow:#ffd453;
  --ui81-shadow:0 28px 70px -46px rgba(0,0,0,.9);
  --ui81-radius-s:14px;
  --ui81-radius-m:20px;
  --ui81-radius-l:28px;
  --ui81-max:1180px;
}

/* 24.10.95 — configurações coerentes e movimento com profundidade leve. */
.settings-control-hint{
  margin:8px 2px 0;
  color:var(--ui81-muted);
  font-size:10px;
  line-height:1.45;
}
.mini-player-size-modes.is-disabled{opacity:.46;filter:saturate(.35)}
.mini-player-size-modes.is-disabled .anim-mode{cursor:not-allowed;transform:none !important}
.settings-feedback{
  min-height:0;
  margin-top:0;
  padding:0 12px;
  overflow:hidden;
  border:1px solid transparent;
  border-radius:12px;
  color:var(--ui81-accent);
  font-size:11px;
  font-weight:750;
  line-height:0;
  opacity:0;
  transform:translateY(4px);
  transition:opacity .16s ease,transform .16s ease,padding .16s ease,line-height .16s ease,margin .16s ease;
}
.settings-feedback.show{
  margin-top:10px;
  padding:9px 12px;
  border-color:color-mix(in srgb,var(--ui81-accent) 30%,transparent);
  background:color-mix(in srgb,var(--ui81-accent) 8%,var(--ui81-bg));
  line-height:1.35;
  opacity:1;
  transform:none;
}

/* Simplificado significa menos decisões visíveis, não controles invertidos. */
html.simple-player .mini-right #miniRequestBtn,
html.simple-player .mini-right .mini-volume-wrap,
html.simple-player .mini-right #miniExpandBtn,
html.simple-player .mini-right #miniStopBtn{display:none !important}

@media(min-width:721px){
  html.simple-player .mini-player-inner{
    min-height:64px !important;
    grid-template-columns:minmax(0,1fr) auto auto !important;
    padding-top:7px !important;
    padding-bottom:3px !important;
  }
  html.simple-player .mini-art{width:44px !important;height:44px !important;border-radius:13px !important}
  html.simple-player .mini-play{width:50px !important;height:50px !important}
  html.simple-player .mini-right{
    grid-column:auto !important;
    justify-self:end !important;
    justify-content:flex-end !important;
    width:auto !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
  }
}

@media(max-width:720px){
  html.simple-player .mini-player-inner{
    grid-template-rows:52px 36px !important;
    padding-top:6px !important;
  }
  html.simple-player .mini-art{width:44px !important;height:44px !important}
  html.simple-player .mini-play{width:48px !important;height:48px !important}
  html.simple-player .mini-right{
    grid-template-columns:80px repeat(2,36px) !important;
    grid-auto-flow:initial !important;
    grid-auto-rows:36px !important;
    height:36px !important;
    gap:9px !important;
  }
  html.simple-player .mini-right #miniLiveBtn{grid-column:1 !important;width:80px !important;height:34px !important}
  html.simple-player .mini-right #miniQueueBtn{grid-column:2 !important;width:36px !important;height:36px !important}
  html.simple-player .mini-right #miniFullscreenBtn{grid-column:3 !important;width:36px !important;height:36px !important}
}

/* 24.10.96 — arbitragem final dos níveis de movimento.
   Estas regras ficam no fim da cascata porque o projeto possui estilos
   históricos posteriores ao primeiro controlador de animação. */
html.anim-none body *:not(#motion-force-none),
html.anim-none body *:not(#motion-force-none)::before,
html.anim-none body *:not(#motion-force-none)::after{
  animation:none !important;
  transition:none !important;
  scroll-behavior:auto !important;
}
html.anim-none .card:hover,
html.anim-none .card:active,
html.anim-none .rg-program:hover,
html.anim-none .podcast-card:hover,
html.anim-none .host-card:hover{
  transform:none !important;
}

html.anim-light .card,
html.anim-light .rg-program,
html.anim-light .podcast-card,
html.anim-light .host-card,
html.anim-light .dist-brand-card{
  transition:transform .14s cubic-bezier(.2,.72,.3,1),
             opacity .14s ease-out,
             border-color .14s ease-out,
             background-color .14s ease-out !important;
}
html.anim-light body .grid:not(.large-view):not(.list-view):not(.brand-view)>.card{
  transition:transform .14s cubic-bezier(.2,.72,.3,1),
             opacity .14s ease-out,
             border-color .14s ease-out,
             background-color .14s ease-out !important;
}
html.anim-light .rg-prog-brand-v241022::after,
html.anim-light .rg-prog-brand-v241022 img,
html.anim-light .brand-tile-state.live,
html.anim-light .sr-weather-fx::before,
html.anim-light .cinema-weather-layer::before,
html.anim-light .sr-night-streaks i,
html.anim-light .sr-rain-streaks i{
  animation:none !important;
}
html.anim-light .sr-night-streaks,
html.anim-light .sr-rain-streaks{display:none !important}
html.anim-light .kangaroo-tuning.show .kangaroo-loader-img{
  animation:kangarooHopLight 1.45s ease-in-out infinite !important;
}
html.anim-light .kangaroo-tuning.show .kangaroo-shadow,
html.anim-light .kangaroo-tuning.show .kangaroo-dust{animation:none !important}
@keyframes kangarooHopLight{
  0%,100%{transform:translateX(-50%) translateY(0)}
  50%{transform:translateX(-50%) translateY(-10px)}
}

html.anim-deep .card{
  transform-style:preserve-3d;
  transform-origin:50% 70%;
  transition:transform .34s cubic-bezier(.16,1,.3,1),
             box-shadow .28s ease,
             border-color .2s ease !important;
}
html.anim-deep body .grid:not(.large-view):not(.list-view):not(.brand-view)>.card{
  transition:transform .34s cubic-bezier(.16,1,.3,1),
             box-shadow .28s ease,
             border-color .2s ease !important;
}
html.anim-deep .card .card-hero,
html.anim-deep .card .card-body{
  backface-visibility:hidden;
  transition:transform .42s cubic-bezier(.16,1,.3,1) !important;
}
html.anim-deep .rg-program,
html.anim-deep .podcast-card,
html.anim-deep .host-card,
html.anim-deep .dist-brand-card{
  transition:transform .28s cubic-bezier(.16,1,.3,1),
             box-shadow .25s ease,
             border-color .2s ease !important;
}
@media(hover:hover) and (pointer:fine){
  html.anim-light .card:hover,
  html.anim-light .rg-program:hover,
  html.anim-light .podcast-card:hover,
  html.anim-light .host-card:hover{transform:translate3d(0,-1px,0) !important}
  html.anim-deep body .grid:not(.large-view):not(.list-view):not(.brand-view)>.card:hover{transform:translate3d(0,-6px,12px) rotateX(1.1deg) !important}
  html.anim-deep .card:hover .card-hero{transform:translate3d(0,-2px,16px) scale(1.012)}
  html.anim-deep .card:hover .card-body{transform:translate3d(0,0,8px)}
  html.anim-deep .rg-program:hover,
  html.anim-deep .podcast-card:hover,
  html.anim-deep .host-card:hover,
  html.anim-deep .dist-brand-card:hover{transform:translate3d(0,-4px,10px) !important}
}

/* Todo movimento contínuo pausa quando a aba deixa de estar visível. */
html.app-backgrounded body *,
html.app-backgrounded body *::before,
html.app-backgrounded body *::after{animation-play-state:paused !important}

@media(max-width:700px), (hover:none) and (pointer:coarse){
  html.anim-deep .card,
  html.anim-deep .card .card-hero,
  html.anim-deep .card .card-body{transform-style:flat;transform:none !important}
  html.anim-deep .rg-program:active,
  html.anim-deep .podcast-card:active,
  html.anim-deep .host-card:active{transform:scale(.988) !important}
}

@media(prefers-reduced-motion:reduce){
  html body *:not(#motion-force-none),html body *:not(#motion-force-none)::before,html body *:not(#motion-force-none)::after{
    animation:none !important;
    transition:none !important;
    scroll-behavior:auto !important;
  }
  .card:hover,.card:active,.rg-program:hover,.podcast-card:hover,.host-card:hover{
    transform:none !important;
  }
  .sr-night-streaks,.sr-rain-streaks{display:none !important}
}

/* Falha de conexão é diferente de pausa: o equalizador perde o verde e o
   selo passa a indicar visualmente que não há sinal. */
html.signal-error .live-pill,
html.signal-error .mini-live{
  color:#ffb8c4!important;
  border-color:rgba(255,74,110,.55)!important;
  background:rgba(255,74,110,.12)!important;
}
html.signal-error .eq span,
html.signal-error .mini-eq span{
  animation:none!important;
  transform:scaleY(.18)!important;
  opacity:.38!important;
  background:#ff4a6e!important;
}

/* Leves: somente propriedades baratas de composição e nenhuma animação 3D contínua. */
html.anim-light .topbar,
html.anim-light .mini-player{backdrop-filter:none !important;-webkit-backdrop-filter:none !important}
html.anim-light .radio-card,
html.anim-light .circle-btn,
html.anim-light .language-trigger,
html.anim-light .anim-mode,
html.anim-light .theme-mode{
  transition-property:transform,opacity,background-color,border-color !important;
  transition-duration:.16s !important;
  transition-timing-function:cubic-bezier(.2,.75,.3,1) !important;
}
html.anim-light .radio-card{box-shadow:0 14px 34px -32px rgba(0,0,0,.7) !important}
html.anim-light .radio-card:hover{transform:translateY(-1px) !important}

/* Profundas: perspectiva por camadas, usando transform e opacity para manter fluidez. */
html.anim-deep .grid{perspective:1400px}
html.anim-deep .radio-card{transform-style:preserve-3d;transform-origin:50% 70%}
html.anim-deep .radio-card .card-hero,
html.anim-deep .radio-card .card-body{
  transition:transform .44s cubic-bezier(.16,1,.3,1),filter .32s ease !important;
  backface-visibility:hidden;
}
html.anim-deep #settingsModal.show .track-info-inner{
  animation:settingsPanelDepth .46s cubic-bezier(.16,1,.3,1) both;
  transform-origin:50% 18%;
}
html.anim-deep #settingsModal.show .settings-group{
  animation:settingsGroupRise .38s cubic-bezier(.16,1,.3,1) both;
  animation-delay:calc(var(--settings-i,0) * 32ms);
}
@media(hover:hover) and (pointer:fine){
  html.anim-deep .radio-card:hover{transform:translate3d(0,-6px,12px) rotateX(1.1deg) !important}
  html.anim-deep .radio-card:hover .card-hero{transform:translate3d(0,-2px,16px) scale(1.012)}
  html.anim-deep .radio-card:hover .card-body{transform:translate3d(0,0,8px)}
}
@keyframes settingsPanelDepth{
  from{opacity:0;transform:translate3d(0,18px,-28px) scale(.975) rotateX(2deg)}
  to{opacity:1;transform:translate3d(0,0,0) scale(1) rotateX(0)}
}
@keyframes settingsGroupRise{
  from{opacity:0;transform:translate3d(0,9px,0)}
  to{opacity:1;transform:translate3d(0,0,0)}
}
html.anim-none .settings-feedback{transition:none !important}
@media(prefers-reduced-motion:reduce){
  .settings-feedback{transition:none !important}
  html.anim-deep #settingsModal.show .track-info-inner,
  html.anim-deep #settingsModal.show .settings-group{animation:none !important}
  html.anim-deep .radio-card,
  html.anim-deep .radio-card .card-hero,
  html.anim-deep .radio-card .card-body{transform:none !important;transition:none !important}
}

html[data-site-theme="light"]{
  --ui81-bg:#eef3f7;
  --ui81-bg-2:#f8fafc;
  --ui81-surface:#ffffff;
  --ui81-surface-2:#e8f0f6;
  --ui81-surface-3:#dce8f1;
  --ui81-text:#071a2f;
  --ui81-muted:#5f7288;
  --ui81-line:rgba(9,37,65,.13);
  --ui81-accent:#13b993;
  --ui81-accent-2:#0aa9c8;
  --ui81-accent-ink:#ffffff;
  --ui81-shadow:0 28px 70px -48px rgba(24,55,82,.38);
}

body{
  background:
    radial-gradient(900px 520px at 92% -8%,rgba(49,223,255,.11),transparent 62%),
    radial-gradient(720px 460px at -8% 24%,rgba(85,241,198,.07),transparent 65%),
    var(--ui81-bg) !important;
  color:var(--ui81-text);
  font-family:'Plus Jakarta Sans','Work Sans',sans-serif;
  transition:background-color .22s ease,color .22s ease;
}

body::before{
  content:'';
  position:fixed;
  z-index:-1;
  inset:0;
  pointer-events:none;
  opacity:.18;
  background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);
  background-size:56px 56px;
  mask-image:linear-gradient(to bottom,#000,transparent 70%);
}

button,input{font:inherit}
button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid color-mix(in srgb,var(--ui81-accent-2) 62%,transparent);outline-offset:3px}

/* Header */
.topbar{
  position:sticky;
  z-index:900;
  top:0;
  border-bottom:1px solid var(--ui81-line);
  background:color-mix(in srgb,var(--ui81-bg) 78%,transparent) !important;
  backdrop-filter:blur(24px) saturate(150%);
  -webkit-backdrop-filter:blur(24px) saturate(150%);
}
.topbar-inner{width:min(var(--ui81-max),calc(100% - 40px)) !important;min-height:82px !important;margin:auto;padding:10px 0 !important}
.brand-mark{gap:12px !important}.m-badge{width:46px !important;height:46px !important;border-radius:16px !important;background:linear-gradient(135deg,var(--ui81-accent),var(--ui81-accent-2)) !important;color:#052441 !important;box-shadow:0 14px 26px -16px var(--ui81-accent-2) !important;font-family:'Reddit Sans',sans-serif}
.brand-text{color:var(--ui81-text) !important;-webkit-text-fill-color:var(--ui81-text) !important;font:900 20px/1 'Reddit Sans',sans-serif !important;letter-spacing:-.04em}.brand-text small{margin-top:5px !important;color:var(--ui81-muted) !important;-webkit-text-fill-color:var(--ui81-muted) !important;font-size:8px !important;letter-spacing:.15em !important}
.top-actions{gap:8px !important}.circle-btn,.language-trigger{width:46px !important;min-width:46px !important;height:46px !important;padding:0 !important;border:1px solid var(--ui81-line) !important;border-radius:15px !important;background:var(--ui81-surface) !important;color:var(--ui81-text) !important;box-shadow:0 12px 28px -20px rgba(0,0,0,.9) !important;transition:transform .18s ease,background .18s ease,color .18s ease !important}.circle-btn:hover,.language-trigger:hover{transform:translateY(-2px);background:var(--ui81-surface-2) !important;color:var(--ui81-accent) !important}.circle-btn svg{width:20px !important;height:20px !important;fill:currentColor !important}.theme-toggle .theme-icon-moon,html[data-site-theme="light"] .theme-toggle .theme-icon-sun{display:none}.theme-toggle .theme-icon-sun,html[data-site-theme="light"] .theme-toggle .theme-icon-moon{display:block}
#topPlayBtn{background:var(--ui81-accent) !important;color:var(--ui81-accent-ink) !important;border-color:transparent !important;box-shadow:0 18px 38px -18px var(--ui81-accent) !important}

/* Main hero */
.hero{padding:38px 20px 20px !important;background:transparent !important;overflow:visible !important}.hero-shape{filter:blur(2px);opacity:.55}.hero-content{width:min(var(--ui81-max),100%) !important;margin:auto}.hero-panel{position:relative;overflow:hidden;padding:22px !important;border:1px solid var(--ui81-line) !important;border-radius:34px !important;background:linear-gradient(145deg,color-mix(in srgb,var(--ui81-surface) 92%,transparent),color-mix(in srgb,var(--ui81-bg-2) 93%,transparent)) !important;box-shadow:var(--ui81-shadow) !important}.hero-panel::before{content:'';position:absolute;inset:-40% -15% auto auto;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(49,223,255,.16),transparent 67%);pointer-events:none}.hero-panel-head{position:relative;z-index:1;padding:2px 4px 18px !important;border-bottom:1px solid var(--ui81-line)}.hero-kicker,.hero-overline{color:var(--ui81-accent) !important;font-family:'Reddit Sans',sans-serif !important;letter-spacing:.14em !important}.hero-context{color:var(--ui81-muted) !important}.hero-context i{background:var(--ui81-accent) !important;box-shadow:0 0 18px var(--ui81-accent)}
.hero-main{position:relative;z-index:1;grid-template-columns:minmax(280px,.88fr) minmax(0,1.12fr) !important;gap:clamp(30px,6vw,76px) !important;align-items:center;padding:34px 18px 25px !important}.hero-visual{aspect-ratio:1;max-width:430px !important;border-radius:28px !important;background:linear-gradient(145deg,var(--ui81-surface-3),var(--ui81-bg)) !important;box-shadow:0 38px 68px -40px rgba(0,0,0,.95),inset 0 1px rgba(255,255,255,.11) !important}.np-cover,.hero-visual .art{border-radius:28px !important}.hero-play{right:18px !important;bottom:18px !important;width:68px !important;height:68px !important;border:5px solid color-mix(in srgb,var(--ui81-surface) 88%,transparent) !important;background:var(--ui81-danger) !important;box-shadow:0 22px 42px -18px var(--ui81-danger) !important}.hero-copy{min-width:0}.hero-station{margin:9px 0 8px !important;color:var(--ui81-text) !important;font:900 clamp(34px,5.2vw,68px)/.98 'Reddit Sans',sans-serif !important;letter-spacing:-.055em !important}.hero-sub{max-width:620px;color:var(--ui81-muted) !important;font-size:14px !important;line-height:1.55 !important}.nowplaying{margin-top:24px !important;padding:18px !important;border:1px solid var(--ui81-line);border-radius:20px;background:color-mix(in srgb,var(--ui81-bg) 58%,transparent)}.np-label{color:var(--ui81-muted) !important}.np-title{color:var(--ui81-text) !important;font-size:18px !important}.np-lyrics{border-radius:999px !important;background:var(--ui81-yellow) !important;color:#10243c !important}.np-progress-bar{height:5px !important;background:var(--ui81-surface-3) !important}.np-progress-fill{background:linear-gradient(90deg,var(--ui81-accent),var(--ui81-accent-2)) !important}.np-time-row{color:var(--ui81-muted) !important}.hero-status-row{gap:10px !important}.hero-pill,.meta-pill,.qb{border:1px solid var(--ui81-line) !important;background:var(--ui81-surface-2) !important;color:var(--ui81-muted) !important}.hero-detail-row{position:relative;z-index:1;padding:17px 18px 0 !important;border-top:1px solid var(--ui81-line)}.source-row{position:relative;z-index:1;gap:10px !important;padding:18px !important;border-radius:20px !important;background:color-mix(in srgb,var(--ui81-bg) 54%,transparent) !important}.source-btn,.stream-source-option{border:1px solid var(--ui81-line) !important;border-radius:16px !important;background:var(--ui81-surface-2) !important;color:var(--ui81-text) !important}.source-btn.active,.stream-source-option.active{border-color:var(--ui81-accent) !important;background:color-mix(in srgb,var(--ui81-accent) 14%,var(--ui81-surface)) !important}

/* Search / filters */
.toolbar{width:min(var(--ui81-max),calc(100% - 40px)) !important;margin:22px auto 0 !important;padding:20px !important;border:1px solid var(--ui81-line);border-radius:26px;background:color-mix(in srgb,var(--ui81-surface) 90%,transparent) !important;box-shadow:var(--ui81-shadow);backdrop-filter:blur(18px)}.toolbar-top{margin-bottom:14px !important}.rg-open-btn{height:44px !important;border:1px solid var(--ui81-line) !important;border-radius:14px !important;background:var(--ui81-surface-2) !important;color:var(--ui81-text) !important}.search{height:50px !important;border:1px solid var(--ui81-line) !important;border-radius:16px !important;background:var(--ui81-bg) !important}.search input{color:var(--ui81-text) !important}.search input::placeholder{color:var(--ui81-muted) !important}.layout-toggle{width:50px !important;height:50px !important;border:1px solid var(--ui81-line) !important;border-radius:16px !important;background:var(--ui81-surface-2) !important;color:var(--ui81-text) !important}.tabs{gap:8px !important;padding:12px 0 0 !important;scrollbar-width:none}.tab{min-height:42px !important;padding:0 16px !important;border:1px solid var(--ui81-line) !important;border-radius:999px !important;background:var(--ui81-bg) !important;color:var(--ui81-muted) !important}.tab.active{border-color:transparent !important;background:var(--ui81-accent) !important;color:var(--ui81-accent-ink) !important;box-shadow:0 14px 28px -18px var(--ui81-accent)}

/* Station catalogue */
main{width:min(var(--ui81-max),calc(100% - 40px)) !important;margin:0 auto !important;padding:30px 0 155px !important}.section{margin:0 0 44px !important}.section-title{margin:0 0 17px !important;color:var(--ui81-text) !important;font:900 clamp(24px,3vw,34px)/1 'Reddit Sans',sans-serif !important;letter-spacing:-.04em}.section-title::after{background:linear-gradient(90deg,var(--ui81-accent),transparent) !important}.grid:not(.large-view):not(.list-view):not(.brand-view){grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:16px !important}.radio-card{overflow:hidden;border:1px solid var(--ui81-line) !important;border-radius:25px !important;background:var(--ui81-surface) !important;box-shadow:0 20px 55px -46px rgba(0,0,0,.9) !important;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease !important}.radio-card:hover{transform:translateY(-5px) !important;border-color:color-mix(in srgb,var(--ui81-accent-2) 46%,transparent) !important;box-shadow:0 28px 60px -42px rgba(0,0,0,.9) !important}.card-hero{border-radius:0 !important}.card-body{padding:18px !important}.card-body,.card-body *{min-width:0}.card-title,.card-station-name{color:var(--ui81-text) !important;font-family:'Reddit Sans',sans-serif !important}.card-sub,.card-track,.card-meta{color:var(--ui81-muted) !important}.card-play-row{gap:9px !important}.card-pill,.card-dots{border:1px solid var(--ui81-line) !important;border-radius:14px !important;background:var(--ui81-surface-2) !important;color:var(--ui81-text) !important}.card-pill.primary,.card-play{background:var(--ui81-danger) !important;color:#fff !important}.radio-card.unavailable{opacity:.58;filter:saturate(.4)}

/* Menu and sheets */
.site-menu-overlay{background:rgba(1,12,25,.7) !important;backdrop-filter:blur(14px)}.site-menu-panel{border:1px solid var(--ui81-line) !important;border-radius:30px !important;background:var(--ui81-bg-2) !important;color:var(--ui81-text) !important;box-shadow:0 42px 90px -36px #000 !important}.site-menu-item{border:1px solid var(--ui81-line) !important;border-radius:18px !important;background:var(--ui81-surface) !important;color:var(--ui81-text) !important}.site-menu-item:hover,.site-menu-item.is-featured{background:var(--ui81-surface-2) !important}.site-menu-icon{background:var(--ui81-accent) !important;color:var(--ui81-accent-ink) !important}.site-menu-copy small,.site-menu-language>span{color:var(--ui81-muted) !important}
.track-info-modal:not(.cinema-modal){background:rgba(2,12,25,.66) !important;backdrop-filter:blur(16px)}.track-info-modal:not(.cinema-modal) .track-info-inner{border:1px solid var(--ui81-line) !important;border-radius:30px !important;background:var(--ui81-bg-2) !important;color:var(--ui81-text) !important;box-shadow:0 42px 100px -36px #000 !important}.track-info-head{position:sticky;z-index:3;top:0;padding:8px 0 16px !important;background:linear-gradient(var(--ui81-bg-2) 75%,transparent) !important}.track-info-head h3{color:var(--ui81-text) !important;font-family:'Reddit Sans',sans-serif}.replay-queue-close{border:1px solid var(--ui81-line) !important;border-radius:12px !important;background:var(--ui81-surface-2) !important;color:var(--ui81-text) !important}.ai-settings-hint,.settings-desc,.settings-theme-note{color:var(--ui81-muted) !important}.settings-group{border:1px solid var(--ui81-line) !important;border-radius:20px !important;background:var(--ui81-surface) !important}.settings-group-title{color:var(--ui81-accent) !important}.settings-row{border-color:var(--ui81-line) !important}.settings-label{color:var(--ui81-text) !important}.anim-mode{border:1px solid var(--ui81-line) !important;border-radius:15px !important;background:var(--ui81-bg) !important;color:var(--ui81-text) !important}.anim-mode.active{border-color:var(--ui81-accent) !important;background:color-mix(in srgb,var(--ui81-accent) 12%,var(--ui81-bg)) !important}.theme-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.theme-mode{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:12px;min-height:84px;padding:12px;border:1px solid var(--ui81-line);border-radius:17px;background:var(--ui81-bg);color:var(--ui81-text);text-align:left;cursor:pointer}.theme-mode.active{border-color:var(--ui81-accent);box-shadow:inset 0 0 0 1px var(--ui81-accent)}.theme-mode-preview{position:relative;display:block;width:58px;height:48px;overflow:hidden;border-radius:11px}.theme-mode-preview::before{content:'';position:absolute;inset:0;background:#07182d}.theme-mode-preview-light::before{background:#edf3f7}.theme-mode-preview i{position:absolute;z-index:1;left:7px;top:7px;width:18px;height:34px;border-radius:6px;background:#55f1c6}.theme-mode-preview b{position:absolute;z-index:1;left:30px;right:7px;top:8px;height:8px;border-radius:6px;background:#31dfff;box-shadow:0 13px #163959,0 25px #163959}.theme-mode-preview-light b{background:#13b993;box-shadow:0 13px #fff,0 25px #fff}.theme-mode strong,.theme-mode small{display:block}.theme-mode strong{font:850 13px 'Reddit Sans',sans-serif}.theme-mode small{margin-top:4px;color:var(--ui81-muted);font-size:9px;line-height:1.35}.settings-theme-note{margin:10px 2px 0;font-size:9px;line-height:1.5}

/* Mini player */
.mini-player{border-top:1px solid var(--ui81-line) !important;background:color-mix(in srgb,var(--ui81-bg) 88%,transparent) !important;box-shadow:0 -24px 64px -46px #000 !important;backdrop-filter:blur(24px) saturate(150%)}.mini-player-inner,.mini-timeline{width:min(var(--ui81-max),calc(100% - 36px)) !important}.mini-art{border:1px solid var(--ui81-line) !important;border-radius:16px !important;background:var(--ui81-surface-2) !important}.mini-station{color:var(--ui81-text) !important}.mini-track,.mini-time{color:var(--ui81-muted) !important}.mini-play{background:var(--ui81-danger) !important;box-shadow:0 16px 32px -17px var(--ui81-danger) !important}.mini-skip,.mini-icon-btn,.mini-live{color:var(--ui81-muted) !important}.mini-skip:hover,.mini-icon-btn:hover{background:var(--ui81-surface-2) !important;color:var(--ui81-text) !important}.mini-track-bar{background:var(--ui81-surface-3) !important}.mini-track-fill{background:linear-gradient(90deg,var(--ui81-accent),var(--ui81-accent-2)) !important}

/* Radioguide / Replay / history */
.radioguide,.replay-panel,.replay-sheet{background:var(--ui81-bg) !important;color:var(--ui81-text) !important}.rg-header,.rg-topbar{border-bottom:1px solid var(--ui81-line) !important;background:color-mix(in srgb,var(--ui81-bg) 88%,transparent) !important;backdrop-filter:blur(22px)}.rg-back,.rg-close,.rg-menu-btn{border:1px solid var(--ui81-line) !important;border-radius:14px !important;background:var(--ui81-surface) !important;color:var(--ui81-text) !important}.rg-card,.rg-channel,.rg-program-card,.replay-card,.history-inner{border:1px solid var(--ui81-line) !important;border-radius:22px !important;background:var(--ui81-surface) !important;color:var(--ui81-text) !important;box-shadow:var(--ui81-shadow)}.rg-card p,.rg-program-card p,.history-time{color:var(--ui81-muted) !important}.history{background:transparent !important}.history-inner{width:min(var(--ui81-max),calc(100% - 40px)) !important;margin:20px auto !important;padding:22px !important}.history-inner h2{color:var(--ui81-text) !important;font-family:'Reddit Sans',sans-serif}

/* Standalone editorial pages */
.podcasts-page,.hosts-page,.radiovision-page,.dist-page{background:
  radial-gradient(850px 480px at 90% -4%,rgba(49,223,255,.11),transparent 65%),
  var(--ui81-bg) !important;color:var(--ui81-text) !important}
.podcasts-app,.hosts-shell,.radiovision-shell,.dist-shell{width:min(var(--ui81-max),calc(100% - 40px)) !important}.podcasts-sidebar,.podcasts-topbar,.hosts-topbar,.radiovision-topbar,.dist-topbar{background:color-mix(in srgb,var(--ui81-bg) 90%,transparent) !important;color:var(--ui81-text) !important;backdrop-filter:blur(22px)}.podcasts-sidebar button{color:var(--ui81-muted) !important}.podcasts-sidebar button.active{background:var(--ui81-accent) !important;color:var(--ui81-accent-ink) !important}.podcast-card,.podcast-feature,.podcast-detail-hero,.podcast-native-player,.host-card,.radiovision-card,.radiovision-hero{border:1px solid var(--ui81-line) !important;background:var(--ui81-surface) !important;color:var(--ui81-text) !important;box-shadow:var(--ui81-shadow) !important}.podcast-card p,.podcast-feature p,.host-card p,.radiovision-card p{color:var(--ui81-muted) !important}

/* Distribution center, aligned with the rest of the site */
.dist-shell{padding-bottom:120px !important}.dist-topbar{min-height:82px !important;border-bottom:1px solid var(--ui81-line) !important}.dist-topmark{border-radius:15px !important;background:linear-gradient(135deg,var(--ui81-accent),var(--ui81-accent-2)) !important;color:#052441 !important}.dist-topbrand strong{color:var(--ui81-text) !important}.dist-topbrand span{padding:0 !important;background:transparent !important;color:var(--ui81-muted) !important;letter-spacing:.12em !important}.dist-menu-btn,.dist-close{border:1px solid var(--ui81-line) !important;border-radius:14px !important;background:var(--ui81-surface) !important;color:var(--ui81-text) !important}.dist-hero{padding:50px 0 28px !important}.dist-kicker{color:var(--ui81-accent) !important}.dist-hero h1{color:var(--ui81-text) !important;font:900 clamp(44px,7vw,82px)/.95 'Reddit Sans',sans-serif !important;letter-spacing:-.055em !important}.dist-hero p{color:var(--ui81-muted) !important}.dist-summary{border:1px solid var(--ui81-line) !important;border-radius:22px !important;background:var(--ui81-surface) !important}.dist-summary strong{color:var(--ui81-text) !important}.dist-summary span{color:var(--ui81-muted) !important}.dist-nav{position:sticky !important;z-index:4;top:92px !important;gap:7px !important;padding:8px !important;border:1px solid var(--ui81-line) !important;border-radius:20px !important;background:color-mix(in srgb,var(--ui81-bg) 90%,transparent) !important;backdrop-filter:blur(20px)}.dist-nav button{min-height:46px !important;border-radius:14px !important;color:var(--ui81-muted) !important}.dist-nav button.active{background:var(--ui81-accent) !important;color:var(--ui81-accent-ink) !important}.dist-howto,.dist-search{border:1px solid var(--ui81-line) !important;border-radius:20px !important;background:var(--ui81-surface) !important}.dist-howto b{background:var(--ui81-accent) !important;color:var(--ui81-accent-ink) !important}.dist-howto span{color:var(--ui81-muted) !important}.dist-search input{color:var(--ui81-text) !important}.dist-search button{border-radius:12px !important;background:var(--ui81-surface-2) !important;color:var(--ui81-text) !important}.dist-section-head h2{color:var(--ui81-text) !important;font-family:'Reddit Sans',sans-serif !important}.dist-section-head p{color:var(--ui81-muted) !important}.dist-card,.dist-station-card,.dist-brand-folder,.dist-resource{border-color:var(--ui81-line) !important;background:var(--ui81-surface) !important;color:var(--ui81-text) !important}.dist-resource{background:var(--ui81-bg) !important}.dist-resource p,.dist-resource code,.dist-station-card p{color:var(--ui81-muted) !important}.dist-copy,.dist-open{background:var(--ui81-surface-3) !important;color:var(--ui81-text) !important}

footer{padding:45px 20px 165px !important;border-top:1px solid var(--ui81-line) !important;background:transparent !important;color:var(--ui81-muted) !important}.dist-footer-link{display:inline-flex;margin-top:14px;padding:11px 15px;border:1px solid var(--ui81-line);border-radius:999px;background:var(--ui81-surface);color:var(--ui81-text) !important;text-decoration:none}

/* Light-only refinements, still excluding Cinema Mode */
html[data-site-theme="light"] body::before{opacity:.35;background-image:linear-gradient(rgba(6,40,68,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(6,40,68,.025) 1px,transparent 1px)}
html[data-site-theme="light"] .hero-panel,html[data-site-theme="light"] .toolbar,html[data-site-theme="light"] .radio-card{box-shadow:0 24px 68px -50px rgba(22,58,87,.5) !important}
html[data-site-theme="light"] .language-menu{background:#fff !important;color:#071a2f !important;border:1px solid var(--ui81-line)}
html[data-site-theme="light"] .language-option{color:#334c63 !important}html[data-site-theme="light"] .language-option:hover{background:#eaf2f7 !important}html[data-site-theme="light"] .language-option.active{background:#c8f5e7 !important;color:#073c34 !important}

@media(max-width:980px){
  .grid:not(.large-view):not(.list-view):not(.brand-view){grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  .hero-main{grid-template-columns:minmax(240px,.78fr) minmax(0,1.22fr) !important;gap:34px !important}
  .dist-summary{grid-template-columns:repeat(2,1fr) !important}
}

@media(max-width:720px){
  .topbar-inner{width:calc(100% - 24px) !important;min-height:70px !important}.m-badge{width:40px !important;height:40px !important;border-radius:13px !important}.brand-text{font-size:17px !important}.brand-text small{font-size:6.5px !important}.top-actions{gap:5px !important}.circle-btn,.language-trigger{width:40px !important;min-width:40px !important;height:40px !important;border-radius:13px !important}.circle-btn svg{width:18px !important;height:18px !important}
  .hero{padding:18px 12px 12px !important}.hero-panel{padding:14px !important;border-radius:26px !important}.hero-panel-head{padding:2px 2px 12px !important}.hero-main{display:grid !important;grid-template-columns:1fr !important;gap:20px !important;padding:20px 2px 14px !important}.hero-visual{width:min(100%,390px) !important;margin:auto;border-radius:22px !important}.np-cover,.hero-visual .art{border-radius:22px !important}.hero-play{right:12px !important;bottom:12px !important;width:58px !important;height:58px !important}.hero-copy{text-align:left !important}.hero-station{font-size:clamp(34px,12vw,54px) !important}.hero-sub{font-size:12px !important}.nowplaying{margin-top:17px !important;padding:14px !important}.np-title{font-size:15px !important}.hero-detail-row{padding:14px 2px 0 !important}.source-row{padding:12px !important}
  .toolbar{width:calc(100% - 24px) !important;margin-top:14px !important;padding:14px !important;border-radius:22px}.toolbar-top{display:grid !important;grid-template-columns:1fr 1fr !important;gap:8px !important}.rg-open-btn{width:100% !important;justify-content:center !important}.tabs{margin-right:-14px !important;padding-right:14px !important}
  main{width:calc(100% - 24px) !important;padding-top:24px !important}.grid:not(.large-view):not(.list-view):not(.brand-view){grid-template-columns:1fr !important;gap:13px !important}.section{margin-bottom:35px !important}.section-title{font-size:27px !important}.radio-card{border-radius:22px !important}.card-body{padding:16px !important}
  .theme-modes{grid-template-columns:1fr}.track-info-modal:not(.cinema-modal){align-items:flex-end !important}.track-info-modal:not(.cinema-modal) .track-info-inner{width:100% !important;max-height:92dvh !important;border-radius:26px 26px 0 0 !important;padding-bottom:calc(24px + env(safe-area-inset-bottom)) !important}
  .site-menu-panel{width:calc(100% - 20px) !important;border-radius:25px !important}.site-menu-grid{grid-template-columns:1fr !important}
  .mini-player-inner{grid-template-columns:minmax(0,1fr) auto !important;gap:8px !important}.mini-center{display:none !important}.mini-right{gap:3px !important}.mini-icon-btn,.mini-skip{width:38px !important;height:38px !important}.mini-player-inner,.mini-timeline{width:calc(100% - 20px) !important}.mini-art{width:48px !important;height:48px !important}.mini-station{font-size:11px !important}.mini-track{font-size:10px !important}.mini-volume-wrap,.mini-request-shortcut span{display:none !important}
  .podcasts-app,.hosts-shell,.radiovision-shell,.dist-shell{width:calc(100% - 24px) !important}.dist-hero{padding-top:28px !important}.dist-hero h1{font-size:48px !important}.dist-summary{grid-template-columns:repeat(2,1fr) !important}.dist-nav{top:78px !important;overflow-x:auto !important;justify-content:flex-start !important;scrollbar-width:none}.dist-nav button{flex:0 0 auto !important;padding:0 14px !important}.dist-howto{display:none !important}.dist-search{margin-top:14px !important}.dist-topbrand span{font-size:7px !important}.dist-close{width:42px !important;font-size:0 !important}.dist-close::after{content:'←';font-size:18px}.history-inner{width:calc(100% - 24px) !important}
  footer{padding-bottom:175px !important}
}

html[data-language="en"] .source-row::before,
html[data-language="en"] .station-hero-sources::before{content:'AUDIO SOURCES'}
html[data-language="nl"] .source-row::before,
html[data-language="nl"] .station-hero-sources::before{content:'AUDIOBRONNEN'}

@media(max-width:420px){
  .brand-text small{display:none}.top-actions{gap:4px !important}.circle-btn,.language-trigger{width:38px !important;min-width:38px !important;height:38px !important}.hero-context{max-width:48%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toolbar-top{grid-template-columns:1fr !important}.dist-summary{grid-template-columns:1fr 1fr !important}.mini-right .mini-icon-btn:nth-of-type(n+4){display:none !important}
}

@media(prefers-reduced-motion:reduce){
  body,.radio-card,.circle-btn,.language-trigger{transition:none !important}.radio-card:hover,.circle-btn:hover,.language-trigger:hover{transform:none !important}
}

.settings-theme-note{padding-bottom:10px}

/* 24.10.82 — precisão, refinamento e controles responsivos */
html.cinema-active body{overflow:hidden !important}
html.cinema-active .topbar{
  opacity:0 !important;visibility:hidden !important;pointer-events:none !important;
  transform:translateY(-110%) !important
}
html.cinema-active .mini-player{display:none !important}
.topbar{transition:opacity .2s ease,visibility .2s ease,transform .24s cubic-bezier(.22,1,.36,1) !important}

/* A superfície da marca pertence à rádio, não ao tema global. */
.mini-art.is-brand-cover,.mini-art.is-brand-wordmark{
  overflow:hidden !important;
  padding:4px !important;
  border-color:color-mix(in srgb,var(--brand-surface) 72%,white 20%) !important;
  background:var(--brand-surface,var(--ui81-surface-2)) !important;
  box-shadow:0 10px 26px -15px var(--brand-surface),inset 0 1px rgba(255,255,255,.18) !important
}
.mini-art.is-brand-cover img,.mini-art.is-brand-wordmark img{width:100% !important;height:100% !important;object-fit:contain !important}
.mini-player-inner{min-height:76px;transition:min-height .2s ease,padding .2s ease !important}
.mini-player::before{content:'';position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,var(--ui81-accent),var(--ui81-accent-2),transparent);opacity:.55;pointer-events:none}
.mini-left{min-width:0}.mini-info{min-width:0}.mini-station,.mini-track{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

html.player-size-compact .mini-player-inner{min-height:58px !important;padding-top:6px !important;padding-bottom:2px !important}
html.player-size-compact .mini-art{width:38px !important;height:38px !important;border-radius:12px !important}
html.player-size-compact .mini-play{width:44px !important;height:44px !important}
html.player-size-compact .mini-station{font-size:10px !important}
html.player-size-compact .mini-track{font-size:9px !important}
html.player-size-compact .mini-timeline{padding-bottom:5px !important}

html.player-size-large .mini-player-inner{min-height:92px !important;padding-top:14px !important;padding-bottom:8px !important}
html.player-size-large .mini-art{width:60px !important;height:60px !important;border-radius:18px !important}
html.player-size-large .mini-play{width:62px !important;height:62px !important}
html.player-size-large .mini-station{font-size:14px !important}
html.player-size-large .mini-track{font-size:12px !important}
html.player-size-large .mini-timeline{padding-bottom:12px !important}
.mini-player-size-modes{grid-template-columns:repeat(3,minmax(0,1fr)) !important;margin-top:8px}

/* Replay: superfície mais limpa e indicação inequívoca de que a régua arrasta. */
.replay-panel{border-top:1px solid var(--ui81-line) !important;background:color-mix(in srgb,var(--ui81-bg) 94%,transparent) !important;box-shadow:0 -32px 90px -58px #000 !important;backdrop-filter:blur(24px) saturate(140%)}
.replay-inner{border:1px solid var(--ui81-line);border-radius:24px;background:linear-gradient(145deg,var(--ui81-surface),color-mix(in srgb,var(--ui81-bg-2) 92%,transparent));box-shadow:var(--ui81-shadow)}
.replay-title{color:var(--ui81-accent) !important}.replay-track-name{color:var(--ui81-text) !important}.replay-track-artist,.replay-clock,.replay-info-row{color:var(--ui81-muted) !important}
.replay-scrub{min-height:54px;border-radius:16px;background:color-mix(in srgb,var(--ui81-bg) 68%,transparent);box-shadow:inset 0 0 0 1px var(--ui81-line);touch-action:none;user-select:none;-webkit-user-select:none}
.replay-scrub.scrubbing{box-shadow:inset 0 0 0 2px var(--ui81-accent),0 12px 30px -22px var(--ui81-accent)}
.replay-marker{touch-action:manipulation}.replay-marker:focus-visible{outline:2px solid var(--ui81-yellow);outline-offset:4px}
.replay-queue-item{touch-action:manipulation}

/* Um pequeno ganho visual geral, sem tocar nos elementos internos do Cinema. */
.hero-panel,.toolbar,.radio-card,.history-inner,.settings-group{isolation:isolate}
.settings-group{padding:18px !important}.settings-sublabel{margin-top:15px !important;color:var(--ui81-muted) !important}
.anim-mode{transition:transform .16s ease,border-color .16s ease,background .16s ease !important}.anim-mode:hover{transform:translateY(-2px)}

@media(max-width:720px){
  .mini-player-size-modes{grid-template-columns:1fr !important}
  html.player-size-large .mini-player-inner{min-height:82px !important}
  html.player-size-large .mini-art{width:54px !important;height:54px !important}
  html.player-size-large .mini-play{width:54px !important;height:54px !important}
  .replay-inner{width:calc(100% - 16px) !important;margin:8px auto calc(8px + env(safe-area-inset-bottom)) !important;padding:17px !important;border-radius:22px !important}
  .replay-scrub{margin-left:-3px;margin-right:-3px}
}

@media(prefers-reduced-motion:reduce){
  .topbar,.mini-player-inner,.anim-mode{transition:none !important}
}

/* 24.10.84 — proporção de desktop mais editorial, sem ampliar tudo */
@media(min-width:1100px){
  :root{--ui81-max:1100px}
  .topbar-inner{min-height:70px !important;padding:7px 0 !important}
  .m-badge{width:40px !important;height:40px !important;border-radius:13px !important}
  .brand-text{font-size:18px !important}.brand-text small{font-size:7px !important}
  .circle-btn,.language-trigger{width:40px !important;min-width:40px !important;height:40px !important;border-radius:13px !important}
  .circle-btn svg{width:18px !important;height:18px !important}

  .hero{padding:24px 20px 12px !important}
  .hero-panel{padding:17px !important;border-radius:27px !important}
  .hero-panel-head{padding:1px 3px 13px !important}
  .hero-main{grid-template-columns:minmax(250px,330px) minmax(0,1fr) !important;gap:36px !important;padding:23px 14px 17px !important}
  .hero-visual{width:100%;max-width:330px !important;border-radius:23px !important}
  .np-cover,.hero-visual .art{border-radius:23px !important}
  .hero-play{right:13px !important;bottom:13px !important;width:56px !important;height:56px !important;border-width:4px !important}
  .hero-station{font-size:clamp(34px,4vw,49px) !important}
  .hero-sub{font-size:12px !important;max-width:560px}
  .nowplaying{margin-top:16px !important;padding:14px !important;border-radius:17px}
  .np-title{font-size:16px !important}.hero-detail-row{padding:13px 14px 0 !important}
  .source-row{padding:13px !important;border-radius:16px !important}

  .toolbar{margin-top:16px !important;padding:15px !important;border-radius:21px}
  .toolbar-top{margin-bottom:10px !important}.search{height:44px !important}.layout-toggle{width:44px !important;height:44px !important}
  .rg-open-btn{height:40px !important}.tab{min-height:38px !important;padding:0 14px !important}
  main{padding-top:23px !important}.section{margin-bottom:34px !important}.section-title{font-size:28px !important;margin-bottom:14px !important}
  /* O cartão original foi desenhado para três colunas. Quatro colunas
     comprimiam capa, marca, título e ações em duas metades estreitas. */
  .grid:not(.large-view):not(.list-view):not(.brand-view){grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:16px !important}
  .radio-card{border-radius:20px !important}.card-body{padding:14px !important}

  .track-info-modal:not(.cinema-modal) .track-info-inner{width:min(480px,calc(100vw - 40px)) !important;max-height:78vh !important;padding:18px !important;border-radius:24px !important}
  .settings-group{padding:14px !important;border-radius:17px !important}
  .site-menu-panel{max-width:760px !important;border-radius:24px !important}
  .history-inner{padding:18px !important}

  html.player-size-normal .mini-player-inner{min-height:68px !important;padding-top:8px !important;padding-bottom:4px !important}
  html.player-size-normal .mini-art{width:46px !important;height:46px !important;border-radius:13px !important}
  html.player-size-normal .mini-play{width:52px !important;height:52px !important}

  .podcasts-app,.hosts-shell,.radiovision-shell,.dist-shell{width:min(1100px,calc(100% - 40px)) !important}
  .dist-topbar{min-height:70px !important}.dist-hero{padding:34px 0 22px !important}
  .dist-hero h1{font-size:clamp(42px,5vw,62px) !important}.dist-nav{top:78px !important}
}

/* 24.10.85 — pedidos e On Demand em uma área realmente integral. */
#requestWidgetModal.track-info-modal{
  align-items:stretch !important;
  padding:0 !important;
  z-index:19000 !important;
}
#requestWidgetModal .request-widget-inner{
  width:100vw !important;
  max-width:none !important;
  height:100dvh !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 24px max(44px,env(safe-area-inset-bottom)) !important;
  border:0 !important;
  border-radius:0 !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  background:linear-gradient(145deg,#071a31 0%,#0d2948 58%,color-mix(in srgb,var(--request-surface,#1e3560) 22%,#071a31) 100%) !important;
}
#requestWidgetModal .track-info-head{
  position:sticky !important;
  top:0 !important;
  z-index:20 !important;
  width:min(1180px,100%) !important;
  min-height:76px !important;
  margin:0 auto 22px !important;
  padding:max(12px,env(safe-area-inset-top)) 0 12px !important;
  background:color-mix(in srgb,#071a31 88%,transparent) !important;
  backdrop-filter:blur(18px) saturate(1.2);
  -webkit-backdrop-filter:blur(18px) saturate(1.2);
}
#requestWidgetModal .request-widget-hero,
#requestWidgetModal .request-catalog-modes,
#requestWidgetModal .request-catalog-search,
#requestWidgetModal .request-widget-layout,
#requestWidgetModal .request-ondemand-player,
#requestWidgetModal .request-widget-status,
#requestWidgetModal #requestWidgetContainer,
#requestWidgetModal .request-widget-privacy{
  width:min(1180px,100%) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
#requestWidgetModal .request-ondemand-player[hidden]{display:none !important;}
#requestWidgetModal .request-ondemand-player{
  display:grid;
  grid-template-columns:92px minmax(0,1fr) 58px;
  align-items:center;
  gap:16px;
  margin-top:18px;
  margin-bottom:18px;
  padding:16px;
  border:1px solid color-mix(in srgb,var(--request-accent,#5fffc0) 40%,transparent);
  border-radius:22px;
  background:color-mix(in srgb,#071a31 72%,var(--request-surface,#1e3560));
  box-shadow:0 18px 50px rgba(0,0,0,.24);
}
#requestWidgetModal .request-ondemand-cover{width:92px;height:92px;object-fit:cover;border-radius:15px;background:#142b47;}
#requestWidgetModal .request-ondemand-copy{display:flex;min-width:0;flex-direction:column;gap:4px;color:#fff;}
#requestWidgetModal .request-ondemand-copy span{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--request-accent,#5fffc0);}
#requestWidgetModal .request-ondemand-copy strong{overflow:hidden;font-size:20px;text-overflow:ellipsis;white-space:nowrap;}
#requestWidgetModal .request-ondemand-copy small{overflow:hidden;color:#adc0d8;text-overflow:ellipsis;white-space:nowrap;}
#requestWidgetModal .request-ondemand-play{width:58px;height:58px;border:0;border-radius:50%;background:var(--request-accent,#5fffc0);color:var(--request-accent-ink,#071a30);font-weight:900;cursor:pointer;}
#requestWidgetModal .request-ondemand-timeline{grid-column:2 / 4;display:grid;grid-template-columns:auto minmax(80px,1fr) auto;align-items:center;gap:10px;color:#adc0d8;font-size:12px;}
#requestWidgetModal .request-ondemand-timeline input{width:100%;accent-color:var(--request-accent,#5fffc0);}
#requestWidgetModal .request-ondemand-download{grid-column:2 / 4;justify-self:start;color:var(--request-accent,#5fffc0);font-weight:800;text-decoration:none;}

@media(max-width:640px){
  #requestWidgetModal .request-widget-inner{padding:0 14px max(30px,env(safe-area-inset-bottom)) !important;}
  #requestWidgetModal .track-info-head{min-height:64px !important;margin-bottom:12px !important;}
  #requestWidgetModal .request-ondemand-player{grid-template-columns:68px minmax(0,1fr) 48px;gap:11px;padding:12px;border-radius:18px;}
  #requestWidgetModal .request-ondemand-cover{width:68px;height:68px;border-radius:12px;}
  #requestWidgetModal .request-ondemand-copy strong{font-size:16px;}
  #requestWidgetModal .request-ondemand-play{width:48px;height:48px;}
  #requestWidgetModal .request-ondemand-timeline,
  #requestWidgetModal .request-ondemand-download{grid-column:1 / -1;}
}

/* 24.10.84.1 — correções finais de navegação, marcas e Podcasts.
   O Modo Cinema não participa de nenhuma das regras abaixo. */
.radioguide{
  z-index:1450 !important;
  isolation:isolate;
}
/* Os seletores do Radioguide ficam fora do elemento .radioguide no DOM.
   Quando a tela foi elevada para 1450, os modais permaneceram em 140 e
   passaram a abrir atrás dela. Mantém calendário, estação, cidade e menus
   auxiliares sempre acima da grade. */
.rg-calendar-overlay,
.rg-picker-overlay{
  z-index:1510 !important;
}
.radioguide.show .rg-header{
  display:flex !important;
  position:sticky !important;
  inset:auto 0 auto 0;
  top:0 !important;
  z-index:40 !important;
  width:100% !important;
  max-width:none !important;
  padding-inline:max(18px,calc((100vw - var(--ui81-max))/2)) !important;
  visibility:visible !important;
  opacity:1 !important;
  box-sizing:border-box;
}
.radioguide.show .rg-close{
  display:inline-flex !important;
  visibility:visible !important;
  opacity:1 !important;
  pointer-events:auto !important;
  flex:0 0 44px !important;
  width:44px !important;
  padding:0 !important;
  align-items:center !important;
  justify-content:center !important;
}

.card-brand-row-contrast{
  width:max-content;
  max-width:100%;
  min-height:31px;
  padding:6px 10px;
  border-radius:11px;
  background:transparent;
  box-shadow:none;
}
.card-brand-row-mais{
  --card-brand-bg:linear-gradient(135deg,#2d73d7,#0a3f82);
}
.card-brand-row-contrast .card-brand-logo{opacity:1;filter:none}
.card-brand-row-contrast .card-brand-city{color:#fff !important}
.card-brand-row-mais .card-brand-logo{height:16px !important}
.card-hero-station-brand{
  position:absolute;
  z-index:4;
  left:11px;
  top:11px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  max-width:45%;
  height:32px;
  padding:6px 10px;
  border-radius:10px;
  background:transparent;
  box-shadow:none;
}
.card-hero-station-brand-mais{--card-station-color:#1c62bd}
.card-hero-station-brand img{display:block;width:auto;max-width:100%;height:20px;object-fit:contain}
.card-hero-station-brand-mais img{height:15px}

/* A placa/contorno serve apenas para garantir contraste no tema claro.
   No escuro, a marca permanece limpa, como no desenho original. */
html[data-site-theme="light"] .card-brand-row-contrast{
  background:var(--card-brand-bg,#0a315e);
  box-shadow:inset 0 0 0 1px rgba(5,27,57,.12),inset 0 1px rgba(255,255,255,.2);
}
html[data-site-theme="light"] .card-hero-station-brand{
  background:color-mix(in srgb,var(--card-station-color,#082c58) 78%,rgba(2,14,31,.72));
  box-shadow:0 8px 22px rgba(12,43,77,.18),inset 0 0 0 1px rgba(5,27,57,.14),inset 0 1px rgba(255,255,255,.18);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}

/* A página editorial de Podcasts ocupa o viewport inteiro. Uma regra geral
   de largura máxima a estava comprimindo e deformava cabeçalho e capas. */
.podcasts-page .podcasts-app{
  width:100% !important;
  max-width:none !important;
  min-height:100dvh !important;
  margin:0 !important;
  grid-template-columns:220px minmax(0,1fr) !important;
}
.podcasts-page .podcasts-main{width:100%;min-width:0;overflow:hidden}
.podcasts-page .podcasts-main .podcasts-topbar{
  display:grid !important;
  grid-template-columns:auto minmax(240px,620px) minmax(150px,auto) auto;
  align-items:center;
  justify-content:stretch !important;
  width:100%;
  min-width:0;
  box-sizing:border-box;
}
.podcasts-page .podcasts-main .podcasts-search{width:100%;margin:0 !important}
.podcasts-page .podcasts-main .podcasts-topbrand{min-width:0;justify-self:end}
.podcasts-page .podcasts-main .podcasts-topbrand span{min-width:0}
.podcasts-page .podcasts-main .podcasts-shell{
  width:min(1480px,calc(100% - 56px)) !important;
  margin-inline:auto !important;
}
.podcasts-page .podcast-rail-track{
  grid-auto-columns:minmax(280px,29%) !important;
  align-items:start;
}
.podcasts-page .podcast-rail-track .podcast-card{
  height:auto !important;
  min-width:0;
  padding:0 !important;
  overflow:visible !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.podcasts-page .podcast-rail-track .podcast-card:focus-visible .podcast-cover-wrap{
  outline:3px solid var(--ui81-accent);
  outline-offset:4px;
}
.podcasts-page .podcast-rail-track .podcast-cover-wrap{display:block;width:100%;aspect-ratio:1/1 !important;max-height:none}
.podcasts-page .podcast-rail-track .podcast-cover{width:100%;height:100%;object-fit:cover}
.podcasts-page .podcast-rail-track .podcast-copy{display:block;text-align:left}
.podcasts-page .podcast-card-title{display:block;color:var(--ui81-text);font-weight:800}
.podcasts-page .podcast-card-description{display:-webkit-box;color:var(--ui81-muted)}

@media(max-width:900px) and (min-width:700px){
  .podcasts-page .podcasts-app{grid-template-columns:176px minmax(0,1fr) !important}
  .podcasts-page .podcasts-main .podcasts-topbar{grid-template-columns:auto minmax(200px,1fr) auto !important}
  .podcasts-page .podcasts-main .podcasts-topbrand{display:none}
  .podcasts-page .podcast-rail-track{grid-auto-columns:minmax(230px,42%) !important}
}
@media(max-width:699px){
  .podcasts-page .podcasts-app{display:block !important;width:100% !important}
  .podcasts-page .podcasts-main .podcasts-topbar{
    display:flex !important;
    width:100% !important;
    padding:calc(10px + env(safe-area-inset-top)) 12px 12px !important;
    flex-wrap:wrap !important;
  }
  .podcasts-page .podcasts-main .podcasts-search{order:3;flex:1 1 100%}
  .podcasts-page .podcasts-main .podcasts-shell{width:calc(100% - 24px) !important}
  .podcasts-page .podcast-rail-track{grid-auto-columns:minmax(172px,76%) !important}
  .podcasts-page .podcast-rail-track .podcast-cover-wrap{max-height:none}
  .radioguide.show .rg-header{padding-inline:12px !important}
}

@media(min-width:1500px){
  :root{--ui81-max:1120px}
  .hero-main{grid-template-columns:330px minmax(0,1fr) !important;gap:42px !important}
}

/* Hotfix de consistência: leva o vocabulário visual do Radioguide às
   páginas auxiliares. O Modo Cinema fica deliberadamente fora. */
.rg-header,.hosts-topbar,.radiovision-topbar,.dist-topbar{
  border-bottom:1px solid var(--ui81-line) !important;
  background:color-mix(in srgb,var(--ui81-bg) 90%,transparent) !important;
  color:var(--ui81-text) !important;
  backdrop-filter:blur(22px);
  -webkit-backdrop-filter:blur(22px);
}
.rg-title,.hosts-topbrand strong,.radiovision-topbrand strong,.dist-topbrand strong{
  color:var(--ui81-text) !important;
  font-family:'Reddit Sans',sans-serif !important;
}
.rg-back,.rg-close,.hosts-back,.radiovision-back,.radiovision-refresh,.dist-menu-btn,.dist-close{
  min-width:44px;height:44px;
  border:1px solid var(--ui81-line) !important;
  border-radius:14px !important;
  background:var(--ui81-surface) !important;
  color:var(--ui81-text) !important;
  box-shadow:0 12px 30px -24px rgba(0,0,0,.9);
}
.rg-close{margin-left:auto !important}
.rg-back:hover,.rg-close:hover,.hosts-back:hover,.radiovision-back:hover,.radiovision-refresh:hover,.dist-menu-btn:hover,.dist-close:hover{
  border-color:color-mix(in srgb,var(--ui81-accent) 58%,var(--ui81-line)) !important;
  background:var(--ui81-surface-2) !important;
}

/* Isola a tela de letras das dimensões compactas dos modais comuns. */
#lyricsModal.track-info-modal{
  align-items:stretch !important;
  justify-content:stretch !important;
  padding:0 !important;
}
#lyricsModal.track-info-modal .track-info-inner{
  width:100vw !important;
  max-width:none !important;
  height:100vh !important;
  height:100dvh !important;
  max-height:none !important;
  margin:0 !important;
  padding:clamp(22px,3vw,48px) !important;
  display:grid !important;
  grid-template-columns:minmax(280px,min(38vw,500px)) minmax(0,1fr) !important;
  grid-template-rows:auto minmax(0,1fr) !important;
  column-gap:clamp(28px,5vw,76px) !important;
  row-gap:20px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:hidden !important;
}
#lyricsModal .track-info-head{
  grid-column:1/-1 !important;
  grid-row:1 !important;
  width:100% !important;
  min-width:0 !important;
  padding:0 0 12px !important;
  background:linear-gradient(180deg,var(--ui81-bg) 72%,transparent) !important;
}
#lyricsModal .track-info-top{
  grid-column:1 !important;
  grid-row:2 !important;
  min-width:0 !important;
  overflow:auto !important;
}
#lyricsModal .insights-loading,#lyricsModal .lyrics-body{
  grid-column:2 !important;
  grid-row:2 !important;
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  white-space:pre-wrap !important;
  overflow-wrap:anywhere !important;
  word-break:normal !important;
  box-sizing:border-box !important;
}

@media(max-width:760px){
  #lyricsModal.track-info-modal{align-items:stretch !important}
  #lyricsModal.track-info-modal .track-info-inner{
    display:flex !important;
    flex-direction:column !important;
    width:100% !important;
    height:100dvh !important;
    max-height:none !important;
    padding:calc(14px + env(safe-area-inset-top)) 16px calc(22px + env(safe-area-inset-bottom)) !important;
    border-radius:0 !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
  }
  #lyricsModal .track-info-head{position:sticky !important;top:0 !important;flex:0 0 auto !important}
  #lyricsModal .track-info-top{overflow:visible !important;flex:0 0 auto !important}
  #lyricsModal .insights-loading,#lyricsModal .lyrics-body{overflow:visible !important;flex:0 0 auto !important}
}

/* 24.10.84 — auditoria final de alinhamento e estabilidade responsiva.
   Os seletores abaixo cobrem apenas as superfícies normais do site. */
.hero-main>*,.hero-copy,.nowplaying,.toolbar>*,main,.group,.grid,.grid>.card,
.rg-header>*,.rg-controls>*,.rg-slot-head>*,.rg-prog>*,
.hosts-topbar>*,.radiovision-topbar>*,.dist-topbar>*,
.podcasts-main,.hosts-main,.radiovision-main,.dist-main{
  min-width:0;
}

/* A implementação usa .card nos blocos da tela inicial. Esta regra aplica o
   novo acabamento somente ao modo normal, sem interferir nas visualizações
   Lista, Blocos grandes ou Marcas. */
.grid:not(.large-view):not(.list-view):not(.brand-view)>.card{
  overflow:hidden;
  border:1px solid var(--ui81-line) !important;
  border-radius:25px !important;
  background:var(--ui81-surface) !important;
  box-shadow:0 20px 55px -46px rgba(0,0,0,.9) !important;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease !important;
}
.grid:not(.large-view):not(.list-view):not(.brand-view)>.card:hover{
  transform:translateY(-4px) !important;
  border-color:color-mix(in srgb,var(--ui81-accent-2) 46%,transparent) !important;
  box-shadow:0 28px 60px -42px rgba(0,0,0,.9) !important;
}
.grid:not(.large-view):not(.list-view):not(.brand-view)>.card.disabled{
  opacity:.58;
  filter:saturate(.45);
}
.grid:not(.large-view):not(.list-view):not(.brand-view) .card-actions{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  align-items:center;
  gap:8px;
  width:100%;
  flex-wrap:nowrap;
}
.grid:not(.large-view):not(.list-view):not(.brand-view) .card-play-row{
  min-width:0;
  max-width:100%;
}
.grid:not(.large-view):not(.list-view):not(.brand-view) .card-play-text{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.grid:not(.large-view):not(.list-view):not(.brand-view) .card-pill,
.grid:not(.large-view):not(.list-view):not(.brand-view) .card-dots{
  margin:0 !important;
}
.card-src-row{max-width:100%;flex-wrap:wrap}.card-ext,.card-nostream{overflow-wrap:anywhere}
.card-hero-img,.brand-tile-logo{max-width:100%}

/* Cabeçalhos e textos longos permanecem utilizáveis em português, inglês e
   holandês, sem empurrar botões para fora da tela. */
.rg-title,.hosts-topbrand,.radiovision-topbrand,.dist-topbrand{
  min-width:0;
  overflow:hidden;
}
.rg-title,.hosts-topbrand strong,.radiovision-topbrand strong,.dist-topbrand strong{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.rg-prog-title,.rg-prog-desc,.podcast-card,.podcast-feature,.host-card,
.radiovision-card,.dist-resource,.dist-station-card{
  overflow-wrap:anywhere;
}
#lyricsModal .lyrics-body img,#lyricsModal .lyrics-body iframe,#lyricsModal .lyrics-body video{
  max-width:100% !important;
}
#lyricsModal .lyrics-body a{overflow-wrap:anywhere;word-break:break-word}

@media(max-width:760px){
  .rg-header,.hosts-topbar,.radiovision-topbar,.dist-topbar{
    width:100% !important;
    min-height:68px !important;
    padding:calc(10px + env(safe-area-inset-top)) 12px 10px !important;
    gap:9px !important;
    box-sizing:border-box;
  }
  .rg-title{font-size:clamp(18px,6vw,25px) !important}
  .rg-back,.rg-close,.hosts-back,.radiovision-back,.radiovision-refresh,.dist-menu-btn,.dist-close{
    flex:0 0 44px;
    width:44px;
    padding:0 !important;
    display:inline-flex;
    align-items:center;
    justify-content:center;
  }
  .rg-controls{width:calc(100% - 24px) !important;gap:8px !important}
  .rg-control{min-width:0 !important;max-width:100% !important}
  .rg-station-banner{width:calc(100% - 24px) !important;box-sizing:border-box}
  .rg-slot-head{gap:10px !important}.rg-slot-time{flex:0 0 66px !important}
  .rg-slot-name{min-width:0;overflow-wrap:anywhere}
  .rg-prog{min-width:0 !important}.rg-prog-img{max-width:100% !important}

  .grid:not(.large-view):not(.list-view):not(.brand-view)>.card{
    border-radius:22px !important;
  }
  .grid:not(.large-view):not(.list-view):not(.brand-view) .card-hero{
    aspect-ratio:16/9 !important;
  }
  .grid:not(.large-view):not(.list-view):not(.brand-view) .card-actions{
    grid-template-columns:minmax(0,1fr) auto 44px;
    gap:7px;
  }
  .grid:not(.large-view):not(.list-view):not(.brand-view) .card-dots{
    width:44px !important;height:44px !important;border-radius:14px !important;
  }
  .grid.brand-view>.card{min-width:0}.brand-tile-stage{width:100%}
  .large-view .card{grid-template-columns:minmax(104px,34%) minmax(0,1fr) !important}
  .large-view .card-body{min-width:0;padding:12px !important}
  .list-view .card{min-width:0}.list-view .card-body{min-width:0}

  .podcast-card,.podcast-feature,.podcast-detail-hero,.podcast-native-player,
  .host-card,.radiovision-card,.radiovision-hero,.dist-card,.dist-station-card{
    max-width:100%;
    box-sizing:border-box;
  }
}

@media(max-width:420px){
  .grid:not(.large-view):not(.list-view):not(.brand-view) .card-body{padding:14px !important}
  .grid:not(.large-view):not(.list-view):not(.brand-view) .card-actions{
    grid-template-columns:minmax(0,1fr) 44px 44px;
  }
  .grid:not(.large-view):not(.list-view):not(.brand-view) .card-pill{
    width:44px !important;height:44px !important;padding:0 !important;
    justify-content:center !important;font-size:0 !important;border-radius:14px !important;
  }
  .grid:not(.large-view):not(.list-view):not(.brand-view) .card-pill svg{
    width:16px !important;height:16px !important;
  }
  .rg-slot-time{flex-basis:58px !important;font-size:13px !important}
  .rg-title{font-size:19px !important}
}

@media(hover:none),(pointer:coarse){
  .grid:not(.large-view):not(.list-view):not(.brand-view)>.card:hover,
  .grid.brand-view>.card:hover,.large-view>.card:hover,.list-view>.card:hover{
    transform:none !important;
  }
}

/* 24.10.84 — filtros com uma única métrica visual.
   O wordmark da Rádio Mais e os rótulos textuais agora compartilham exatamente
   a mesma caixa, altura e linha de base em todas as larguras. */
.tabs{
  display:flex !important;
  align-items:center !important;
  flex-wrap:nowrap !important;
  gap:8px !important;
  padding:12px 0 4px !important;
}
.tabs>.tab{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  align-self:center !important;
  flex:0 0 auto !important;
  box-sizing:border-box !important;
  width:auto !important;
  min-height:42px !important;
  height:42px !important;
  margin:0 !important;
  padding:0 16px !important;
  font-size:12.5px !important;
  line-height:1 !important;
  vertical-align:middle !important;
}
.tabs>.tab-brand img{
  display:block !important;
  width:auto !important;
  height:13px !important;
  max-height:13px !important;
  margin:0 !important;
}

/* O sistema anterior ainda usa estas variáveis em alguns componentes.
   O remapeamento impede superfícies pretas no modo claro sem alterar as cores
   próprias das emissoras e sem tocar no Modo Cinema. */
html[data-site-theme="light"]{
  color-scheme:light;
  --paper:var(--ui81-bg);
  --card:var(--ui81-surface);
  --card-2:var(--ui81-surface-2);
  --ink:var(--ui81-text);
  --ink-soft:var(--ui81-muted);
  --line:var(--ui81-line);
  --blue-deep:var(--ui81-bg-2);
}
html[data-site-theme="light"] .rg-control,
html[data-site-theme="light"] .rg-station-banner,
html[data-site-theme="light"] .rg-calendar,
html[data-site-theme="light"] .rg-picker,
html[data-site-theme="light"] .rg-picker-cancel,
html[data-site-theme="light"] .rg-picker-item,
html[data-site-theme="light"] .rg-scroll-arrow,
html[data-site-theme="light"] .rg-cal-nav,
html[data-site-theme="light"] .rg-cal-day,
html[data-site-theme="light"] .station-menu .rg-picker-cancel{
  border-color:var(--ui81-line) !important;
  background:var(--ui81-surface) !important;
  color:var(--ui81-text) !important;
}
html[data-site-theme="light"] .rg-control,
html[data-site-theme="light"] .rg-scroll-arrow,
html[data-site-theme="light"] .rg-cal-nav,
html[data-site-theme="light"] .rg-cal-day,
html[data-site-theme="light"] .rg-picker-cancel{
  background:var(--ui81-surface-2) !important;
}
html[data-site-theme="light"] .rg-control svg,
html[data-site-theme="light"] .rg-district-btn svg,
html[data-site-theme="light"] .rg-cal-nav svg,
html[data-site-theme="light"] .rg-scroll-arrow svg{
  fill:currentColor !important;
}
html[data-site-theme="light"] .rg-station-brand,
html[data-site-theme="light"] .rg-picker-head h3,
html[data-site-theme="light"] .rg-picker-close,
html[data-site-theme="light"] .rg-picker-item,
html[data-site-theme="light"] .rg-picker-cancel{
  color:var(--ui81-text) !important;
}
html[data-site-theme="light"] .rg-picker-sub,
html[data-site-theme="light"] .rg-timezone-note{
  color:var(--ui81-muted) !important;
}
html[data-site-theme="light"] .rg-picker-item:hover,
html[data-site-theme="light"] .rg-scroll-arrow:hover,
html[data-site-theme="light"] .rg-picker-cancel:hover{
  background:var(--ui81-surface-3) !important;
}
html[data-site-theme="light"] .rg-picker-list.city-mode .rg-picker-item{
  background:var(--ui81-surface-2) !important;
  color:var(--ui81-text) !important;
}
html[data-site-theme="light"] .rg-picker-list.city-mode .rg-picker-item.current{
  border-color:var(--ui81-accent) !important;
  background:color-mix(in srgb,var(--ui81-accent) 18%,var(--ui81-surface)) !important;
}
html[data-site-theme="light"] .site-menu-close,
html[data-site-theme="light"] .settings-close,
html[data-site-theme="light"] .lyrics-close,
html[data-site-theme="light"] .request-close{
  border:1px solid var(--ui81-line) !important;
  background:var(--ui81-surface-2) !important;
  color:var(--ui81-text) !important;
}

@media(min-width:1100px){
  .tabs>.tab{
    min-height:38px !important;
    height:38px !important;
    padding:0 14px !important;
  }
}

/* RadioGuide: o seletor volta a mostrar somente a assinatura PNG da estação. */
.rg-picker-item > .rg-picker-wordmark{
  display:block;
  width:auto;
  height:20px;
  max-width:150px;
  object-fit:contain;
  flex:0 1 auto;
}
.rg-picker-item > .rg-brand-plate{
  min-width:78px;
  justify-content:center;
}
html[data-site-theme="light"] .rg-picker-item > .rg-picker-wordmark{
  filter:drop-shadow(0 1px 0 rgba(255,255,255,.35));
}

/* 24.10.87 — tratamento uniforme das marcas na página inicial do RadioGuide.
   O contêiner interno elimina variações de orientação causadas por canvases
   com proporções diferentes e mantém todos os wordmarks no mesmo eixo. */
.rg-home-card-logo{
  position:relative;
  isolation:isolate;
  padding:20px 22px !important;
}
.rg-home-card-logo::after{
  content:'';
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:radial-gradient(85% 70% at 18% 8%,rgba(255,255,255,.16),transparent 64%);
}
.rg-home-art{
  width:100%;
  height:100%;
  min-width:0;
  display:grid !important;
  place-items:center;
  overflow:hidden;
  line-height:1;
}
.rg-home-art-wordmark img{
  display:block;
  width:auto !important;
  height:auto !important;
  max-width:84% !important;
  max-height:72% !important;
  object-fit:contain;
  object-position:center;
  image-orientation:from-image;
  transform:none;
}
/* O PNG oficial da J-Pop é transparente, mas possui um canvas quadrado com
   bastante área vazia. Esta compensação enquadra somente a assinatura visual
   sem rasterizar, deformar ou reintroduzir o antigo fundo do JPG. */
.rg-home-art-jpop img{
  display:block;
  width:88% !important;
  height:auto !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:contain;
  object-position:center;
  image-orientation:from-image;
  transform:translateY(-13%);
  filter:drop-shadow(0 6px 12px rgba(73,4,31,.22));
}
@media(max-width:760px){
  .rg-home-card-logo{padding:17px 18px !important}
  .rg-home-art-wordmark img{max-width:88% !important;max-height:74% !important}
  .rg-home-art-jpop img{width:94% !important}
}

/* 24.10.88 — paletas independentes e área segura real para os logotipos.
   A grade inicial usa PNG colorido sobre superfície clara; o RadioGuide não
   recorta mais os desenhos que chegam muito perto das bordas do arquivo. */
.brand-tile[data-station="P5 Hits"] .brand-tile-logo,
.brand-tile[data-station="P6 PopAsia"] .brand-tile-logo,
.brand-tile[data-station="P7 Nosta"] .brand-tile-logo,
.brand-tile[data-station="P8 The Anthemz"] .brand-tile-logo,
.brand-tile[data-station="P12 Hitmix"] .brand-tile-logo{
  opacity:1;
  filter:drop-shadow(0 7px 12px rgba(16,34,70,.12));
}
.rg-home-art-wordmark{
  box-sizing:border-box;
  padding:8px 12px;
  overflow:visible;
}
.rg-home-art-wordmark img{
  max-width:80% !important;
  max-height:64% !important;
}
@media(max-width:760px){
  .rg-home-art-wordmark{padding:7px 9px}
  .rg-home-art-wordmark img{max-width:84% !important;max-height:66% !important}
}

/* 24.10.89 — fallback limpo para a assinatura do programa. O caminho do PNG
   é resolvido pelo JavaScript a partir da raiz nas URLs profundas do guia. */
.rg-prog-brand-fallback{
  color:#fff;
  font:850 28px/1 'Reddit Sans','Plus Jakarta Sans',sans-serif;
  letter-spacing:-.04em;
  text-shadow:0 5px 12px rgba(0,0,0,.28);
}

/* 24.10.91 — Power Hits segue o mesmo padrão de wordmark das demais marcas. */
.brand-tile[data-station="Rádio Power Hits"] .brand-tile-logo{
  width:auto !important;
  height:auto !important;
  max-width:64% !important;
  max-height:68% !important;
  object-fit:contain !important;
}
.rg-home-art-power-hits-wordmark img{
  max-width:58% !important;
  max-height:66% !important;
  object-fit:contain !important;
  object-position:center !important;
  transform:translateY(-6px);
}

/* 24.10.92 — correções móveis: blocos grandes em uma coluna e dock compacto. */
@media(max-width:720px){
  .grid.large-view{
    grid-template-columns:1fr !important;
    gap:13px !important;
  }
  .grid.large-view>.card{
    width:100% !important;
    min-width:0 !important;
    min-height:174px;
    grid-template-columns:minmax(118px,36%) minmax(0,1fr) !important;
    overflow:hidden !important;
  }
  .grid.large-view .card-hero{
    width:100% !important;
    height:100% !important;
    min-height:174px;
    aspect-ratio:auto !important;
  }
  .grid.large-view .card-body{
    min-width:0 !important;
    padding:13px !important;
  }
  .grid.large-view .card-prog-name,
  .grid.large-view .card-prog-time{
    overflow-wrap:anywhere;
  }

  .mini-player{
    max-height:none !important;
    overflow:hidden !important;
    padding-bottom:env(safe-area-inset-bottom) !important;
  }
  .mini-player-inner,
  html.simple-player .mini-player-inner{
    width:calc(100% - 16px) !important;
    min-height:0 !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    grid-template-rows:auto auto !important;
    column-gap:8px !important;
    row-gap:3px !important;
    padding:7px 2px 2px !important;
  }
  .mini-left,html.simple-player .mini-left{gap:9px !important;min-width:0 !important}
  .mini-art,html.simple-player .mini-art{
    width:44px !important;height:44px !important;border-radius:13px !important;
  }
  .mini-station{font-size:10.5px !important}
  .mini-track{font-size:10px !important;line-height:1.2 !important}
  .mini-center,html.simple-player .mini-center{
    display:flex !important;
    grid-column:2 !important;
    grid-row:1 !important;
    justify-self:end !important;
    align-self:center !important;
  }
  .mini-skip{display:none !important}
  .mini-play,html.simple-player .mini-play{
    width:44px !important;height:44px !important;
  }
  .mini-player .mini-right,
  html.simple-player .mini-player .mini-right{
    grid-column:1/-1 !important;
    grid-row:2 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    justify-self:stretch !important;
    width:100% !important;
    height:34px !important;
    padding:0 !important;
    margin:0 !important;
    gap:8px !important;
    border-top:0 !important;
  }
  .mini-player .mini-right #miniRequestBtn,
  .mini-player .mini-right .mini-volume-wrap,
  .mini-player .mini-right #miniExpandBtn{display:none !important}
  .mini-player .mini-right .mini-live{
    width:auto !important;min-width:72px !important;height:32px !important;
    padding:0 8px !important;margin:0 !important;
  }
  .mini-player .mini-right .mini-icon-btn{
    width:34px !important;height:34px !important;
  }
  .mini-timeline,html.simple-player .mini-timeline{
    width:calc(100% - 20px) !important;
    min-height:20px !important;
    padding:0 0 calc(5px + env(safe-area-inset-bottom)) !important;
    gap:7px !important;
  }
  .mini-time,html.simple-player .mini-time{
    display:block !important;
    min-width:36px !important;
    font-size:9px !important;
  }
  main{padding-bottom:145px !important}
}

@media(max-width:380px){
  .grid.large-view>.card{
    grid-template-columns:108px minmax(0,1fr) !important;
  }
  .mini-player .mini-right #miniFullscreenBtn{display:none !important}
}

/* 24.10.93 — o player simplificado móvel tem composição própria. */
@media(max-width:720px){
  html.simple-player .mini-player-inner{
    min-height:0 !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    grid-template-rows:48px 32px !important;
    row-gap:2px !important;
    padding:5px 2px 1px !important;
  }
  html.simple-player .mini-art{
    width:40px !important;
    height:40px !important;
    border-radius:12px !important;
  }
  html.simple-player .mini-play{
    width:42px !important;
    height:42px !important;
  }
  html.simple-player .mini-center{
    grid-column:2 !important;
    grid-row:1 !important;
  }
  html.simple-player .mini-right{
    grid-column:1/-1 !important;
    grid-row:2 !important;
    display:grid !important;
    grid-template-columns:74px repeat(5,32px) !important;
    grid-auto-flow:column !important;
    grid-auto-rows:32px !important;
    justify-content:center !important;
    width:100% !important;
    height:32px !important;
    gap:7px !important;
    padding:0 !important;
    margin:0 !important;
    border-top:0 !important;
  }
  html.simple-player .mini-right #miniLiveBtn{
    grid-column:1 !important;
    grid-row:1 !important;
    width:80px !important;
    height:32px !important;
  }
  html.simple-player .mini-right #miniQueueBtn{
    grid-column:2 !important;
    grid-row:1 !important;
    display:flex !important;
  }
  html.simple-player .mini-right #miniRequestBtn:not([hidden]){
    grid-column:3 !important;
    grid-row:1 !important;
    display:flex !important;
    width:32px !important;
    min-width:32px !important;
    padding:0 !important;
  }
  html.simple-player .mini-right #miniStopBtn{
    grid-column:6 !important;
    grid-row:1 !important;
    display:flex !important;
  }
  html.simple-player .mini-right .mini-volume-wrap{
    display:none !important;
  }
  html.simple-player .mini-right #miniExpandBtn{
    grid-column:4 !important;grid-row:1 !important;display:flex !important;
  }
  html.simple-player .mini-right #miniFullscreenBtn{
    grid-column:5 !important;grid-row:1 !important;display:flex !important;
  }
  html.simple-player .mini-right #miniRequestBtn[hidden]{display:none !important}
  html.simple-player .mini-right .mini-icon-btn{
    width:32px !important;
    height:32px !important;
  }
  html.simple-player .mini-timeline{
    min-height:14px !important;
    padding:0 10px calc(4px + env(safe-area-inset-bottom)) !important;
    gap:0 !important;
  }
  html.simple-player .mini-time{display:none !important}
  html.simple-player .mini-track-bar{height:4px !important}
  html.simple-player .mini-track-dot{width:12px !important;height:12px !important}
  html.simple-player~body main,
  html.simple-player main{padding-bottom:124px !important}

  .radioguide{--rg-mobile-gutter:18px}
  .radioguide.show .rg-header{
    width:100% !important;
    padding-left:var(--rg-mobile-gutter) !important;
    padding-right:var(--rg-mobile-gutter) !important;
  }
  .rg-detail .rg-controls,
  .rg-detail .rg-station-banner,
  .rg-detail .rg-tz-note,
  .rg-detail .rg-schedule{
    width:calc(100% - (var(--rg-mobile-gutter) * 2)) !important;
    max-width:none !important;
    margin-left:auto !important;
    margin-right:auto !important;
    box-sizing:border-box !important;
  }
  .rg-detail .rg-controls{
    padding-left:0 !important;
    padding-right:0 !important;
  }
  .rg-detail .rg-station-banner{margin-bottom:18px !important}
  .rg-detail .rg-tz-note,
  .rg-detail .rg-schedule{padding-left:0 !important;padding-right:0 !important}
  .rg-detail .rg-empty{padding-left:12px !important;padding-right:12px !important}

  /* Janelas estreitas, inclusive o navegador dividido no computador, não
     podem herdar a largura mínima dos controles e empurrar a página. */
  .history,
  .toolbar,
  .toolbar-top,
  .search-row,
  .search,
  .tabs{min-width:0 !important;max-width:100% !important;box-sizing:border-box !important}
  .history{
    width:calc(100% - 24px) !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }
  .history-inner{
    width:100% !important;
    min-width:0 !important;
    margin-left:0 !important;
    margin-right:0 !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
  }
  .history-list{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    overscroll-behavior-x:contain;
    scroll-snap-type:x proximity;
  }
  .history-item{scroll-snap-align:start}
  .toolbar-top{width:100% !important}
  .toolbar-top>.rg-open-btn{
    min-width:0 !important;
    max-width:100% !important;
    padding-left:10px !important;
    padding-right:10px !important;
    overflow:hidden !important;
    white-space:nowrap !important;
  }
  .search-row{width:100% !important}
  .search{flex:1 1 0 !important;width:auto !important;overflow:hidden !important}
  .search input{min-width:0 !important;width:100% !important}
  .layout-toggle{flex:0 0 44px !important}
  .tabs{width:100% !important;overscroll-behavior-x:contain}
}

/* Mantido no fim da cascata para prevalecer sobre os ajustes móveis legados. */
html.simple-player .mini-right #miniRequestBtn,
html.simple-player .mini-right .mini-volume-wrap,
html.simple-player .mini-right #miniExpandBtn,
html.simple-player .mini-right #miniStopBtn{display:none !important}

@media(min-width:721px){
  html.simple-player .mini-player-inner{
    min-height:64px !important;
    grid-template-columns:minmax(0,1fr) auto auto !important;
    padding-top:7px !important;
    padding-bottom:3px !important;
  }
  html.simple-player .mini-art{width:44px !important;height:44px !important;border-radius:13px !important}
  html.simple-player .mini-play{width:50px !important;height:50px !important}
  html.simple-player .mini-right{
    grid-column:auto !important;
    justify-self:end !important;
    justify-content:flex-end !important;
    width:auto !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
  }
}

@media(max-width:720px){
  html.simple-player .mini-player-inner{
    grid-template-rows:52px 36px !important;
    padding-top:6px !important;
  }
  html.simple-player .mini-art{width:44px !important;height:44px !important}
  html.simple-player .mini-play{width:48px !important;height:48px !important}
  html.simple-player .mini-right{
    grid-template-columns:80px repeat(2,36px) !important;
    grid-auto-flow:initial !important;
    grid-auto-rows:36px !important;
    height:36px !important;
    gap:9px !important;
  }
  html.simple-player .mini-right #miniLiveBtn{grid-column:1 !important;width:80px !important;height:34px !important}
  html.simple-player .mini-right #miniQueueBtn{grid-column:2 !important;width:36px !important;height:36px !important}
  html.simple-player .mini-right #miniFullscreenBtn{grid-column:3 !important;width:36px !important;height:36px !important}
}