/* Source block: legacy-block-1 */
@font-face{
    font-family:'NRK Sans';
    src:url('/assets/fonts/nrk-sans/nrk-sans.woff2') format('woff2');
    font-style:normal;
    font-weight:1 950;
    font-display:swap;
  }
  :root{
    --mint:#5FFFC0;
    --mint-ink:#0B3B2E;
    --purple:#7C4DFF;
    --purple-2:#9C86FF;
    --purple-deep:#0A1424;
    --purple-deep-2:#132A4A;
    --yellow:#FFD34D;
    --coral:#FF5C7A;
    --teal:#21D2B0;
    --red:#FF4747;
    --blue:#3D7FFF;
    --blue-deep:#0A1424;
    --paper:#0E1B30;
    --maxw:1080px;   /* largura única do conteúdo — antes o corpo era 900px
                        e o player 1200px, o que deixava tudo desalinhado */
    --card:#16263F;
    --card-2:#1C2E4A;
    --ink:#F3F6FC;
    --ink-soft:#93A3C4;
    --line:#28395A;
    --r-xs:6px;
    --r-sm:10px;
    --r-md:14px;
    --r-lg:18px;
    --r-xl:22px;
    --white:#FFFFFF;
  }
  *{box-sizing:border-box;}
  html,body{margin:0;padding:0;}
  html{
    /* Sem isso, o "modo escuro automático" do navegador (comum no Chrome/Safari
       do celular) sobrescreve o fundo da página com um cinza próprio, ignorando
       a nossa cor. Declarar que o site JÁ é escuro faz o navegador respeitar. */
    color-scheme: dark;
    background:var(--paper);
  }
  body{
    background:var(--paper);
    color:var(--ink);
    font-family:'Work Sans',sans-serif;
    min-height:100vh;
    padding-bottom:200px;
    -webkit-font-smoothing:antialiased;
  }
  ::selection{background:var(--yellow);color:var(--ink);}
  h1,h2,h3,.display{font-family:'Plus Jakarta Sans',sans-serif;}

  /* ---------- TOPBAR ---------- */
  .topbar{
    position:sticky;
    top:0;
    z-index:20;
    background:var(--blue-deep, #0A1424);
    border-bottom:1px solid var(--line);
  }
  .topbar-inner{
    max-width:var(--maxw);
    margin:0 auto;
    padding:14px 18px;
    display:flex;
    align-items:center;
    justify-content:space-between;
  }
  .brand-mark{
    display:flex;
    align-items:center;
    gap:9px;
  }
  .brand-mark .m-badge{
    width:34px;height:34px;
    border-radius:var(--r-md);
    background:var(--blue);
    color:#fff;
    display:flex;align-items:center;justify-content:center;
    font-family:'Plus Jakarta Sans',sans-serif;
    font-weight:700;
    font-size:18px;
  }
  .brand-mark .brand-text{
    font-family:'Plus Jakarta Sans',sans-serif;
    font-weight:600;
    font-size:15px;
    letter-spacing:.2px;
    color:var(--ink);
    line-height:1.1;
  }
  .brand-mark .brand-text small{
    display:block;
    font-family:'Work Sans',sans-serif;
    font-weight:600;
    font-size:9.5px;
    letter-spacing:1.6px;
    text-transform:uppercase;
    color:var(--ink-soft);
    margin-top:1px;
  }
  .top-actions{display:flex;gap:8px;}
  .circle-btn{
    width:38px;height:38px;
    border-radius:50%;
    border:none;
    background:var(--blue);
    color:#fff;
    display:flex;align-items:center;justify-content:center;
    cursor:pointer;
    box-shadow:0 6px 14px -6px rgba(61,127,255,.6);
    transition:transform .12s ease;
  }
  .circle-btn:active{transform:scale(.92);}
  .circle-btn svg{width:16px;height:16px;fill:#fff;}

  /* ---------- HERO ---------- */
  .hero{
    position:relative;
    background:
      radial-gradient(600px 300px at 90% 0%, rgba(61,127,255,.30), transparent 60%),
      radial-gradient(500px 260px at -10% 30%, rgba(255,71,71,.18), transparent 55%),
      linear-gradient(160deg, var(--blue-deep), var(--purple-deep-2));
    padding:34px 18px 30px;
    overflow:hidden;
  }
  .hero-shape{
    position:absolute;
    border-radius:40px;
    opacity:.5;
    filter:blur(2px);
  }
  .hero-shape.s1{
    width:150px;height:60px;
    background:linear-gradient(90deg,#FF5C7A,#FF8A65);
    top:14%;left:-40px;
    transform:rotate(-14deg);
    opacity:.35;
  }
  .hero-shape.s2{
    width:170px;height:70px;
    background:linear-gradient(90deg,#21D2B0,#5FFFC0);
    bottom:16%;right:-50px;
    transform:rotate(10deg);
    opacity:.30;
  }
  .hero-content{
    position:relative;
    max-width:520px;
    margin:0 auto;
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
  }
  .hero-play{
    width:96px;height:96px;
    border-radius:50%;
    border:2.5px solid rgba(255,255,255,.85);
    background:rgba(255,255,255,.06);
    display:flex;align-items:center;justify-content:center;
    cursor:pointer;
    margin-bottom:22px;
    transition:transform .12s ease, background .15s ease;
  }
  .hero-play:active{transform:scale(.95);}
  .hero-play:hover{background:rgba(255,255,255,.14);}
  .hero-play svg{width:34px;height:34px;fill:#fff;}
  .art{
    width:104px;height:104px;
    border-radius:50%;
    background:linear-gradient(140deg,var(--mint),var(--teal));
    display:flex;align-items:center;justify-content:center;
    overflow:hidden;
    font-size:34px;
    font-family:'Plus Jakarta Sans',sans-serif;
    font-weight:700;
    color:var(--purple-deep);
    box-shadow:0 14px 30px -12px rgba(0,0,0,.5), 0 0 0 6px rgba(255,255,255,.06);
    margin-bottom:18px;
    flex:0 0 auto;
  }
  .art img{width:100%;height:100%;object-fit:cover;display:block;}
  .art.is-brand-wordmark{
    padding:18px;
    background:var(--brand-surface,#00F5A0);
  }
  .art.is-brand-wordmark img{object-fit:contain;}
  .hero-station{
    font-size:26px;
    font-weight:600;
    color:#fff;
    margin:0 0 6px;
    line-height:1.15;
    word-break:break-word;
  }
  .hero-sub{
    font-size:13.5px;
    color:rgba(255,255,255,.68);
    margin:0 0 16px;
    font-weight:500;
  }
  .hero-pill{
    display:inline-flex;
    align-items:center;
    gap:8px;
    border:1.5px solid rgba(255,255,255,.5);
    border-radius:999px;
    padding:8px 18px;
    font-family:'Plus Jakarta Sans',sans-serif;
    font-size:12.5px;
    letter-spacing:.5px;
    color:#fff;
    margin-bottom:16px;
  }
  .hero-pill i{
    width:8px;height:8px;border-radius:50%;
    background:var(--red);
    box-shadow:0 0 8px var(--red);
  }
  .hero-pill.off i{background:rgba(255,255,255,.4);box-shadow:none;}
  .hero-band{
    opacity:.75;
    font-weight:600;
  }

  /* ---------- Animação de entrada ao sintonizar uma rádio ----------
     Quando você seleciona uma estação, os elementos do player sobem de baixo
     com um leve fade, um após o outro (efeito "stagger"/cascata). Cada elemento
     tem um atraso crescente via --hero-i, dando aquela sensação de a barra/
     conteúdo subir. Só roda quando a classe .hero-enter é (re)aplicada. */
  @keyframes heroRise{
    from{opacity:0; transform:translateY(16px);}
    to{opacity:1; transform:translateY(0);}
  }
  .hero-enter .art,
  .hero-enter .hero-station,
  .hero-enter .hero-sub,
  .hero-enter .meta-row,
  .hero-enter .quality-badges,
  .hero-enter .source-row,
  .hero-enter .nowplaying,
  .hero-enter #liveDot{
    animation:heroRise .5s cubic-bezier(.22,1,.36,1) both;
    animation-delay:calc(var(--hero-i,0) * .06s);
  }
  .hero-enter .art{--hero-i:0;}
  .hero-enter .hero-station{--hero-i:1;}
  .hero-enter .hero-sub{--hero-i:2;}
  .hero-enter .meta-row{--hero-i:3;}
  .hero-enter .quality-badges{--hero-i:4;}
  .hero-enter .source-row{--hero-i:5;}
  .hero-enter .nowplaying{--hero-i:6;}
  .hero-enter #liveDot{--hero-i:7;}
  /* Logo entra com um toque a mais: sobe girando/escalando de leve */
  @keyframes heroArtPop{
    0%{opacity:0; transform:translateY(16px) scale(.82);}
    60%{opacity:1; transform:translateY(0) scale(1.04);}
    100%{opacity:1; transform:translateY(0) scale(1);}
  }
  .hero-enter .art{animation:heroArtPop .58s cubic-bezier(.34,1.56,.64,1) both;}
  /* Modo leve: mesma cascata, porém mais rápida e sem o overshoot do logo */
  html.anim-light .hero-enter .art,
  html.anim-light .hero-enter .hero-station,
  html.anim-light .hero-enter .hero-sub,
  html.anim-light .hero-enter .meta-row,
  html.anim-light .hero-enter .quality-badges,
  html.anim-light .hero-enter .source-row,
  html.anim-light .hero-enter .nowplaying,
  html.anim-light .hero-enter #liveDot{
    animation:heroRise .34s ease-out both;
    animation-delay:calc(var(--hero-i,0) * .035s);
  }
  /* Sem animação: entra tudo direto, sem cascata (acessibilidade/preferência) */
  html.anim-none .hero-enter .art,
  html.anim-none .hero-enter .hero-station,
  html.anim-none .hero-enter .hero-sub,
  html.anim-none .hero-enter .meta-row,
  html.anim-none .hero-enter .quality-badges,
  html.anim-none .hero-enter .source-row,
  html.anim-none .hero-enter .nowplaying,
  html.anim-none .hero-enter #liveDot{
    animation:none;
  }

  .meta-row{
    display:flex;
    gap:8px;
    margin-bottom:14px;
  }
  .quality-badges{
    display:flex;
    gap:6px;
    margin-bottom:14px;
    flex-wrap:wrap;
  }
  .qb{
    display:flex;
    align-items:center;
    gap:4px;
    font-family:'Plus Jakarta Sans',sans-serif;
    font-size:10px;
    font-weight:700;
    letter-spacing:.3px;
    padding:4px 9px;
    border-radius:999px;
    border:1.5px solid rgba(255,255,255,.15);
    background:rgba(255,255,255,.04);
    color:rgba(255,255,255,.28);
    transition:all .2s ease;
  }
  .qb svg{width:12px;height:12px;fill:currentColor;opacity:.7;}
  .qb.active{
    color:var(--mint);
    border-color:rgba(95,255,192,.4);
    background:rgba(95,255,192,.1);
  }
  .qb.qb-eco.active{
    color:#8CFF7A;
    border-color:rgba(140,255,122,.4);
    background:rgba(140,255,122,.1);
  }
  .qb.qb-dab{
    border:none;
    background:none;
    padding:2px 4px;
  }
  .qb.qb-dab img{
    height:18px;
    width:auto;
    display:block;
  }
  .meta-pill{
    font-family:'Plus Jakarta Sans',sans-serif;
    font-size:11px;
    letter-spacing:.3px;
    padding:5px 12px;
    border-radius:999px;
    background:rgba(255,255,255,.10);
    border:1px solid rgba(255,255,255,.22);
    color:#fff;
  }
  .source-row{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:6px;
    margin-bottom:14px;
  }
  .source-row:empty{margin-bottom:0;}
  .src-pill{
    font-family:'Work Sans',sans-serif;
    font-size:11px;
    font-weight:700;
    padding:6px 12px;
    border-radius:999px;
    border:1.5px solid rgba(255,255,255,.35);
    background:rgba(255,255,255,.06);
    color:rgba(255,255,255,.8);
    cursor:pointer;
    transition:all .15s ease;
  }
  .src-pill.active{
    background:var(--yellow);
    border-color:var(--yellow);
    color:var(--purple-deep);
  }
  .nowplaying{
    display:none;
    max-width:100%;
    margin-bottom:16px;
    padding:10px 14px;
    border-radius:var(--r-md);
    background:rgba(255,255,255,.07);
    border:1px solid rgba(255,255,255,.14);
  }
  .nowplaying.show{display:block;}
  .np-row{
    display:flex;
    align-items:center;
    gap:12px;
    text-align:left;
  }
  .cinema-art{
    transition:opacity .3s ease, background-image .3s ease;
  }
  .np-cover{
    width:48px;height:48px;
    border-radius:var(--r-sm);
    object-fit:cover;
    display:none;
    background:rgba(255,255,255,.1);
    flex:0 0 auto;
    box-shadow:0 6px 14px -6px rgba(0,0,0,.5);
    /* FADE: 'display' não é animável — por isso o fade nunca funcionou antes.
       Uso opacidade + uma leve escala, que animam de verdade. O fade só roda
       DEPOIS que a imagem carregou, então ele nunca atrasa nada: só suaviza a
       aparição, em vez de a capa "pipocar" na tela. */
    opacity:0;
    transform:scale(.94);
    transition:opacity .28s ease, transform .28s cubic-bezier(.22,1,.36,1);
  }
  .np-cover.show{display:block;}
  .np-cover.loaded{
    opacity:1;
    transform:scale(1);
  }
  /* Modo sem animação: aparece na hora, sem transição nenhuma */
  html.anim-none .np-cover{
    transition:none;
    transform:none;
  }
  .np-info{
    display:flex;
    flex-direction:column;
    gap:2px;
    min-width:0;
  }
  .np-label{
    font-size:9px;
    letter-spacing:1.8px;
    color:rgba(255,255,255,.5);
    font-weight:700;
  }
  .np-title{
    font-family:'Plus Jakarta Sans',sans-serif;
    font-size:14px;
    font-weight:600;
    color:#fff;
    max-width:280px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .np-lyrics{
    margin-top:5px;
    display:flex;
    align-items:center;
    gap:5px;
    font-family:'Work Sans',sans-serif;
    font-size:11px;
    font-weight:700;
    color:var(--yellow);
    background:rgba(255,211,77,.1);
    border:1px solid rgba(255,211,77,.3);
    border-radius:999px;
    padding:5px 12px;
    cursor:pointer;
    align-self:flex-start;
  }
  .np-lyrics svg{width:12px;height:12px;fill:var(--yellow);}
  .np-lyrics:hover{background:rgba(255,211,77,.18);}
  .np-progress-wrap{
    margin-top:10px;
  }
  .np-progress-bar{
    width:100%;
    height:4px;
    border-radius:2px;
    background:rgba(255,255,255,.18);
    overflow:hidden;
  }
  .np-progress-fill{
    height:100%;
    width:0%;
    background:var(--yellow);
    border-radius:2px;
    /* A transição dura EXATAMENTE o mesmo tempo do ciclo de atualização (1s).
       Antes eram 0,9s contra 1s — a animação terminava e ficava 0,1s parada
       antes do próximo passo, causando um engasgo visível a cada segundo.
       Com os tempos iguais e curva linear, o movimento vira uma corrida lisa. */
    transition:width 1s linear;
  }
  /* Ao trocar de música ou pular de posição, a barra precisa ir DIRETO pro novo
     ponto — animar um salto de 80% pra 0% ficaria estranho. */
  .np-progress-fill.jump{transition:none;}
  .np-progress-fill.indeterminate{
    width:100%;
    background:repeating-linear-gradient(90deg, var(--yellow) 0 10px, transparent 10px 20px);
    opacity:.5;
  }
  .np-time-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:22px;
    margin-top:4px;
    padding-block:2px 3px;
    box-sizing:border-box;
    font-family:'Reddit Sans',sans-serif;
    font-size:10.5px;
    font-weight:600;
    font-variant-numeric:tabular-nums;
    font-feature-settings:"tnum" 1;
    letter-spacing:0;
    line-height:16px;
    color:#AEBBD0;
    text-shadow:none;
    -webkit-text-stroke:0;
    overflow:visible;
  }
  .np-time-row span{
    display:inline-flex;
    align-items:center;
    min-width:42px;
    min-height:16px;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    line-height:16px;
    overflow:visible;
  }
  .eq{
    display:flex;
    align-items:flex-end;
    gap:4px;
    height:18px;
    margin-bottom:4px;
  }
  .eq i{
    width:4px;
    height:16px;
    background:var(--yellow);
    opacity:.9;
    border-radius:2px;
    transform:scaleY(.25);
    transform-origin:center bottom;
    animation:eqDeep 1.05s cubic-bezier(.45,0,.55,1) infinite;
  }
  .eq i:nth-child(1){animation-delay:.0s;}
  .eq i:nth-child(2){animation-delay:.15s;}
  .eq i:nth-child(3){animation-delay:.3s;}
  .eq i:nth-child(4){animation-delay:.45s;}
  .eq i:nth-child(5){animation-delay:.6s;}
  @keyframes eqDeep{
    0%,100%{transform:scaleY(.25);}
    45%{transform:scaleY(1);}
  }
  @keyframes eqLight{
    0%,100%{transform:scaleY(.30);}
    50%{transform:scaleY(.62);}
  }
  .wave{
    position:absolute;
    bottom:-1px;left:0;
    width:100%;
    height:60px;
    display:block;
  }

  /* ---------- CONTROL DOCK ---------- */
  .dock{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    max-width:200px;
    margin:-46px auto 0;
    position:relative;
    z-index:5;
  }
  .dock #stopBtn, .dock .vol{
    display:none;
  }
  .dock #replayToggleBtn{
    width:64px;height:64px;
    background:var(--card);
    box-shadow:0 10px 24px -10px rgba(0,0,0,.5);
  }
  .dock #replayToggleBtn svg{width:26px;height:26px;}
  .dock .btn-round{
    width:34px;height:34px;
    border-radius:50%;
    border:1.5px solid var(--line);
    background:var(--card);
    color:var(--ink);
    display:flex;align-items:center;justify-content:center;
    cursor:pointer;
    flex:0 0 auto;
    transition:transform .12s ease, background .12s ease;
  }
  .dock .btn-round:active{transform:scale(.92);}
  .dock .btn-round svg{width:14px;height:14px;fill:currentColor;}
  .vol{
    flex:1;
    display:flex;
    align-items:center;
    gap:8px;
    min-width:60px;
  }
  .vol svg{width:16px;height:16px;fill:var(--ink-soft);flex:0 0 auto;}
  input[type="range"]{
    -webkit-appearance:none;
    width:100%;
    height:4px;
    border-radius:var(--r-xs);
    background:var(--line);
    outline:none;
  }
  input[type="range"]::-webkit-slider-thumb{
    -webkit-appearance:none;
    width:15px;height:15px;
    border-radius:50%;
    background:var(--red);
    cursor:pointer;
    box-shadow:0 0 0 4px rgba(255,71,71,.22);
  }
  .replay-panel{
    display:none;
    max-width:560px;
    margin:10px auto 0;
    padding:0 16px;
  }
  .replay-panel.show{display:block;}
  @media(max-width:640px){
    .replay-panel.show{
      display:flex;
      align-items:center;
      position:fixed;
      inset:0;
      z-index:110;
      max-width:none;
      margin:0;
      padding:16px;
      background:linear-gradient(180deg,#0A1424,#0E2036);
      overflow-y:auto;
    }
    .replay-panel.show .replay-inner{
      width:100%;
      margin:auto;
    }
  }
  .replay-inner{
    background:linear-gradient(180deg,#0E2036,#0A1424);
    border-radius:var(--r-xl);
    padding:20px 20px 16px;
    box-shadow:0 20px 40px -20px rgba(0,0,0,.6);
  }
  .replay-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:16px;
  }
  .replay-title{
    font-family:'Plus Jakarta Sans',sans-serif;
    font-size:13px;
    font-weight:600;
    letter-spacing:.5px;
    color:var(--mint);
  }
  .replay-mobile-close{
    display:none;
    width:30px;height:30px;
    border-radius:50%;
    border:1px solid rgba(255,255,255,.25);
    background:rgba(255,255,255,.08);
    color:#fff;
    font-size:14px;
    cursor:pointer;
    flex:0 0 auto;
  }
  @media(max-width:640px){
    .replay-mobile-close{display:block;}
  }
  .replay-title small{
    font-family:'Work Sans',sans-serif;
    font-size:10px;
    font-weight:600;
    color:rgba(255,255,255,.45);
    margin-left:4px;
  }
  .replay-live-btn{
    width:44px;height:44px;
    border-radius:50%;
    border:1.5px solid rgba(255,255,255,.3);
    background:transparent;
    display:flex;align-items:center;justify-content:center;
    cursor:pointer;
  }
  .replay-live-dot{
    width:12px;height:12px;
    border-radius:50%;
    background:#FF4747;
    box-shadow:0 0 8px rgba(255,77,77,.7);
  }
  .replay-live-btn:active{opacity:.7;}

  .replay-track{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:4px;
  }
  .replay-cover{
    width:52px;height:52px;
    border-radius:var(--r-md);
    object-fit:cover;
    background:rgba(255,255,255,.08);
    display:none;
    flex:0 0 auto;
    box-shadow:0 6px 14px -6px rgba(0,0,0,.6);
  }
  .replay-cover.show{display:block;}
  .replay-track-info{min-width:0; flex:1;}
  .replay-track-name{
    font-family:'Plus Jakarta Sans',sans-serif;
    font-size:19px;
    font-weight:600;
    color:#fff;
    line-height:1.25;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .replay-track-artist{
    font-size:13px;
    color:rgba(255,255,255,.6);
    font-weight:500;
    margin-top:2px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  .replay-clock{
    text-align:center;
    font-family:'Share Tech Mono','Work Sans',monospace;
    font-size:13px;
    letter-spacing:1.5px;
    color:rgba(255,255,255,.55);
    margin:14px 0 6px;
  }

  .replay-scrub{
    position:relative;
    height:46px;
    margin-bottom:18px;
  }
  .replay-waveform{
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    gap:3px;
    overflow:hidden;
    pointer-events:none;
  }
  .replay-waveform::before{
    content:"";
    display:block;
    width:100%;
    height:100%;
    background-image: repeating-linear-gradient(90deg,
      rgba(255,255,255,.28) 0px, rgba(255,255,255,.28) 2px,
      transparent 2px, transparent 7px,
      rgba(255,255,255,.16) 7px, rgba(255,255,255,.16) 9px,
      transparent 9px, transparent 15px);
    -webkit-mask-image: linear-gradient(90deg,
      transparent 0, black 6%, black 94%, transparent 100%);
    mask-image: linear-gradient(90deg,
      transparent 0, black 6%, black 94%, transparent 100%);
  }
  .replay-playhead{display:none;}
  .replay-range{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    margin:0;
    -webkit-appearance:none;
    background:transparent;
    cursor:pointer;
  }
  .replay-range::-webkit-slider-runnable-track{background:transparent;}
  .replay-range::-webkit-slider-thumb{
    -webkit-appearance:none;
    width:16px;
    height:16px;
    margin-top:15px;
    border-radius:50%;
    background:#fff;
    box-shadow:0 0 0 4px rgba(255,255,255,.18), 0 2px 6px rgba(0,0,0,.5);
    cursor:pointer;
  }
  .replay-range::-moz-range-track{background:transparent;}
  .replay-range::-moz-range-thumb{
    width:16px;
    height:16px;
    border-radius:50%;
    background:#fff;
    box-shadow:0 0 0 4px rgba(255,255,255,.18), 0 2px 6px rgba(0,0,0,.5);
    border:none;
    cursor:pointer;
  }

  .replay-controls{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:26px;
    margin-bottom:6px;
  }
  .replay-skip{
    position:relative;
    width:44px;height:44px;
    border-radius:50%;
    border:none;
    background:transparent;
    color:rgba(255,255,255,.85);
    display:flex;align-items:center;justify-content:center;
    cursor:pointer;
  }
  .replay-skip svg{width:32px;height:32px;fill:currentColor;position:absolute;}
  .replay-skip span{
    position:relative;
    font-family:'Work Sans',sans-serif;
    font-size:10px;
    font-weight:700;
    margin-top:1px;
  }
  .replay-skip:active{opacity:.6;}
  .replay-playpause{
    width:60px;height:60px;
    border-radius:50%;
    border:none;
    background:rgba(255,255,255,.9);
    display:flex;align-items:center;justify-content:center;
    cursor:pointer;
  }
  .replay-playpause svg{width:24px;height:24px;fill:#0A1424;}
  .replay-playpause:active{transform:scale(.94);}

  .replay-info-row{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    font-size:10.5px;
    color:rgba(255,255,255,.5);
    font-weight:600;
    letter-spacing:.3px;
  }
  .replay-queue-toggle{
    border:none;
    background:rgba(255,255,255,.08);
    color:rgba(255,255,255,.65);
    width:26px;height:26px;
    border-radius:50%;
    font-size:12px;
    cursor:pointer;
    line-height:1;
  }

  .replay-markers{
    position:absolute;
    inset:0;
    pointer-events:none;
  }
  .replay-marker{
    position:absolute;
    top:50%;
    transform:translate(-50%,-50%);
    width:20px;height:34px;
    background:none;
    border:none;
    display:flex;align-items:center;justify-content:center;
    cursor:pointer;
    pointer-events:auto;
    z-index:2;
    padding:0;
  }
  /* ---------- RADIOGUIDE ---------- */
  .radioguide{
    display:none;
    position:fixed;
    inset:0;
    background:var(--paper);
    z-index:130;
    overflow-y:auto;
    padding-bottom:120px;
  }
  .radioguide.show{display:block; animation:modalFadeIn .28s ease both;}
  .rg-header{
    display:flex;
    align-items:center;
    gap:14px;
    padding:18px;
    max-width:var(--maxw);
    margin:0 auto;
  }
  .rg-back{
    width:44px;height:44px;
    border-radius:var(--r-sm);
    border:none;
    background:var(--card-2);
    color:#fff;
    display:flex;align-items:center;justify-content:center;
    cursor:pointer;
    flex:0 0 auto;
  }
  .rg-back svg{width:20px;height:20px;fill:#fff;}
  .rg-close{
    width:44px;height:44px;
    margin-left:auto;
    border-radius:var(--r-sm);
    border:none;
    background:var(--card-2);
    color:#fff;
    display:flex;align-items:center;justify-content:center;
    cursor:pointer;
    flex:0 0 auto;
  }
  .rg-close svg{width:19px;height:19px;fill:currentColor;}
  .rg-title{
    font-family:'Plus Jakarta Sans',sans-serif;
    font-size:26px;
    font-weight:800;
    color:#fff;
    margin:0;
  }
  .rg-view-toolbar{
    display:flex;
    justify-content:flex-end;
    margin:0 0 18px;
  }
  .radioguide.rg-columns-active{
    background:#102847!important;
    color:#fff!important;
  }
  @keyframes rgNrkFadeIn{from{opacity:0}to{opacity:1}}
  .radioguide.rg-columns-active.show{animation:rgNrkFadeIn .28s ease both;}
  .radioguide.rg-columns-active .rg-header{
    background:rgba(16,40,71,.94)!important;
    border-bottom-color:rgba(255,255,255,.08)!important;
  }
  .rg-view-switch{
    display:inline-flex;
    gap:4px;
    padding:4px;
    border:1px solid rgba(255,255,255,.11);
    border-radius:13px;
    background:#102846;
    box-shadow:0 12px 28px rgba(2,10,25,.14);
  }
  .rg-view-option{
    display:inline-flex;
    align-items:center;
    gap:7px;
    min-height:38px;
    padding:8px 12px;
    border:0;
    border-radius:9px;
    background:transparent;
    color:rgba(255,255,255,.64);
    font:750 12px 'Reddit Sans',sans-serif;
    cursor:pointer;
    transition:background .2s ease,color .2s ease,transform .2s ease;
  }
  .rg-view-option svg{width:15px;height:15px;fill:currentColor;}
  .rg-view-option:hover{color:#fff;}
  .rg-view-option[aria-pressed="true"]{
    background:#2b5592;
    color:#fff;
    box-shadow:0 5px 14px rgba(0,0,0,.16);
  }
  .rg-home.nrk-layout{
    width:min(1260px,calc(100% - 36px));
  }
  .rg-home.nrk-layout .rg-view-toolbar{margin-bottom:28px;}
  .rg-nrk-view{
    color:#fff;
  }
  .rg-nrk-view[hidden]{display:none!important;}
  .rg-nrk-topline{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:22px;
    margin-bottom:12px;
  }
  .rg-nrk-kicker{
    display:block;
    margin-bottom:4px;
    color:var(--mint);
    font:800 10px 'Reddit Sans',sans-serif;
    letter-spacing:.14em;
    text-transform:uppercase;
  }
  .rg-nrk-topline h3{
    margin:0;
    color:#fff;
    font:850 clamp(25px,4vw,37px)/1.05 'Reddit Sans',sans-serif;
  }
  .rg-nrk-date-nav{
    display:flex;
    align-items:stretch;
    gap:7px;
  }
  .rg-nrk-date-nav button{
    min-width:44px;
    height:44px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    padding:0 13px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:5px;
    background:#244a82;
    color:#fff;
    cursor:pointer;
    font:800 12px 'Reddit Sans',sans-serif;
    transition:background .18s ease,transform .18s ease;
  }
  .rg-nrk-date-nav button:hover{background:#2f5c9e;transform:translateY(-1px);}
  .rg-nrk-date-nav svg{width:18px;height:18px;fill:currentColor;}
  .rg-nrk-date-nav .rg-nrk-date{min-width:150px;}
  .rg-nrk-date-nav .rg-nrk-mobile-channel{display:none;}
  .rg-nrk-tz{
    margin:0 0 24px;
    color:rgba(255,255,255,.55);
    font:600 11px 'Reddit Sans',sans-serif;
  }
  .rg-nrk-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(230px,1fr));
    gap:16px;
    align-items:start;
  }
  .rg-nrk-channel{
    min-width:0;
  }
  .rg-nrk-channel-head{
    width:100%;
    min-height:72px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:15px 18px;
    border:0;
    border-radius:5px;
    background:#07172a;
    color:#fff;
    cursor:pointer;
    box-shadow:0 12px 30px rgba(0,0,0,.14);
    transition:background-color .1s ease-in-out;
  }
  .rg-nrk-channel-head.has-affiliates{justify-content:center;gap:14px;}
  .rg-nrk-channel-head:hover{background:#0a1e37;}
  .rg-nrk-channel-brand{
    min-width:0;
    flex:0 1 98px;
    align-self:stretch;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0;
    border:0;
    background:transparent;
    color:#fff;
    cursor:pointer;
  }
  .rg-nrk-affiliate{
    flex:0 0 auto;
    max-width:116px;
    height:26px;
    min-height:26px;
    display:inline-flex;
    align-items:center;
    gap:5px;
    padding:3px 7px;
    border:1px solid #36547b;
    border-radius:3px;
    background:transparent;
    color:#fff;
    font:650 10px 'Reddit Sans',sans-serif;
    cursor:pointer;
  }
  .rg-nrk-affiliate span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .rg-nrk-affiliate svg{width:8px;height:8px;fill:currentColor;flex:0 0 auto;}
  .rg-nrk-affiliate:hover{background:rgba(255,255,255,.08);color:#fff;}
  .rg-nrk-channel-head .rg-logo-shell{width:100%;height:39px;}
  .rg-nrk-channel-head img{display:block;max-width:82%;max-height:34px;width:auto;height:auto;object-fit:contain;}
  .rg-nrk-channel-name{font:850 17px 'Reddit Sans',sans-serif;}
  .rg-nrk-programs{list-style:none;margin:5px 0 0;padding:0;}
  .rg-nrk-program{
    width:100%;
    min-height:57px;
    display:grid;
    grid-template-columns:53px minmax(0,1fr) 13px;
    align-items:center;
    gap:8px;
    padding:8px 2px 8px 0;
    border:0;
    border-bottom:1px solid rgba(255,255,255,.10);
    background:transparent;
    color:#fff;
    text-align:left;
    cursor:pointer;
    transition:padding-left 175ms ease-in-out,background-color 175ms ease-in-out;
  }
  .rg-nrk-program:hover{padding-left:20px;background:rgba(255,255,255,.055);transition-duration:.3s;}
  .rg-nrk-time{
    color:rgba(255,255,255,.9);
    font:650 12px 'Reddit Sans',sans-serif;
  }
  .rg-nrk-program-title{
    min-width:0;
    overflow:hidden;
    color:#fff;
    font:650 12.5px/1.25 'Reddit Sans',sans-serif;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .rg-nrk-program svg{width:11px;height:11px;fill:rgba(255,255,255,.56);}
  .rg-nrk-program[aria-expanded="true"]{padding-left:20px;background:#07172a;}
  .rg-nrk-program[aria-expanded="true"] > svg{transform:rotate(90deg);}
  .rg-nrk-program > svg{transition:transform .3s ease;}
  .rg-nrk-program.is-now .rg-nrk-time,
  .rg-nrk-program.is-now .rg-nrk-program-title{color:#87a8d7;}
  .rg-nrk-program.is-past{opacity:.55;}
  .rg-nrk-program-detail{
    display:grid;
    grid-template-rows:0fr;
    opacity:0;
    visibility:hidden;
    background:#07172a;
    transition:grid-template-rows .4s ease,opacity .3s ease,visibility .4s allow-discrete;
    transition-behavior:allow-discrete;
  }
  .rg-nrk-program-detail-inner{min-height:0;overflow:hidden;}
  .rg-nrk-programs li.is-expanded .rg-nrk-program-detail{grid-template-rows:1fr;opacity:1;visibility:visible;}
  .rg-nrk-program-panel{padding:4px 18px 20px 20px;border-bottom:1px solid rgba(255,255,255,.10);}
  .rg-nrk-program-media{width:100%;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;overflow:hidden;margin:0 0 15px;border-radius:3px;background:#102846;}
  .rg-nrk-program-media > img{width:100%;height:100%;display:block;object-fit:cover;}
  .rg-nrk-program-media.is-contain > img{width:78%;height:72%;object-fit:contain;filter:drop-shadow(0 8px 15px rgba(0,0,0,.25));}
  .rg-nrk-program-panel h4{margin:0;color:#fff;font:800 17px/1.25 'Reddit Sans',sans-serif;}
  .rg-nrk-program-meta{margin:5px 0 0;color:rgba(255,255,255,.68);font:600 11.5px/1.4 'Reddit Sans',sans-serif;}
  .rg-nrk-program-desc{margin:14px 0 0;color:rgba(255,255,255,.78);font:500 12px/1.55 'Reddit Sans',sans-serif;}
  .rg-nrk-program-progress{height:3px;margin:16px 0 12px;overflow:hidden;border-radius:3px;background:rgba(255,255,255,.14);}
  .rg-nrk-program-progress span{display:block;height:100%;border-radius:inherit;background:#87a8d7;}
  .rg-nrk-program-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:15px;}
  .rg-nrk-program-action{min-height:36px;display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid rgba(255,255,255,.2);border-radius:3px;background:transparent;color:#fff;font:750 11px 'Reddit Sans',sans-serif;cursor:pointer;}
  .rg-nrk-program-action:hover{background:rgba(255,255,255,.09);}
  .rg-nrk-program-action.is-primary{border-color:#87a8d7;background:#87a8d7;color:#07172a;}
  .rg-nrk-program-action.is-primary:hover{background:#a8c8f0;}
  .rg-nrk-program-action svg{width:14px;height:14px;fill:currentColor;}
  .rg-nrk-program-status{width:100%;color:rgba(255,255,255,.58);font:600 11px/1.4 'Reddit Sans',sans-serif;}
  .rg-nrk-series-link{width:100%;min-height:43px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:5px;padding:0 12px;border:0;border-radius:3px;background:#173a68;color:#fff;font:800 11.5px 'Reddit Sans',sans-serif;text-align:left;cursor:pointer;transition:background-color .18s ease,padding-left .18s ease;}
  .rg-nrk-series-link:hover{padding-left:16px;background:#1f4378;}
  .rg-nrk-series-link svg{width:14px;height:14px;fill:currentColor;flex:0 0 auto;}
  .rg-series{width:min(760px,calc(100% - 36px));margin:0 auto;padding:4px 0 170px;color:#fff;}
  .rg-series[hidden]{display:none!important;}
  .rg-series-share{display:flex;justify-content:flex-end;margin:0 0 12px;}
  .rg-series-icon-button{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.16);border-radius:50%;background:#102846;color:#fff;cursor:pointer;}
  .rg-series-icon-button svg{width:18px;height:18px;fill:currentColor;}
  .rg-series-hero{overflow:hidden;border-radius:5px;background:#07172a;box-shadow:0 18px 35px rgba(0,0,0,.18);}
  .rg-series-hero-media{width:100%;aspect-ratio:16/7;overflow:hidden;background:#173a68;}
  .rg-series-hero-media .rg-nrk-program-media{height:100%;margin:0;border-radius:0;}
  .rg-series-hero-copy{position:relative;padding:20px 22px 23px;border-top:6px solid var(--series-accent,#87a8d7);}
  .rg-series-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:11px;}
  .rg-series-tag{padding:3px 6px;border-radius:2px;background:#102846;color:#a8c8f0;font:700 10px 'Reddit Sans',sans-serif;}
  .rg-series-hero h1{margin:0;color:#fff;font:900 clamp(25px,5vw,38px)/1.08 'Reddit Sans',sans-serif;}
  .rg-series-description{max-width:620px;margin:10px 0 0;color:rgba(255,255,255,.75);font:500 14px/1.55 'Reddit Sans',sans-serif;}
  .rg-series-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;}
  .rg-series-live{min-height:52px;display:inline-flex;align-items:center;gap:11px;padding:0;border:0;background:transparent;color:#fff;font:800 13px 'Reddit Sans',sans-serif;text-align:left;cursor:pointer;}
  .rg-series-live span:first-child{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:#ff635f;font-size:26px;box-shadow:0 0 0 3px rgba(255,99,95,.22);}
  .rg-series-follow{width:43px;height:43px;display:grid;place-items:center;margin-left:auto;border:1px solid rgba(255,255,255,.13);border-radius:50%;background:#173a68;color:#fff;cursor:pointer;}
  .rg-series-follow svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;}
  .rg-series-follow[aria-pressed="true"] svg{fill:#87a8d7;stroke:#87a8d7;}
  .rg-series-list-head{display:grid;grid-template-columns:minmax(0,1fr) 48px;gap:8px;margin:24px 0 28px;}
  .rg-series-list-title,.rg-series-sort{min-height:46px;border:0;border-radius:3px;background:#1f4378;color:#fff;font:800 14px 'Reddit Sans',sans-serif;}
  .rg-series-list-title{display:flex;align-items:center;justify-content:space-between;padding:0 13px;}
  .rg-series-list-title svg{width:13px;height:13px;fill:currentColor;}
  .rg-series-sort{display:grid;place-items:center;cursor:pointer;}
  .rg-series-sort svg{width:22px;height:22px;fill:currentColor;transition:transform .25s ease;}
  .rg-series-sort[data-order="oldest"] svg{transform:rotate(180deg);}
  .rg-series-month{margin:0 0 27px;}
  .rg-series-month h2{margin:0 0 14px;padding-left:15px;color:#fff;font:850 16px 'Reddit Sans',sans-serif;text-transform:capitalize;}
  .rg-series-episode{display:grid;grid-template-columns:116px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 9px;margin-bottom:8px;border:0;border-radius:3px;background:#1d4277;color:#fff;}
  .rg-series-episode-media{width:116px;aspect-ratio:16/9;overflow:hidden;border-radius:3px;background:#102846;}
  .rg-series-episode-media .rg-nrk-program-media{height:100%;margin:0;border-radius:0;}
  .rg-series-episode-title{margin:0;color:#fff;font:850 15px/1.25 'Reddit Sans',sans-serif;}
  .rg-series-episode-date{margin:3px 0 0;color:#b8cae4;font:600 11.5px 'Reddit Sans',sans-serif;}
  .rg-series-episode-desc{grid-column:1/-1;margin:0;color:rgba(255,255,255,.78);font:500 12px/1.5 'Reddit Sans',sans-serif;}
  .rg-series-episode-play{--rg-episode-progress:0%;position:relative;width:48px;height:48px;display:grid;place-items:center;border:0;border-radius:50%;outline:1px solid rgba(255,255,255,.24);background:conic-gradient(#fff 0 var(--rg-episode-progress),#5482b7 var(--rg-episode-progress) 100%);color:#082442;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.18);}
  .rg-series-episode-play::before{content:'';position:absolute;inset:5px;border-radius:50%;background:#8cb9ee;}
  .rg-series-episode-play:focus{outline:1px solid rgba(255,255,255,.28);}
  .rg-series-episode-play:focus-visible{outline:3px solid #fff;outline-offset:2px;}
  .rg-series-episode-play svg{position:relative;z-index:1;width:17px;height:17px;fill:currentColor;}
  .rg-series-episode-status{color:#ffeaa7;font:650 11.5px 'Reddit Sans',sans-serif;white-space:nowrap;}
  .rg-series-empty{padding:34px 20px;border-radius:3px;background:#173a68;color:rgba(255,255,255,.68);text-align:center;}
  /* Usa NRK Sans quando houver uma instalação/licença fornecida pelo titular;
     Reddit Sans preserva a interface em ambientes onde ela não está disponível. */
  .rg-nrk-view,.rg-nrk-view button,.rg-series,.rg-series button{font-family:'NRK Sans','Reddit Sans',sans-serif;}
  .rg-series-native-player{position:fixed;z-index:142;left:16px;right:16px;bottom:16px;height:96px;min-height:96px;display:grid;grid-template-columns:72px minmax(190px,.9fr) auto minmax(260px,1.6fr) auto;grid-template-areas:'art copy controls speed tools' 'art copy timeline timeline tools';align-items:center;gap:5px 20px;padding:0;border:0;border-radius:6px;background:#0c366c;box-shadow:0 2px 4px rgba(0,0,0,.1),0 4px 8px rgba(0,0,0,.1),0 8px 16px rgba(0,0,0,.1);animation:rgPodcastDockIn .36s cubic-bezier(.2,.8,.2,1) both;}
  .rg-series-native-player[hidden]{display:none!important;}
  .rg-series-native-art{grid-area:auto;position:absolute;left:32px;top:21px;width:54px;height:54px;border-radius:3px;object-fit:cover;background:#102846;}
  .rg-series-native-art,.rg-series-native-copy{cursor:pointer;}
  .rg-series-native-copy{grid-area:auto;position:absolute;left:114px;top:30px;width:min(220px,20vw);min-width:0;border-radius:3px;outline:none;}
  .rg-series-native-copy:focus-visible{outline:2px solid #fff;outline-offset:4px;}
  .rg-series-native-show,.rg-series-native-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .rg-series-native-show{color:#fff;font:800 15px 'Reddit Sans',sans-serif;}
  .rg-series-native-title{margin-top:3px;color:#c0d1e8;font:550 12px 'Reddit Sans',sans-serif;}
  .rg-series-native-controls{grid-area:auto;position:absolute;left:50%;top:0;display:flex;align-items:flex-start;justify-content:center;gap:0;transform:translateX(-50%);}
  .rg-series-native-expand{display:none;}
  .rg-series-native-controls button{width:53px;height:53px;margin-top:5px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:#fff;cursor:pointer;}
  .rg-series-native-controls button:hover{background:rgba(255,255,255,.08);}
  .rg-series-native-controls .rg-series-native-toggle{width:64px;height:64px;margin-top:0;background:#0b3161;}
  .rg-series-native-controls svg{width:22px;height:22px;fill:currentColor;}
  #rgSeriesPlayerBack,#rgSeriesPlayerForward,#rgSeriesFullscreenBack,#rgSeriesFullscreenForward{position:relative;}
  #rgSeriesPlayerBack svg,#rgSeriesPlayerForward svg,#rgSeriesFullscreenBack svg,#rgSeriesFullscreenForward svg{opacity:0;}
  #rgSeriesPlayerBack::before,#rgSeriesFullscreenBack::before{content:'↶';position:absolute;inset:0;display:grid;place-items:center;font:500 27px/1 sans-serif;}
  #rgSeriesPlayerForward::before,#rgSeriesFullscreenForward::before{content:'↷';position:absolute;inset:0;display:grid;place-items:center;font:500 27px/1 sans-serif;}
  #rgSeriesPlayerBack::after,#rgSeriesPlayerForward::after,#rgSeriesFullscreenBack::after,#rgSeriesFullscreenForward::after{content:'15';position:absolute;inset:0;display:grid;place-items:center;font:850 8px 'Reddit Sans',sans-serif;}
  .rg-series-native-timeline{grid-area:auto;position:absolute;left:27%;right:27%;bottom:11px;display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:7px;}
  .rg-series-native-timeline time{color:#c0d1e8;font:600 9px 'Reddit Sans',sans-serif;text-align:center;}
  input.rg-series-native-progress{--rg-range-progress:0%;--rg-scrub-color:#fff;--rg-scrub-track:#ffffff4d;width:100%;height:24px;margin:0;appearance:none;-webkit-appearance:none;border:0;outline:0;background:linear-gradient(90deg,var(--rg-scrub-color) 0 var(--rg-range-progress),var(--rg-scrub-track) var(--rg-range-progress) 100%) center/100% 2px no-repeat;touch-action:none;cursor:pointer;}
  input.rg-series-native-progress.is-scrubbing,input.rg-series-native-progress:active{--rg-scrub-color:#ff5d46;--rg-scrub-track:#ff5d464d;}
  input.rg-series-native-progress::-webkit-slider-runnable-track{height:2px;background:transparent;}
  input.rg-series-native-progress::-webkit-slider-thumb{width:16px;height:16px;margin-top:-7px;-webkit-appearance:none;border:0;border-radius:50%;background:var(--rg-scrub-color);box-shadow:none;transform:scale(.5);transition:transform .1s linear;}
  input.rg-series-native-progress.is-scrubbing::-webkit-slider-thumb,input.rg-series-native-progress:active::-webkit-slider-thumb{transform:scale(1);}
  input.rg-series-native-progress::-moz-range-track{height:2px;border:0;background:transparent;}
  input.rg-series-native-progress::-moz-range-progress{height:2px;background:var(--rg-scrub-color);}
  input.rg-series-native-progress::-moz-range-thumb{width:16px;height:16px;border:0;border-radius:50%;background:var(--rg-scrub-color);box-shadow:none;transform:scale(.5);transition:transform .1s linear;}
  input.rg-series-native-progress.is-scrubbing::-moz-range-thumb,input.rg-series-native-progress:active::-moz-range-thumb{transform:scale(1);}
  input.rg-series-native-progress:focus-visible{outline:2px solid #fff;outline-offset:4px;}
  .rg-series-scrub-label{position:absolute;z-index:3;bottom:24px;display:none;min-width:42px;padding:4px 8px;border-radius:4px;background:#071e3b;color:#fff;font:750 10px 'Reddit Sans',sans-serif;text-align:center;white-space:nowrap;transform:translateX(-50%);box-shadow:0 7px 20px rgba(0,0,0,.36);pointer-events:none;}
  .rg-series-scrub-label.show{display:block;}
  .rg-series-native-speed{grid-area:auto;position:absolute;left:70.6%;top:11px;width:50px;min-width:50px;height:43px;padding:0;border:0;border-radius:2px;background:transparent;color:#fff;font:800 16px/1 'Reddit Sans',sans-serif;transform:translateX(-50%);cursor:pointer;}
  .rg-series-speed-menu{position:fixed;z-index:145;left:50%;bottom:132px;width:min(390px,calc(100vw - 32px));max-height:min(370px,calc(100dvh - 170px));overflow:auto;padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:4px;background:#06182d;box-shadow:0 22px 55px rgba(0,0,0,.46);transform:translateX(-50%);}
  .rg-series-speed-menu[hidden]{display:none!important;}
  .rg-series-fullscreen-speed-menu{position:absolute;z-index:3;right:28px;bottom:94px;width:min(390px,calc(100vw - 32px));max-height:min(370px,calc(100dvh - 130px));overflow:auto;padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:4px;background:#06182d;box-shadow:0 22px 55px rgba(0,0,0,.46);}
  .rg-series-fullscreen-speed-menu[hidden]{display:none!important;}
  .rg-series-speed-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;}
  .rg-series-speed-head strong{font-size:14px;}.rg-series-speed-head button{width:34px;height:34px;border:0;border-radius:50%;background:#173a68;color:#fff;font-size:20px;cursor:pointer;}
  .rg-series-speed-options{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;}
  .rg-series-speed-options button{min-height:42px;border:0;border-radius:2px;background:#17457f;color:#fff;font:750 11px 'Reddit Sans',sans-serif;cursor:pointer;}
  .rg-series-speed-options button[aria-pressed="true"]{background:#8cb9ee;color:#07192e;box-shadow:inset 0 0 0 2px #fff;}
  .rg-series-native-tools{grid-area:auto;position:absolute;right:30px;top:21px;display:flex;align-items:center;gap:5px;}
  .rg-series-native-tools button{width:53px;height:53px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:#fff;cursor:pointer;}
  .rg-series-native-tools button:hover,.rg-series-native-speed:hover{background:rgba(255,255,255,.08);}
  .rg-series-native-tools svg{width:20px;height:20px;fill:currentColor;}
  .rg-series-queue{position:fixed;z-index:143;right:18px;bottom:132px;width:min(420px,calc(100vw - 36px));max-height:min(590px,calc(100dvh - 170px));overflow:auto;padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:4px;background:#06182d;box-shadow:0 22px 55px rgba(0,0,0,.46);opacity:0;transform:translateX(26px);transition:opacity .22s ease,transform .3s cubic-bezier(.2,.8,.2,1);}
  .rg-series-queue[hidden]{display:none!important;}
  .rg-series-queue.show{opacity:1;transform:translateX(0);}
  .rg-series-queue-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;}
  .rg-series-queue-head strong{font:850 15px 'Reddit Sans',sans-serif;}
  .rg-series-queue-head button{width:34px;height:34px;border:0;border-radius:50%;background:#173a68;color:#fff;cursor:pointer;}
  .rg-series-queue-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 12px;}
  .rg-series-queue-tabs button{min-height:44px;border:0;border-radius:2px;background:#17457f;color:#fff;font:850 12px 'Reddit Sans',sans-serif;cursor:pointer;}
  .rg-series-queue-tabs button[aria-selected="true"]{background:#8cb9ee;color:#07192e;}
  .rg-series-moments{display:grid;gap:0;}
  .rg-series-moment{width:100%;display:grid;grid-template-columns:54px minmax(0,1fr);gap:10px;align-items:center;padding:14px 8px;border:0;border-top:1px solid rgba(255,255,255,.1);background:transparent;color:#fff;text-align:left;cursor:pointer;}
  .rg-series-moment:first-child{border-top:0}.rg-series-moment.is-current{color:#8cb9ee}.rg-series-moment time{font-weight:800}.rg-series-moment span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .rg-series-queue-item{width:100%;display:grid;grid-template-columns:46px minmax(0,1fr);gap:10px;align-items:center;padding:9px;border:0;border-top:1px solid rgba(255,255,255,.09);background:transparent;color:#fff;text-align:left;cursor:pointer;}
  .rg-series-queue-item:first-of-type{border-top:0;}
  .rg-series-queue-item.is-current{background:#17457f;}
  .rg-series-queue-item img{width:46px;height:46px;border-radius:3px;object-fit:cover;}
  .rg-series-queue-item strong,.rg-series-queue-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .rg-series-queue-item strong{font-size:11px;}.rg-series-queue-item small{margin-top:3px;color:#b8cae4;font-size:9px;}
  .rg-series-fullscreen{position:fixed;z-index:190;inset:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;background:#0d2a50;color:#fff;opacity:0;transform:scale(.985);transition:opacity .22s ease,transform .28s cubic-bezier(.2,.8,.2,1);}
  .rg-series-fullscreen[hidden]{display:none!important;}
  .rg-series-fullscreen.show{opacity:1;transform:scale(1);}
  .rg-series-fullscreen-top{display:flex;justify-content:flex-end;padding:18px 22px;}
  .rg-series-fullscreen-close{width:42px;height:42px;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:transparent;color:#fff;font-size:25px;cursor:pointer;}
  .rg-series-fullscreen-main{width:min(1100px,calc(100% - 40px));height:100%;min-height:0;margin:auto;display:grid;grid-template-columns:minmax(280px,520px) minmax(280px,1fr);align-items:center;gap:clamp(42px,7vw,100px);}
  .rg-series-fullscreen-art{width:min(520px,calc(100dvh - 260px));max-width:100%;aspect-ratio:1;justify-self:end;border-radius:5px;object-fit:cover;background:#102846;}
  .rg-series-fullscreen-copy h2{margin:0;font:900 clamp(34px,5vw,64px)/1.02 'NRK Sans','Reddit Sans',sans-serif;}
  .rg-series-fullscreen-copy p{margin:8px 0 22px;color:#d6e3f4;font:650 18px 'Reddit Sans',sans-serif;}
  .rg-series-fullscreen-actions{display:flex;gap:9px;}
  .rg-series-fullscreen-actions button{min-height:42px;padding:0 15px;border:0;border-radius:999px;background:#17457f;color:#fff;font-weight:800;cursor:pointer;}
  .rg-series-fullscreen-timeline{position:relative;width:min(1740px,calc(100% - 72px));margin:0 auto 30px;display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:10px;}
  .rg-series-fullscreen-timeline time{font-size:10px;font-weight:800;text-align:center;}
  .rg-series-fullscreen-controls{display:grid;grid-template-columns:1fr 48px 64px 48px 1fr 48px 48px;align-items:center;gap:14px;padding:0 28px 34px;}
  .rg-series-fullscreen-controls button{width:48px;height:48px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:#fff;font-weight:850;cursor:pointer;}
  #rgSeriesFullscreenBack{grid-column:2}#rgSeriesFullscreenToggle{grid-column:3}#rgSeriesFullscreenForward{grid-column:4}#rgSeriesFullscreenQueue{grid-column:6}#rgSeriesFullscreenSpeed{grid-column:7}
  .rg-series-fullscreen-controls .rg-series-fullscreen-toggle{width:64px;height:64px;background:transparent;color:#fff;}
  .rg-series-fullscreen-controls svg{width:23px;height:23px;fill:currentColor;}
  .rg-series-fullscreen-controls .rg-series-fullscreen-toggle svg{width:42px;height:42px;}
  html.rg-series-fullscreen-open{overflow:hidden;}
  html.rg-series-fullscreen-open .rg-series-queue,html.rg-series-fullscreen-open .rg-series-speed-menu{z-index:196;}
  .rg-series-episode{transition:background-color .2s ease,box-shadow .2s ease,transform .2s ease;}
  .rg-series-episode.is-playing{background:#17457f;box-shadow:inset 4px 0 #8cb9ee;}
  @keyframes rgPodcastDockIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
  @media(max-width:649px){
    .rg-series{width:calc(100% - 28px);}
    .rg-series-share{margin-top:2px;}
    .rg-series-hero-media{aspect-ratio:16/9;}
    .rg-series-hero-copy{padding:17px 16px 20px;}
    .rg-series-episode{grid-template-columns:114px minmax(0,1fr);padding:9px;}
    .rg-series-episode-play,.rg-series-episode-status{grid-column:2;justify-self:start;}
    .rg-series-native-player{left:8px;right:8px;bottom:8px;height:64px;min-height:64px;grid-template-columns:48px minmax(0,1fr) 44px;grid-template-areas:'art copy controls';gap:9px;padding:8px;border-radius:4px;}
    .rg-series-native-art{grid-area:art;position:static;width:48px;height:48px;}
    .rg-series-native-copy{grid-area:copy;position:static;width:auto;}
    .rg-series-native-show{font-size:12px}.rg-series-native-title{font-size:11.5px}
    .rg-series-native-controls{grid-area:controls;position:static;display:block;transform:none;}
    .rg-series-native-controls>button:not(.rg-series-native-toggle){display:none;}
    .rg-series-native-controls .rg-series-native-toggle{--rg-player-progress:0%;position:relative;width:44px;height:44px;background:conic-gradient(#8cb9ee 0 var(--rg-player-progress),#315c91 var(--rg-player-progress) 100%);box-shadow:none;}
    .rg-series-native-controls .rg-series-native-toggle::before{content:'';position:absolute;inset:4px;border-radius:50%;background:#17457f;}
    .rg-series-native-controls .rg-series-native-toggle svg{position:relative;z-index:1;}
    .rg-series-native-timeline,.rg-series-native-speed,.rg-series-native-tools,.rg-series-native-expand{display:none;}
    .rg-series-queue{right:8px;bottom:80px;width:calc(100vw - 16px);max-height:calc(100dvh - 100px);}
    .rg-series-fullscreen{grid-template-rows:auto minmax(0,1fr) auto auto;}
    .rg-series-fullscreen-top{padding:14px 16px;}
    .rg-series-fullscreen-main{width:calc(100% - 40px);display:block;margin:auto;}
    .rg-series-fullscreen-art{width:100%;max-height:min(350px,42dvh);object-fit:cover;}
    .rg-series-fullscreen-copy{margin-top:28px;}
    .rg-series-fullscreen-copy h2{font-size:22px;}
    .rg-series-fullscreen-copy p{margin:4px 0 0;font-size:13px;}
    .rg-series-fullscreen-actions{position:absolute;right:18px;margin-top:-38px;}
    .rg-series-fullscreen-actions button{width:38px;min-height:38px;padding:0;font-size:0;}
    .rg-series-fullscreen-actions button::before{content:'☆';font-size:22px;}
    .rg-series-fullscreen-actions button+button{display:none;}
    .rg-series-fullscreen-timeline{width:calc(100% - 40px);margin-bottom:20px;grid-template-columns:38px minmax(0,1fr) 54px;gap:5px;}
    .rg-series-fullscreen-controls{grid-template-columns:48px 1fr 48px 58px 48px 1fr 48px;gap:4px;padding:0 18px 28px;}
    #rgSeriesFullscreenQueue{grid-column:1}#rgSeriesFullscreenBack{grid-column:3}#rgSeriesFullscreenToggle{grid-column:4}#rgSeriesFullscreenForward{grid-column:5}#rgSeriesFullscreenSpeed{grid-column:7}
    .rg-series-fullscreen-controls .rg-series-fullscreen-toggle{width:58px;height:58px;background:transparent;}
    .rg-series-fullscreen-speed-menu{left:16px;right:16px;bottom:88px;width:auto;}
  }
  .rg-nrk-programs li.is-collapsible{
    height:0;
    opacity:0;
    overflow:hidden;
    content-visibility:hidden;
    pointer-events:none;
  }
  .rg-nrk-channel.show-all .rg-nrk-programs li.is-collapsible{
    height:57px;
    opacity:1;
    content-visibility:visible;
    pointer-events:auto;
  }
  @media(prefers-reduced-motion:no-preference){
    .rg-nrk-programs li.is-collapsible{
      transition:height .4s ease,opacity .5s ease,content-visibility .4s allow-discrete;
      transition-behavior:allow-discrete;
    }
    .rg-series-fullscreen.show .rg-series-fullscreen-main{animation:rgPodcastFullscreenContent .38s .05s both;}
  }
  @keyframes rgPodcastFullscreenContent{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
  @media(prefers-reduced-motion:reduce){.rg-nrk-program-detail,.rg-nrk-program > svg{transition:none!important;}}
  .rg-nrk-empty{
    min-height:285px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:22px;
    border-bottom:1px solid rgba(255,255,255,.10);
    color:rgba(255,255,255,.48);
    font:650 12px/1.45 'Reddit Sans',sans-serif;
    text-align:center;
  }
  .rg-nrk-all{
    width:100%;
    min-height:42px;
    margin-top:8px;
    border:1px solid rgba(255,255,255,.14);
    border-radius:5px;
    background:rgba(255,255,255,.045);
    color:rgba(255,255,255,.8);
    font:750 11.5px 'Reddit Sans',sans-serif;
    cursor:pointer;
  }
  .rg-nrk-all:hover{background:rgba(255,255,255,.09);color:#fff;}
  .rg-nrk-all:disabled{opacity:.34;cursor:default;}
  .rg-nrk-loading{
    grid-column:1/-1;
    padding:54px 20px;
    color:rgba(255,255,255,.58);
    font:650 13px 'Reddit Sans',sans-serif;
    text-align:center;
  }
  @media(min-width:650px) and (max-width:1309px){
    .rg-nrk-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));}
  }
  @media(max-width:649px){
    .rg-view-toolbar{justify-content:stretch;margin-bottom:14px;}
    .rg-view-switch{width:100%;}
    .rg-view-option{flex:1;justify-content:center;padding-inline:8px;}
    .rg-home.nrk-layout{width:calc(100% - 28px);}
    .rg-home.nrk-layout .rg-view-toolbar{margin-bottom:22px;}
    .rg-nrk-topline{align-items:flex-start;flex-direction:column;margin-bottom:9px;}
    .rg-nrk-date-nav{width:100%;}
    .rg-nrk-date-nav>button:not(.rg-nrk-date):not(.rg-nrk-mobile-channel){display:none;}
    .rg-nrk-date-nav .rg-nrk-date,
    .rg-nrk-date-nav .rg-nrk-mobile-channel{display:flex;flex:1;min-width:0;width:50%;}
    .rg-nrk-date-nav .rg-nrk-mobile-channel{justify-content:space-between;}
    .rg-nrk-mobile-channel span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
    .rg-nrk-tz{margin-bottom:16px;}
    .rg-nrk-grid{display:block;}
    .rg-nrk-channel{display:none;min-width:250px;margin:0 auto 28px;}
    .rg-nrk-channel.is-selected{display:block;}
    .rg-nrk-channel-head{min-height:72px;}
    .rg-nrk-empty{min-height:180px;}
  }
  @media(prefers-reduced-motion:reduce){
    .rg-nrk-view *,#rgPickerOverlay.rg-overview-channel-picker *{
      animation:none!important;
      transition:none!important;
      scroll-behavior:auto!important;
    }
  }
  .rg-home{
    width:min(1180px,calc(100% - 36px));
    margin:0 auto;
    padding:2px 0 26px;
  }
  .rg-home[hidden],.rg-detail[hidden]{display:none!important;}
  .rg-home-hero{
    position:relative;
    overflow:hidden;
    padding:24px;
    border-radius:24px;
    background:
      radial-gradient(circle at 88% 10%,rgba(43,211,255,.28),transparent 32%),
      linear-gradient(135deg,#112a4f 0%,#0a1931 62%,#121b38 100%);
    box-shadow:0 22px 55px rgba(2,9,22,.24);
  }
  .rg-home-eyebrow{
    color:var(--mint);
    font:800 10px 'Reddit Sans',sans-serif;
    letter-spacing:.13em;
    text-transform:uppercase;
  }
  .rg-home-hero h3{
    max-width:620px;
    margin:7px 0 8px;
    color:#fff;
    font:850 clamp(24px,4vw,42px)/1.08 'Reddit Sans',sans-serif;
  }
  .rg-home-hero p{
    max-width:650px;
    margin:0;
    color:rgba(255,255,255,.66);
    font:550 13px/1.55 'Reddit Sans',sans-serif;
  }
  .rg-home-tz{
    display:inline-flex;
    align-items:center;
    gap:7px;
    margin-top:16px;
    padding:8px 11px;
    border-radius:999px;
    background:rgba(255,255,255,.08);
    color:rgba(255,255,255,.75);
    font:700 11px 'Reddit Sans',sans-serif;
  }
  .rg-home-tz svg{width:14px;height:14px;fill:currentColor;}
  .rg-home-section{margin-top:27px;}
  .rg-home-section-head{
    display:flex;
    align-items:end;
    justify-content:space-between;
    gap:16px;
    margin-bottom:11px;
  }
  .rg-home-section h3{
    margin:0;
    color:var(--ink);
    font:850 19px 'Reddit Sans',sans-serif;
  }
  .rg-home-section small{
    color:var(--ink-soft);
    font:650 11px 'Reddit Sans',sans-serif;
  }
  .rg-home-mais{
    display:grid;
    grid-template-columns:minmax(170px,260px) minmax(0,1fr);
    gap:18px;
    align-items:center;
    padding:18px;
    border-radius:22px;
    background:linear-gradient(145deg,#276bd4 0%,#0b438e 100%);
  }
  .rg-home-mais-brand{
    min-height:112px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:22px;
  }
  .rg-home-mais-brand img{width:min(210px,100%);height:auto;display:block;}
  .rg-home-cities{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
  }
  .rg-home-city{
    min-width:0;
    min-height:58px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:3px;
    padding:10px 12px;
    border:0;
    border-radius:13px;
    background:rgba(255,255,255,.10);
    color:#fff;
    cursor:pointer;
    text-align:left;
    transition:transform .18s ease,background .18s ease;
  }
  .rg-home-city:hover{transform:translateY(-2px);background:rgba(255,255,255,.16);}
  .rg-home-city strong{
    overflow:hidden;
    font:800 13px 'Reddit Sans',sans-serif;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .rg-home-city span{
    overflow:hidden;
    color:rgba(255,255,255,.62);
    font:650 10px 'Reddit Sans',sans-serif;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .rg-home-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:11px;
  }
  .rg-home-card{
    min-width:0;
    display:grid;
    grid-template-rows:112px auto;
    overflow:hidden;
    padding:0;
    border:0;
    border-radius:19px;
    background:var(--card-2);
    color:#fff;
    cursor:pointer;
    text-align:left;
    box-shadow:0 12px 30px rgba(2,10,25,.14);
    transition:transform .18s ease,box-shadow .18s ease;
  }
  .rg-home-card:hover{transform:translateY(-3px);box-shadow:0 17px 38px rgba(2,10,25,.2);}
  .rg-home-card-logo{
    display:flex;
    align-items:center;
    justify-content:center;
    padding:23px;
    background:var(--rg-card-bg,linear-gradient(145deg,#18345d,#0d1b31));
  }
  .rg-home-card-logo img{display:block;max-width:76%;max-height:70%;width:auto;height:auto;object-fit:contain;}
  .rg-home-card-logo .rg-logo-shell{width:100%;height:100%;display:grid;place-items:center;}
  .rg-home-card-logo .rg-logo-shell.cover-art img{object-fit:cover;}
  .rg-home-card-logo .rg-logo-shell{width:100%;height:100%;display:grid;place-items:center;}
  .rg-home-card-logo .rg-logo-shell.cover-art img{object-fit:cover;}
  .rg-home-card-logo span{font:850 24px 'Reddit Sans',sans-serif;}
  .rg-home-card-copy{display:grid;grid-template-rows:auto auto;gap:4px;align-content:center;min-width:0;padding:14px 16px;text-align:left;}
  .rg-home-card-name{
    overflow:hidden;
    color:#fff;
    font:800 13px 'Reddit Sans',sans-serif;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .rg-home-card-program{
    overflow:hidden;
    margin-top:0;
    color:rgba(255,255,255,.53);
    font:650 10.5px 'Reddit Sans',sans-serif;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  @media(max-width:760px){
    .rg-home{width:calc(100% - 28px);}
    .rg-home-hero{padding:20px;border-radius:20px;}
    .rg-home-mais{grid-template-columns:1fr;padding:12px;}
    .rg-home-mais-brand{min-height:82px;padding:15px;}
    .rg-home-cities{grid-template-columns:repeat(2,minmax(0,1fr));}
    .rg-home-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;}
    .rg-home-card{grid-template-rows:94px auto;border-radius:16px;}
    .rg-home-card-logo{padding:18px;}
  }
  .rg-controls{
    display:flex;
    gap:10px;
    padding:0 18px 14px;
    max-width:var(--maxw);
    margin:0 auto;
  }
  .rg-control{
    flex:1;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    background:var(--card-2);
    border:none;
    border-radius:var(--r-sm);
    padding:14px 16px;
    color:#fff;
    font-family:'Plus Jakarta Sans',sans-serif;
    font-size:14px;
    font-weight:700;
    cursor:pointer;
  }
  .rg-control svg{width:18px;height:18px;fill:#fff;flex:0 0 auto;}
  .rg-station-banner{
    max-width:var(--maxw);
    margin:0 auto 18px;
    padding:20px 18px;
    background:var(--card-2);
    border-radius:var(--r-md);
    display:flex;
    align-items:center;
    justify-content:center;
    gap:14px;
    flex-wrap:wrap;
    margin-left:18px;
    margin-right:18px;
  }
  .rg-station-brand{
    display:flex;
    align-items:center;
    gap:10px;
    font-family:'Plus Jakarta Sans',sans-serif;
    font-size:17px;
    font-weight:700;
    color:#fff;
  }
  .rg-logo-shell{display:grid;place-items:center;overflow:hidden;}
  .rg-logo-shell{display:grid;place-items:center;overflow:hidden;}
  .rg-station-brand img{height:28px;max-width:170px;width:auto;object-fit:contain;}
  .rg-station-brand .rg-logo-shell.cover-art{
    width:48px;
    height:48px;
    border-radius:13px;
  }
  .rg-district-btn{
    display:flex;
    align-items:center;
    gap:6px;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.18);
    border-radius:999px;
    padding:8px 14px;
    color:#fff;
    font-family:'Work Sans',sans-serif;
    font-size:12.5px;
    font-weight:700;
    cursor:pointer;
  }
  .rg-district-btn svg{width:14px;height:14px;fill:#fff;}
  .rg-tz-note{
    max-width:var(--maxw);
    margin:0 auto 6px;
    padding:0 18px;
    font-family:'Work Sans',sans-serif;
    font-size:12px;
    color:var(--ink-soft);
    display:flex;
    align-items:center;
    gap:6px;
  }
  .rg-tz-note svg{width:13px;height:13px;fill:var(--ink-soft);flex:0 0 auto;}
  .rg-schedule{
    max-width:var(--maxw);
    margin:0 auto;
    padding:0 18px;
  }
  .rg-slot{
    border-bottom:1px solid var(--line);
  }
  .rg-slot-head{
    display:flex;
    align-items:center;
    gap:16px;
    width:100%;
    background:none;
    border:none;
    padding:18px 0;
    cursor:pointer;
    text-align:left;
    color:var(--ink);
  }
  .rg-slot-time{
    font-family:'Plus Jakarta Sans',sans-serif;
    font-size:15px;
    font-weight:600;
    color:var(--ink);
    flex:0 0 62px;
  }
  .rg-slot-name{
    flex:1;
    font-family:'Plus Jakarta Sans',sans-serif;
    font-size:15px;
    font-weight:500;
    color:var(--ink);
    min-width:0;
  }
  .rg-slot.now .rg-slot-time,
  .rg-slot.now .rg-slot-name{color:var(--blue);}
  .rg-slot-caret{
    width:16px;height:16px;
    fill:var(--ink-soft);
    flex:0 0 auto;
    transition:transform .2s ease;
  }
  .rg-slot.open .rg-slot-caret{transform:rotate(180deg);}
  .rg-slot-body{
    display:none;
    padding:0 0 20px;
  }
  .rg-slot.open .rg-slot-body{display:block;}
  .rg-prog{
    display:flex;
    gap:14px;
    margin-bottom:16px;
  }
  .rg-prog-img{
    width:150px;
    aspect-ratio:16/9;
    border-radius:var(--r-sm);
    object-fit:cover;
    background:var(--card-2);
    flex:0 0 auto;
  }
  .rg-prog-img.rg-prog-img-contain{
    object-fit:contain;
    object-position:center;
    box-sizing:border-box;
    padding:0;
    background:var(--program-cover-bg,linear-gradient(135deg,#071d38 0%,#0c3763 55%,#145d95 100%));
  }
  .rg-prog-img.rg-prog-img-logo{
    padding:14px 18px;
    filter:drop-shadow(0 8px 14px rgba(0,0,0,.22));
  }
  .rg-prog-img.rg-prog-station-brand{
    display:flex;
    align-items:center;
    justify-content:center;
    box-sizing:border-box;
    padding:18px 24px;
    overflow:hidden;
    background:
      radial-gradient(circle at 70% 25%,rgba(255,255,255,.24),transparent 38%),
      linear-gradient(135deg,var(--rg-brand-bg,#6f2aa7),#2b0a49);
  }
  .rg-prog-station-brand img{
    width:82%;
    height:72%;
    object-fit:contain;
    filter:drop-shadow(0 7px 14px rgba(0,0,0,.24));
  }
  .rg-prog-title{
    font-family:'Plus Jakarta Sans',sans-serif;
    font-size:17px;
    font-weight:700;
    color:var(--ink);
    line-height:1.25;
  }
  .rg-prog-date{
    font-size:12.5px;
    color:var(--ink-soft);
    margin-top:4px;
  }
  .rg-prog-desc{
    font-family:'Work Sans',sans-serif;
    font-size:13.5px;
    color:var(--ink-soft);
    line-height:1.5;
    margin-bottom:14px;
  }
  .rg-prog-actions{
    display:flex;
    align-items:center;
    gap:14px;
    margin-bottom:14px;
  }
  .rg-play{
    display:flex;
    align-items:center;
    gap:10px;
    background:none;
    border:none;
    cursor:pointer;
    color:var(--ink);
    font-family:'Plus Jakarta Sans',sans-serif;
    font-size:15px;
    font-weight:700;
    padding:0;
  }
  .rg-play-circle{
    width:44px;height:44px;
    border-radius:50%;
    background:var(--red);
    display:flex;align-items:center;justify-content:center;
    flex:0 0 auto;
    box-shadow:0 6px 16px -6px rgba(255,71,71,.6);
  }
  .rg-play-circle svg{width:16px;height:16px;fill:#fff;}
  .rg-play-circle.rg-play-replay{
    background:var(--mint);
    box-shadow:0 6px 16px -6px rgba(95,255,192,.5);
  }
  .rg-play-circle.rg-play-replay svg{fill:#0A1424;}
  .rg-note{
    font-family:'Work Sans',sans-serif;
    font-size:12.5px;
    color:var(--ink-soft);
    font-style:italic;
  }
  .rg-slot.past .rg-slot-time,
  .rg-slot.past .rg-slot-name{opacity:.55;}
  .rg-play-secondary{
    font-size:13.5px;
    color:var(--ink-soft);
  }
  .rg-play-secondary .rg-play-circle{width:36px;height:36px;}
  .rg-play-secondary .rg-play-circle svg{width:14px;height:14px;}

  /* ----- Radioguide no computador ----- */
  @media(min-width:800px){
    .rg-header{padding:26px 18px 18px;}
    .rg-title{font-size:32px;}
    .rg-controls{
      max-width:var(--maxw);
      gap:12px;
    }
    .rg-control{
      flex:0 1 260px;   /* não estica de ponta a ponta na tela larga */
    }
    .rg-station-banner{
      max-width:var(--maxw);
      margin-left:auto;
      margin-right:auto;
      padding:24px 20px;
    }
    .rg-station-brand img{height:24px;}
    .rg-slot-head{padding:20px 0;}
    .rg-slot-time{flex:0 0 90px; font-size:16px;}
    .rg-slot-name{font-size:16px;}
    /* No computador, capa e texto ficam lado a lado com mais respiro */
    .rg-prog{gap:20px;}
    .rg-prog-img{width:220px;}
    .rg-prog-title{font-size:20px;}
    .rg-prog-desc{max-width:640px;}
    .rg-slot-body{padding:4px 0 26px 90px;}  /* alinha com a coluna do horário */
  }
  .rg-empty{
    text-align:center;
    color:var(--ink-soft);
    font-size:13.5px;
    line-height:1.6;
    padding:50px 20px;
  }
  .rg-empty strong{color:var(--ink); display:block; margin-bottom:6px; font-size:15px;}

  .rg-calendar-overlay,.rg-picker-overlay{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(5,10,20,.7);
    z-index:140;
    align-items:center;
    justify-content:center;
    padding:20px;
  }
  .rg-calendar-overlay.show,.rg-picker-overlay.show{display:flex;}
  .rg-calendar{
    background:var(--blue-deep);
    border:1px solid var(--line);
    border-radius:var(--r-md);
    padding:16px;
    width:100%;
    max-width:380px;
  }
  .rg-cal-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:14px;
    color:#fff;
    font-family:'Plus Jakarta Sans',sans-serif;
    font-weight:700;
  }
  .rg-cal-nav{
    width:40px;height:40px;
    border-radius:var(--r-sm);
    border:none;
    background:var(--card-2);
    color:#fff;
    display:flex;align-items:center;justify-content:center;
    cursor:pointer;
  }
  .rg-cal-nav svg{width:16px;height:16px;fill:#fff;}
  .rg-cal-grid{
    display:grid;
    grid-template-columns:repeat(7,1fr);
    gap:5px;
    margin-bottom:14px;
  }
  .rg-cal-dow{
    text-align:center;
    font-size:11px;
    font-weight:800;
    color:#fff;
    padding:6px 0;
  }
  .rg-cal-day{
    aspect-ratio:1;
    border:none;
    border-radius:8px;
    background:var(--card-2);
    color:#fff;
    font-size:13px;
    font-weight:600;
    cursor:pointer;
  }
  .rg-cal-day.other{opacity:.35; cursor:default;}
  .rg-cal-day.selected{background:#A8C8F0; color:#0A1424; box-shadow:0 0 0 2px var(--blue);}
  .rg-cal-cancel{
    width:100%;
    background:var(--card-2);
    border:none;
    border-radius:var(--r-sm);
    padding:13px;
    color:#fff;
    font-family:'Plus Jakarta Sans',sans-serif;
    font-weight:700;
    cursor:pointer;
  }
  .rg-picker{
    background:#16233d;
    border:none;
    border-radius:14px;
    width:100%;
    max-width:330px;
    max-height:80vh;
    display:flex;
    flex-direction:column;
    overflow:hidden;
    padding:18px 16px 16px;
    box-shadow:0 30px 70px -20px rgba(0,0,0,.8);
  }
  .rg-picker-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    margin-bottom:6px;
  }
  .rg-picker-head h3{
    font-family:'Plus Jakarta Sans',sans-serif;
    font-size:21px;
    font-weight:800;
    color:#fff;
    margin:0;
  }
  .rg-picker-close{
    width:30px;height:30px;
    border-radius:50%;
    border:none;
    background:none;
    color:rgba(255,255,255,.6);
    font-size:14px;
    cursor:pointer;
    flex:0 0 auto;
  }
  .rg-picker-close:hover{color:#fff;}
  .rg-picker-sub{
    font-family:'Work Sans',sans-serif;
    font-size:13px;
    color:rgba(255,255,255,.75);
    line-height:1.45;
    margin:0 0 14px;
    padding:0;
  }
  /* Setas de rolagem, como as barrinhas do NRK */
  .rg-scroll-arrow{
    width:100%;
    height:22px;
    border:none;
    border-radius:6px;
    background:#1e3560;
    color:rgba(255,255,255,.65);
    display:none;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    flex:0 0 auto;
    margin-bottom:6px;
  }
  .rg-scroll-arrow:last-of-type{margin-bottom:0; margin-top:6px;}
  .rg-scroll-arrow.show{display:flex;}
  .rg-scroll-arrow:hover{background:#26417a;}
  .rg-scroll-arrow svg{width:16px;height:16px;fill:currentColor;}
  .rg-picker-cancel{
    width:100%;
    margin-top:10px;
    background:#0d1730;
    border:none;
    border-radius:8px;
    padding:13px;
    color:#fff;
    font-family:'Plus Jakarta Sans',sans-serif;
    font-size:15px;
    font-weight:700;
    cursor:pointer;
    flex:0 0 auto;
  }
  .rg-picker-cancel:hover{background:#132043;}
  .rg-picker-list{
    overflow-y:auto;
    scrollbar-width:none;
  }
  .rg-picker-list::-webkit-scrollbar{display:none;}
  .rg-picker-item{
    display:flex;
    align-items:center;
    gap:12px;
    width:100%;
    background:none;
    border:none;
    border-bottom:1px solid var(--line);
    padding:16px 18px;
    cursor:pointer;
    color:#fff;
    text-align:left;
    font-family:'Plus Jakarta Sans',sans-serif;
    font-size:15px;
    font-weight:600;
  }
  .rg-picker-item:hover{background:rgba(255,255,255,.04);}
  .rg-picker-item > img{
    display:block;
    height:18px;
    width:auto;
    max-width:150px;
    object-fit:contain;
    flex:0 0 auto;
  }
  .rg-picker-logo{
    width:68px;
    height:42px;
    flex:0 0 68px;
    display:grid;
    place-items:center;
    overflow:visible;
    border-radius:0;
    background:transparent;
  }
  .rg-picker-logo img{
    display:block;
    max-width:100%;
    max-height:32px;
    width:auto;
    height:auto;
    object-fit:contain;
    filter:drop-shadow(0 2px 5px rgba(0,0,0,.22));
  }
  .rg-picker-fallback{font-size:13px;font-weight:800;letter-spacing:.04em;color:#fff;}
  .rg-picker-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .rg-picker-item .rg-check{margin-left:auto; color:var(--blue); font-size:18px;}

  /* Seletor móvel de canal: replica o painel de tela cheia do "Velg kanal". */
  @media(max-width:649px){
    #rgPickerOverlay.rg-overview-channel-picker{
      align-items:stretch;
      justify-content:stretch;
      padding:0;
      background:#07172a;
    }
    #rgPickerOverlay.rg-overview-channel-picker .rg-picker{
      width:100vw;
      height:100dvh;
      max-width:none;
      max-height:none;
      padding:0;
      border-radius:0;
      background:#07172a;
      box-shadow:none;
    }
    #rgPickerOverlay.rg-overview-channel-picker .rg-picker-head{
      min-height:76px;
      align-items:center;
      margin:0;
      padding:18px 20px;
      border-bottom:1px solid rgba(255,255,255,.10);
    }
    #rgPickerOverlay.rg-overview-channel-picker .rg-picker-head h3{font-size:25px;}
    #rgPickerOverlay.rg-overview-channel-picker .rg-picker-close{
      width:36px;height:36px;
      background:rgba(255,255,255,.08);
      color:#fff;
    }
    #rgPickerOverlay.rg-overview-channel-picker .rg-picker-sub,
    #rgPickerOverlay.rg-overview-channel-picker .rg-scroll-arrow,
    #rgPickerOverlay.rg-overview-channel-picker .rg-picker-cancel{display:none!important;}
    #rgPickerOverlay.rg-overview-channel-picker .rg-picker-list{
      flex:1;
      overflow-y:auto;
    }
    .rg-picker-list.overview-channel-mode{display:block;padding:0;}
    .rg-overview-picker-row{
      min-height:82px;
      display:flex;
      align-items:center;
      gap:10px;
      padding:0 20px;
      border-bottom:1px solid rgba(255,255,255,.10);
      position:relative;
    }
    .rg-overview-picker-row:hover{background:rgba(255,255,255,.045);}
    .rg-overview-picker-main{
      min-width:0;
      flex:0 1 146px;
      align-self:stretch;
      display:flex;
      align-items:center;
      padding:0;
      border:0;
      background:transparent;
      color:#fff;
      text-align:left;
      cursor:pointer;
    }
    .rg-overview-picker-main .rg-picker-logo{width:132px;height:56px;justify-items:start;}
    .rg-overview-picker-main .rg-picker-logo img{max-width:122px;max-height:38px;}
    .rg-overview-picker-district{
      flex:0 0 auto;
      max-width:116px;
      height:26px;
      min-height:26px;
      padding:3px 7px;
      border:1px solid #36547b;
      border-radius:3px;
      background:transparent;
      color:#fff;
      font:650 10px 'Reddit Sans',sans-serif;
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
      cursor:pointer;
    }
    .rg-overview-picker-district::after{content:'›';margin-left:5px;color:rgba(255,255,255,.72);}
    .rg-overview-picker-check{
      flex:0 0 auto;
      width:22px;
      height:22px;
      display:grid;
      place-items:center;
      margin-left:auto;
      color:#9fc7f7;
    }
    .rg-overview-picker-check svg{width:19px;height:19px;fill:currentColor;}
  }

  /* Painel de cidade reproduz a caixa compacta do seletor de distrito da NRK. */
  #rgPickerOverlay.rg-district-picker{background:rgba(2,10,24,.76);}
  #rgPickerOverlay.rg-district-picker .rg-picker{
    max-width:356px;
    max-height:80vh;
    padding:16px;
    border-radius:4px;
    background:#102846;
  }
  #rgPickerOverlay.rg-district-picker .rg-picker-head{margin-bottom:2px;}
  #rgPickerOverlay.rg-district-picker .rg-picker-head h3{font-size:23px;line-height:1.08;}
  #rgPickerOverlay.rg-district-picker .rg-picker-close{display:none;}
  #rgPickerOverlay.rg-district-picker .rg-picker-sub{
    margin:0 0 15px;
    padding:0;
    color:#fff;
    font:550 12px/1.35 'Reddit Sans',sans-serif;
  }
  #rgPickerOverlay.rg-district-picker .rg-picker-list.city-mode{gap:8px;}
  #rgPickerOverlay.rg-district-picker .rg-picker-list.city-mode .rg-picker-item{
    min-height:40px;
    padding:7px 12px;
    border-radius:2px;
    background:#244a82;
    font-size:14px;
  }
  #rgPickerOverlay.rg-district-picker .rg-picker-list.city-mode .rg-picker-item.current{
    background:#102846;
    border-color:#a8c8f0;
    color:#a8c8f0;
  }
  #rgPickerOverlay.rg-district-picker .rg-scroll-arrow{
    height:24px;
    border-radius:2px;
    background:#17355f;
  }
  #rgPickerOverlay.rg-district-picker .rg-picker-cancel{
    min-height:40px;
    margin-top:10px;
    padding:8px 12px;
    border-radius:2px;
    background:#07172a;
    font-size:14px;
  }

  /* Botão de cidade estilo "Velg distrikt" do NRK */
  .city-btn{
    display:flex;
    align-items:center;
    gap:7px;
    background:none;
    border:1.5px solid rgba(255,255,255,.4);
    border-radius:10px;
    padding:8px 14px;
    color:#fff;
    font-family:'Plus Jakarta Sans',sans-serif;
    font-size:14px;
    font-weight:700;
    cursor:pointer;
    flex:0 0 auto;
    transition:background .15s ease;
  }
  .city-btn:hover{background:rgba(255,255,255,.1);}
  .city-btn svg{width:15px;height:15px;fill:#fff;}
  .cinema-station-logo.is-wordmark{
    height:26px !important;
    width:auto !important;
    border-radius:0 !important;
    object-fit:contain;
  }
  .cinema-station-logo.on-plate{
    height:34px !important;
    padding:5px 10px;
    border-radius:6px !important;
  }

  .rg-picker-sub{
    font-family:'Work Sans',sans-serif;
    font-size:13.5px;
    color:rgba(255,255,255,.7);
    line-height:1.5;
    margin:0;
    padding:0 18px 14px;
  }
  /* Lista de cidades no estilo NRK: botões grandes, azuis, centralizados */
  .rg-picker-list.city-mode{
    padding:0;
    display:flex;
    flex-direction:column;
    gap:6px;
  }
  .rg-picker-list.city-mode .rg-picker-item{
    justify-content:center;
    text-align:center;
    background:#1e3560;
    border:2px solid transparent;
    border-radius:8px;
    padding:13px;
    font-family:'Plus Jakarta Sans',sans-serif;
    font-size:15px;
    font-weight:700;
    color:#fff;
    position:relative;
    transition:background .15s ease;
  }
  .rg-picker-list.city-mode .rg-picker-item:hover{background:#26417a;}
  /* A cidade atual fica com CONTORNO (não preenchida) — igual o NRK */
  .rg-picker-list.city-mode .rg-picker-item.current{
    background:#122447;
    border-color:#7FB0FF;
    color:#A8C8F0;
  }
  .rg-picker-list.city-mode .rg-picker-item .rg-check{
    position:absolute;
    right:18px;
  }

  .rg-picker-list.city-mode .rg-picker-item.unavailable{
    background:rgba(255,255,255,.06);
    color:rgba(255,255,255,.35);
    cursor:not-allowed;
    position:relative;
  }
  .rg-picker-list.city-mode .rg-picker-item.unavailable:hover{background:rgba(255,255,255,.06);}
  .city-soon{
    position:absolute;
    right:16px;
    font-size:10px;
    font-weight:700;
    letter-spacing:.5px;
    text-transform:uppercase;
    color:rgba(255,255,255,.3);
  }
  /* ---------- MODO BLOCOS GRANDES (acessibilidade) ----------
     Blocos maiores, imagem do programa em destaque, texto ampliado e botões
     mais evidentes. A imagem se adapta à caixa mesmo sendo 16:9. */
  .grid.large-view{
    display:grid;
    grid-template-columns:1fr;
    gap:12px;
  }
  @media(min-width:900px){
    .grid.large-view{grid-template-columns:1fr 1fr;}
  }
  .large-view .card{
    display:grid;
    grid-template-columns:150px 1fr;
    align-items:stretch;
    padding:0;
    overflow:hidden;
    border-radius:10px;
    border:none;
    background:var(--card);
    box-shadow:none;
  }
  @media(max-width:520px){
    .large-view .card{grid-template-columns:110px 1fr;}
  }
  .large-view .card-hero{
    width:100%;
    aspect-ratio:1/1;      /* quadrado, como as capas do NRK */
    height:auto;
    border-radius:0;
    min-height:0;
  }
  .large-view .card-hero-img{
    width:100%;
    height:100%;
    object-fit:cover;   /* imagem 16:9 se adapta ao quadrado sem distorcer */
  }
  .large-view .card-hero-overlay{display:none;}
  .large-view .card-hero-badge{display:none;}
  .large-view .card-body{
    padding:14px 16px;
    display:flex;
    flex-direction:column;
    justify-content:center;
  }
  .large-view .card-brand-row{margin-bottom:5px;}
  .large-view .card-brand-logo:not(.card-brand-logo-lg){height:13px;}
  .large-view .card-brand-city{font-size:14px;}
  .large-view .card-brand-name{font-size:16px; margin-bottom:5px;}
  .large-view .card-prog-name{
    font-size:15px;
    font-weight:700;
    line-height:1.3;
    margin-bottom:2px;
  }
  .large-view .card-prog-time{
    font-family:'Plus Jakarta Sans',sans-serif;
    font-size:14px;
    color:var(--ink-soft);
    margin-bottom:12px;
  }
  .large-view .card-tag{display:none;}
  .large-view .card-play-row{
    margin-top:0;
    font-size:14px;
    font-weight:600;
  }
  .large-view .card-play{width:40px;height:40px;}
  .large-view .card-play svg{width:15px;height:15px;}
  .large-view .card-src-row{display:none;}
  .large-view .card-ext{display:none;}
  .card-prog-time{display:none;}
  .large-view .card-prog-time{display:block;}

  /* ----- Linha de ações do card (formato NRK) ----- */
  .card-actions{
    display:flex;
    align-items:center;
    gap:8px;
    margin-top:12px;
    flex-wrap:wrap;
  }
  .card-play-row{
    display:flex;
    align-items:center;
    gap:9px;
    background:none;
    border:none;
    padding:0;
    cursor:pointer;
    font-family:'Plus Jakarta Sans',sans-serif;
    font-size:13.5px;
    font-weight:600;
    color:var(--ink);
    flex:0 0 auto;
  }
  .card-play-text{white-space:nowrap;}
  /* Botão "Ouvir do início" — pílula azul discreta, como o NRK */
  .card-pill{
    display:inline-flex;
    align-items:center;
    gap:5px;
    background:#1e3560;
    border:none;
    border-radius:999px;
    padding:7px 13px;
    color:#cfe0ff;
    font-family:'Work Sans',sans-serif;
    font-size:11.5px;
    font-weight:700;
    cursor:pointer;
    white-space:nowrap;
    margin-left:auto;
    transition:background .15s ease;
  }
  .card-pill:hover{background:#26417a;}
  .card-pill svg{width:12px;height:12px;fill:currentColor;}
  .card-dots{
    width:28px;height:28px;
    border-radius:50%;
    background:#1e3560;
    border:none;
    color:#cfe0ff;
    display:flex;align-items:center;justify-content:center;
    cursor:pointer;
    flex:0 0 auto;
    transition:background .15s ease;
  }
  .card-dots:hover{background:#26417a;}
  .card-dots svg{width:15px;height:15px;fill:currentColor;}

  /* ----- Menu de opções da rádio ----- */
  .station-menu{max-width:300px;}
  .sm-head{margin-bottom:14px;}
  .sm-title{
    font-family:'Plus Jakarta Sans',sans-serif;
    font-size:18px;
    font-weight:800;
    color:#fff;
  }
  .sm-sub{
    font-size:13px;
    color:rgba(255,255,255,.6);
    margin-top:2px;
  }
  .sm-item{
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:100%;
    background:#1e3560;
    border:none;
    border-radius:8px;
    padding:14px 16px;
    margin-bottom:7px;
    color:#fff;
    font-family:'Plus Jakarta Sans',sans-serif;
    font-size:14.5px;
    font-weight:700;
    cursor:pointer;
    text-align:left;
    transition:background .15s ease;
  }
  .sm-item:hover{background:#26417a;}
  .sm-item svg{width:17px;height:17px;fill:#fff;flex:0 0 auto;}
  .station-menu .rg-picker-cancel{
    border:1.5px solid rgba(255,255,255,.35);
    background:none;
    margin-top:4px;
  }
  .station-menu .rg-picker-cancel:hover{background:rgba(255,255,255,.06);}

  /* ==================== PLAYER SIMPLIFICADO ====================
     Versão enxuta pensada pra celular. Mantém TODOS os recursos, mas reorganiza
     pra caber confortavelmente numa tela estreita: controles maiores (alvos de
     toque generosos), sem os detalhes que só fazem sentido em tela grande.
     Ligado por padrão no celular; o ouvinte pode desligar nas configurações. */
  html.simple-player .mini-player{
    border-top:1px solid rgba(255,255,255,.1);
    box-shadow:0 -8px 28px -12px rgba(0,0,0,.6);
  }
  html.simple-player .mini-player-inner{
    grid-template-columns:auto 1fr auto;   /* capa | info | play */
    align-items:center;
    padding:12px 16px 8px;
    gap:13px;
  }
  /* A capa fica maior e mais presente */
  html.simple-player .mini-art{
    width:50px;height:50px;
    border-radius:10px;
    font-size:20px;
  }
  html.simple-player .mini-left{gap:13px; min-width:0;}
  html.simple-player .mini-info{min-width:0;}
  html.simple-player .mini-station{
    font-size:11px;
    letter-spacing:.4px;
    margin-bottom:2px;
  }
  html.simple-player .mini-track{
    font-size:14px;
    font-weight:600;
    line-height:1.3;
  }

  /* O play vira o elemento principal: grande, colorido, impossível de errar */
  html.simple-player .mini-center{
    justify-self:end;
    gap:6px;
  }
  html.simple-player .mini-play{
    width:54px;height:54px;
    background:var(--red);
    color:#fff;
    box-shadow:0 8px 20px -8px rgba(255,71,71,.65);
  }
  html.simple-player .mini-play svg{width:25px;height:25px;fill:#fff;}
  html.simple-player .mini-play:hover{opacity:1; filter:brightness(1.08);}
  html.simple-player .mini-play:active{transform:scale(.93);}
  /* Os 15s só aparecem no replay (fora dele não servem pra nada) */
  html.simple-player .mini-skip{width:42px;height:42px;}
  html.simple-player .mini-skip svg{width:21px;height:21px;}
  html.simple-player .mini-skip:disabled{display:none;}

  /* Linha do tempo: grossa e fácil de arrastar com o dedo */
  html.simple-player .mini-timeline{
    padding:4px 16px 6px;
    gap:0;
  }
  html.simple-player .mini-time{display:none;}
  html.simple-player .mini-track-bar{height:5px; border-radius:5px;}
  html.simple-player .mini-track-dot{width:15px;height:15px;}

  /* Ações numa linha própria, com alvos de toque grandes e bem espaçados */
  html.simple-player .mini-right{
    grid-column:1 / -1;
    justify-self:stretch;
    justify-content:space-around;
    gap:0;
    padding:6px 0 4px;
    border-top:1px solid rgba(255,255,255,.08);
    margin-top:6px;
  }
  html.simple-player .mini-icon-btn{
    width:46px;height:46px;   /* alvo de toque confortável (mínimo recomendado) */
    border-radius:12px;
  }
  html.simple-player .mini-icon-btn svg{width:20px;height:20px;}
  html.simple-player .mini-icon-btn:active{
    background:var(--card-2);
    transform:scale(.92);
  }
  html.simple-player .mini-right .mini-live{
    margin-right:0;
    padding:11px 14px;
    font-size:11px;
    border-radius:12px;
  }
  html.simple-player .mini-right .mini-live:active{background:var(--card-2);}
  /* No celular o volume é o botão físico do aparelho */
  html.simple-player .mini-volume-wrap{display:none;}

  .marker-tooltip{
    position:fixed;
    display:none;
    align-items:center;
    gap:10px;
    background:#0A1424;
    border:1px solid rgba(255,255,255,.15);
    border-radius:12px;
    padding:8px 12px 8px 8px;
    box-shadow:0 16px 32px -12px rgba(0,0,0,.75);
    z-index:200;
    pointer-events:none;
    max-width:280px;
    animation:tooltipPop .18s cubic-bezier(.34,1.56,.64,1) both;
  }
  .marker-tooltip.show{display:flex;}
  @keyframes tooltipPop{
    from{opacity:0; transform:translateY(6px) scale(.94);}
    to{opacity:1; transform:translateY(0) scale(1);}
  }
  .marker-tooltip .mt-cover{
    width:44px;height:44px;
    border-radius:8px;
    object-fit:cover;
    flex:0 0 auto;
    background:rgba(255,255,255,.08);
  }
  .marker-tooltip .mt-cover-empty{
    display:flex;align-items:center;justify-content:center;
    font-size:18px;
    color:rgba(255,255,255,.5);
  }
  .marker-tooltip .mt-body{min-width:0;}
  .marker-tooltip .mt-title{
    font-family:'Plus Jakarta Sans',sans-serif;
    font-size:13px;
    font-weight:700;
    color:#fff;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .marker-tooltip .mt-artist{
    font-size:11.5px;
    color:rgba(255,255,255,.6);
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    margin-top:1px;
  }
  .marker-tooltip .mt-time{
    font-size:10px;
    color:rgba(255,255,255,.4);
    margin-top:3px;
  }
  .replay-marker svg{
    width:14px;height:22px;
    fill:#fff;
    filter:drop-shadow(0 0 3px rgba(0,0,0,.6));
    transition:transform .18s cubic-bezier(.34,1.56,.64,1);
  }
  /* Animações de hover só fazem sentido em quem tem mouse de verdade.
     No celular, elas ficam "grudadas" depois do toque e ainda gastam bateria
     à toa — então só ligamos onde existe ponteiro fino (mouse/trackpad). */
  @media (hover:hover) and (pointer:fine){
    .replay-marker:hover svg{
      transform:translateY(-5px) scale(1.25);
      fill:var(--mint);
    }
    .replay-markers.no-hover .replay-marker:hover svg{transform:none; fill:#fff;}
  }
  /* No celular: sem animação de hover, alvo de toque maior e resposta imediata */
  @media (hover:none){
    .replay-marker{width:26px; height:38px;}
    .replay-marker svg{transition:none;}
    .replay-marker:active svg{transform:scale(1.2); fill:var(--mint);}
    .marker-tooltip{animation:none;}
  }
  /* EFEITO IMÃ: a nota que está puxando a fita acende e cresce. A intensidade
     (--magnet, de 0 a 1) acompanha a força da atração — quanto mais perto você
     chega, mais ela reage. É o retorno visual do "vai grudar aqui". */
  .replay-marker.magnet svg{
    fill:var(--mint);
    transform:
      translateY(calc(-4px * var(--magnet, 0)))
      scale(calc(1 + 0.45 * var(--magnet, 0)));
    filter:drop-shadow(0 0 calc(8px * var(--magnet, 0)) rgba(95,255,192,.9));
    transition:none;   /* acompanha o arrasto em tempo real */
  }
  .replay-marker.magnet::after{
    content:"";
    position:absolute;
    left:50%; top:50%;
    transform:translate(-50%,-50%) scale(var(--magnet, 0));
    width:26px; height:26px;
    border-radius:50%;
    background:radial-gradient(circle, rgba(95,255,192,.35) 0%, transparent 70%);
    pointer-events:none;
  }
  /* TRAVADO: a fita encaixou EXATAMENTE nessa nota. Ela fica cheia, maior e
     com um anel — o retorno inequívoco de "grudou aqui, é essa música". */
  .replay-marker.magnet.locked svg{
    fill:var(--mint);
    transform:translateY(-5px) scale(1.55);
    filter:drop-shadow(0 0 10px rgba(95,255,192,1));
  }
  .replay-marker.magnet.locked::before{
    content:"";
    position:absolute;
    left:50%; top:50%;
    transform:translate(-50%,-50%);
    width:22px; height:22px;
    border-radius:50%;
    border:2px solid var(--mint);
    box-shadow:0 0 12px rgba(95,255,192,.6);
    pointer-events:none;
    animation:magnetPulse .5s ease-out;
  }
  @keyframes magnetPulse{
    from{transform:translate(-50%,-50%) scale(.4); opacity:1;}
    to{transform:translate(-50%,-50%) scale(1); opacity:1;}
  }
  /* Sem "info na nota", a gente só tira o balãozinho de hover — mas a nota
     CONTINUA clicável pra pular pro replay. O clique é controlado à parte pela
     opção de linha do tempo interativa, então aqui não mexemos em pointer-events. */
  .replay-markers.no-hover .replay-marker{pointer-events:auto;}
  .replay-marker:active svg{transform:scale(.88);}
  .replay-marker-popover{
    display:none;
    position:relative;
    background:#12233B;
    border:1px solid rgba(255,255,255,.12);
    border-radius:var(--r-md);
    padding:10px 12px;
    margin:-6px 0 12px;
    font-size:12px;
  }
  .replay-marker-popover.show{display:block;}
  .replay-marker-popover .rmp-jump{cursor:pointer; border-radius:var(--r-sm); padding:2px 4px; margin:-2px -4px;}
  .replay-marker-popover .rmp-jump:hover{background:rgba(255,255,255,.06);}
  .replay-marker-popover .rmp-time{
    font-family:'Share Tech Mono','Work Sans',monospace;
    font-size:10px;
    color:rgba(255,255,255,.5);
    margin-bottom:2px;
  }
  .replay-marker-popover .rmp-title{
    font-family:'Plus Jakarta Sans',sans-serif;
    font-weight:600;
    color:#fff;
  }
  .replay-marker-popover .rmp-artist{
    color:rgba(255,255,255,.6);
    font-size:11px;
  }
  .replay-marker-popover .rmp-close{
    position:absolute;
    top:6px;right:8px;
    background:none;border:none;
    color:rgba(255,255,255,.5);
    font-size:14px;
    cursor:pointer;
  }

  .replay-queue-modal{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(5,10,20,.55);
    z-index:150;   /* acima da tela cheia (120), senão ficava POR BAIXO e sumia */
    align-items:flex-end;
    justify-content:center;
  }
  .replay-queue-modal.show{display:flex;}
  .replay-queue-inner{
    width:100%;
    max-width:560px;
    max-height:75vh;
    background:#0E2036;
    border-radius:20px 20px 0 0;
    padding:16px 18px 22px;
    overflow-y:auto;
  }
  @media(min-width:860px){
    .replay-queue-modal{
      background:transparent;
      align-items:flex-start;
      justify-content:flex-end;
      padding:80px 24px 0 0;
      pointer-events:none;
    }
    .replay-queue-inner{
      pointer-events:auto;
      width:380px;
      max-width:380px;
      max-height:min(640px, 80vh);
      border-radius:var(--r-lg);
      border:1px solid rgba(255,255,255,.12);
      box-shadow:0 30px 60px -20px rgba(0,0,0,.7);
    }
  }
  .replay-queue-tabs{
    display:flex;
    gap:8px;
    margin-bottom:16px;
  }
  .replay-queue-tab{
    flex:1;
    text-align:center;
    font-family:'Plus Jakarta Sans',sans-serif;
    font-size:13px;
    font-weight:600;
    color:rgba(255,255,255,.75);
    background:rgba(255,255,255,.08);
    border:none;
    border-radius:var(--r-sm);
    padding:11px 10px;
    cursor:pointer;
  }
  .replay-queue-tab.active{
    background:var(--purple-2);
    color:#0A1424;
  }
  .replay-queue-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:12px;
    position:sticky;
    top:0;
  }
  .replay-queue-head h3{
    font-family:'Plus Jakarta Sans',sans-serif;
    color:#fff;
    font-size:15px;
    margin:0;
  }
  /* Mesmo botão de fechar das caixas do Radioguide: um X discreto, em vez da
     pílula amarela que destoava do resto do app. */
  .replay-queue-close{
    border:none;
    background:none;
    color:rgba(255,255,255,.6);
    font-family:'Work Sans',sans-serif;
    font-size:0;
    font-weight:700;
    border-radius:50%;
    width:30px;height:30px;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    flex:0 0 auto;
    transition:color .15s ease;
  }
  .replay-queue-list{
    border-top:1px solid var(--line);
  }
  .replay-queue-empty{
    color:rgba(255,255,255,.5);
    font-size:13px;
    padding:30px 4px;
    text-align:center;
  }
  /* ---------- PEDIDOS MUSICAIS ----------
     A lista continua sendo fornecida pela YesStreaming, mas a moldura,
     densidade e identidade visual pertencem ao MAIS TUNER. */
  #requestWidgetModal .track-info-inner{
    max-width:760px;
    max-height:88vh;
    max-height:88dvh;
  }
  .request-widget-hero{
    display:grid;
    grid-template-columns:70px minmax(0,1fr);
    align-items:center;
    gap:14px;
    padding:12px 0 16px;
    border-bottom:1px solid rgba(255,255,255,.10);
  }
  .request-widget-brand{
    width:70px;height:70px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    border-radius:16px;
    padding:12px;
    background:var(--request-surface,#1e3560);
  }
  .request-widget-brand img{width:100%;height:100%;object-fit:contain;display:block;}
  .request-widget-kicker{
    font-size:10px;
    font-weight:800;
    letter-spacing:1.1px;
    text-transform:uppercase;
    color:var(--mint);
  }
  .request-widget-title{
    margin:3px 0 4px;
    font-family:'Plus Jakarta Sans',sans-serif;
    font-size:18px;
    line-height:1.2;
    color:#fff;
  }
  .request-widget-hint{margin:0;color:rgba(255,255,255,.58);font-size:12px;line-height:1.45;}
  .request-catalog-modes[hidden],
  .request-catalog-search[hidden]{display:none!important;}
  .request-catalog-modes{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
    padding:12px 0 0;
  }
  .request-catalog-mode{
    min-height:42px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:999px;
    background:rgba(255,255,255,.06);
    color:rgba(255,255,255,.72);
    font:800 12px 'Reddit Sans',sans-serif;
    cursor:pointer;
    transition:background .18s ease,color .18s ease,transform .18s ease;
  }
  .request-catalog-mode:hover{transform:translateY(-1px);}
  .request-catalog-mode.active{
    border-color:transparent;
    background:var(--request-accent,var(--blue));
    color:var(--request-accent-ink,#071a30);
  }
  .request-catalog-search{
    display:grid;
    gap:6px;
    padding-top:12px;
  }
  .request-catalog-search span{
    color:rgba(255,255,255,.54);
    font-size:10px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
  }
  .request-catalog-search input{
    width:100%;
    box-sizing:border-box;
    min-height:44px;
    padding:0 14px;
    border:1px solid rgba(255,255,255,.14);
    border-radius:12px;
    outline:none;
    background:rgba(255,255,255,.065);
    color:#fff;
    font:600 14px 'Reddit Sans',sans-serif;
  }
  .request-catalog-search input:focus{
    border-color:var(--request-accent,var(--blue));
    box-shadow:0 0 0 3px color-mix(in srgb,var(--request-accent,var(--blue)) 18%,transparent);
  }
  .request-widget-layout{
    display:flex;
    align-items:center;
    gap:6px;
    padding:12px 0;
    border-bottom:1px solid rgba(255,255,255,.09);
  }
  .request-widget-layout-label{
    margin-right:auto;
    font-size:11px;
    font-weight:700;
    color:rgba(255,255,255,.55);
  }
  .request-layout-btn{
    border:none;
    border-radius:999px;
    background:rgba(255,255,255,.07);
    color:rgba(255,255,255,.66);
    padding:7px 11px;
    font-family:'Work Sans',sans-serif;
    font-size:11px;
    font-weight:700;
    cursor:pointer;
  }
  .request-layout-btn.active{
    background:var(--request-accent,var(--blue));
    color:var(--request-accent-ink,#fff);
  }
  .request-widget-status{
    min-height:18px;
    padding:10px 2px 2px;
    font-size:11px;
    color:rgba(255,255,255,.52);
  }
  .request-widget-status.error{color:#FFC876;}
  .request-widget-privacy{
    margin:12px 2px 0;
    color:rgba(255,255,255,.38);
    font-size:10.5px;
    line-height:1.45;
  }
  #requestWidgetContainer .sc-track-request-widget{
    background:transparent !important;
    border-radius:var(--r-md);
    /* O formulário fixo é descendente deste elemento e não pode ser cortado
       pela moldura da lista quando surge no celular. */
    overflow:visible !important;
    color:#fff !important;
  }
  #requestWidgetContainer input,
  #requestWidgetContainer textarea,
  #requestWidgetContainer select{
    background:rgba(255,255,255,.08) !important;
    border:1px solid rgba(255,255,255,.18) !important;
    color:#fff !important;
    border-radius:10px !important;
  }
  #requestWidgetContainer button{
    border-radius:999px !important;
    font-family:'Work Sans',sans-serif !important;
    font-weight:700 !important;
    min-height:38px;
  }
  #requestWidgetContainer .container{
    width:100% !important;
    max-width:none !important;
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:11px !important;
    padding:8px 0 0 !important;
  }
  #requestWidgetContainer .track{
    width:auto !important;
    min-width:0 !important;
    height:auto !important;
    display:grid !important;
    grid-template-rows:auto minmax(58px,auto) auto !important;
    margin:0 !important;
    padding:0 0 10px !important;
    overflow:hidden !important;
    border:0 !important;
    border-radius:18px !important;
    background:rgba(255,255,255,.055) !important;
    box-shadow:none !important;
  }
  #requestWidgetContainer .track img{
    width:100% !important;
    height:auto !important;
    aspect-ratio:1 !important;
    border-radius:0 !important;
    object-fit:cover !important;
  }
  #requestWidgetContainer .track .meta{
    width:auto !important;
    height:auto !important;
    min-width:0 !important;
    padding:10px 10px 5px !important;
    color:#fff !important;
    font-family:'Reddit Sans',sans-serif !important;
  }
  #requestWidgetContainer .track .actions_row{
    width:auto !important;
    display:flex !important;
    align-items:center !important;
    gap:7px !important;
    padding:0 10px !important;
  }
  #requestWidgetContainer .track .button{
    width:100% !important;
    min-width:0 !important;
    min-height:36px !important;
    margin:0 !important;
    border:0 !important;
    background:var(--request-accent,var(--blue)) !important;
    color:var(--request-accent-ink,#071a30) !important;
    font:800 11px 'Reddit Sans',sans-serif !important;
  }
  #requestWidgetContainer img{
    border-radius:var(--r-sm);
    object-fit:cover;
  }
  /* O formulário interno da YesStreaming nasce como position:absolute e,
     dentro da folha rolável do MAIS TUNER, acabava fora do viewport. Ele passa
     a ser uma folha fixa, centralizada e independente da posição da lista. */
  #requestWidgetContainer .modal-mask{
    position:fixed !important;
    inset:0 !important;
    width:100vw !important;
    height:100vh !important;
    height:100dvh !important;
    padding:calc(12px + env(safe-area-inset-top)) 12px calc(12px + env(safe-area-inset-bottom)) !important;
    background:rgba(4,10,20,.76) !important;
    z-index:10020 !important;
    box-sizing:border-box !important;
    overscroll-behavior:contain;
  }
  #requestWidgetContainer .modal-wrapper{
    width:100% !important;
  }
  #requestWidgetContainer .modal-container{
    width:min(420px,100%) !important;
    max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important;
    margin:0 auto !important;
    padding:18px !important;
    border:0 !important;
    border-radius:16px !important;
    overflow-y:auto !important;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    box-shadow:0 24px 70px rgba(0,0,0,.55) !important;
  }
  #requestWidgetContainer .modal-body{margin:14px 0 !important;}
  #requestWidgetContainer .feedback input,
  #requestWidgetContainer .feedback textarea{font-size:16px !important;}
  /* Uma transformação no ancestral muda o referencial de position:fixed.
     O painel de pedidos não usa a animação 3D das outras folhas por isso. */
  html.anim-deep #requestWidgetModal.show .track-info-inner{
    animation:none !important;
    transform:none !important;
  }
  #requestWidgetModal.request-compact #requestWidgetContainer{
    font-size:12px;
  }
  #requestWidgetModal.request-compact #requestWidgetContainer button{min-height:34px;}
  .request-catalog-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:11px;
    padding-top:8px;
  }
  .request-catalog-card{
    min-width:0;
    overflow:hidden;
    border-radius:18px;
    background:rgba(255,255,255,.055);
    transition:transform .18s ease,background .18s ease;
  }
  .request-catalog-card:hover{
    transform:translateY(-2px);
    background:rgba(255,255,255,.08);
  }
  .request-catalog-art{
    display:block;
    width:100%;
    aspect-ratio:1;
    object-fit:cover;
    background:linear-gradient(145deg,rgba(139,209,255,.2),rgba(90,87,206,.18));
  }
  .request-catalog-copy{padding:10px;}
  .request-catalog-track{
    min-height:34px;
    color:#fff;
    font:800 13px/1.25 'Reddit Sans',sans-serif;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }
  .request-catalog-artist{
    margin-top:4px;
    overflow:hidden;
    color:rgba(255,255,255,.52);
    font:650 11px/1.25 'Reddit Sans',sans-serif;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .request-catalog-action{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    min-height:36px;
    margin-top:10px;
    border:0;
    border-radius:999px;
    background:var(--request-accent,var(--blue));
    color:var(--request-accent-ink,#071a30);
    text-decoration:none;
    font:850 11px 'Reddit Sans',sans-serif;
    cursor:pointer;
  }
  .request-catalog-empty{
    grid-column:1/-1;
    padding:36px 12px;
    color:rgba(255,255,255,.55);
    text-align:center;
    font-size:13px;
  }
  .request-catalog-pagination{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:14px 2px 2px;
  }
  .request-catalog-pagination button{
    min-height:34px;
    border:0;
    border-radius:999px;
    padding:0 13px;
    background:rgba(255,255,255,.08);
    color:#fff;
    font:750 11px 'Reddit Sans',sans-serif;
    cursor:pointer;
  }
  .request-catalog-pagination button:disabled{opacity:.32;cursor:default;}
  .request-catalog-pagination span{color:rgba(255,255,255,.48);font-size:10px;font-weight:750;}
  #requestWidgetModal.request-compact .request-catalog-grid{grid-template-columns:1fr;gap:7px;}
  #requestWidgetModal.request-compact .request-catalog-card{
    display:grid;
    grid-template-columns:58px minmax(0,1fr) auto;
    align-items:center;
    padding:8px;
    border-radius:14px;
  }
  #requestWidgetModal.request-compact .request-catalog-art{width:58px;height:58px;border-radius:10px;}
  #requestWidgetModal.request-compact .request-catalog-copy{padding:0 10px;}
  #requestWidgetModal.request-compact .request-catalog-track{min-height:0;-webkit-line-clamp:1;}
  #requestWidgetModal.request-compact .request-catalog-action{width:auto;min-width:82px;margin:0;padding:0 12px;}
  @media(max-width:640px){
    #requestWidgetModal .track-info-inner{
      max-height:92vh;
      max-height:92dvh;
      border-radius:18px 18px 0 0;
      padding:16px 14px calc(18px + env(safe-area-inset-bottom));
    }
    .request-widget-hero{grid-template-columns:56px minmax(0,1fr);gap:11px;padding-top:4px;}
    .request-widget-brand{width:56px;height:56px;border-radius:13px;padding:9px;}
    .request-widget-title{font-size:16px;}
    .request-widget-layout{position:sticky;top:-16px;z-index:5;background:#16233d;}
    .request-layout-btn{min-height:36px;padding:8px 10px;}
    #requestWidgetContainer{overflow-x:hidden;}
    #requestWidgetContainer .container{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:9px !important;}
    .request-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;}
    #requestWidgetModal.request-compact .request-catalog-grid{grid-template-columns:1fr;}
    #requestWidgetModal.request-compact .request-catalog-card{grid-template-columns:52px minmax(0,1fr) auto;}
    #requestWidgetModal.request-compact .request-catalog-art{width:52px;height:52px;}
    #requestWidgetModal.request-compact .request-catalog-action{min-width:74px;padding:0 10px;}
  }
  @media(min-width:900px){
    #requestWidgetModal .track-info-inner{
      width:calc(100vw - 64px);
      max-width:1120px;
      max-height:90vh;
      max-height:90dvh;
      padding:22px 26px 26px;
    }
    .request-catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
    #requestWidgetContainer .container{grid-template-columns:repeat(4,minmax(0,1fr)) !important;}
  }
  /* Rádio bloqueada na região do ouvinte: fica apagada, com selo explicativo */
  .card.geo-blocked{opacity:.45;}
  .card.geo-blocked .card-play{background:var(--card-2) !important;}
  .card.geo-blocked .card-play svg{fill:var(--ink-soft) !important;}
  .card.geo-blocked::after{
    content:"INDISPONÍVEL NA SUA REGIÃO";
    position:absolute;
    top:8px; left:8px;
    background:rgba(10,20,36,.9);
    border:1px solid rgba(255,211,77,.4);
    color:var(--yellow);
    font-family:'Plus Jakarta Sans',sans-serif;
    font-size:8px;
    font-weight:800;
    letter-spacing:.4px;
    padding:4px 7px;
    border-radius:5px;
    z-index:2;
    pointer-events:none;
  }
  .list-view .card.geo-blocked::after,
  .large-view .card.geo-blocked::after{
    top:50%;
    left:auto;
    right:60px;
    transform:translateY(-50%);
  }
  /* Painel de bloqueio — usa a MESMA caixa do Radioguide (.rg-picker) */
  .rg-picker.geo-block{
    max-width:340px;
    text-align:center;
  }
  .geo-block-body{
    padding:6px 4px 18px;
  }
  .geo-block-icon{
    width:48px;height:48px;
    fill:var(--yellow);
    opacity:.9;
    margin-bottom:14px;
  }
  .geo-block-title{
    font-family:'Plus Jakarta Sans',sans-serif;
    font-size:20px;
    font-weight:800;
    color:#fff;
    margin:0 0 10px;
  }
  .geo-block-text{
    font-family:'Work Sans',sans-serif;
    font-size:14px;
    color:#fff;
    line-height:1.5;
    margin:0 0 10px;
  }
  .geo-block-sub{
    font-family:'Work Sans',sans-serif;
    font-size:12.5px;
    color:rgba(255,255,255,.6);
    line-height:1.5;
    margin:0;
  }
  .geo-block-tz{
    font-family:'Work Sans',sans-serif;
    font-size:11px;
    color:rgba(255,255,255,.32);
    margin:14px 0 0;
    line-height:1.4;
  }
  .replay-queue-close::after{
    content:"✕";
    font-size:14px;
  }
  .replay-queue-close:hover{color:#fff;}
  .lyrics-body{
    font-family:'Work Sans',sans-serif;
    font-size:14px;
    line-height:1.85;
    color:rgba(255,255,255,.85);
    white-space:pre-wrap;
  }
  .lyrics-fallback{
    color:rgba(255,255,255,.6);
    font-size:13px;
    line-height:1.6;
  }
  .lyrics-fallback a{
    display:inline-flex;
    align-items:center;
    gap:6px;
    margin-top:12px;
    background:var(--blue);
    color:#fff;
    text-decoration:none;
    padding:10px 18px;
    border-radius:999px;
    font-weight:700;
    font-size:12.5px;
  }
  .settings-group{
    margin-bottom:20px;
    border-top:1px solid rgba(255,255,255,.10);
  }
  .settings-group-title{
    font-size:10px;
    font-weight:700;
    letter-spacing:1.2px;
    text-transform:uppercase;
    color:rgba(255,255,255,.45);
    margin:0;
    padding:14px 2px 8px;
  }
  .settings-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    background:transparent;
    border:none;
    border-bottom:1px solid rgba(255,255,255,.09);
    border-radius:0;
    padding:13px 2px;
    cursor:pointer;
    transition:background .15s ease;
  }
  .settings-row:hover{background:linear-gradient(90deg,rgba(61,127,255,.08),transparent);}
  .settings-label{
    display:block;
    font-size:13px;
    font-weight:600;
    color:#fff;
  }
  .settings-desc{
    display:block;
    font-size:11px;
    color:rgba(255,255,255,.5);
    margin-top:2px;
    line-height:1.4;
  }
  .settings-row input[type="checkbox"]{
    appearance:none;
    -webkit-appearance:none;
    width:44px;height:26px;
    border-radius:999px;
    background:rgba(255,255,255,.15);
    position:relative;
    cursor:pointer;
    flex:0 0 auto;
    transition:background .2s ease;
  }
  .settings-row input[type="checkbox"]::after{
    content:"";
    position:absolute;
    top:3px;left:3px;
    width:20px;height:20px;
    border-radius:50%;
    background:#fff;
    transition:transform .2s ease;
  }
  .settings-row input[type="checkbox"]:checked{background:var(--blue);}
  .settings-row input[type="checkbox"]:checked::after{transform:translateX(18px);}
  .ai-settings-hint{
    font-size:11.5px;
    color:rgba(255,255,255,.6);
    line-height:1.5;
    margin:0 0 14px;
  }
  .ai-settings-warning{
    font-size:11.5px;
    color:#FFC876;
    line-height:1.5;
    background:rgba(255,200,118,.1);
    border:1px solid rgba(255,200,118,.3);
    border-radius:10px;
    padding:10px 12px;
    margin:-4px 0 14px;
  }
  .ai-settings-field{
    margin-bottom:12px;
  }
  .ai-settings-field label{
    display:block;
    font-size:11px;
    font-weight:700;
    letter-spacing:.3px;
    color:rgba(255,255,255,.7);
    margin-bottom:5px;
  }
  .ai-settings-field select,
  .ai-settings-field input{
    width:100%;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.18);
    border-radius:10px;
    padding:10px 12px;
    color:#fff;
    font-family:'Work Sans',sans-serif;
    font-size:13px;
  }
  .ai-settings-field select option{color:#000;}
  .ai-settings-actions{
    display:flex;
    gap:10px;
    margin-top:16px;
  }
  .ai-settings-save,.ai-settings-clear{
    flex:1;
    border:none;
    border-radius:999px;
    padding:11px 14px;
    font-family:'Work Sans',sans-serif;
    font-size:12.5px;
    font-weight:700;
    cursor:pointer;
  }
  .ai-settings-save{background:var(--blue); color:#fff;}
  .ai-settings-clear{background:rgba(255,255,255,.08); color:rgba(255,255,255,.75);}
  #settingsModal .station-hero-secondary{
    width:100%;
    justify-content:space-between;
    border:none;
    border-radius:8px;
    background:rgba(255,255,255,.055);
    padding:13px 14px;
    box-shadow:none;
  }
  #settingsModal .station-hero-secondary:hover{
    background:linear-gradient(90deg,rgba(61,127,255,.14),rgba(255,255,255,.04));
  }
  .track-info-modal{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(5,10,20,.55);
    z-index:160;   /* acima da tela cheia (120) */
    align-items:flex-end;
    justify-content:center;
  }
  .track-info-modal.show{display:flex; animation:modalFadeIn .25s ease both;}
  .track-info-inner{
    width:100%;
    max-width:560px;
    max-height:80vh;
    /* Mesmo visual das caixas do Radioguide: fundo, cantos e sombra iguais,
       pra o app não ter dois estilos de painel convivendo. */
    background:#16233d;
    border-radius:16px 16px 0 0;
    padding:18px 18px 22px;
    overflow-y:auto;
    box-shadow:0 -20px 60px -20px rgba(0,0,0,.7);
  }
  @media(min-width:860px){
    /* No computador os painéis abrem CENTRALIZADOS, como as caixas do
       Radioguide. Antes eles ficavam colados no canto direito da tela, o que
       destoava de tudo. */
    .track-info-modal{
      align-items:center;
      justify-content:center;
      padding:24px;
    }
    .track-info-inner{
      width:420px;
      max-width:420px;
      max-height:min(680px, 82vh);
      border-radius:16px;
      border:none;
      box-shadow:0 30px 70px -20px rgba(0,0,0,.8);
    }
  }
  .track-info-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:14px;
  }
  .track-info-head h3{
    font-family:'Plus Jakarta Sans',sans-serif;
    color:#fff;
    font-size:20px;
    font-weight:800;
    margin:0;
  }
  .track-info-top{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:16px;
  }
  .track-info-cover{
    width:56px;height:56px;
    border-radius:var(--r-md);
    object-fit:cover;
    background:rgba(255,255,255,.08);
    flex:0 0 auto;
  }
  .track-info-station{
    font-size:10px;
    letter-spacing:1px;
    text-transform:uppercase;
    color:rgba(255,255,255,.5);
    font-weight:700;
  }
  .track-info-title{
    font-family:'Plus Jakarta Sans',sans-serif;
    font-size:15px;
    font-weight:600;
    color:#fff;
    margin-top:2px;
  }
  #trackInfoBody .insights-block h3{color:var(--mint);}
  #trackInfoBody .insights-block p{color:rgba(255,255,255,.8);}
  #trackInfoBody .insights-chip{
    background:rgba(255,255,255,.08);
    border-color:rgba(255,255,255,.18);
    color:#fff;
  }
  #trackInfoLoading{color:rgba(255,255,255,.6); font-size:12px;}
  /* Linha do tempo no mesmo estilo da grade do Radioguide:
     coluna de horário à esquerda, linhas divisórias finas, sem "caixinhas". */
  .replay-queue-item{
    display:flex;
    align-items:center;
    gap:12px;
    padding:14px 2px;
    cursor:pointer;
    background:none;
    border:none;
    border-bottom:1px solid var(--line);
    width:100%;
    text-align:left;
    transition:background .15s ease;
  }
  .replay-queue-item:last-child{border-bottom:none;}
  .replay-queue-item:hover{background:rgba(255,255,255,.03);}
  .replay-queue-item .rqi-time{
    flex:0 0 46px;
    font-family:'Plus Jakarta Sans',sans-serif;
    font-size:14px;
    font-weight:600;
    color:#fff;
  }
  .replay-queue-item .rqi-cover{
    flex:0 0 auto;
    width:44px;height:44px;
    border-radius:7px;
    object-fit:cover;
    background:rgba(255,255,255,.07);
  }
  .replay-queue-item .rqi-cover-empty{
    display:flex;align-items:center;justify-content:center;
  }
  .replay-queue-item .rqi-cover-empty svg{width:18px;height:18px;fill:rgba(255,255,255,.4);}
  .replay-queue-item .rqi-body{
    min-width:0;
    flex:1;
  }
  .replay-queue-item .rqi-title{
    display:block;
    font-family:'Plus Jakarta Sans',sans-serif;
    font-size:14.5px;
    font-weight:500;
    color:#fff;
    line-height:1.3;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .replay-queue-item .rqi-artist{
    display:block;
    font-size:12.5px;
    color:rgba(255,255,255,.55);
    margin-top:2px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .replay-queue-item .rqi-play{
    flex:0 0 auto;
    width:18px;height:18px;
    fill:rgba(255,255,255,.35);
    transition:fill .15s ease;
  }
  .replay-queue-item:hover .rqi-play{fill:var(--red);}
  /* A faixa que está tocando agora fica destacada, como o "Agora" do Radioguide */
  .replay-queue-item.active .rqi-time,
  .replay-queue-item.active .rqi-title{color:var(--blue);}
  .replay-queue-item.active .rqi-play{fill:var(--blue);}

  .station-modal{
    display:none;
    position:fixed;
    inset:0;
    background:linear-gradient(180deg,var(--blue-deep),var(--purple-deep-2));
    z-index:90;
    overflow-y:auto;
  }
  .station-modal.show{display:block; animation:modalFadeIn .28s ease both;}
  .station-modal-inner{
    max-width:480px;
    margin:0 auto;
    padding:20px 20px 140px;
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
  }
  .station-back-btn{
    align-self:flex-start;
    display:flex;
    align-items:center;
    gap:6px;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.15);
    color:#fff;
    font-family:'Work Sans',sans-serif;
    font-size:12.5px;
    font-weight:700;
    padding:8px 14px;
    border-radius:999px;
    cursor:pointer;
    margin-bottom:28px;
  }
  .station-back-btn svg{width:16px;height:16px;fill:#fff;}
  .station-hero-art{
    width:190px;height:190px;
    border-radius:var(--r-xl);
    background:linear-gradient(140deg,var(--mint),var(--teal));
    margin-bottom:18px;
    box-shadow:0 22px 44px -18px rgba(0,0,0,.6);
    background-size:cover;
    background-position:center;
    display:flex;
    align-items:center;
    justify-content:center;
    font-family:'Plus Jakarta Sans',sans-serif;
    font-weight:700;
    font-size:44px;
    color:rgba(10,20,36,.55);
  }
  .station-hero-art.is-brand-wordmark{
    padding:28px;
    background:var(--brand-surface,#00F5A0);
    background-image:none !important;
  }
  .station-hero-art.is-brand-wordmark img{
    width:100%;height:100%;object-fit:contain;display:block;
  }
  @media(max-width:380px){
    .station-hero-art{
      width:min(52vw,160px);
      height:min(52vw,160px);
      font-size:34px;
      margin-bottom:14px;
    }
  }
  .station-hero-badge{
    font-family:'Plus Jakarta Sans',sans-serif;
    font-size:11px;
    font-weight:700;
    letter-spacing:.5px;
    color:var(--ink-soft);
    text-transform:uppercase;
    margin-bottom:6px;
  }
  .station-hero-name{
    font-family:'Plus Jakarta Sans',sans-serif;
    font-size:26px;
    font-weight:600;
    color:#fff;
    margin:0 0 6px;
  }
  .station-hero-tag{
    font-size:13.5px;
    color:var(--ink-soft);
    margin:0 0 20px;
  }
  .station-nowplaying{
    display:none;
    align-items:center;
    gap:12px;
    background:rgba(255,255,255,.07);
    border:1px solid rgba(255,255,255,.14);
    border-radius:var(--r-md);
    padding:10px 16px;
    margin-bottom:20px;
    width:100%;
    max-width:340px;
    text-align:left;
  }
  .station-nowplaying.show{display:flex;}
  .station-np-cover{
    width:44px;height:44px;
    border-radius:var(--r-sm);
    object-fit:cover;
    display:none;
    flex:0 0 auto;
  }
  .station-np-cover.show{display:block;}
  .station-np-info{min-width:0;}
  .station-np-label{
    display:block;
    font-size:9px;
    letter-spacing:1.5px;
    color:rgba(255,255,255,.5);
    font-weight:700;
  }
  .station-np-title{
    display:block;
    font-family:'Plus Jakarta Sans',sans-serif;
    font-size:13.5px;
    font-weight:600;
    color:#fff;
    margin-top:2px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .station-hero-play{
    display:flex;
    align-items:center;
    gap:10px;
    background:var(--red);
    border:none;
    color:#fff;
    font-family:'Plus Jakarta Sans',sans-serif;
    font-size:14px;
    font-weight:600;
    padding:13px 26px;
    border-radius:999px;
    cursor:pointer;
    box-shadow:0 14px 26px -10px rgba(255,71,71,.55);
    margin-bottom:18px;
  }
  .station-hero-play svg{width:18px;height:18px;fill:#fff;}
  .station-hero-sources{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:8px;
    margin-bottom:22px;
  }
  .station-hero-sources .src-pill{
    border-color:rgba(255,255,255,.25);
    color:rgba(255,255,255,.75);
  }
  .station-hero-sources .src-pill.active{
    background:var(--blue);
    border-color:var(--blue);
    color:#fff;
  }
  .station-hero-secondary-row{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:10px;
  }
  .station-hero-secondary{
    display:flex;
    align-items:center;
    gap:8px;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.15);
    color:#fff;
    font-family:'Work Sans',sans-serif;
    font-size:12.5px;
    font-weight:700;
    padding:10px 18px;
    border-radius:999px;
    cursor:pointer;
  }
  .station-hero-secondary svg{width:16px;height:16px;fill:#fff;}

  @media(max-width:640px){
    .station-modal{
      height:100vh;
      height:100dvh;
      overscroll-behavior:contain;
    }
    .station-modal-inner{
      min-height:100%;
      padding:calc(12px + env(safe-area-inset-top)) 16px calc(190px + env(safe-area-inset-bottom));
    }
    .station-back-btn{margin-bottom:16px;min-height:42px;}
    .station-hero-art{
      width:clamp(142px,46vw,178px);
      height:clamp(142px,46vw,178px);
      margin-bottom:14px;
    }
    .station-hero-name{font-size:clamp(22px,7vw,26px);overflow-wrap:anywhere;}
    .station-hero-tag{margin-bottom:15px;}
    .station-nowplaying{max-width:none;border:none;background:rgba(255,255,255,.06);}
    .station-hero-play{min-height:48px;margin-bottom:14px;}
    .station-hero-sources{width:100%;margin-bottom:16px;}
    .station-hero-secondary-row{
      display:flex;
      flex-wrap:wrap;
      width:100%;
      gap:8px;
    }
    .station-hero-secondary{
      flex:1 1 calc(50% - 4px);
      justify-content:center;
      min-height:46px;
      padding:9px 10px;
      border:none;
      border-radius:10px;
      text-align:center;
    }
  }

  /* ---------- CINEMA / TELA CHEIA ---------- */
  .cinema-modal{
    display:none;
    position:fixed;
    inset:0;
    background:linear-gradient(180deg,var(--blue-deep),var(--purple-deep-2));
    z-index:120;
    flex-direction:column;
  }
  .cinema-modal.show{display:flex;}
  html:not(.anim-none).cinema-motion-on .cinema-modal.show{animation:cinemaIn .24s cubic-bezier(.22,1,.36,1) both;}
  html:not(.anim-none).cinema-motion-on .cinema-modal.closing{animation:cinemaOut .18s cubic-bezier(.4,0,1,1) both;}
  @keyframes cinemaIn{
    from{opacity:0; transform:scale(.94);}
    to{opacity:1; transform:scale(1);}
  }
  @keyframes cinemaOut{
    from{opacity:1; transform:scale(1);}
    to{opacity:0; transform:scale(.96);}
  }

  /* ---------- Animações de entrada do player ampliado (cinema) ----------
     Os efeitos abaixo exigem DUAS escolhas: modo "Profundas" e a opção
     "Movimento no Modo Cinema" ligada. Ela vem desligada por padrão; assim a
     capa permanece estável mesmo para quem usa efeitos profundos no restante. */
  @keyframes cinemaArtIn{
    from{opacity:0; transform:translateY(10px) scale(.985);}
    to{opacity:1; transform:translateY(0) scale(1);}
  }
  @keyframes cinemaRise{
    from{opacity:0; transform:translateY(20px);}
    to{opacity:1; transform:translateY(0);}
  }
  @keyframes cinemaBottomUp{
    from{opacity:0; transform:translateY(40px);}
    to{opacity:1; transform:translateY(0);}
  }
  @keyframes cinemaGlowPulse{
    0%,100%{opacity:.18; transform:translate(-50%,-50%) scale(1);}
    50%{opacity:.27; transform:translate(-50%,-50%) scale(1.04);}
  }

  /* Glow ambiente: mora no WRAPPER, atrás da capa. A capa (.cinema-art) é um
     filho de verdade pintado na frente, então a luz fica embaixo dela e só
     vaza pelas bordas — nunca sobre a arte. Só existe no modo deep.
     (Antes o glow era um ::before da própria .cinema-art, mas o background da
     capa é pintado ATRÁS de qualquer ::before, então a luz vazava por cima.) */
  .cinema-art-wrap{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
  }
  html.anim-deep.cinema-motion-on .cinema-art-wrap::before{
    content:'';
    position:absolute;
    top:50%; left:50%;
    width:116%; height:116%;
    transform:translate(-50%,-50%);
    border-radius:50%;
    background:radial-gradient(circle, var(--mint), transparent 68%);
    opacity:.35;
    filter:blur(40px);
    z-index:0;              /* atrás da capa, que tem z-index:1 abaixo */
    pointer-events:none;
    animation:cinemaGlowPulse 6.5s ease-in-out infinite;
  }
  html.anim-deep.cinema-motion-on .cinema-art-wrap > .cinema-art{position:relative; z-index:1;}

  html.anim-deep.cinema-motion-on .cinema-modal.show .cinema-art{
    animation:cinemaArtIn .38s cubic-bezier(.22,1,.36,1) both;
  }
  html.anim-deep.cinema-motion-on .cinema-modal.show .cinema-station-row{animation:cinemaRise .34s cubic-bezier(.22,1,.36,1) .04s both;}
  html.anim-deep.cinema-motion-on .cinema-modal.show .cinema-title{animation:cinemaRise .34s cubic-bezier(.22,1,.36,1) .08s both;}
  html.anim-deep.cinema-motion-on .cinema-modal.show .cinema-subtitle{animation:cinemaRise .34s cubic-bezier(.22,1,.36,1) .12s both;}
  html.anim-deep.cinema-motion-on .cinema-modal.show .cinema-actions{animation:cinemaRise .34s cubic-bezier(.22,1,.36,1) .16s both;}
  html.anim-deep.cinema-motion-on .cinema-modal.show .cinema-bottombar{animation:cinemaBottomUp .38s cubic-bezier(.22,1,.36,1) .12s both;}

  /* Troca de música dentro do cinema: pulinho suave da capa (só no modo deep). */
  @keyframes cinemaArtSwap{
    0%{opacity:1; transform:scale(1);}
    45%{opacity:.72; transform:scale(.985);}
    100%{opacity:1; transform:scale(1);}
  }
  html.anim-deep.cinema-motion-on .cinema-art.swapping{animation:cinemaArtSwap .28s ease-out;}

  @keyframes modalFadeIn{
    from{opacity:0; transform:translateY(10px);}
    to{opacity:1; transform:translateY(0);}
  }
  .cinema-hint{
    text-align:center;
    font-size:11px;
    color:rgba(255,255,255,.45);
    padding:10px 0 0;
  }
  .cinema-hint kbd{
    border:1px solid rgba(255,255,255,.3);
    border-radius:var(--r-xs);
    padding:1px 5px;
    font-family:'Share Tech Mono',monospace;
  }
  .cinema-body{
    flex:1;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:26px;
    padding:20px 24px;
    text-align:center;
  }
  @media(min-width:800px){
    .cinema-body{flex-direction:row; text-align:left; justify-content:center;}
  }
  .cinema-art{
    width:min(70vw, 320px);
    height:min(70vw, 320px);
    border-radius:var(--r-lg);
    background:linear-gradient(140deg,var(--mint),var(--teal));
    background-size:cover;
    background-position:center;
    box-shadow:0 30px 60px -20px rgba(0,0,0,.65);
    flex:0 0 auto;
  }
  .cinema-info{max-width:420px;}
  .cinema-station-row{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    margin-bottom:16px;
  }
  @media(min-width:800px){ .cinema-station-row{justify-content:flex-start;} }
  .cinema-station-logo{
    width:32px;height:32px;
    border-radius:var(--r-sm);
    object-fit:cover;
    display:none;
  }
  .cinema-station-name{
    font-family:'Plus Jakarta Sans',sans-serif;
    font-size:15px;
    font-weight:600;
    color:rgba(255,255,255,.75);
  }
  .cinema-title{
    font-family:'Plus Jakarta Sans',sans-serif;
    font-size:clamp(24px,4vw,38px);
    font-weight:700;
    color:#fff;
    margin:0 0 8px;
    line-height:1.15;
  }
  .cinema-subtitle{
    font-size:14px;
    color:rgba(255,255,255,.55);
    margin-bottom:22px;
  }
  .cinema-actions{display:flex; justify-content:center; gap:10px;}
  @media(min-width:800px){ .cinema-actions{justify-content:flex-start;} }
  .cinema-follow{
    display:flex;
    align-items:center;
    gap:8px;
    background:rgba(255,255,255,.1);
    border:1px solid rgba(255,255,255,.2);
    color:#fff;
    font-family:'Work Sans',sans-serif;
    font-size:12.5px;
    font-weight:700;
    padding:10px 18px;
    border-radius:999px;
    cursor:pointer;
  }
  .cinema-follow svg{width:16px;height:16px;fill:#fff;}

  .cinema-bottombar{
    padding:14px 24px 22px;
    border-top:1px solid rgba(255,255,255,.1);
  }
  .cinema-timeline{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:14px;
  }
  .cinema-time-label{
    font-family:'Share Tech Mono','Work Sans',monospace;
    font-size:12px;
    color:rgba(255,255,255,.6);
    flex:0 0 auto;
  }
  .cinema-timeline-track{
    position:relative;
    flex:1;
    height:38px;
    display:flex;
    align-items:center;
    /* A fita e as notas deslizam pra fora da caixa — sem isso, elas apareceriam
       soltas por cima da tela. O overflow visível é só na vertical (pra a nota
       poder "saltar" pra cima no hover). */
    overflow-x:clip;
  }
  /* Linha vermelha que marca EXATAMENTE onde você está — sem ela, o giro das
     barras 3D confundia e dava a sensação de estar adiantado/atrasado. */
  .scrub-head{
    position:absolute;
    top:-3px;
    bottom:-3px;
    width:2px;
    background:var(--red);
    box-shadow:0 0 8px rgba(255,71,71,.9);
    border-radius:2px;
    pointer-events:none;
    z-index:3;
    left:100%;
    transform:translateX(-1px);
    transition:left .12s linear;
  }
  .cinema-timeline-track.scrubbing .scrub-head{transition:none;}
  .scrub-head::before{
    content:"";
    position:absolute;
    top:-4px;
    left:50%;
    transform:translateX(-50%);
    width:9px;height:9px;
    border-radius:50%;
    background:var(--red);
    box-shadow:0 0 8px rgba(255,71,71,.9);
  }

  /* ==================== MODOS DE ANIMAÇÃO ====================
     none  -> nada anima. Site mais rápido: além de zerar transições, a gente
              também desliga sombras pesadas, desfoques e efeitos que custam
              caro pra desenhar (é o que realmente pesa, não só a animação).
     light -> transições curtas e discretas.
     deep  -> tudo ligado (padrão).                                          */

  /* ----- SEM ANIMAÇÃO: prioridade é velocidade ----- */
  html.anim-none *,
  html.anim-none *::before,
  html.anim-none *::after{
    animation:none !important;
    transition:none !important;
  }
  /* Efeitos caros de desenhar — some com eles pro site responder mais rápido */
  html.anim-none .card,
  html.anim-none .mini-player,
  html.anim-none .rg-picker,
  html.anim-none .track-info-inner,
  html.anim-none .marker-tooltip{
    box-shadow:none !important;
  }
  html.anim-none .card-hero-mark,
  html.anim-none .replay-marker svg,
  html.anim-none .scrub-head{
    filter:none !important;
  }
  html.anim-none .hero{background:var(--blue-deep) !important;}  /* sem gradientes sobrepostos */
  html.anim-none .card:hover{transform:none !important;}
  html.anim-none .eq{display:none;}          /* equalizador animado: puro enfeite */
  html.anim-none .wave3d{display:none !important;}  /* régua 3D é o efeito mais pesado */
  html.anim-none .mini-player-inner{backdrop-filter:none !important;}

  /* ----- ANIMAÇÕES LEVES: rápidas, discretas e sem loops acelerados ----- */
  html.anim-light{
    --motion-fast:.12s;
    --motion-base:.16s;
    --motion-ease:cubic-bezier(.2,.7,.3,1);
  }
  html.anim-light .card,
  html.anim-light button,
  html.anim-light .np-cover,
  html.anim-light .brand-tile-logo,
  html.anim-light .card-hero-mark,
  html.anim-light .settings-row input[type="checkbox"]::after{
    transition-duration:var(--motion-fast) !important;
    transition-timing-function:ease-out !important;
  }
  html.anim-light .radioguide.show,
  html.anim-light .station-modal.show,
  html.anim-light .track-info-modal.show,
  html.anim-light .mini-player.show{
    animation:motionFadeLight var(--motion-base) ease-out both !important;
  }
  html.anim-light .eq i{
    animation:eqLight 1.8s ease-in-out infinite !important;
    opacity:.58;
  }
  html.anim-light .rg-prog-brand-v241022::after,
  html.anim-light .rg-prog-brand-v241022 img{
    animation-duration:5.4s !important;
  }
  html.anim-light .wave3d{display:none !important;}
  html.anim-light .card:hover{transform:none !important;}
  html.anim-light .replay-marker:hover svg{transform:scale(1.12) !important;}
  html.anim-light .marker-tooltip{animation:none !important;}
  html.anim-light .card{box-shadow:none;}          /* sombra: custa caro, sai */
  html.anim-light .mini-play{box-shadow:none;}
  html.anim-light .mini-player-inner{backdrop-filter:none;}

  /* ----- ANIMAÇÕES PROFUNDAS: fluidas e com personalidade ----- */
  html.anim-deep{
    --motion-fast:.18s;
    --motion-base:.28s;
    --motion-slow:.38s;
    --motion-ease:cubic-bezier(.22,1,.36,1);
  }
  html.anim-deep .card{
    transition:transform var(--motion-base) var(--motion-ease),
               box-shadow var(--motion-base) ease,
               border-color var(--motion-fast) ease;
  }
  html.anim-deep .card:hover{transform:translateY(-3px);}
  html.anim-deep .card:active{transform:translateY(-1px) scale(.99);}
  html.anim-deep .mini-play{
    transition:transform var(--motion-fast) cubic-bezier(.34,1.56,.64,1), filter var(--motion-fast) ease;
  }
  html.anim-deep .card-play,
  html.anim-deep .rg-play-circle{
    transition:transform var(--motion-fast) cubic-bezier(.34,1.56,.64,1), background var(--motion-fast) ease;
  }
  html.anim-deep .card:hover .card-play{transform:scale(1.08);}
  html.anim-deep .track-info-modal.show .track-info-inner{
    animation:motionSheetDeep var(--motion-slow) var(--motion-ease) both;
  }
  html.anim-deep .station-modal.show .station-modal-inner,
  html.anim-deep .radioguide.show .rg-header{
    animation:motionContentDeep var(--motion-slow) var(--motion-ease) both;
  }
  html.anim-deep .mini-player.show{
    animation:motionMiniDeep var(--motion-base) var(--motion-ease) both;
  }
  html.anim-deep .brand-tile-state.live{
    animation:motionLiveDeep 2.6s ease-in-out infinite;
  }

  @keyframes motionFadeLight{
    from{opacity:0;}
    to{opacity:1;}
  }
  @keyframes motionSheetDeep{
    from{opacity:0;transform:translate3d(0,22px,0) scale(.985);}
    to{opacity:1;transform:translate3d(0,0,0) scale(1);}
  }
  @keyframes motionContentDeep{
    from{opacity:0;transform:translate3d(0,14px,0);}
    to{opacity:1;transform:translate3d(0,0,0);}
  }
  @keyframes motionMiniDeep{
    from{opacity:0;transform:translate3d(0,16px,0);}
    to{opacity:1;transform:translate3d(0,0,0);}
  }
  @keyframes motionLiveDeep{
    0%,100%{box-shadow:0 0 0 3px rgba(95,255,192,.10);}
    50%{box-shadow:0 0 0 6px rgba(95,255,192,.18);}
  }
  html.app-backgrounded .eq i,
  html.app-backgrounded .brand-tile-state.live,
  html.app-backgrounded .rg-prog-brand-v241022::after,
  html.app-backgrounded .rg-prog-brand-v241022 img{
    animation-play-state:paused !important;
  }

  /* No celular, o modo profundo mantém riqueza visual, mas usa apenas
     opacidade e transformações compostas. Nada de 3D, blur animado ou hover. */
  @media(max-width:700px), (hover:none) and (pointer:coarse){
    html.anim-deep .card:hover{transform:none;}
    html.anim-deep .card:active{transform:scale(.985);}
    html.anim-deep .station-modal.show,
    html.anim-deep .track-info-modal.show{
      animation-duration:.24s !important;
    }
    html.anim-deep .track-info-modal.show .track-info-inner{
      animation-name:motionSheetMobile;
      animation-duration:.26s;
    }
    html.anim-deep .mini-player-inner{backdrop-filter:none;}
    html.anim-deep .brand-tile-state.live{animation-duration:3.4s;}
  }
  @keyframes motionSheetMobile{
    from{opacity:.35;transform:translate3d(0,18px,0);}
    to{opacity:1;transform:translate3d(0,0,0);}
  }

  /* ----- Seletor de modo nas configurações ----- */
  .settings-sublabel{
    font-size:12px;
    font-weight:600;
    color:rgba(255,255,255,.65);
    margin-bottom:8px;
  }
  .anim-modes{
    display:flex;
    flex-direction:column;
    gap:0;
    border-top:1px solid rgba(255,255,255,.09);
  }
  .anim-mode{
    text-align:left;
    background:transparent;
    border:none;
    border-bottom:1px solid rgba(255,255,255,.09);
    border-radius:0;
    padding:12px 10px;
    cursor:pointer;
    transition:background .15s ease, color .15s ease;
  }
  .anim-mode:hover{background:linear-gradient(90deg,rgba(61,127,255,.08),transparent);}
  .anim-mode.active{
    background:linear-gradient(90deg,rgba(61,127,255,.16),transparent 88%);
    box-shadow:inset 3px 0 0 var(--blue);
  }
  .anim-mode-title{
    display:block;
    font-family:'Plus Jakarta Sans',sans-serif;
    font-size:14px;
    font-weight:700;
    color:#fff;
  }
  .anim-mode.active .anim-mode-title{color:var(--blue);}
  .anim-mode-desc{
    display:block;
    font-size:11.5px;
    color:rgba(255,255,255,.55);
    margin-top:3px;
    line-height:1.45;
  }

  /* Ajustes de toque e rolagem para o modo celular. Mantêm os controles
     estáveis em telas estreitas sem transformar o modo profundo em animação
     pesada. O player ampliado/cinema fica deliberadamente fora deste bloco. */
  @media(max-width:700px){
    .track-info-inner{
      max-height:86vh;
      max-height:86dvh;
      padding:16px 16px calc(20px + env(safe-area-inset-bottom));
      overscroll-behavior:contain;
      -webkit-overflow-scrolling:touch;
    }
    .radioguide,.station-modal{
      overscroll-behavior-y:contain;
      -webkit-overflow-scrolling:touch;
    }
    .settings-row{
      min-height:64px;
      padding:12px;
      gap:12px;
      touch-action:manipulation;
    }
    .settings-row > span:first-child{min-width:0;}
    .settings-row input[type="checkbox"]{
      width:48px;height:28px;
    }
    .settings-row input[type="checkbox"]::after{
      width:22px;height:22px;
    }
    .settings-row input[type="checkbox"]:checked::after{transform:translateX(20px);}
    .anim-mode{
      min-height:68px;
      padding:12px;
      touch-action:manipulation;
    }
    .anim-mode-title{font-size:13.5px;}
    .anim-mode-desc{font-size:11px;line-height:1.38;}
    button,.card{touch-action:manipulation;}
  }

  /* ---------- Ajustes SÓ pra celular: barra do player e modo cinema ----------
     Deixam a barra de reprodução (dock/mini-player) e o player ampliado bem
     visualizados e confortáveis de tocar em telas estreitas, respeitando a
     "safe area" (o entalhe/barra de gestos do iPhone). */
  @media(max-width:640px){
    /* --- Barra fixa de reprodução (mini-player) --- */
    .mini-player{
      padding-bottom:env(safe-area-inset-bottom);   /* não fica atrás da barra de gestos */
      max-height:72vh;
      max-height:72dvh;
      overflow-y:auto;
      overscroll-behavior:contain;
    }
    .mini-player-inner{padding:10px 12px 4px;}
    .mini-art{width:34px;height:34px;}
    .mini-station{font-size:12px;}
    .mini-track{font-size:10px;}
    /* No celular, volume é controlado pelos botões físicos do aparelho. Mantê-lo
       aqui criava um SEXTO item numa grade desenhada para cinco e empurrava os
       botões de detalhes/tela cheia para fora da barra. */
    .mini-volume-wrap{display:none;}
    .mini-right{
      display:grid;
      grid-template-columns:minmax(0,1.4fr) repeat(4,minmax(0,1fr));
      align-items:center;
      justify-items:center;
      width:min(100%,292px);
      justify-self:center;
      gap:2px;
      row-gap:0;
    }
    .mini-right .mini-live{
      width:100%;
      min-width:0;
      margin-right:0;
      padding:8px 2px;
      justify-content:center;
    }
    .mini-right .mini-icon-btn{
      width:40px;
      height:40px;
      justify-self:center;
    }
    .mini-timeline{padding-bottom:calc(10px + env(safe-area-inset-bottom));}

    /* No modo simplificado, os cinco comandos visíveis ocupam colunas iguais.
       Isso impede o botão AO VIVO de empurrar os ícones em telas de 320 px. */
    html.simple-player .mini-player-inner{
      grid-template-columns:minmax(0,1fr) auto;
      padding:10px 12px 6px;
      column-gap:10px;
    }
    html.simple-player .mini-art{width:46px;height:46px;}
    html.simple-player .mini-play{width:50px;height:50px;}
    html.simple-player .mini-right{
      display:grid;
      grid-template-columns:repeat(5,minmax(42px,1fr));
      align-items:center;
      justify-items:center;
      width:100%;
      padding:6px 0 2px;
      gap:0;
    }
    html.simple-player .mini-right .mini-live{
      width:100%;
      min-width:0;
      justify-content:center;
      padding:10px 5px;
    }
    html.simple-player .mini-icon-btn{width:42px;height:42px;justify-self:center;}

    /* --- Player ampliado / cinema --- */
    .cinema-modal{
      height:100vh;
      height:100dvh;
      overflow:hidden;
    }
    .cinema-hint{display:none;}                 /* dica de teclado não faz sentido no toque */
    .cinema-body{
      min-height:0;
      gap:13px;
      padding:10px 16px;
      justify-content:flex-start;
      padding-top:calc(10px + env(safe-area-inset-top));
      overflow-y:auto;
      overscroll-behavior:contain;
      -webkit-overflow-scrolling:touch;
    }
    .cinema-art{
      width:clamp(150px,52vw,210px);
      height:clamp(150px,52vw,210px);
    }
    .cinema-info{width:100%;max-width:520px;min-width:0;}
    .cinema-title{font-size:clamp(20px,6vw,26px); margin-bottom:6px;}
    .cinema-subtitle{font-size:13px; margin-bottom:14px;}
    .cinema-title,.cinema-subtitle{overflow-wrap:anywhere;}
    .cinema-station-row{margin-bottom:10px;flex-wrap:wrap;row-gap:7px;}
    .city-btn{padding:7px 10px;font-size:12px;border-radius:8px;}
    .cinema-actions{margin-bottom:2px;}
    .cinema-follow{padding:8px 13px;font-size:11.5px;}
    .cinema-bottombar{
      flex:0 0 auto;
      padding:10px 12px calc(12px + env(safe-area-inset-bottom));
      background:rgba(8,20,38,.96);
      box-shadow:0 -14px 28px -24px rgba(0,0,0,.9);
    }
    .cinema-timeline{gap:7px; margin-bottom:9px;}
    .cinema-time-label{font-size:10.5px;}
    /* Barra de tempo mais alta = mais fácil de acertar o dedo pra voltar/avançar */
    .cinema-timeline-track{height:48px;min-width:0;}
    .cinema-controls-row{
      display:grid;
      grid-template-columns:repeat(6,minmax(0,1fr));
      justify-content:center;
      justify-items:center;
      align-items:center;
      width:100%;
      gap:5px 2px;
    }
    .cinema-controls-spacer{display:none;}
    #cinemaSkipBack{grid-column:1;grid-row:1;}
    #cinemaPlayBtn{grid-column:2;grid-row:1;}
    #cinemaSkipFwd{grid-column:3;grid-row:1;}
    #cinemaStationsBtn{grid-column:4;grid-row:1;}
    #cinemaQueueBtn{grid-column:5;grid-row:1;}
    #cinemaCollapseBtn{grid-column:6;grid-row:1;}
    #cinemaLiveBtn{grid-column:1 / -1;grid-row:2;justify-self:center;}
    .cinema-controls-row .mini-play{width:48px;height:48px;}
    .cinema-controls-row .mini-play svg{width:22px;height:22px;}
    .cinema-controls-row .mini-skip{width:42px;height:42px;}
    .cinema-controls-row .mini-skip svg{width:23px;height:23px;}
    .cinema-controls-row .mini-icon-btn{width:42px;height:42px;}
    #cinemaCollapseBtn{
      display:flex!important;
      visibility:visible!important;
      opacity:1!important;
      justify-self:center;
    }
    /* AO VIVO fica compacto pra sobrar espaço aos ícones da direita */
    .cinema-controls-row .mini-live{font-size:10px;padding:6px 11px;min-height:30px;}
  }
  /* Telas bem estreitas (iPhone SE etc.): aperta mais um pouco o cinema */
  @media(max-width:360px){
    .cinema-art{width:46vw;height:46vw;min-width:142px;min-height:142px;}
    .cinema-controls-row{gap:2px;grid-template-columns:repeat(6,minmax(0,1fr));}
    .cinema-controls-row .mini-skip,
    .cinema-controls-row .mini-icon-btn{width:39px;height:39px;}
    .cinema-controls-row .mini-play{width:45px;height:45px;}
    .cinema-time-label{font-size:9.5px; min-width:0;}
    html.simple-player .mini-right{grid-template-columns:repeat(5,minmax(38px,1fr));}
    html.simple-player .mini-icon-btn{width:39px;height:39px;}
  }

  /* Celular deitado ou aparelhos de pouca altura: capa e dados ficam lado a
     lado, preservando a barra de controles sem exigir rolagem excessiva. */
  @media(max-width:900px) and (max-height:520px) and (orientation:landscape){
    .cinema-body{flex-direction:row;text-align:left;justify-content:center;gap:18px;padding-top:8px;}
    .cinema-art{width:min(31vh,150px);height:min(31vh,150px);}
    .cinema-station-row,.cinema-actions{justify-content:flex-start;}
    .cinema-title{font-size:20px;}
    .cinema-subtitle{margin-bottom:8px;}
    .cinema-bottombar{padding-top:7px;padding-bottom:calc(7px + env(safe-area-inset-bottom));}
    .cinema-timeline{margin-bottom:6px;}
  }

  /* Forma de onda 3D da tela cheia: cada barrinha é um elemento de verdade,
     o que permite girar cada uma individualmente conforme você arrasta. */
  /* ---------- RÉGUA 3D DESLIZANTE ----------
     A régua funciona como uma FITA que corre por baixo de um marcador fixo:
       - o marcador (linha vermelha) fica PARADO no lugar
       - a fita desliza pra esquerda/direita conforme sua posição
       - à ESQUERDA: o passado continua e some num degradê (parece infinito)
       - à DIREITA: o AO VIVO é uma parede — não existe nada depois dele        */
  .wave3d{
    position:absolute;
    inset:0;
    overflow:hidden;
    pointer-events:none;
    perspective:520px;
    perspective-origin:75% center;   /* o ponto de fuga acompanha o marcador */
  }
  /* A fita em si: mais larga que a caixa, e é ela que desliza */
  .wave3d-strip{
    position:absolute;
    top:0;
    bottom:0;
    display:flex;
    align-items:center;
    gap:3px;
    will-change:transform;
    transform-style:preserve-3d;
    transition:transform .18s linear;
  }
  .cinema-timeline-track.scrubbing .wave3d-strip{transition:none;}
  /* Degradê à esquerda: o passado "some no infinito". Mais largo e gradual —
     antes era um corte curto, que denunciava o fim da fita. */
  .wave3d::before{
    content:"";
    position:absolute;
    left:0; top:-6px; bottom:-6px;
    width:130px;
    background:linear-gradient(90deg,
      var(--blue-deep) 0%,
      rgba(10,20,36,.85) 35%,
      rgba(10,20,36,.4) 70%,
      transparent 100%);
    z-index:4;
    pointer-events:none;
  }
  /* A PAREDE DO AO VIVO: marca onde a transmissão termina. Nada existe depois. */
  .wave3d-live-wall{
    position:absolute;
    top:-4px; bottom:-4px;
    width:3px;
    background:var(--red);
    box-shadow:0 0 12px rgba(255,71,71,.9);
    border-radius:2px;
    z-index:5;
  }
  .wave3d-live-wall::after{
    content:"AO VIVO";
    position:absolute;
    top:-20px;
    left:50%;
    transform:translateX(-50%);
    font-family:'Plus Jakarta Sans',sans-serif;
    font-size:8.5px;
    font-weight:800;
    letter-spacing:.6px;
    color:var(--red);
    white-space:nowrap;
  }
  /* Depois do ao vivo não existe nada — área "morta", visualmente vazia */
  .wave3d-dead{
    position:absolute;
    top:0; bottom:0;
    background:repeating-linear-gradient(
      45deg,
      rgba(255,255,255,.03) 0px, rgba(255,255,255,.03) 4px,
      transparent 4px, transparent 9px
    );
    z-index:3;
    pointer-events:none;
  }
  /* Estilo DESLIZANTE: barras finas e densas, fita longa que corre */
  .cinema-timeline-track.wave-mode .wave3d-strip{
    gap:2.5px;
  }
  .cinema-timeline-track.wave-mode .wave3d-strip i{
    flex:0 0 auto;
    width:2.5px;
  }
  /* Deslizamento com curva suave (em vez de linear seco) — dá a sensação de
     peso/inércia de uma fita de verdade correndo. */
  .cinema-timeline-track.wave-mode .wave3d-strip,
  .cinema-timeline-track.wave-mode #cinemaMarkers{
    transition:transform .28s cubic-bezier(.25,.8,.35,1);
  }
  .cinema-timeline-track.wave-mode.scrubbing .wave3d-strip,
  .cinema-timeline-track.wave-mode.scrubbing #cinemaMarkers{
    transition:none;   /* arrastando: acompanha o dedo/mouse na hora */
  }
  /* Estilo 3D CLÁSSICO: as barras se espalham pela caixa toda (régua parada).
     IMPORTANTE: usa MENOS barras que a fita. Com as 160 da fita espremidas na
     caixa, elas ficavam coladas (1px de espaço) e viravam uma massa sólida —
     sem leitura nenhuma. No clássico só mostramos 1 a cada 2, o que devolve o
     espaçamento original e deixa cada barrinha visível. */
  .cinema-timeline-track:not(.wave-mode) .wave3d-strip{
    left:0; right:0;
    justify-content:space-between;
    gap:0;
  }
  .cinema-timeline-track:not(.wave-mode) .wave3d-strip i{
    flex:1 1 auto;
    min-width:2px;
    max-width:3px;
  }
  /* Esconde metade das barras no clássico, pra elas respirarem */
  .cinema-timeline-track:not(.wave-mode) .wave3d-strip i:nth-child(even){
    display:none;
  }
  /* Degradê do "passado infinito" e a parede do ao vivo só existem na fita */
  .cinema-timeline-track:not(.wave-mode) .wave3d::before{display:none;}
  .wave3d i{
    display:block;
    flex:0 0 auto;
    width:3px;
    background:rgba(255,255,255,.35);
    border-radius:2px;
    transform-style:preserve-3d;
    transform-origin:center center;
    will-change:transform;
    transition:transform .45s cubic-bezier(.22,1,.36,1), background .3s ease;
  }
  /* Enquanto arrasta, as transições saem do caminho — o giro acompanha o dedo/mouse
     em tempo real, sem "atraso" de animação. */
  .cinema-timeline-track.scrubbing .wave3d i{transition:background .3s ease;}
  .wave3d i.near{background:rgba(255,255,255,.75);}
  .wave3d i.at{background:var(--mint);}
  .cinema-timeline-track .replay-waveform{height:100%;}
  /* O container das notas do cinema desliza JUNTO com a fita 3D — por isso ele
     precisa poder sair da caixa (sem ser cortado) e ter a largura da fita. */
  .cinema-timeline-track.wave-mode #cinemaMarkers{
    will-change:transform;
    transition:transform .18s linear;
  }
  .cinema-timeline-track.scrubbing #cinemaMarkers{transition:none;}
  /* No modo régua 3D deslizante, o marcador fica PARADO — quem se move é a
     régua, por baixo dele. Fica a 75% pra sobrar um pouco de espaço à direita,
     onde aparece a "parede" do ao vivo quando você chega nela. */
  .cinema-timeline-track.wave-mode .scrub-head{
    left:75% !important;
    transition:none;
  }
  .cinema-timeline-track{cursor:grab;}
  .cinema-timeline-track.scrubbing{cursor:grabbing;}
  .cinema-timeline-track.scrubbing .replay-waveform{opacity:.85;}
  @media (hover:hover) and (pointer:fine){
    .replay-scrub{cursor:grab;}
    .replay-scrub.scrubbing{cursor:grabbing;}
    .replay-scrub.scrubbing .replay-waveform{opacity:.85;}
  }
  /* No celular, arrastar a barra não deve rolar a página junto */
  .replay-scrub, .cinema-timeline-track{touch-action:none;}
  /* AS DUAS BOLINHAS: no modo fita deslizante, o controle nativo desenhava a
     PRÓPRIA bolinha e a movia da esquerda pra direita — enquanto a fita corria
     pro lado contrário. Davam a impressão de duas bolas indo em direções
     opostas. Na régua 3D quem marca a posição é só o marcador vermelho fixo,
     então o controle nativo fica invisível (ele continua existindo pra o
     teclado/acessibilidade, só não desenha nada). */
  /* Em QUALQUER modo 3D (clássico ou fita), quem marca a posição é só o
     marcador vermelho. A bolinha do controle nativo fica invisível — senão
     apareceriam DUAS marcações na mesma barra. Na barra simples ela volta. */
  .cinema-timeline-track.wave3d-on .cinema-range{
    opacity:0;
    pointer-events:none;
  }
  .cinema-timeline-track.wave3d-on .cinema-range::-webkit-slider-thumb{opacity:0;}
  .cinema-timeline-track.wave3d-on .cinema-range::-moz-range-thumb{opacity:0;}
  .cinema-range{
    position:absolute;
    inset:0;
    width:100%;
    margin:0;
    -webkit-appearance:none;
    background:transparent;
    cursor:pointer;
    /* O range cobre a barra inteira, então antes ele engolia o clique das
       notinhas (só liberava no modo régua 3D). Agora a área toda deixa o clique
       passar pra nota que está por baixo — só a BOLINHA continua arrastável,
       reativada logo abaixo no thumb. Assim clicar numa nota pula pro replay
       em qualquer modo, e arrastar a bolinha continua funcionando. */
    pointer-events:none;
  }
  .cinema-range::-webkit-slider-thumb{pointer-events:auto;}
  .cinema-range::-moz-range-thumb{pointer-events:auto;}
  .cinema-range::-webkit-slider-runnable-track{
    height:3px;
    background:rgba(255,255,255,.25);
    border-radius:3px;
  }
  .cinema-range::-webkit-slider-thumb{
    -webkit-appearance:none;
    width:14px;height:14px;
    margin-top:-5.5px;
    border-radius:50%;
    background:#fff;
    box-shadow:0 0 0 4px rgba(255,255,255,.18);
    cursor:pointer;
  }
  .cinema-controls-row{
    display:flex;
    align-items:center;
    gap:14px;
  }
  .cinema-controls-row .mini-skip svg{width:24px;height:24px;}
  .cinema-controls-row .mini-play{width:44px;height:44px;}
  .cinema-controls-row .mini-play svg{width:19px;height:19px;}
  .cinema-controls-row .mini-live{color:rgba(255,255,255,.7);}
  .cinema-controls-spacer{flex:1;}
  .cinema-controls-row .mini-icon-btn{color:rgba(255,255,255,.7);}

  /* ---------- Seletor de rádios do modo cinema (cubos com logo) ---------- */
  .cinema-stations-overlay{
    position:absolute;
    inset:0;
    z-index:10;
    display:none;
    align-items:flex-end;
    justify-content:center;
    background:rgba(6,12,24,.55);
    backdrop-filter:blur(4px);
  }
  .cinema-stations-overlay.show{display:flex;}
  .cinema-stations-sheet{
    width:100%;
    max-width:760px;
    max-height:70%;
    display:flex;
    flex-direction:column;
    background:linear-gradient(180deg,#12233b,#0c1830);
    border:1px solid rgba(255,255,255,.12);
    border-bottom:none;
    border-radius:20px 20px 0 0;
    box-shadow:0 -20px 50px -20px rgba(0,0,0,.7);
    padding:16px 16px calc(18px + env(safe-area-inset-bottom));
  }
  html.anim-deep.cinema-motion-on .cinema-stations-overlay.show .cinema-stations-sheet{
    animation:cinemaBottomUp .38s cubic-bezier(.22,1,.36,1) both;
  }
  .cinema-stations-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:14px;
  }
  .cinema-stations-title{
    font-family:'Plus Jakarta Sans',sans-serif;
    font-size:15px;
    font-weight:700;
    color:#fff;
  }
  .cinema-stations-close{
    background:rgba(255,255,255,.1);
    border:1px solid rgba(255,255,255,.2);
    color:#fff;
    border-radius:999px;
    padding:6px 14px;
    font-size:12.5px;
    font-weight:700;
    cursor:pointer;
    transition:background .15s ease;
  }
  .cinema-stations-close:hover{background:rgba(255,255,255,.18);}
  .cinema-stations-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill, minmax(96px, 1fr));
    gap:10px;
    align-content:start;
    overflow-y:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    padding:2px;
  }
  /* Os cartões do seletor usam a MESMA composição dos brand tiles da home:
     palco da marca + faixa de afiliada da Rádio Mais. */
  .cin-tile{
    position:relative;
    aspect-ratio:1/1.04;
    border-radius:16px;
    border:1px solid rgba(255,255,255,.1);
    display:flex;
    flex-direction:column;
    padding:0;
    cursor:pointer;
    overflow:hidden;
    isolation:isolate;
    background:#13233d;
    touch-action:manipulation;
    -webkit-tap-highlight-color:transparent;
    transition:transform .12s ease, border-color .15s ease, box-shadow .15s ease;
  }
  .cin-tile:hover{transform:translateY(-2px); border-color:rgba(255,255,255,.35);}
  .cin-tile:active{transform:scale(.96);}
  .cin-tile.current{
    border-color:var(--mint);
    box-shadow:0 0 0 2px rgba(0,245,160,.35);
  }
  .cin-tile-stage{
    position:relative;
    min-height:0;
    width:100%;
    flex:1 1 auto;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:17%;
    overflow:hidden;
    background:var(--cin-tile-bg,linear-gradient(145deg,#18345d,#0d1b31));
  }
  .cin-tile.has-affiliate .cin-tile-stage{padding:14% 18%;}
  .cin-tile[data-station="PNS Novo Som"] .cin-tile-stage{padding:15%;}
  .cin-tile-stage::before{
    content:'';
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
      radial-gradient(90% 75% at 15% 5%,rgba(255,255,255,.20),transparent 54%),
      linear-gradient(150deg,rgba(255,255,255,.07),transparent 42%,rgba(3,13,29,.11));
  }
  .cin-tile-logo{
    position:relative;
    z-index:1;
    width:100%;
    height:100%;
    max-width:100%;
    max-height:100%;
    object-fit:contain;
    display:block;
    filter:drop-shadow(0 7px 12px rgba(5,18,39,.22));
  }
  .cin-tile.box-radio-tile.has-cover-art .cin-tile-stage{padding:0;}
  .cin-tile-logo.cin-tile-logo-cover{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    max-width:none;
    max-height:none;
    object-fit:cover;
  }
  .cin-tile[data-station="Afrofusion Naija"].has-cover-art .cin-tile-logo-cover{
    object-fit:contain;
  }
  .cin-tile-fallback{
    position:relative;
    z-index:1;
    font-family:'Plus Jakarta Sans',sans-serif;
    font-weight:800;
    font-size:22px;
    color:#fff;
    letter-spacing:.5px;
  }
  .cin-tile-affiliate{
    min-height:34px;
    flex:0 0 34px;
    padding:5px 8px 6px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    background:linear-gradient(100deg,#36cae7 0%,#55e4d1 52%,#5fffc0 100%);
    color:#082a47;
    font-family:'Reddit Sans Condensed','Arial Narrow',sans-serif;
    font-size:clamp(13px,3.5vw,16px);
    font-weight:600;
    line-height:1;
    letter-spacing:-.25px;
    white-space:nowrap;
    text-overflow:ellipsis;
    pointer-events:none;
  }
  .cin-tile.disabled{opacity:.4; cursor:default;}
  .cin-tile.disabled:hover{transform:none;}
  .cin-tile-soon{
    position:absolute;
    z-index:4;
    top:6px; right:6px;
    font-size:8.5px;
    font-weight:700;
    background:rgba(0,0,0,.5);
    color:#fff;
    padding:2px 5px;
    border-radius:6px;
  }
  @media(max-width:640px){
    .cinema-stations-overlay{
      background:rgba(4,11,23,.66);
      backdrop-filter:blur(7px);
    }
    .cinema-stations-sheet{
      height:min(68dvh,620px);
      max-height:min(68dvh,620px);
      padding:14px 14px calc(14px + env(safe-area-inset-bottom));
      border-radius:22px 22px 0 0;
    }
    .cinema-stations-head{
      min-height:38px;
      margin-bottom:12px;
      padding:0 2px;
    }
    .cinema-stations-title{font-size:16px;}
    .cinema-stations-close{
      min-height:34px;
      padding:7px 14px;
    }
    .cinema-stations-grid{
      grid-template-columns:repeat(3,minmax(0,1fr));
      gap:10px;
      padding:2px 2px 8px;
      scrollbar-width:thin;
      scrollbar-color:rgba(255,255,255,.25) transparent;
    }
    .cin-tile{
      width:100%;
      aspect-ratio:1/1.02;
      min-width:0;
      min-height:104px;
      border-radius:17px;
    }
    .cin-tile-stage{padding:15%;}
    .cin-tile.has-affiliate .cin-tile-stage{padding:13% 16%;}
    .cin-tile-affiliate{
      min-height:32px;
      flex-basis:32px;
      padding:5px 6px 6px;
      font-size:14px;
      letter-spacing:-.15px;
    }
    .cin-tile-soon{
      top:7px;
      right:7px;
      font-size:8px;
      padding:3px 5px;
    }
  }
  @media(max-width:350px){
    .cinema-stations-sheet{padding-left:10px;padding-right:10px;}
    .cinema-stations-grid{gap:8px;}
    .cin-tile{min-height:96px;border-radius:15px;}
    .cin-tile-affiliate{font-size:12.5px;}
  }

  .status-msg{
    max-width:560px;
    margin:8px auto 0;
    font-size:11.5px;
    color:var(--purple-2);
    text-align:center;
    min-height:14px;
    font-weight:600;
    padding:0 20px;
  }

  /* floating FAB */
  .fab{
    position:fixed;
    right:18px;
    bottom:96px;
    width:52px;height:52px;
    border-radius:50%;
    background:linear-gradient(160deg,#FFE07A,var(--yellow));
    border:none;
    display:flex;align-items:center;justify-content:center;
    cursor:pointer;
    box-shadow:0 14px 26px -8px rgba(255,180,20,.55);
    z-index:35;
    transition:transform .12s ease;
  }
  .fab:active{transform:scale(.92);}
  .fab svg{width:20px;height:20px;fill:var(--ink);}

  .mini-player{
    position:fixed;
    left:0;right:0;bottom:0;
    z-index:40;
    display:none;
    background:linear-gradient(180deg, var(--card), var(--paper));
    border-top:1px solid var(--line);
    box-shadow:0 -10px 30px -10px rgba(0,0,0,.5);
  }
  .mini-player.show{display:block;}
  /* A barra do mini-player desliza de baixo pra cima quando aparece pela
     primeira vez (classe .just-shown, removida quando a animação acaba). */
  @keyframes miniBarUp{
    from{transform:translateY(100%);}
    to{transform:translateY(0);}
  }
  .mini-player.just-shown{animation:miniBarUp .42s cubic-bezier(.22,1,.36,1) both;}
  html.anim-none .mini-player.just-shown{animation:none;}
  .mini-progress{
    height:2.5px;
    background:var(--line);
  }
  .mini-progress-fill{
    height:100%;
    width:0%;
    background:var(--red);
  }
  .mini-player-inner{
    max-width:var(--maxw);
    margin:0 auto;
    padding:12px 20px 4px;
    display:grid;
    grid-template-columns:1fr auto 1fr;  /* controles ficam sempre centralizados */
    align-items:center;
    gap:12px;
  }
  .mini-left{
    display:flex;
    align-items:center;
    gap:12px;
    min-width:0;
  }
  .mini-center{
    display:flex;
    align-items:center;
    gap:8px;              /* controles bem juntos, formando um bloco só */
    justify-self:center;
  }
  .mini-right{
    display:flex;
    align-items:center;
    gap:6px;
    justify-self:end;
  }
  .mini-right .mini-live{
    margin-right:10px;    /* separa o "AO VIVO" dos ícones */
    padding-left:0;
  }
  /* Linha do tempo embaixo, atravessando toda a largura — como o NRK */
  .mini-timeline{
    max-width:var(--maxw);
    margin:0 auto;
    padding:0 20px 12px;
    display:flex;
    align-items:center;
    gap:14px;
  }
  .mini-time{
    font-family:'Share Tech Mono','Work Sans',monospace;
    font-size:11.5px;
    color:var(--ink-soft);
    flex:0 0 auto;
    min-width:60px;
  }
  .mini-time:last-child{text-align:right;}
  .mini-track-bar{
    flex:1;
    height:3px;
    background:rgba(255,255,255,.22);
    border-radius:3px;
    position:relative;
  }
  .mini-track-fill{
    height:100%;
    width:0%;
    background:#fff;
    border-radius:3px;
    transition:width .3s linear;
  }
  .mini-track-dot{
    position:absolute;
    top:50%;
    left:0%;
    width:11px;height:11px;
    border-radius:50%;
    background:#fff;
    transform:translate(-50%,-50%);
    transition:left .3s linear;
    box-shadow:0 0 6px rgba(0,0,0,.4);
  }
  .mini-track-fill.jump,.mini-track-dot.jump{transition:none!important;}
  @media(max-width:640px){
    .mini-player-inner{
      grid-template-columns:1fr auto;   /* no celular, os ícones vão pra baixo */
      padding:10px 12px 4px;
      gap:8px;
    }
    .mini-right{
      grid-column:1 / -1;
      justify-self:center;
      gap:4px;
    }
    .mini-right .mini-live{margin-right:6px;}
    .mini-center{gap:6px;}
    .mini-play{width:42px;height:42px;}
    .mini-play svg{width:26px;height:26px;}
    .mini-skip{width:34px;height:34px;}
    .mini-skip svg{width:19px;height:19px;}
    .mini-timeline{padding:0 12px 10px; gap:8px;}
    .mini-time{min-width:52px; font-size:10.5px;}
    .mini-icon-btn{width:30px;height:30px;}
    .mini-icon-btn svg{width:15px;height:15px;}
  }
  .mini-art{
    width:38px;height:38px;
    border-radius:var(--r-sm);
    background:var(--paper);
    border:1px solid var(--line);
    display:flex;align-items:center;justify-content:center;
    overflow:hidden;
    font-size:16px;
    flex:0 0 auto;
  }
  .mini-art img{width:100%;height:100%;object-fit:cover;display:block;}
  .mini-art.is-brand-wordmark{
    padding:5px;
    background:var(--brand-surface,#00F5A0);
  }
  .mini-art.is-brand-wordmark img{object-fit:contain;}
  .mini-art.is-brand-cover{
    padding:0;
    background:var(--paper);
  }
  .mini-art.is-brand-cover img{object-fit:cover;}
  .mini-info{min-width:0; flex:1;}
  .mini-station{
    font-family:'Plus Jakarta Sans',sans-serif;
    font-size:12.5px;
    font-weight:600;
    color:var(--ink);
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  }
  .mini-track{
    font-size:10.5px;
    color:var(--ink-soft);
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
    margin-top:1px;
    cursor:pointer;
  }
  .mini-track:hover{color:var(--ink);text-decoration:underline;}
  .mini-skip{
    width:38px;height:38px;
    border-radius:50%;
    border:none;
    background:none;
    color:var(--ink);
    display:flex;align-items:center;justify-content:center;
    cursor:pointer;
    flex:0 0 auto;
    transition:opacity .15s ease, transform .1s ease;
  }
  .mini-skip svg{width:22px;height:22px;fill:currentColor;}
  .mini-skip:hover:not(:disabled){opacity:.7;}
  .mini-skip:active:not(:disabled){transform:scale(.9);}
  /* Desabilitado fica DISCRETO, mas continua visível — antes ele quase sumia
     (opacidade .28) e o botão de play parecia sozinho no meio da barra. */
  .mini-skip:disabled{
    opacity:.42;
    cursor:default;
  }
  /* Play no formato NRK: sem fundo, só o ícone grande e limpo */
  .mini-play{
    width:48px;height:48px;
    border-radius:50%;
    border:none;
    background:none;
    color:var(--ink);
    display:flex;align-items:center;justify-content:center;
    cursor:pointer;
    flex:0 0 auto;
    transition:transform .12s ease, opacity .15s ease;
  }
  .mini-play svg{width:30px;height:30px;fill:currentColor;}
  .mini-play:hover{opacity:.75;}
  .mini-play:active{transform:scale(.9);}
  /* AO VIVO: texto + círculo com ponto dentro (como o "Direkte ⊙" do NRK) */
  .mini-live{
    display:flex;
    align-items:center;
    gap:7px;
    border:none;
    background:none;
    color:var(--ink-soft);
    font-family:'Plus Jakarta Sans',sans-serif;
    font-size:10.5px;
    font-weight:700;
    letter-spacing:.5px;
    cursor:pointer;
    flex:0 0 auto;
    padding:6px 0 6px 10px;
    transition:color .15s ease;
  }
  .mini-live:hover{color:var(--ink);}
  .mini-live i{
    width:15px;height:15px;
    border-radius:50%;
    border:1.5px solid currentColor;
    background:none;
    box-shadow:none;
    position:relative;
    flex:0 0 auto;
  }
  .mini-live i::after{
    content:"";
    position:absolute;
    top:50%;left:50%;
    transform:translate(-50%,-50%);
    width:7px;height:7px;
    border-radius:50%;
    background:var(--red);
  }
  .mini-live.off i::after{background:var(--ink-soft);}
  .mini-wave{
    width:54px;
    height:16px;
    flex:0 0 auto;
    display:none;
    align-items:center;
    overflow:hidden;
    border-radius:3px;
  }
  .mini-wave::before{
    content:"";
    display:block;
    width:100%;
    height:100%;
    background-image: repeating-linear-gradient(90deg,
      var(--ink-soft) 0px, var(--ink-soft) 2px,
      transparent 2px, transparent 6px,
      var(--line) 6px, var(--line) 8px,
      transparent 8px, transparent 13px);
    -webkit-mask-image: linear-gradient(90deg, transparent 0, black 10%, black 90%, transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0, black 10%, black 90%, transparent 100%);
  }
  @media(min-width:560px){ .mini-wave{display:flex;} }
  .mini-icon-btn{
    width:34px;height:34px;
    border-radius:50%;
    border:1.5px solid transparent;
    background:none;
    color:var(--ink-soft);
    display:flex;align-items:center;justify-content:center;
    cursor:pointer;
    flex:0 0 auto;
    transition:background .15s ease, color .15s ease, border-color .15s ease, transform .1s ease;
  }
  .mini-icon-btn:hover{
    background:var(--card-2);
    border-color:var(--line);
    color:var(--ink);
  }
  .mini-icon-btn:active{transform:scale(.9);}
  .mini-icon-btn svg{width:17px;height:17px;fill:currentColor;}
  .mini-icon-btn:active{opacity:.6;}
  .mini-volume-wrap{position:relative;}
  .mini-volume-popover{
    display:none;
    position:absolute;
    bottom:100%;
    right:0;
    margin-bottom:8px;
    background:var(--card);
    border:1px solid var(--line);
    border-radius:999px;
    padding:10px 8px;
    box-shadow:0 10px 24px -10px rgba(0,0,0,.5);
  }
  .mini-volume-popover.show{display:block;}
  .mini-volume-popover input[type="range"]{
    writing-mode:vertical-lr;
    direction:rtl;
    width:6px;
    height:90px;
  }

  /* ---------- SEARCH + TABS ---------- */
  .history{
    max-width:var(--maxw);
    margin:22px auto 0;
    padding:0 18px;
  }
  .history-inner{
    background:var(--card);
    border:1.5px solid var(--line);
    border-radius:var(--r-lg);
    padding:16px;
    box-shadow:0 10px 24px -18px rgba(0,0,0,.4);
  }
  .history h2{
    font-family:'Plus Jakarta Sans',sans-serif;
    font-size:14px;
    font-weight:600;
    margin:0 0 12px;
    color:var(--ink);
  }
  .history h2 span{
    font-family:'Work Sans',sans-serif;
    font-size:11px;
    font-weight:700;
    color:var(--purple-2);
  }
  .history-list{
    display:flex;
    gap:12px;
    overflow-x:auto;
    padding-bottom:4px;
    scrollbar-width:thin;
  }
  .history-empty{
    font-size:12px;
    color:var(--ink-soft);
    font-weight:500;
    padding:6px 2px;
  }
  .history-item{
    flex:0 0 auto;
    width:118px;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:6px;
    background:none;
    border:none;
    padding:0;
    cursor:pointer;
    text-align:left;
    font-family:inherit;
  }
  .history-item:hover .history-cover{border-color:var(--blue);}
  .history-item.is-readonly{cursor:default;}
  .history-item.is-readonly:hover .history-cover{border-color:var(--line);}
  /* Fade das capas que chegam depois (histórico e linha do tempo). Elas entram
     suavemente em vez de "pipocar" na tela quando a busca termina. */
  img.history-cover,
  img.rqi-cover{
    opacity:0;
    transition:opacity .3s ease;
  }
  img.history-cover.loaded,
  img.rqi-cover.loaded{opacity:1;}
  html.anim-none img.history-cover,
  html.anim-none img.rqi-cover{opacity:1; transition:none;}
  .history-cover{
    width:118px;height:118px;
    border-radius:var(--r-md);
    background:var(--paper);
    object-fit:cover;
    border:1.5px solid var(--line);
    display:flex;
    align-items:center;
    justify-content:center;
    font-family:'Plus Jakarta Sans',sans-serif;
    font-weight:600;
    font-size:13px;
    color:var(--ink-soft);
    text-align:center;
  }
  .history-item-next{
    order:-1;
    position:relative;
    width:118px;
    margin:0;
    padding:0;
    border:0;
    border-radius:0;
    background:none;
    cursor:default;
  }
  .history-item-next[data-preview="available"]{
    cursor:pointer;
  }
  .history-item-next[data-preview="playing"]{cursor:pointer;}
  .history-item-next[data-preview="available"]:hover{
    transform:none;
  }
  .history-item-next[data-preview="playing"]{
    box-shadow:none;
  }
  .history-item-next:disabled{
    opacity:1;
    color:inherit;
  }
  .history-cover-next{
    position:relative;
    width:118px;
    height:118px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:28px;
    color:var(--blue);
    background:rgba(61,127,255,.12);
    border-color:var(--blue);
    box-shadow:inset 0 0 0 2px rgba(61,127,255,.13);
  }
  .history-item-next[data-preview="available"]:hover .history-cover-next{
    box-shadow:0 0 0 3px rgba(61,127,255,.14);
  }
  .history-item-next[data-preview="playing"] .history-cover-next{
    border-color:var(--mint);
    box-shadow:0 0 0 3px rgba(57,222,178,.16);
  }
  .history-next-play{
    position:absolute;
    left:59px;
    top:59px;
    right:auto;
    bottom:auto;
    width:30px;
    height:30px;
    transform:translate(-50%,-50%);
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--blue);
    background:transparent;
    border:0;
    box-shadow:none;
    opacity:.92;
    pointer-events:none;
    z-index:2;
  }
  .history-next-play svg{width:28px;height:28px;fill:currentColor;}
  .history-item-next.has-next-cover .history-next-play{
    color:rgba(255,255,255,.94);
    filter:drop-shadow(0 2px 3px rgba(0,0,0,.52));
  }
  .history-item-next[data-preview="available"]:hover .history-next-play{opacity:1;}
  .history-item-next[data-preview="playing"] .history-next-play{
    color:var(--mint);
    background:transparent;
    border:0;
    opacity:1;
  }
  .history-item-next[data-preview="unavailable"] .history-next-play,
  .history-item-next[data-preview="loading"] .history-next-play{display:none;}
  .history-next-badge{
    position:absolute;
    z-index:3;
    top:7px;
    left:7px;
    display:inline-flex;
    align-items:center;
    min-height:20px;
    padding:3px 7px;
    border-radius:999px;
    font-family:'Plus Jakarta Sans',sans-serif;
    font-size:7.7px;
    line-height:1;
    font-weight:800;
    letter-spacing:.35px;
    color:var(--blue);
    background:rgba(238,245,255,.94);
    box-shadow:0 3px 9px rgba(0,0,0,.16);
    pointer-events:none;
  }
  .history-item-next[data-preview="playing"] .history-next-badge{
    color:#063d31;
    background:var(--mint);
  }
  .history-item-next .history-title{color:var(--blue);}
  .history-item-next .history-time{color:var(--blue); font-weight:700;}
  .replay-queue-item.replay-queue-next{
    margin:6px 0;
    padding:12px 10px;
    border:1px solid rgba(61,127,255,.42);
    border-radius:12px;
    background:linear-gradient(90deg,rgba(61,127,255,.13),rgba(57,222,178,.05));
  }
  .replay-queue-item.replay-queue-next .rqi-time,
  .replay-queue-item.replay-queue-next .rqi-title{color:var(--blue);}
  .replay-queue-item.replay-queue-next .rqi-time{flex-basis:66px;}
  .replay-queue-item.replay-queue-next .rqi-cover{border:1px solid var(--blue);}
  .replay-queue-next-preview{
    cursor:default;
  }
  .replay-queue-next-preview[data-preview="available"],
  .replay-queue-next-preview[data-preview="playing"]{
    cursor:pointer;
  }
  .replay-queue-next-preview:disabled{opacity:1;}
  .rqi-preview{
    flex:0 0 auto;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:4px;
  }
  .rqi-preview-play{
    width:30px;height:30px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:rgba(255,255,255,.07);
    color:rgba(255,255,255,.32);
    transition:background .16s ease,color .16s ease,transform .16s ease;
  }
  .rqi-preview-play svg{width:13px;height:13px;fill:currentColor;}
  .rqi-preview-badge{
    color:rgba(255,255,255,.38);
    font:800 7px 'Reddit Sans',sans-serif;
    letter-spacing:.06em;
    white-space:nowrap;
  }
  .replay-queue-next-preview[data-preview="available"] .rqi-preview-play{
    background:rgba(61,127,255,.18);
    color:var(--blue);
  }
  .replay-queue-next-preview[data-preview="available"]:hover .rqi-preview-play{transform:scale(1.06);}
  .replay-queue-next-preview[data-preview="playing"] .rqi-preview-play{
    background:var(--mint);
    color:#063d31;
  }
  .replay-queue-next-preview[data-preview="playing"] .rqi-preview-badge{color:var(--mint);}
  .history-title{
    font-size:11px;
    font-weight:700;
    color:var(--ink);
    line-height:1.3;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }
  .history-time{
    font-size:9.5px;
    color:var(--ink-soft);
    font-weight:600;
  }

  .insights{
    max-width:var(--maxw);
    margin:16px auto 0;
    padding:0 18px;
  }
  .insights-inner{
    position:relative;
    overflow:hidden;
    background:
      radial-gradient(circle at 94% 0%,rgba(95,255,192,.16),transparent 32%),
      linear-gradient(145deg,var(--card),var(--card-2));
    border:1.5px solid var(--line);
    border-radius:calc(var(--r-lg) + 4px);
    padding:18px;
    box-shadow:0 18px 38px -28px rgba(0,0,0,.62);
  }
  .insights-inner::after{
    content:"";position:absolute;inset:auto -18% -70% 40%;height:160px;
    background:radial-gradient(circle,rgba(61,127,255,.13),transparent 67%);
    pointer-events:none;
  }
  .insights-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:14px;
  }
  .radiovision-title{display:flex;align-items:center;gap:11px;min-width:0;}
  .radiovision-mark{
    width:38px;height:38px;border-radius:13px;display:grid;place-items:center;
    color:#05233f;background:linear-gradient(135deg,var(--mint),#7fd9ff 72%);
    font:900 14px 'Reddit Sans',sans-serif;letter-spacing:-.08em;
    box-shadow:0 9px 20px -12px rgba(95,255,192,.9);
  }
  .insights h2{
    font-family:'Reddit Sans',sans-serif;font-size:18px;font-weight:800;
    letter-spacing:-.02em;margin:0;color:var(--ink);
  }
  .radiovision-subtitle{font-size:10px;font-weight:700;color:var(--ink-soft);letter-spacing:.08em;text-transform:uppercase;margin-top:2px;}
  .insights-key-btn{
    border:0;background:color-mix(in srgb,var(--paper) 82%,transparent);
    border-radius:999px;
    width:28px;height:28px;
    font-size:15px;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line);
    cursor:pointer;
    line-height:1;
  }
  .insights-loading{
    font-size:12px;
    color:var(--ink-soft);
    font-weight:600;
  }
  .insights-empty{
    font-size:12px;
    color:var(--ink-soft);
    font-weight:500;
  }
  .insights-block{
    position:relative;z-index:1;margin-bottom:10px;padding:13px 14px;
    background:color-mix(in srgb,var(--paper) 72%,transparent);
    border-radius:16px;
  }
  .insights-block:last-child{margin-bottom:0;}
  .insights-meta-row{
    display:flex;
    flex-wrap:wrap;
    gap:7px;margin-bottom:12px;position:relative;z-index:1;
  }
  .insights-chip{
    font-family:'Work Sans',sans-serif;
    font-size:11px;
    font-weight:600;
    color:var(--ink);background:color-mix(in srgb,var(--paper) 84%,transparent);
    border:0;box-shadow:inset 0 0 0 1px var(--line);
    border-radius:999px;
    padding:5px 11px;
  }
  .insights-block h3{
    font-family:'Reddit Sans',sans-serif;font-size:11px;font-weight:800;
    color:var(--purple-2);margin:0 0 5px;letter-spacing:.08em;text-transform:uppercase;
  }
  .insights-block p{
    font-size:13px;
    line-height:1.55;
    color:var(--ink);
    margin:0;
  }
  .insights-source{
    position:relative;z-index:1;margin-top:11px;
    font-size:10px;
    line-height:1.45;
    color:var(--ink-soft);
  }
  .insights-source a{color:var(--purple-2);font-weight:700;text-decoration:none;}
  .radiovision-credits{
    position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 10px;
  }
  .radiovision-credit{
    min-width:0;padding:12px 13px;border-radius:15px;background:color-mix(in srgb,var(--paper) 72%,transparent);
  }
  .radiovision-credit-label{display:block;font:800 9px 'Reddit Sans',sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:4px;}
  .radiovision-credit-value{display:block;font:700 12px 'Reddit Sans',sans-serif;color:var(--ink);line-height:1.38;}
  .radiovision-credit-wide{grid-column:1/-1;}
  @media(max-width:520px){
    .insights-inner{padding:15px}.radiovision-credits{grid-template-columns:1fr}.radiovision-credit-wide{grid-column:auto}
  }
  .insights-refresh{
    display:inline-block;
    margin-top:10px;
    font-size:10.5px;
    font-weight:700;
    color:var(--purple-2);
    background:none;
    border:1.5px solid var(--line);
    border-radius:999px;
    padding:5px 11px;
    cursor:pointer;
  }

  /* 24.10.73 — RadioVision agora é uma experiência própria, como o
     Radioguide. A linguagem visual vem do Modo Cinema: capa grande, informação
     sem molduras excessivas e uma ficha editorial que respira. */
  .radiovision-page{
    position:fixed;inset:0;z-index:1210;display:none;overflow:auto;
    overscroll-behavior:contain;color:#f8fbff;
    background:
      radial-gradient(circle at 82% 12%,rgba(61,127,255,.28),transparent 34%),
      radial-gradient(circle at 10% 78%,rgba(95,255,192,.12),transparent 28%),
      linear-gradient(145deg,#07182d 0%,#0b2444 55%,#071526 100%);
    font-family:'Reddit Sans','Plus Jakarta Sans',sans-serif;
  }
  .radiovision-page [hidden]{display:none!important;}
  .radiovision-page.show{display:block;}
  .radiovision-shell{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:0 0 96px;}
  .radiovision-topbar{
    position:sticky;top:0;z-index:6;display:flex;align-items:center;justify-content:space-between;
    gap:18px;min-height:76px;padding:calc(10px + env(safe-area-inset-top)) 0 10px;
    background:linear-gradient(180deg,#07182d 70%,rgba(7,24,45,0));
  }
  .radiovision-back,.radiovision-refresh{
    min-height:42px;border:0;border-radius:14px;color:#f7fbff;background:#142e50;
    font:800 12px 'Reddit Sans',sans-serif;cursor:pointer;
  }
  .radiovision-back{display:flex;align-items:center;gap:8px;padding:0 16px;}
  .radiovision-back svg{width:18px;height:18px;fill:currentColor;}
  .radiovision-topbrand{display:flex;align-items:center;gap:10px;min-width:0;}
  .radiovision-topbrand .radiovision-mark{flex:0 0 40px;width:40px;height:40px;}
  .radiovision-topbrand strong{display:block;font-size:15px;line-height:1.05;}
  .radiovision-topbrand span{display:block;margin-top:3px;color:#8fa8c9;font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;}
  .radiovision-refresh{width:42px;padding:0;font-size:19px;}
  .radiovision-loading,.radiovision-empty{
    min-height:0;margin:20px 0;padding:18px 20px;display:grid;place-items:center;
    border-radius:18px;background:rgba(15,39,69,.48);text-align:center;color:#9eb1cc;
    font:700 14px/1.6 'Reddit Sans',sans-serif;
  }
  .radiovision-stage{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(360px,1.1fr);gap:clamp(34px,6vw,84px);align-items:center;min-height:0;padding:24px 0 42px;}
  .radiovision-art-wrap{position:relative;width:min(100%,460px);justify-self:center;}
  .radiovision-art-glow{position:absolute;inset:8% -8% -10%;border-radius:50%;filter:blur(48px);opacity:.48;background:radial-gradient(circle,rgba(61,127,255,.74),rgba(95,255,192,.15) 45%,transparent 70%);pointer-events:none;}
  .radiovision-art{
    position:relative;z-index:1;display:block;width:100%;aspect-ratio:1;object-fit:cover;
    border-radius:clamp(24px,4vw,46px);box-shadow:0 38px 90px -34px rgba(0,0,0,.9);
    background:#122b4c;
  }
  .radiovision-station-badge{
    position:absolute;z-index:2;left:22px;top:22px;display:flex;align-items:center;justify-content:center;
    min-width:82px;max-width:45%;height:48px;padding:8px 13px;border-radius:15px;
    background:rgba(8,24,46,.68);backdrop-filter:blur(18px);box-shadow:0 12px 28px -18px #000;
  }
  .radiovision-station-badge img{display:block;max-width:100%;max-height:28px;object-fit:contain;}
  .radiovision-copy{min-width:0;}
  .radiovision-kicker{display:flex;align-items:center;gap:8px;margin-bottom:13px;color:#5fffc0;font-size:10px;font-weight:900;letter-spacing:.17em;text-transform:uppercase;}
  .radiovision-kicker::before{content:"";width:7px;height:7px;border-radius:50%;background:#5fffc0;box-shadow:0 0 16px rgba(95,255,192,.9);}
  .radiovision-track{margin:0;color:#fff;font-size:clamp(38px,5.4vw,74px);line-height:.98;letter-spacing:-.055em;overflow-wrap:anywhere;}
  .radiovision-artist{margin:15px 0 0;color:#9db1cf;font-size:clamp(20px,2.5vw,32px);font-weight:700;letter-spacing:-.02em;}
  .radiovision-album{margin:8px 0 0;color:#6ee4ff;font:800 12px 'Reddit Sans',sans-serif;letter-spacing:.05em;}
  .radiovision-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:27px;}
  .radiovision-action{
    display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 17px;
    border:0;border-radius:14px;background:#18375f;color:#fff;text-decoration:none;
    font:800 11px 'Reddit Sans',sans-serif;cursor:pointer;
  }
  .radiovision-action.primary{background:linear-gradient(135deg,#5fffc0,#30d8ff);color:#052443;}
  .radiovision-action[hidden]{display:none;}
  .radiovision-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:0 0 42px;}
  .radiovision-fact{min-width:0;padding:15px 16px;border-radius:17px;background:rgba(19,45,78,.74);}
  .radiovision-fact span{display:block;color:#8098ba;font-size:8px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;}
  .radiovision-fact strong{display:block;margin-top:6px;color:#f5f8ff;font-size:13px;line-height:1.25;overflow-wrap:anywhere;}
  .radiovision-section{margin-top:16px;padding:clamp(20px,3vw,34px);border-radius:28px;background:rgba(16,40,70,.72);}
  .radiovision-section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:20px;}
  .radiovision-section-head small{color:#5fffc0;font-size:9px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;}
  .radiovision-section h2{margin:5px 0 0;color:#fff;font-size:clamp(24px,3vw,36px);letter-spacing:-.04em;}
  .radiovision-credit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
  .radiovision-credit-card{padding:17px 18px;border-radius:18px;background:rgba(7,24,45,.62);}
  .radiovision-credit-card.wide{grid-column:1/-1;}
  .radiovision-credit-card span{display:block;color:#7f99bd;font-size:8px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;}
  .radiovision-credit-card strong{display:block;margin-top:7px;color:#f7faff;font-size:14px;line-height:1.45;}
  .radiovision-editorial{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
  .radiovision-story{padding:clamp(20px,3vw,30px);border-radius:24px;background:rgba(7,24,45,.55);}
  .radiovision-story h3{margin:0 0 10px;color:#67edff;font-size:12px;letter-spacing:.1em;text-transform:uppercase;}
  .radiovision-story p{margin:0;color:#d6e1f0;font:500 14px/1.75 'Work Sans',sans-serif;}
  .radiovision-sources{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;}
  .radiovision-sources a{padding:8px 12px;border-radius:999px;color:#b9cbea;background:#0c213d;font-size:10px;font-weight:800;text-decoration:none;}
  html.radiovision-open{overflow:hidden;}
  /* A letra é aberta de dentro do RadioVision. Ela precisa ficar acima da
     página (z-index 1210), não escondida atrás dela. */
  #lyricsModal{z-index:1400;}
  html:not(.anim-none) .radiovision-page.show .radiovision-art{animation:cinemaArtIn .38s cubic-bezier(.22,1,.36,1) both;}
  html:not(.anim-none) .radiovision-page.show .radiovision-copy{animation:cinemaRise .34s cubic-bezier(.22,1,.36,1) .06s both;}
  @media(max-width:760px){
    .radiovision-shell{width:min(100% - 24px,620px);padding-bottom:calc(88px + env(safe-area-inset-bottom));}
    .radiovision-topbar{min-height:66px;}.radiovision-topbrand span{display:none;}
    .radiovision-back{width:42px;padding:0;justify-content:center;}.radiovision-back span{display:none;}
    .radiovision-loading,.radiovision-empty{margin:12px 0;padding:14px 16px;}
    .radiovision-stage{grid-template-columns:1fr;gap:24px;min-height:0;padding:14px 0 32px;text-align:left;}
    .radiovision-art-wrap{width:min(76vw,340px);}
    .radiovision-station-badge{left:14px;top:14px;height:42px;max-width:52%;}
    .radiovision-track{font-size:clamp(38px,12vw,58px);}
    .radiovision-facts{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:28px;}
    .radiovision-section{padding:20px 16px;border-radius:22px;}
    .radiovision-credit-grid,.radiovision-editorial{grid-template-columns:1fr;}
    .radiovision-credit-card.wide{grid-column:auto;}
  }

  .toolbar{
    max-width:var(--maxw);
    margin:26px auto 8px;
    padding:0 18px;
  }
  .toolbar-top{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
    margin-bottom:12px;
  }
  .rg-open-btn{
    display:flex;
    align-items:center;
    gap:9px;
    background:#123a6b;
    border:none;
    border-radius:var(--r-sm);
    padding:13px 20px;
    color:#fff;
    font-family:'Plus Jakarta Sans',sans-serif;
    font-size:15px;
    font-weight:800;
    cursor:pointer;
    transition:background .15s ease, transform .1s ease;
  }
  .rg-open-btn:hover{background:#17498a;}
  .rg-open-btn:active{transform:scale(.97);}
  .rg-open-btn svg{width:20px;height:20px;fill:#fff;}
  .search-row{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:14px;
  }
  .search{
    display:flex;
    align-items:center;
    gap:10px;
    background:var(--card);
    border:1.5px solid var(--line);
    border-radius:var(--r-md);
    padding:12px 15px;
    flex:1;
    box-shadow:0 8px 20px -14px rgba(0,0,0,.35);
  }
  .layout-toggle{
    flex:0 0 auto;
    width:44px;height:44px;
    border-radius:var(--r-md);
    background:var(--card);
    border:1.5px solid var(--line);
    color:var(--ink-soft);
    display:flex;align-items:center;justify-content:center;
    cursor:pointer;
  }
  .layout-toggle svg{width:19px;height:19px;fill:currentColor;}
  .layout-toggle.active{background:var(--blue); border-color:var(--blue); color:#fff;}
  .search svg{width:16px;height:16px;fill:var(--ink-soft);flex:0 0 auto;}
  .search input{
    background:none;border:none;outline:none;
    color:var(--ink);
    font-family:'Work Sans',sans-serif;
    font-size:14px;
    width:100%;
  }
  .search input::placeholder{color:var(--ink-soft);}
  .tabs{
    display:flex;
    gap:8px;
    overflow-x:auto;
    padding-bottom:4px;
    scrollbar-width:none;
  }
  .tabs::-webkit-scrollbar{display:none;}
  .tab{
    flex:0 0 auto;
    font-size:12.5px;
    font-weight:700;
    letter-spacing:.2px;
    padding:9px 15px;
    border-radius:999px;
    border:1.5px solid var(--line);
    background:var(--card);
    color:var(--ink-soft);
    cursor:pointer;
    white-space:nowrap;
    transition:all .15s ease;
  }
  .tab-brand{
    display:flex;
    align-items:center;
    padding:8px 16px;
  }
  .tab-brand img{
    height:13px;
    width:auto;
    display:block;
    filter:brightness(0) saturate(100%) invert(56%);
  }
  .tab-brand.active img{filter:none;}
  .tab.active{
    background:var(--blue);
    border-color:var(--blue);
    color:#fff;
  }

  /* ---------- STATION GRID ---------- */
  main{
    max-width:var(--maxw);
    margin:0 auto;
    padding:6px 18px 20px;
  }
  .grid{
    display:grid;
    grid-template-columns:repeat(auto-fill, minmax(160px,1fr));
    gap:14px;
  }
  @media(min-width:700px){
    .grid{
      grid-template-columns:repeat(auto-fill, minmax(230px,1fr));
      gap:16px;
    }
  }

  /* ---------- BLOCOS POR MARCA ----------
     Quarto modo de exibição: canais compactos, com o logotipo como elemento
     principal. Na Rádio Mais, o nome da afiliada fica em um rodapé próprio. */
  .grid.brand-view{
    grid-template-columns:repeat(2,minmax(0,1fr));
    align-items:start;
    gap:14px;
  }
  .group.brand-group{
    margin-bottom:24px;
  }
  .group.brand-group h2{
    margin:0 0 10px 2px;
    font-size:13px;
    line-height:normal;
    letter-spacing:.5px;
    font-weight:600;
  }
  .grid.brand-view .card.brand-tile{
    min-width:0;
    aspect-ratio:1 / 1.04;
    display:flex;
    flex-direction:column;
    overflow:hidden;
    isolation:isolate;
    border:1px solid rgba(132,166,218,.22);
    border-radius:22px;
    background:#13233d;
    box-shadow:0 15px 32px -24px rgba(0,0,0,.85), inset 0 1px 0 rgba(255,255,255,.04);
    transform:translateZ(0);
    -webkit-tap-highlight-color:transparent;
  }
  .grid.brand-view .card.brand-tile:hover{
    border-color:rgba(127,176,255,.58);
    transform:translateY(-2px);
    box-shadow:0 20px 36px -23px rgba(0,0,0,.92), 0 0 0 1px rgba(61,127,255,.12);
  }
  .grid.brand-view .card.brand-tile:active{
    transform:scale(.975);
  }
  .grid.brand-view .card.brand-tile:focus-visible{
    outline:3px solid var(--mint);
    outline-offset:3px;
  }
  .brand-tile-stage{
    position:relative;
    width:100%;
    min-height:0;
    flex:1 1 auto;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    padding:17%;
    background:var(--brand-tile-bg,linear-gradient(145deg,#18345d,#0d1b31));
  }
  .brand-tile.has-affiliate .brand-tile-stage{
    padding:14% 18%;
  }
  /* A nova PNS está recortada rente; este respiro iguala a escala visual das
     letras aos demais wordmarks sem devolver a antiga borda exagerada. */
  .brand-tile[data-station="PNS Novo Som"] .brand-tile-stage{
    padding:15%;
  }
  /* Box Radio usa artes de marca completas, não pequenos avatares. Elas
     ocupam toda a área do bloco e recebem o mesmo brilho/gradiente do sistema. */
  .brand-tile.box-radio-tile.has-cover-art .brand-tile-stage{
    padding:0;
  }
  .brand-tile-logo.brand-tile-logo-cover{
    position:absolute;
    inset:0;
    z-index:1;
    width:100%;
    height:100%;
    max-width:none;
    max-height:none;
    object-fit:cover;
    object-position:center;
    filter:saturate(.94) contrast(1.02);
  }
  .brand-tile.box-radio-tile.has-cover-art .brand-tile-stage::before{
    z-index:2;
    background:
      radial-gradient(90% 72% at 12% 0%,rgba(255,255,255,.18),transparent 55%),
      linear-gradient(145deg,rgba(255,255,255,.06),transparent 43%,rgba(4,13,31,.24));
  }
  .brand-tile.box-radio-tile.has-cover-art .brand-tile-stage::after{
    z-index:3;
  }
  .brand-tile.box-radio-tile .brand-tile-state{
    z-index:4;
  }
  .brand-tile.box-radio-tile.has-cover-art:hover .brand-tile-logo-cover{
    filter:saturate(1.02) contrast(1.04);
  }
  /* A arte da Afrofusion é horizontal. "contain" preserva os dois nomes sem
     cortar as laterais; o gradiente verde completa o espaço restante. */
  .brand-tile[data-station="Afrofusion Naija"].has-cover-art .brand-tile-logo-cover{
    object-fit:contain;
  }
  .brand-tile-stage::before{
    content:'';
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
      radial-gradient(90% 75% at 15% 5%,rgba(255,255,255,.20),transparent 54%),
      linear-gradient(150deg,rgba(255,255,255,.07),transparent 42%,rgba(3,13,29,.11));
  }
  .brand-tile-stage::after{
    content:'';
    position:absolute;
    inset:auto 12% 0;
    height:1px;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.26),transparent);
  }
  .brand-tile-logo{
    position:relative;
    z-index:1;
    display:block;
    width:100%;
    height:100%;
    max-width:100%;
    max-height:100%;
    object-fit:contain;
    filter:drop-shadow(0 7px 12px rgba(5,18,39,.22));
    transition:transform .22s ease,filter .22s ease;
  }
  .brand-tile:hover .brand-tile-logo{
    transform:scale(1.035);
    filter:drop-shadow(0 9px 15px rgba(5,18,39,.28));
  }
  .brand-tile-fallback{
    position:relative;
    z-index:1;
    font-family:'Plus Jakarta Sans',sans-serif;
    font-size:clamp(22px,8vw,38px);
    line-height:1;
    font-weight:800;
    color:#fff;
    text-align:center;
  }
  .brand-tile-affiliate{
    min-height:42px;
    flex:0 0 42px;
    padding:6px 9px 7px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    background:linear-gradient(100deg,#36cae7 0%,#55e4d1 52%,#5fffc0 100%);
    color:#082a47;
    font-family:'Reddit Sans Condensed','Arial Narrow',sans-serif;
    font-size:clamp(17px,5vw,21px);
    font-weight:600;
    line-height:1;
    letter-spacing:-.35px;
    white-space:nowrap;
    text-overflow:ellipsis;
  }
  .brand-tile-state{
    position:absolute;
    z-index:2;
    top:10px;
    right:10px;
    width:28px;
    height:28px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    background:rgba(6,18,38,.72);
    border:1px solid rgba(255,255,255,.18);
    backdrop-filter:blur(5px);
  }
  .brand-tile-state svg{
    width:14px;
    height:14px;
    fill:currentColor;
  }
  .brand-tile-state.live{
    color:#06263f;
    background:var(--mint);
    border-color:rgba(95,255,192,.8);
    box-shadow:0 0 0 4px rgba(95,255,192,.14);
  }
  .grid.brand-view .card.brand-tile.active{
    border-color:var(--mint);
    box-shadow:0 18px 38px -22px rgba(0,0,0,.9),0 0 0 3px rgba(95,255,192,.12);
  }
  .grid.brand-view .card.brand-tile.disabled,
  .grid.brand-view .card.brand-tile.geo-blocked{
    opacity:.48;
    cursor:not-allowed;
    filter:saturate(.42);
  }
  .grid.brand-view .card.brand-tile.disabled:hover,
  .grid.brand-view .card.brand-tile.geo-blocked:hover{
    transform:none;
    border-color:rgba(132,166,218,.22);
    box-shadow:0 15px 32px -24px rgba(0,0,0,.85);
  }
  @media(min-width:560px){
    .grid.brand-view{
      grid-template-columns:repeat(auto-fill,minmax(158px,1fr));
      gap:18px;
    }
  }
  @media(min-width:920px){
    .grid.brand-view{
      grid-template-columns:repeat(auto-fill,minmax(176px,1fr));
      gap:20px;
    }
  }
  @media(max-width:350px){
    .grid.brand-view{gap:11px;}
    .grid.brand-view .card.brand-tile{border-radius:18px;}
    .brand-tile-affiliate{min-height:39px;flex-basis:39px;font-size:16px;}
  }
  @media(prefers-reduced-motion:reduce){
    .grid.brand-view .card.brand-tile,
    .brand-tile-logo{transition:none;}
  }

  .grid.list-view{
    display:flex;
    flex-direction:column;
    gap:0;
    background:none;
    border:none;
    border-radius:0;
    border-top:1px solid var(--line);
  }
  .list-view .card{
    display:flex;
    align-items:center;
    gap:14px;
    padding:16px 4px;
    background:none;
    border:none;
    border-bottom:1px solid var(--line);
    border-radius:0;
    box-shadow:none;
  }
  .list-view .card:last-child{border-bottom:1px solid var(--line);}
  .list-view .card:active{background:rgba(255,255,255,.03);}
  .list-view .card.active{background:none;}
  .list-view .card:hover{
    transform:none;
    box-shadow:none;
    border-color:transparent;
    border-bottom-color:var(--line);
    background:rgba(255,255,255,.02);
  }
  .list-view .card.active .card-prog-name,
  .list-view .card.active .card-brand-name{color:var(--blue);}
  .list-view .card.active .card-brand-city{color:var(--blue);}
  .list-view .card-hero{
    width:58px;height:58px;
    aspect-ratio:1/1;
    flex:0 0 auto;
    border-radius:var(--r-sm);
    overflow:hidden;
  }
  .list-view .card-hero-badge{display:none;}
  .list-view .card-hero-name{display:none;}
  .list-view .card-hero-overlay{display:none;}
  .list-view .card-body{
    flex:1;
    padding:0;
    min-width:0;
    /* Texto à esquerda, ações encostadas na direita — é isso que impede o
       botão de play de ficar "jogado no meio" da linha. */
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
  }
  .list-view .card-text{
    min-width:0;
    flex:1;
  }
  .list-view .card-tag{display:none;}
  .list-view .card-src-row{display:none;}
  .list-view .card-ext{display:none;}
  .list-view .card-nostream{display:none;}
  .card-brand-row{
    display:flex;
    align-items:center;
    gap:8px;
    margin-bottom:7px;
    min-width:0;
  }
  .card-brand-logo{
    height:13px;
    width:auto;
    flex:0 0 auto;
    opacity:.92;
  }
  /* Plaquinha clara pras marcas de logo escuro (SLAM) */
  .card-brand-plate{
    display:inline-flex;
    align-items:center;
    padding:6px 11px;
    border-radius:6px;
    max-width:100%;
  }
  .rg-brand-plate{
    display:inline-flex;
    align-items:center;
    padding:6px 12px;
    border-radius:6px;
  }
  .rg-brand-plate img{height:20px !important; width:auto;}
  .rg-picker-item .rg-brand-plate img{height:16px !important;}
  /* Logotipos da Rede Preset — maiores, já que substituem o nome da rádio */
  /* Logotipos da Rede Preset — eles SUBSTITUEM o nome da rádio, então precisam
     ter a mesma presença visual que um título teria.
     ATENÇÃO: usam !important porque as regras do logo PEQUENO da Rádio Mais
     (que acompanha o nome da cidade) atingiam esse aqui também e o encolhiam. */
  .card-brand-logo-lg{
    height:38px !important;
    opacity:1;
    max-width:100%;
    object-fit:contain;
    object-position:left center;
  }
  .list-view .card-brand-logo-lg{height:32px !important;}
  .large-view .card-brand-logo-lg{height:46px !important;}
  .card-brand-city{
    font-family:'Plus Jakarta Sans',sans-serif;
    font-size:14px;
    font-weight:600;
    color:var(--ink-soft);
  }
  .card-brand-name{
    font-family:'Plus Jakarta Sans',sans-serif;
    font-size:15px;
    font-weight:700;
    color:var(--ink);
    margin-bottom:5px;
  }
  .card-prog-name{
    font-family:'Plus Jakarta Sans',sans-serif;
    font-size:15px;
    font-weight:500;
    color:var(--ink);
    margin-bottom:4px;
    line-height:1.3;
  }
  /* Na visão de lista, o layout fica horizontal como o "Alle kanaler" do NRK */
  .list-view .card-brand-row{margin-bottom:3px;}
  .list-view .card-brand-logo:not(.card-brand-logo-lg){height:10px;}
  .list-view .card-brand-city{font-size:13px;}
  .list-view .card-brand-name{font-size:14.5px; margin-bottom:0; color:var(--ink);}
  .list-view .card-prog-name{font-size:14.5px; margin-bottom:0; color:var(--ink); font-weight:500;}
  .card-name-inline{display:none;}
  .list-view .card-name-inline{
    display:block;
    font-family:'Plus Jakarta Sans',sans-serif;
    font-size:14px;
    font-weight:600;
    color:var(--ink);
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  /* Na LISTA: a linha de ações vira só o botão de play, encostado na direita.
     Antes o botão ficava "jogado no meio" porque o .card-actions não tinha
     regra nenhuma pra esse modo e o layout se perdia. */
  .list-view .card-actions{
    margin-top:0;
    margin-left:auto;
    flex:0 0 auto;
    gap:6px;
    flex-wrap:nowrap;
  }
  .list-view .card-play-row{
    margin:0;
    padding:0;
  }
  .list-view .card-play-text{display:none;}   /* só o ícone, sem o texto */
  /* "Ouvir do início" volta na lista, mas em versão compacta: só o ícone
     redondo, sem o texto (que não caberia numa linha estreita). */
  .list-view .card-pill{
    display:inline-flex;
    width:34px;height:34px;
    padding:0;
    justify-content:center;
    border-radius:50%;
    margin-left:0;
    font-size:0;      /* esconde o texto, mantém o ícone */
  }
  .list-view .card-pill svg{width:15px;height:15px;}
  .list-view .card-dots{width:34px;height:34px;}
  .list-view .card-play{width:38px;height:38px;}
  .list-view .card-play svg{width:15px;height:15px;}
  .card{
    background:var(--card);
    border:1.5px solid var(--line);
    border-radius:14px;
    overflow:hidden;
    cursor:pointer;
    position:relative;
    transition:border-color .18s ease, transform .18s ease, box-shadow .18s ease;
    box-shadow:0 10px 24px -18px rgba(0,0,0,.4);
  }
  .card:hover{
    border-color:#3a4d70;
    transform:translateY(-2px);
    box-shadow:0 16px 32px -18px rgba(0,0,0,.55);
  }
  .card:active{transform:scale(.98);}
  .card.active{border-color:var(--blue);}
  .card.active .card-body{background:linear-gradient(180deg, rgba(61,127,255,.14), rgba(61,127,255,.03));}
  .card.disabled{opacity:.55;}
  .card.group-radiomais{border-left-color:var(--blue);}
  .card.group-redepreset{border-left-color:var(--teal);}
  .card.group-especiais{border-left-color:var(--yellow);}
  .card.group-internacional{border-left-color:var(--coral);}
  .card.group-boxradio{border-left-color:var(--purple);}

  .card-hero{
    position:relative;
    width:100%;
    aspect-ratio:1.35 / 1;
    background:linear-gradient(135deg,var(--card-2),var(--paper));
    overflow:hidden;
  }
  .card-hero-img{width:100%;height:100%;object-fit:cover;display:block;}
  .card-hero-img.card-hero-img-contain{
    object-fit:contain;
    object-position:center;
    background:var(--program-cover-bg,#102848);
  }
  .card-hero-fallback{
    width:100%;height:100%;
    display:flex;align-items:center;justify-content:center;
    font-family:'Plus Jakarta Sans',sans-serif;
    font-weight:700;
    font-size:30px;
    color:rgba(255,255,255,.5);
  }
  .card-hero-brand{
    width:100%;height:100%;
    display:flex;align-items:center;justify-content:center;
    background:linear-gradient(150deg,var(--blue),#1B4FA8 90%);
    padding:20%;
  }
  .card-hero-mark{
    width:100%;height:100%;
    object-fit:contain;
  }
  .card-hero-overlay{
    position:absolute;inset:0;
    background:linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(0,0,0,.72) 100%);
  }
  .card-hero-badge{
    position:absolute;
    top:10px;right:10px;
    background:rgba(10,20,36,.75);
    backdrop-filter:blur(2px);
  }
  .card-hero-name{
    position:absolute;
    left:12px;bottom:10px;right:12px;
    font-family:'Plus Jakarta Sans',sans-serif;
    font-weight:700;
    font-size:15px;
    line-height:1.2;
    color:#fff;
    text-shadow:0 2px 8px rgba(0,0,0,.6);
  }
  @media(min-width:700px){ .card-hero-name{font-size:18px;} }

  .card-body{padding:13px;}
  @media(min-width:700px){ .card-body{padding:16px;} }
  .badge{
    font-family:'Plus Jakarta Sans',sans-serif;
    font-size:9.5px;
    letter-spacing:.5px;
    padding:4px 8px;
    border-radius:999px;
    color:var(--purple-2);
    border:1.5px solid rgba(156,134,255,.35);
    background:rgba(156,134,255,.12);
  }
  .badge.dab{color:#FFC876;border-color:rgba(255,200,118,.35);background:rgba(255,200,118,.12);}
  .badge.fm{color:var(--teal);border-color:rgba(33,210,176,.35);background:rgba(33,210,176,.12);}
  .card-tag{
    font-size:11px;
    color:var(--ink-soft);
    line-height:1.3;
    min-height:16px;
    font-weight:500;
    margin-bottom:2px;
  }
  @media(min-width:700px){ .card-tag{font-size:12px;} }
  .card-play{
    width:34px;height:34px;
    border-radius:50%;
    background:var(--red);
    box-shadow:0 6px 14px -6px rgba(255,71,71,.6);
    display:flex;align-items:center;justify-content:center;
    flex:0 0 auto;
  }
  .card-play svg{width:14px;height:14px;fill:#fff;}
  .card.active .card-play{background:var(--blue);box-shadow:0 6px 14px -6px rgba(61,127,255,.6);}
  .card.active .card-play svg{fill:#fff;}
  .card-nostream{
    font-size:9.5px;
    color:var(--ink-soft);
    margin-top:6px;
    font-weight:600;
  }
  .card-src-row{
    display:flex;
    flex-wrap:wrap;
    gap:5px;
    margin-top:8px;
  }
  .card-src-pill{
    font-family:'Work Sans',sans-serif;
    font-size:9.5px;
    font-weight:700;
    padding:4px 9px;
    border-radius:999px;
    border:1.5px solid var(--line);
    background:var(--paper);
    color:var(--ink-soft);
    cursor:pointer;
  }
  .card-src-pill.active{
    background:var(--red);
    border-color:var(--red);
    color:#fff;
  }
  .card-ext{
    display:inline-block;
    font-size:9.5px;
    font-weight:700;
    color:var(--purple-2);
    text-decoration:none;
    margin-top:6px;
    border-bottom:1px dotted var(--purple-2);
  }
  .card-ext:hover{opacity:.7;}

  section.group{margin-bottom:24px;}
  .group h2{
    font-family:'Plus Jakarta Sans',sans-serif;
    font-size:13px;
    letter-spacing:.5px;
    color:var(--ink);
    margin:0 0 10px 2px;
    font-weight:600;
  }

  footer{
    max-width:var(--maxw);
    margin:10px auto 0;
    padding:16px 18px 30px;
    color:var(--ink-soft);
    font-size:11px;
    line-height:1.6;
    border-top:1.5px solid var(--line);
  }

  @media(max-width:420px){
    .hero-station{font-size:22px;}
  }

/* 24.10.22 — capa 16:9 da retransmissão, sem quadro vazio. */
.rg-prog-img.rg-prog-brand-v241022{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:13px 17px;background:linear-gradient(135deg,#092b52 0%,#155795 52%,#3d7fff 100%)}
.rg-prog-brand-v241022::after{content:'';position:absolute;inset:-35%;pointer-events:none;background:radial-gradient(circle,rgba(255,255,255,.20),transparent 56%);opacity:.28;animation:kwiiGuideBrandGlowV241022 3.6s ease-in-out infinite}
.rg-prog-brand-v241022 img{position:relative;z-index:1;display:block;width:78%;max-width:190px;max-height:68%;object-fit:contain;filter:drop-shadow(0 5px 10px rgba(3,18,39,.32));animation:kwiiGuideBrandBreatheV241022 3.6s ease-in-out infinite}
@keyframes kwiiGuideBrandBreatheV241022{0%,100%{transform:scale(1)}50%{transform:scale(1.025)}}
@keyframes kwiiGuideBrandGlowV241022{0%,100%{opacity:.22;transform:scale(.94)}50%{opacity:.38;transform:scale(1.04)}}
@media(prefers-reduced-motion:reduce){.rg-prog-brand-v241022::after,.rg-prog-brand-v241022 img{animation:none!important;transform:none!important}}

/* 24.10.29 — seletor de fontes alinhado ao RadioGuide e às fichas compactas. */
.source-row,
.station-hero-sources{
  width:100%;
  max-width:520px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
  margin:2px 0 18px;
  padding:10px;
  border:0;
  border-radius:16px;
  background:rgba(6,19,37,.38);
  box-shadow:none;
  text-align:left;
}
.station-hero-sources{max-width:420px;margin:0 0 22px;}
.source-row:empty,
.station-hero-sources:empty{display:none;}
.source-row::before,
.station-hero-sources::before{
  content:'FONTES DE ÁUDIO';
  grid-column:1/-1;
  display:block;
  padding:1px 4px 5px;
  color:#AEBBD0;
  font-family:'Reddit Sans',sans-serif;
  font-size:8.5px;
  font-weight:750;
  letter-spacing:1.35px;
  line-height:1;
}
.src-pill,
.station-hero-sources .src-pill{
  position:relative;
  min-width:0;
  min-height:54px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:9px;
  margin:0;
  padding:9px 34px 9px 11px;
  border:0;
  border-radius:12px;
  background:rgba(22,38,63,.72);
  color:var(--ink-soft);
  box-shadow:none;
  font-family:'Reddit Sans',sans-serif;
  font-size:10.5px;
  font-weight:750;
  line-height:1.25;
  text-align:left;
  overflow-wrap:anywhere;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
  transition:background .16s ease,color .16s ease,transform .12s ease,box-shadow .16s ease;
}
.src-pill::before{
  display:none;
}
.src-pill::after{
  content:'';
  position:absolute;
  right:10px;
  top:50%;
  width:18px;
  height:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:0;
  border-radius:50%;
  background:rgba(147,163,196,.12);
  color:var(--purple-deep);
  font-size:11px;
  line-height:1;
  transform:translateY(-50%);
}
.src-pill.active,
.station-hero-sources .src-pill.active{
  background:linear-gradient(135deg,rgba(61,127,255,.36),rgba(28,46,74,.94));
  color:#fff;
  box-shadow:inset 3px 0 0 var(--blue),0 9px 22px -18px rgba(61,127,255,.95);
}
.src-pill.active::after{
  content:'✓';
  border-color:var(--mint);
  background:var(--mint);
  color:var(--mint-ink);
  font-weight:900;
}
.src-pill-icon{
  width:28px;
  height:28px;
  flex:0 0 28px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:rgba(147,163,196,.10);
  color:#93A3C4;
}
.src-pill-icon svg{width:15px;height:15px;fill:currentColor;}
.src-pill.active .src-pill-icon{
  background:rgba(95,255,192,.13);
  color:var(--mint);
}
.src-pill-copy{min-width:0;display:flex;flex-direction:column;gap:1px;}
.src-pill-main{display:block;color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.src-pill-sub{
  display:block;
  color:#8293B2;
  font-size:8px;
  font-weight:650;
  letter-spacing:.15px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.src-pill.active .src-pill-sub{color:#B8C8E1;}
.replay-queue-technical{
  opacity:.76;
  cursor:default;
}
.replay-queue-technical .rqi-cover-empty{
  color:#8293B2;
  background:rgba(130,147,178,.10);
}
.rqi-kind{
  display:block;
  margin-top:3px;
  color:#8293B2;
  font-family:'Reddit Sans',sans-serif;
  font-size:9px;
  font-weight:650;
  letter-spacing:.25px;
}
.src-pill:active{transform:scale(.975);}
.src-pill:focus-visible{
  outline:2px solid var(--yellow);
  outline-offset:2px;
}
@media(hover:hover){
  .src-pill:not(.active):hover{
    border-color:rgba(147,163,196,.48);
    background:rgba(28,46,74,.96);
    color:#fff;
  }
}

/* A mesma linguagem nos cartões, numa escala menor para não alargar a grade. */
.card-src-row{
  width:100%;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:6px;
  margin-top:9px;
}
.card-src-pill{
  position:relative;
  min-width:0;
  min-height:31px;
  margin:0;
  padding:6px 22px 6px 19px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--paper);
  color:var(--ink-soft);
  font-family:'Work Sans',sans-serif;
  font-size:9px;
  font-weight:700;
  line-height:1.2;
  text-align:left;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}
.card-src-pill::before{
  content:'';
  position:absolute;
  left:8px;
  top:50%;
  width:5px;
  height:5px;
  border-radius:50%;
  background:#60708e;
  transform:translateY(-50%);
}
.card-src-pill::after{
  content:'';
  position:absolute;
  right:7px;
  top:50%;
  width:8px;
  height:8px;
  border:1px solid rgba(147,163,196,.26);
  border-radius:3px;
  transform:translateY(-50%);
}
.card-src-pill.active{
  border-color:rgba(61,127,255,.76);
  background:rgba(61,127,255,.15);
  color:var(--ink);
  box-shadow:inset 2px 0 0 var(--blue);
}
.card-src-pill.active::before{background:var(--mint);box-shadow:0 0 7px rgba(95,255,192,.7);}
.card-src-pill.active::after{border-color:var(--mint);background:var(--mint);}
.card-src-pill:focus-visible{outline:2px solid var(--yellow);outline-offset:2px;}
@media(max-width:340px){
  .source-row,.station-hero-sources{gap:6px;padding:10px;}
  .src-pill,.station-hero-sources .src-pill{min-height:46px;padding:8px 30px 8px 25px;font-size:9.5px;}
  .src-pill::before{left:10px;}
  .src-pill::after{right:7px;width:16px;height:16px;border-radius:5px;}
}
@media(prefers-reduced-motion:reduce){.src-pill{transition:none!important;}}

/* 24.10.29 — todas as grades reservam os mesmos três espaços de ação:
   ao vivo, início do programa e menu. A reserva invisível não habilita DVR;
   ela apenas impede que NRG e estações indisponíveis desloquem os botões. */
.card-pill-placeholder{
  visibility:hidden!important;
  pointer-events:none!important;
  user-select:none;
}
.card-actions > .card-play-row + .card-dots{margin-left:auto;}
.card-actions > .card-pill + .card-dots{margin-left:0;}

/* Lista: largura fixa equivalente a 38 + 34 + 34 px e dois intervalos. */
.list-view .card-actions{
  width:118px;
  display:grid;
  grid-template-columns:38px 34px 34px;
  align-items:center;
  gap:6px;
}
.list-view .card-actions [data-act="play"]{grid-column:1;}
.list-view .card-actions .card-pill{grid-column:2;margin:0;}
.list-view .card-actions [data-act="menu"]{grid-column:3;margin:0;}

/* Blocos grandes: colunas explícitas evitam que a ausência de DVR faça o
   menu ocupar o lugar do botão de Replay ou empurre o play para outra linha. */
.large-view .card-actions{
  width:100%;
  display:grid;
  grid-template-columns:minmax(0,1fr) 34px 34px;
  align-items:center;
  gap:6px;
  flex-wrap:nowrap;
}
.large-view .card-actions [data-act="play"]{
  grid-column:1;
  min-width:0;
  overflow:hidden;
}
.large-view .card-play-text{
  min-width:0;
  white-space:normal;
  line-height:1.12;
  text-align:left;
}
.large-view .card-actions .card-pill{
  grid-column:2;
  width:34px;
  height:34px;
  margin:0;
  padding:0;
  justify-content:center;
  border-radius:50%;
  font-size:0;
}
.large-view .card-actions .card-pill svg{width:15px;height:15px;}
.large-view .card-actions [data-act="menu"]{
  grid-column:3;
  width:34px;
  height:34px;
  margin:0;
}
@media(min-width:700px){
  .large-view .card-actions{grid-template-columns:minmax(0,1fr) auto 34px;}
  .large-view .card-actions .card-pill{
    width:auto;
    min-width:112px;
    padding:7px 12px;
    border-radius:999px;
    font-size:11px;
  }
}

/* Source block: kwii-site-header-brand-v241024 */
:root{
    --kwii-cyan:#1AD4FF;
    --kwii-navy:#001A44;
  }
  .topbar{
    background:var(--kwii-cyan)!important;
    border-bottom:1px solid rgba(0,26,68,.22)!important;
    box-shadow:0 8px 24px rgba(0,26,68,.14);
  }
  .topbar-inner{min-height:68px;}
  .brand-mark{gap:0;}
  .brand-mark .m-badge{display:none!important;}
  .brand-mark .brand-text{
    color:var(--kwii-navy)!important;
    font-family:'Reddit Sans',sans-serif!important;
    font-size:clamp(22px,3.6vw,30px)!important;
    font-weight:900!important;
    font-variation-settings:'wght' 900;
    letter-spacing:-1.15px!important;
    line-height:.94!important;
    text-transform:lowercase;
  }
  .brand-mark .brand-text small{
    color:rgba(0,26,68,.72)!important;
    font-family:'Reddit Sans',sans-serif!important;
    font-size:9px!important;
    font-weight:700!important;
    letter-spacing:1.25px!important;
    line-height:1.2;
    margin-top:5px!important;
  }
  .topbar .circle-btn{
    background:var(--kwii-navy)!important;
    color:var(--kwii-cyan)!important;
    box-shadow:0 7px 16px -7px rgba(0,26,68,.72)!important;
  }
  .topbar .circle-btn svg{fill:var(--kwii-cyan)!important;}
  @media(max-width:420px){
    .topbar-inner{padding:12px 14px!important;}
    .brand-mark .brand-text{font-size:23px!important;letter-spacing:-.8px!important;}
    .brand-mark .brand-text small{font-size:7.8px!important;letter-spacing:.85px!important;}
    .top-actions{gap:6px;}
    .topbar .circle-btn{width:36px;height:36px;}
  }

/* Source block: kwii-mobile-player-controls-v241031 */
/* Correção final declarada DEPOIS das regras gerais: garante que o sexto
     comando do cinema e o quinto comando da barra inferior permaneçam dentro
     da largura útil mesmo nas WebViews Android mais estreitas. */
  @media(max-width:640px){
    .mini-volume-wrap{display:none!important;}
    .mini-player .mini-right{
      display:grid!important;
      grid-template-columns:minmax(0,1.4fr) repeat(4,minmax(0,1fr))!important;
      align-items:center;
      justify-items:center;
      width:min(100%,292px);
      justify-self:center;
      gap:2px!important;
    }
    .mini-player .mini-right .mini-live{
      width:100%;
      min-width:0;
      margin-right:0!important;
      padding:8px 2px;
      justify-content:center;
    }
    .mini-player .mini-right .mini-icon-btn{
      width:40px;
      height:40px;
      justify-self:center;
    }
    html.simple-player .mini-player .mini-right{
      grid-template-columns:repeat(5,minmax(0,1fr))!important;
      width:100%;
      gap:0!important;
    }

    .cinema-modal .cinema-controls-row{
      display:grid!important;
      grid-template-columns:repeat(6,minmax(0,1fr))!important;
      justify-items:center;
      align-items:center;
      width:100%;
      gap:5px 2px!important;
    }
    .cinema-modal #cinemaSkipBack{grid-column:1;grid-row:1;}
    .cinema-modal #cinemaPlayBtn{grid-column:2;grid-row:1;}
    .cinema-modal #cinemaSkipFwd{grid-column:3;grid-row:1;}
    .cinema-modal #cinemaStationsBtn{grid-column:4;grid-row:1;}
    .cinema-modal #cinemaQueueBtn{grid-column:5;grid-row:1;}
    .cinema-modal #cinemaCollapseBtn{
      grid-column:6;
      grid-row:1;
      display:flex!important;
      visibility:visible!important;
      opacity:1!important;
      justify-self:center;
    }
    .cinema-modal #cinemaLiveBtn{
      grid-column:1 / -1;
      grid-row:2;
      justify-self:center;
    }
  }
  @media(max-width:360px){
    .mini-player .mini-right .mini-icon-btn{width:38px;height:38px;}
    .cinema-modal .cinema-controls-row{gap:4px 0!important;}
    .cinema-modal .cinema-controls-row .mini-skip,
    .cinema-modal .cinema-controls-row .mini-icon-btn{width:36px;height:36px;}
    .cinema-modal .cinema-controls-row .mini-play{width:42px;height:42px;}
  }

  /* ---------- Clima SLAM! Suriname · desktop ---------- */
  .sr-weather-fx{
    position:fixed;
    inset:0;
    z-index:18;
    pointer-events:none;
    opacity:0;
    overflow:hidden;
    transition:opacity .65s ease;
    contain:strict;
    transform:translateZ(0);
    will-change:opacity;
  }
  .sr-weather-fx.active{opacity:1;}
  .sr-weather-fx::before,
  .sr-weather-fx::after{
    content:"";
    position:absolute;
    inset:-12%;
    opacity:0;
    transition:opacity .65s ease;
    backface-visibility:hidden;
    transform:translateZ(0);
    will-change:transform,opacity;
  }
  /* No Cinema o efeito global não pode ficar por cima da capa ou do texto.
     Ele é substituído por uma camada interna, atrás do conteúdo do player. */
  html.sr-weather-cinema .sr-weather-fx{z-index:18;opacity:0;}
  .cinema-modal{isolation:isolate;}
  .cinema-weather-layer{
    position:absolute;
    inset:0;
    z-index:0;
    overflow:hidden;
    pointer-events:none;
    opacity:0;
    transition:opacity .55s ease;
    contain:paint;
    transform:translateZ(0);
    will-change:opacity;
  }
  .cinema-weather-layer::before,
  .cinema-weather-layer::after{
    content:"";
    position:absolute;
    inset:-12%;
    opacity:0;
    transition:opacity .55s ease;
    backface-visibility:hidden;
    transform:translateZ(0);
    will-change:transform,opacity;
  }
  html.sr-weather-cinema .cinema-weather-layer{opacity:1;}
  html.sr-weather-cinema .cinema-hint,
  html.sr-weather-cinema .cinema-body,
  html.sr-weather-cinema .cinema-bottombar{
    position:relative;
    z-index:2;
  }
  html.sr-weather-cinema.sr-weather-sun .cinema-weather-layer::before{
    opacity:.58;
    background:
      radial-gradient(circle at 82% 12%,rgba(255,224,118,.38) 0 7%,rgba(255,195,72,.14) 14%,transparent 36%),
      linear-gradient(135deg,rgba(23,135,255,.07),rgba(255,198,67,.07));
    transform-origin:82% 12%;
    animation:srWeatherSunBreath 9s ease-in-out infinite alternate;
  }
  html.sr-weather-cinema.sr-weather-night .cinema-weather-layer::before{
    opacity:.62;
    background:
      radial-gradient(circle at 14% 18%,rgba(255,255,255,.58) 0 1px,transparent 2px),
      radial-gradient(circle at 33% 9%,rgba(255,255,255,.38) 0 1px,transparent 2px),
      radial-gradient(circle at 62% 15%,rgba(255,255,255,.45) 0 1px,transparent 2px),
      radial-gradient(circle at 86% 28%,rgba(255,255,255,.5) 0 1px,transparent 2px),
      linear-gradient(180deg,rgba(3,8,31,.28),rgba(8,26,59,.12));
    background-size:180px 180px,230px 230px,260px 260px,310px 310px,auto;
    animation:srWeatherNightDrift 28s ease-in-out infinite alternate;
  }
  html.sr-weather-cinema.sr-weather-cloud .cinema-weather-layer::before{
    opacity:.36;
    background:
      radial-gradient(ellipse at 20% 18%,rgba(207,225,245,.2),transparent 34%),
      radial-gradient(ellipse at 80% 12%,rgba(196,218,241,.15),transparent 38%);
    animation:srWeatherCloudDrift 18s ease-in-out infinite alternate;
  }
  html.sr-weather-cinema.sr-weather-rain .cinema-weather-layer::before{
    opacity:.34;
    background:linear-gradient(180deg,rgba(2,13,39,.22),rgba(13,52,87,.08));
  }
  html.sr-weather-cinema.sr-weather-rain .cinema-weather-layer::after{
    opacity:0;
    animation:none;
  }
  html.sr-weather-cinema .cinema-weather-layer .sr-night-streaks{z-index:1;}

  /* Capa e textos permanecem acima do clima, porém sem cartão, borda ou
     moldura. O efeito atmosférico existe somente no fundo do Cinema. */
  html.sr-weather-cinema .cinema-art-wrap{
    padding:0;
    border:0;
    background:transparent;
    box-shadow:none;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
    isolation:isolate;
  }
  html.sr-weather-cinema .cinema-art-wrap > .cinema-art{
    position:relative;
    z-index:2;
  }
  html.sr-weather-cinema .cinema-info{
    box-sizing:border-box;
    max-width:420px;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
  }
  html.sr-weather-cinema.sr-weather-night .cinema-modal.show{
    background:
      radial-gradient(circle at 78% 15%,rgba(52,94,162,.2),transparent 31%),
      linear-gradient(180deg,#030b20 0%,#071733 50%,#0a1f3b 100%);
  }
  html.sr-weather-cinema.sr-weather-rain .cinema-modal.show{
    background:
      radial-gradient(circle at 18% 10%,rgba(77,129,168,.18),transparent 34%),
      linear-gradient(180deg,#071425 0%,#0b2037 50%,#102d46 100%);
  }
  html.sr-weather-cinema.sr-weather-sun .cinema-modal.show{
    background:
      radial-gradient(circle at 84% 8%,rgba(255,208,105,.2),transparent 32%),
      linear-gradient(180deg,#0a2448 0%,#123b65 54%,#123a59 100%);
  }
  html.sr-weather-cinema.sr-weather-cloud .cinema-modal.show{
    background:
      radial-gradient(circle at 18% 8%,rgba(181,215,239,.14),transparent 34%),
      linear-gradient(180deg,#09182b 0%,#112a42 55%,#17364e 100%);
  }
  html.sr-weather-sun .sr-weather-fx::before{
    opacity:.62;
    background:
      radial-gradient(circle at 82% 12%,rgba(255,224,118,.42) 0 7%,rgba(255,195,72,.16) 14%,transparent 36%),
      linear-gradient(135deg,rgba(23,135,255,.08),rgba(255,198,67,.08));
    transform-origin:82% 12%;
    animation:srWeatherSunBreath 9s ease-in-out infinite alternate;
  }
  @keyframes srWeatherSunBreath{
    from{transform:translate3d(-.8%,.4%,0) scale(1);}
    to{transform:translate3d(1.2%,-.7%,0) scale(1.035);}
  }
  html.sr-weather-night .sr-weather-fx::before{
    opacity:.8;
    background:
      radial-gradient(circle at 14% 18%,rgba(255,255,255,.72) 0 1px,transparent 2px),
      radial-gradient(circle at 33% 9%,rgba(255,255,255,.48) 0 1px,transparent 2px),
      radial-gradient(circle at 62% 15%,rgba(255,255,255,.58) 0 1px,transparent 2px),
      radial-gradient(circle at 86% 28%,rgba(255,255,255,.62) 0 1px,transparent 2px),
      linear-gradient(180deg,rgba(3,8,31,.5),rgba(8,26,59,.18));
    background-size:180px 180px,230px 230px,260px 260px,310px 310px,auto;
    animation:srWeatherNightDrift 28s ease-in-out infinite alternate;
  }
  @keyframes srWeatherNightDrift{
    from{transform:translate3d(-1.2%,-.4%,0) scale(1.01);}
    to{transform:translate3d(1.2%,.7%,0) scale(1.025);}
  }
  .sr-night-streaks{
    position:absolute;
    inset:0;
    opacity:0;
    overflow:hidden;
    transition:opacity .6s ease;
  }
  html.sr-weather-night .sr-night-streaks{opacity:.78;}
  .sr-night-streaks i{
    --streak-length:clamp(72px,8vw,138px);
    position:absolute;
    top:var(--streak-top);
    left:var(--streak-left);
    display:block;
    width:var(--streak-length);
    height:1px;
    border-radius:999px;
    /* Cabeça luminosa à esquerda e cauda apagando à direita: o risco agora
       atravessa o céu do canto superior direito para o inferior esquerdo. */
    background:linear-gradient(90deg,rgba(246,252,255,.92),rgba(220,242,255,.2) 38%,transparent);
    box-shadow:0 0 7px rgba(170,221,255,.24);
    opacity:0;
    transform:translate3d(30vw,-15vh,0) rotate(-19deg);
    animation:srNightStreak var(--streak-duration) cubic-bezier(.3,.05,.65,.95) var(--streak-delay) infinite;
    backface-visibility:hidden;
    will-change:transform,opacity;
  }
  .sr-night-streaks i:nth-child(1){--streak-top:14%;--streak-left:18%;--streak-duration:7.8s;--streak-delay:-1.2s;}
  .sr-night-streaks i:nth-child(2){--streak-top:30%;--streak-left:62%;--streak-duration:10.6s;--streak-delay:-6.1s;}
  .sr-night-streaks i:nth-child(3){--streak-top:8%;--streak-left:82%;--streak-duration:12.4s;--streak-delay:-3.7s;}
  .sr-night-streaks i:nth-child(4){--streak-top:51%;--streak-left:35%;--streak-duration:11.2s;--streak-delay:-8.4s;}
  .sr-night-streaks i:nth-child(5){--streak-top:22%;--streak-left:48%;--streak-duration:13.8s;--streak-delay:-10.1s;}
  .sr-night-streaks i:nth-child(6){--streak-top:66%;--streak-left:74%;--streak-duration:14.8s;--streak-delay:-4.9s;}
  @keyframes srNightStreak{
    0%,72%{opacity:0;transform:translate3d(30vw,-15vh,0) rotate(-19deg);}
    75%{opacity:.12;}
    79%{opacity:.9;}
    86%{opacity:0;transform:translate3d(-38vw,29vh,0) rotate(-19deg);}
    100%{opacity:0;transform:translate3d(-38vw,29vh,0) rotate(-19deg);}
  }
  /* Chuva desenhada como riscos individuais, seguindo a mesma linguagem das
     estrelas cadentes. Transform e opacidade rodam na GPU e evitam animar um
     gradiente gigante sobre a página inteira. */
  .sr-rain-streaks{
    position:absolute;
    inset:-14% -8%;
    opacity:0;
    overflow:hidden;
    transition:opacity .45s ease;
    contain:strict;
  }
  html.sr-weather-rain .sr-rain-streaks{opacity:.62;}
  .sr-rain-streaks i{
    position:absolute;
    top:-18%;
    left:var(--rain-left);
    display:block;
    width:1px;
    height:var(--rain-length);
    border-radius:999px;
    opacity:0;
    background:linear-gradient(180deg,transparent,rgba(205,237,255,.74) 45%,rgba(126,202,244,.2));
    box-shadow:0 0 4px rgba(128,207,255,.15);
    transform:translate3d(8vw,-26vh,0) rotate(7deg);
    animation:srRainStreak var(--rain-duration) linear var(--rain-delay) infinite;
    animation-play-state:paused;
    backface-visibility:hidden;
    will-change:transform,opacity;
  }
  .sr-rain-streaks i:nth-child(1){--rain-left:3%;--rain-length:72px;--rain-duration:1.18s;--rain-delay:-.42s;}
  .sr-rain-streaks i:nth-child(2){--rain-left:10%;--rain-length:96px;--rain-duration:1.42s;--rain-delay:-1.12s;}
  .sr-rain-streaks i:nth-child(3){--rain-left:17%;--rain-length:62px;--rain-duration:1.06s;--rain-delay:-.74s;}
  .sr-rain-streaks i:nth-child(4){--rain-left:24%;--rain-length:110px;--rain-duration:1.52s;--rain-delay:-1.36s;}
  .sr-rain-streaks i:nth-child(5){--rain-left:31%;--rain-length:78px;--rain-duration:1.24s;--rain-delay:-.18s;}
  .sr-rain-streaks i:nth-child(6){--rain-left:39%;--rain-length:90px;--rain-duration:1.34s;--rain-delay:-.91s;}
  .sr-rain-streaks i:nth-child(7){--rain-left:47%;--rain-length:58px;--rain-duration:1.02s;--rain-delay:-.53s;}
  .sr-rain-streaks i:nth-child(8){--rain-left:54%;--rain-length:104px;--rain-duration:1.48s;--rain-delay:-1.22s;}
  .sr-rain-streaks i:nth-child(9){--rain-left:62%;--rain-length:70px;--rain-duration:1.14s;--rain-delay:-.32s;}
  .sr-rain-streaks i:nth-child(10){--rain-left:69%;--rain-length:92px;--rain-duration:1.39s;--rain-delay:-1.04s;}
  .sr-rain-streaks i:nth-child(11){--rain-left:76%;--rain-length:64px;--rain-duration:1.09s;--rain-delay:-.67s;}
  .sr-rain-streaks i:nth-child(12){--rain-left:83%;--rain-length:112px;--rain-duration:1.56s;--rain-delay:-1.43s;}
  .sr-rain-streaks i:nth-child(13){--rain-left:89%;--rain-length:82px;--rain-duration:1.28s;--rain-delay:-.27s;}
  .sr-rain-streaks i:nth-child(14){--rain-left:95%;--rain-length:98px;--rain-duration:1.44s;--rain-delay:-.83s;}
  @keyframes srRainStreak{
    0%{opacity:0;transform:translate3d(8vw,-26vh,0) rotate(7deg);}
    10%{opacity:.78;}
    76%{opacity:.5;}
    100%{opacity:0;transform:translate3d(-9vw,132vh,0) rotate(7deg);}
  }
  html.sr-weather-night:not(.sr-weather-cinema) .sr-weather-fx .sr-night-streaks i,
  html.sr-weather-cinema.sr-weather-night .cinema-weather-layer .sr-night-streaks i,
  html.sr-weather-rain:not(.sr-weather-cinema) .sr-weather-fx .sr-rain-streaks i,
  html.sr-weather-cinema.sr-weather-rain .cinema-weather-layer .sr-rain-streaks i{
    animation-play-state:running;
  }
  html.sr-weather-cinema .sr-weather-fx::before,
  html.sr-weather-cinema .sr-weather-fx::after{
    animation-play-state:paused;
  }
  html.sr-weather-cloud .sr-weather-fx::before{
    opacity:.42;
    background:
      radial-gradient(ellipse at 20% 18%,rgba(207,225,245,.22),transparent 34%),
      radial-gradient(ellipse at 80% 12%,rgba(196,218,241,.17),transparent 38%);
    animation:srWeatherCloudDrift 18s ease-in-out infinite alternate;
  }
  @keyframes srWeatherCloudDrift{
    from{transform:translate3d(-3.5%,0,0) scale(1.02);}
    to{transform:translate3d(3.5%,1%,0) scale(1.04);}
  }
  html.sr-weather-rain .sr-weather-fx::before{
    opacity:.44;
    background:linear-gradient(180deg,rgba(2,13,39,.3),rgba(13,52,87,.11));
  }
  html.sr-weather-rain .sr-weather-fx::after{
    opacity:0;
    animation:none;
  }

  .sr-weather-trigger{
    position:fixed;
    right:22px;
    bottom:112px;
    z-index:84;
    display:none;
    align-items:center;
    gap:10px;
    min-height:46px;
    padding:9px 15px 9px 10px;
    border:1px solid rgba(199,232,255,.33);
    border-radius:18px;
    color:#f5fbff;
    background:rgba(9,28,55,.74);
    box-shadow:0 16px 42px rgba(0,8,28,.28),inset 0 1px rgba(255,255,255,.13);
    backdrop-filter:blur(20px) saturate(150%);
    -webkit-backdrop-filter:blur(20px) saturate(150%);
    font-family:'Reddit Sans',sans-serif;
    cursor:pointer;
    transform:translateY(12px);
    opacity:0;
    transition:opacity .25s ease,transform .25s ease,border-color .25s ease;
  }
  .sr-weather-trigger.show{display:flex;opacity:1;transform:none;}
  .sr-weather-trigger:hover{border-color:rgba(103,226,255,.72);transform:translateY(-2px);}
  .sr-weather-trigger-icon{
    display:grid;
    place-items:center;
    width:30px;
    height:30px;
    border-radius:11px;
    background:rgba(94,213,255,.16);
    font-size:17px;
  }
  .sr-weather-trigger-copy{display:grid;text-align:left;line-height:1.05;}
  .sr-weather-trigger-copy small{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#83dfff;}
  .sr-weather-trigger-copy strong{font-size:14px;margin-top:4px;}

  .sr-weather-modal{
    position:fixed;
    inset:0;
    z-index:180;
    display:grid;
    place-items:center;
    padding:32px;
    background:rgba(0,8,24,.5);
    opacity:0;
    visibility:hidden;
    transition:opacity .28s ease,visibility .28s ease;
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
  }
  .sr-weather-modal.show{opacity:1;visibility:visible;}
  .sr-weather-card{
    position:relative;
    width:min(940px,calc(100vw - 64px));
    max-height:min(820px,88dvh);
    overflow:auto;
    border:1px solid rgba(207,234,255,.25);
    border-radius:30px;
    padding:26px;
    color:#f5f9ff;
    background:
      radial-gradient(circle at 82% 3%,rgba(78,213,255,.16),transparent 32%),
      radial-gradient(circle at 3% 100%,rgba(106,92,255,.16),transparent 35%),
      rgba(7,24,49,.88);
    box-shadow:0 36px 110px rgba(0,5,24,.58),inset 0 1px rgba(255,255,255,.14);
    backdrop-filter:blur(30px) saturate(145%);
    -webkit-backdrop-filter:blur(30px) saturate(145%);
    font-family:'Reddit Sans',sans-serif;
    transform:translateY(18px) scale(.975);
    transition:transform .32s cubic-bezier(.2,.75,.25,1);
    scrollbar-width:thin;
    scrollbar-color:rgba(109,214,255,.48) transparent;
  }
  .sr-weather-modal.show .sr-weather-card{transform:none;}
  .sr-weather-card::before{
    content:"";
    position:absolute;
    inset:1px;
    border-radius:29px;
    pointer-events:none;
    box-shadow:inset 0 0 50px rgba(115,211,255,.045);
  }
  .sr-weather-head{
    position:relative;
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:24px;
    margin-bottom:18px;
  }
  .sr-weather-kicker{
    display:flex;
    align-items:center;
    gap:8px;
    color:#69e4ff;
    font-size:11px;
    font-weight:800;
    letter-spacing:.14em;
    text-transform:uppercase;
  }
  .sr-weather-kicker-dot{
    width:8px;
    height:8px;
    border-radius:50%;
    background:#65ffbe;
    box-shadow:0 0 18px rgba(101,255,190,.8);
  }
  .sr-weather-title{
    margin:7px 0 2px;
    font-size:clamp(28px,4vw,46px);
    line-height:1;
    letter-spacing:-.045em;
  }
  .sr-weather-subtitle{margin:8px 0 0;color:#9fb2cf;font-size:14px;font-weight:600;}
  .sr-weather-close{
    flex:0 0 auto;
    width:42px;
    height:42px;
    border:1px solid rgba(255,255,255,.16);
    border-radius:15px;
    background:rgba(255,255,255,.07);
    color:#fff;
    font-size:19px;
    cursor:pointer;
    transition:background .2s ease,transform .2s ease;
  }
  .sr-weather-close:hover{background:rgba(255,255,255,.14);transform:rotate(5deg);}
  .sr-weather-cities{
    position:relative;
    display:flex;
    gap:8px;
    flex-wrap:wrap;
    margin-bottom:20px;
  }
  .sr-weather-city{
    min-height:38px;
    padding:8px 14px;
    border:1px solid rgba(204,230,255,.17);
    border-radius:13px;
    color:#bdcbe0;
    background:rgba(255,255,255,.045);
    font:700 13px/1 'Reddit Sans',sans-serif;
    cursor:pointer;
    transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease;
  }
  .sr-weather-city:hover{color:#fff;border-color:rgba(107,226,255,.48);transform:translateY(-1px);}
  .sr-weather-city.active{
    color:#071b31;
    border-color:#76e8ff;
    background:#77e8ff;
    box-shadow:0 8px 26px rgba(73,211,255,.2);
  }
  .sr-weather-main{
    position:relative;
    display:grid;
    grid-template-columns:minmax(250px,.72fr) minmax(390px,1.28fr);
    gap:16px;
  }
  .sr-weather-current,
  .sr-weather-chart-card,
  .sr-weather-daily{
    border:1px solid rgba(205,232,255,.16);
    background:rgba(255,255,255,.055);
    box-shadow:inset 0 1px rgba(255,255,255,.08);
  }
  .sr-weather-current{
    min-height:275px;
    border-radius:24px;
    padding:22px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
  }
  .sr-weather-current-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;}
  .sr-weather-glyph{
    display:grid;
    place-items:center;
    width:62px;
    height:62px;
    border-radius:21px;
    background:rgba(111,222,255,.12);
    box-shadow:inset 0 1px rgba(255,255,255,.12),0 14px 32px rgba(0,8,28,.19);
    font-size:31px;
  }
  .sr-weather-place{font-size:13px;color:#a9b9d0;font-weight:700;}
  .sr-weather-temp{margin-top:6px;font-size:64px;line-height:.9;letter-spacing:-.065em;font-weight:900;}
  .sr-weather-temp sup{font-size:22px;vertical-align:top;margin-left:3px;color:#7be6ff;}
  .sr-weather-condition{margin-top:11px;font-size:17px;font-weight:800;}
  .sr-weather-feels{margin-top:5px;color:#9fb2cf;font-size:12px;font-weight:650;}
  .sr-weather-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:20px;}
  .sr-weather-metric{
    min-width:0;
    padding:10px;
    border-radius:14px;
    background:rgba(2,15,36,.28);
  }
  .sr-weather-metric span{display:block;color:#8fa6c7;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;}
  .sr-weather-metric strong{display:block;margin-top:5px;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .sr-weather-chart-card{border-radius:24px;padding:18px 18px 12px;min-width:0;}
  .sr-weather-chart-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;}
  .sr-weather-chart-title{font-size:14px;font-weight:850;}
  .sr-weather-chart-legend{font-size:10px;color:#91a8c8;font-weight:700;}
  .sr-weather-chart-wrap{position:relative;height:210px;}
  #srWeatherChart{display:block;width:100%;height:100%;}
  .sr-weather-daily{
    grid-column:1 / -1;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:1px;
    border-radius:22px;
    overflow:hidden;
  }
  .sr-weather-day{padding:15px 18px;background:rgba(4,17,39,.18);}
  .sr-weather-day + .sr-weather-day{border-left:1px solid rgba(211,234,255,.12);}
  .sr-weather-day-name{display:block;color:#91a8c8;font-size:10px;font-weight:850;letter-spacing:.1em;text-transform:uppercase;}
  .sr-weather-day-main{display:flex;align-items:center;justify-content:space-between;margin-top:8px;gap:12px;}
  .sr-weather-day-main i{font-style:normal;font-size:22px;}
  .sr-weather-day-main strong{font-size:14px;}
  .sr-weather-day-rain{display:block;margin-top:5px;color:#75dcff;font-size:10px;font-weight:750;}
  .sr-weather-footer{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    margin-top:18px;
    color:#8fa4c3;
    font-size:11px;
    font-weight:650;
  }
  .sr-weather-effect-control{
    display:flex;
    align-items:center;
    gap:10px;
    color:#d9e7f8;
  }
  .sr-weather-effect-control input{
    appearance:none;
    width:42px;
    height:24px;
    border:1px solid rgba(255,255,255,.22);
    border-radius:999px;
    background:rgba(255,255,255,.08);
    cursor:pointer;
    position:relative;
    transition:background .2s ease,border-color .2s ease;
  }
  .sr-weather-effect-control input::after{
    content:"";
    position:absolute;
    width:16px;
    height:16px;
    top:3px;
    left:3px;
    border-radius:50%;
    background:#c4d1e3;
    transition:transform .2s ease,background .2s ease;
  }
  .sr-weather-effect-control input:checked{background:#64e3ff;border-color:#64e3ff;}
  .sr-weather-effect-control input:checked::after{transform:translateX(18px);background:#071a30;}
  .sr-weather-loading,
  .sr-weather-error{
    display:none;
    position:absolute;
    inset:0;
    z-index:2;
    place-items:center;
    border-radius:24px;
    background:rgba(5,19,42,.88);
    color:#d8e7f8;
    font-size:13px;
    font-weight:750;
    text-align:center;
    padding:24px;
  }
  .sr-weather-loading.show,.sr-weather-error.show{display:grid;}
  .sr-weather-spinner{
    width:30px;height:30px;border:3px solid rgba(255,255,255,.14);border-top-color:#68e4ff;border-radius:50%;
    animation:srWeatherSpin .7s linear infinite;margin:0 auto 12px;
  }
  @keyframes srWeatherSpin{to{transform:rotate(360deg);}}

  @media(max-width:799px){
    .sr-weather-trigger,.sr-weather-modal,.sr-weather-fx{display:none!important;}
  }
  @media(min-width:800px) and (max-width:930px){
    .sr-weather-card{padding:21px;}
    .sr-weather-main{grid-template-columns:1fr;}
    .sr-weather-daily{grid-column:auto;}
  }
  @media(max-width:799px){
    html.sr-weather-cinema .cinema-art-wrap{padding:0;border-radius:0;}
    html.sr-weather-cinema .cinema-info{
      width:100%;
      max-width:520px;
      padding:0;
      border-radius:0;
    }
  }
  @media(prefers-reduced-motion:reduce){
    .sr-weather-fx::before,.sr-weather-fx::after,
    .cinema-weather-layer::before,.cinema-weather-layer::after,
    .sr-weather-spinner,.sr-night-streaks i,.sr-rain-streaks i{animation:none!important;}
    .sr-night-streaks,.sr-rain-streaks{display:none!important;}
    .sr-weather-card,.sr-weather-trigger,.sr-weather-modal{transition:none!important;}
  }

  /* 24.10.44 — player central alinhado ao Radio Guide, Pedidos e Cinema. */
  .hero{
    padding:34px 18px 38px;
    background:
      radial-gradient(760px 390px at 82% -8%,rgba(61,127,255,.29),transparent 62%),
      radial-gradient(520px 300px at 4% 44%,rgba(255,92,122,.13),transparent 64%),
      linear-gradient(145deg,#08162a 0%,#0f2543 62%,#102a4d 100%);
  }
  .hero-content{max-width:900px;}
  .hero-panel{
    position:relative;
    width:100%;
    padding:18px;
    border:1px solid rgba(192,216,255,.16);
    border-radius:28px;
    background:
      linear-gradient(145deg,rgba(26,48,80,.86),rgba(8,23,43,.78)),
      rgba(12,28,50,.84);
    box-shadow:0 28px 80px -46px rgba(0,0,0,.95),inset 0 1px rgba(255,255,255,.07);
    overflow:hidden;
    -webkit-backdrop-filter:blur(18px) saturate(1.18);
    backdrop-filter:blur(18px) saturate(1.18);
  }
  .hero-panel::before{
    content:"";
    position:absolute;
    width:360px;height:360px;
    right:-210px;top:-240px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(95,255,192,.17),transparent 68%);
    pointer-events:none;
  }
  .hero-panel-head{
    position:relative;
    z-index:1;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding:0 2px 15px;
  }
  .hero-kicker,.hero-overline{
    font-family:'Reddit Sans',sans-serif;
    font-size:10px;
    font-weight:800;
    line-height:1;
    letter-spacing:1.55px;
    color:#a9bbd8;
  }
  .hero-context{
    display:inline-flex;
    align-items:center;
    gap:7px;
    min-width:0;
    font-family:'Reddit Sans',sans-serif;
    font-size:10px;
    font-weight:700;
    color:#c5d3e8;
  }
  .hero-context i{
    width:7px;height:7px;border-radius:50%;
    background:#7387a6;
    box-shadow:0 0 0 4px rgba(115,135,166,.1);
  }
  .hero.has-station .hero-context i{
    background:var(--mint);
    box-shadow:0 0 0 4px rgba(95,255,192,.1),0 0 12px rgba(95,255,192,.35);
  }
  .hero-main{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:220px minmax(0,1fr);
    gap:28px;
    align-items:center;
    min-height:232px;
  }
  .hero-visual{
    position:relative;
    width:220px;height:220px;
    display:grid;
    place-items:center;
    border-radius:26px;
    background:
      radial-gradient(circle at 50% 30%,rgba(255,255,255,.12),transparent 48%),
      linear-gradient(145deg,rgba(61,127,255,.24),rgba(13,33,59,.82));
    box-shadow:inset 0 1px rgba(255,255,255,.09),0 20px 42px -28px rgba(0,0,0,.92);
    overflow:visible;
  }
  .hero-visual::after{
    content:"";
    position:absolute;
    inset:16px;
    border-radius:22px;
    border:1px solid rgba(190,216,255,.12);
    pointer-events:none;
  }
  .hero .art{
    width:142px;height:142px;
    margin:0;
    border-radius:25px;
    font-family:'Reddit Sans',sans-serif;
    font-size:42px;
    box-shadow:0 18px 34px -20px rgba(0,0,0,.92),0 0 0 1px rgba(255,255,255,.12);
  }
  .hero .art.is-brand-wordmark{padding:25px;}
  .hero-play{
    position:absolute;
    right:17px;bottom:16px;
    width:58px;height:58px;
    margin:0;
    border:1px solid rgba(255,255,255,.22);
    background:#ff4d58;
    box-shadow:0 13px 30px -12px rgba(255,71,71,.82),inset 0 1px rgba(255,255,255,.22);
  }
  .hero-play:hover{background:#ff5c65;}
  .hero-play svg{width:23px;height:23px;}
  .hero-copy{
    min-width:0;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    text-align:left;
    padding:8px 7px 8px 0;
  }
  .hero-editorial-question{max-width:620px;margin:0 0 13px;color:#dce8f8;font:750 clamp(13px,1.7vw,17px)/1.35 'Reddit Sans',sans-serif;letter-spacing:-.015em;text-wrap:balance}
  .hero-overline{margin-bottom:9px;color:var(--mint);}
  .hero-station{
    max-width:100%;
    margin:0 0 8px;
    font-family:'Reddit Sans',sans-serif;
    font-size:clamp(29px,4vw,46px);
    font-weight:800;
    line-height:.98;
    letter-spacing:-1.2px;
    text-wrap:balance;
  }
  .hero-sub{
    max-width:560px;
    margin:0 0 18px;
    font-family:'Reddit Sans',sans-serif;
    font-size:14px;
    font-weight:600;
    line-height:1.45;
    color:#9fb1ce;
  }
  .hero-status-row{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
  }
  .hero .hero-pill{
    min-height:32px;
    margin:0;
    padding:7px 13px;
    border:1px solid rgba(177,203,241,.2);
    background:rgba(6,19,37,.42);
    font-family:'Reddit Sans',sans-serif;
    font-size:10px;
    font-weight:800;
    letter-spacing:.7px;
  }
  .hero .meta-row{gap:6px;margin:0;}
  .hero .meta-pill{
    min-height:32px;
    display:inline-flex;
    align-items:center;
    padding:6px 11px;
    border:1px solid rgba(177,203,241,.18);
    background:rgba(6,19,37,.28);
    font-family:'Reddit Sans',sans-serif;
    font-size:10px;
    font-weight:700;
    color:#b7c5dc;
  }
  .hero .nowplaying{
    width:100%;
    max-width:590px;
    margin:0 0 15px;
    padding:11px;
    border:0;
    border-radius:16px;
    background:linear-gradient(135deg,rgba(33,57,91,.9),rgba(17,39,70,.72));
    box-shadow:inset 0 1px rgba(255,255,255,.07);
  }
  .hero .np-cover{width:58px;height:58px;border-radius:12px;}
  .hero .np-label{font-family:'Reddit Sans',sans-serif;font-size:9px;font-weight:800;color:#8ea3c3;}
  .hero .np-title{
    max-width:min(440px,54vw);
    font-family:'Reddit Sans',sans-serif;
    font-size:16px;
    font-weight:750;
  }
  .hero .np-lyrics{
    font-family:'Reddit Sans',sans-serif;
    font-size:10px;
    border:0;
    background:rgba(255,211,77,.11);
  }
  .hero-detail-row{
    position:relative;
    z-index:1;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    min-height:36px;
    margin-top:12px;
    padding:12px 4px 0;
    border-top:1px solid rgba(177,203,241,.12);
  }
  .hero .quality-badges{gap:7px;margin:0;}
  .hero .qb{
    min-height:26px;
    padding:5px 8px;
    border:0;
    border-radius:8px;
    background:rgba(6,19,37,.36);
    font-family:'Reddit Sans',sans-serif;
    font-size:9px;
  }
  .hero .qb svg{width:13px;height:13px;opacity:.82;}
  .hero .qb.active{background:rgba(95,255,192,.12);box-shadow:inset 0 0 0 1px rgba(95,255,192,.22);}
  .hero .qb.qb-eco.active{background:rgba(140,255,122,.12);box-shadow:inset 0 0 0 1px rgba(140,255,122,.22);}
  .hero .eq{height:18px;margin:0 3px 0 auto;}
  .hero .eq i{width:3px;background:var(--mint);}
  .hero .source-row{
    position:relative;
    z-index:1;
    max-width:none;
    margin:14px 0 0;
    padding:10px;
    border:0;
    border-radius:16px;
    background:rgba(6,19,37,.34);
    box-shadow:none;
  }
  .hero:not(.has-station) .hero-detail-row,
  .hero:not(.has-station) .source-row,
  .hero:not(.has-station) .hero-status-row{display:none!important;}
  .hero:not(.has-station) .hero-main{
    grid-template-columns:190px minmax(0,1fr);
    min-height:202px;
  }
  .hero:not(.has-station) .hero-visual{width:190px;height:190px;}
  .hero:not(.has-station) .art{
    width:116px;height:116px;
    border-radius:50%;
    background:linear-gradient(145deg,#5fffc0,#21d2b0);
    box-shadow:0 18px 38px -22px rgba(33,210,176,.85),0 0 0 10px rgba(95,255,192,.055);
  }
  .hero:not(.has-station) .hero-play{
    width:52px;height:52px;
    right:12px;bottom:11px;
    background:#3d7fff;
    box-shadow:0 13px 30px -12px rgba(61,127,255,.85);
  }
  .hero:not(.has-station) .hero-overline{color:#8ea5c7;}
  .hero:not(.has-station) .hero-station{font-size:clamp(31px,4.4vw,48px);}
  .hero:not(.has-station) .hero-sub{margin-bottom:0;}
  html.anim-deep .hero.has-station .hero-panel{
    animation:heroPanelIn .54s cubic-bezier(.22,1,.36,1) both;
  }
  @keyframes heroPanelIn{
    from{opacity:.5;transform:translateY(12px);filter:saturate(.8);}
    to{opacity:1;transform:none;filter:saturate(1);}
  }
  html.anim-light .hero.has-station .hero-panel{animation:heroPanelIn .32s ease-out both;}
  html.anim-none .hero-panel{animation:none!important;}
  @media(max-width:680px){
    .hero{padding:18px 12px 27px;}
    .hero-panel{padding:14px;border-radius:22px;}
    .hero-panel-head{padding-bottom:12px;}
    .hero-main,.hero:not(.has-station) .hero-main{
      grid-template-columns:1fr;
      gap:17px;
      min-height:0;
    }
    .hero-visual,.hero:not(.has-station) .hero-visual{
      width:100%;height:178px;
      border-radius:20px;
    }
    .hero .art,.hero:not(.has-station) .art{
      width:112px;height:112px;
      border-radius:20px;
    }
    .hero:not(.has-station) .art{border-radius:50%;}
    .hero-play,.hero:not(.has-station) .hero-play{
      width:52px;height:52px;
      right:13px;bottom:12px;
    }
    .hero-copy{padding:1px 2px 3px;}
    .hero-station,.hero:not(.has-station) .hero-station{
      font-size:31px;
      line-height:1.02;
      letter-spacing:-.8px;
    }
    .hero-sub{margin-bottom:14px;font-size:13px;}
    .hero .nowplaying{padding:10px;}
    .hero .np-cover{width:52px;height:52px;}
    .hero .np-title{max-width:calc(100vw - 150px);font-size:14px;}
    .hero-detail-row{align-items:flex-end;}
    .hero .quality-badges{max-width:calc(100% - 45px);}
    .hero .source-row{grid-template-columns:1fr;}
  }
  @media(max-width:380px){
    .hero-context{max-width:126px;}
    .hero-context span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
    .hero .art,.hero:not(.has-station) .art{width:102px;height:102px;}
    .hero-visual,.hero:not(.has-station) .hero-visual{height:162px;}
    .hero-station,.hero:not(.has-station) .hero-station{font-size:28px;}
  }
  @media(prefers-reduced-motion:reduce){
    .hero-panel,.hero-enter .art,.hero-enter .hero-station,.hero-enter .hero-sub,
    .hero-enter .meta-row,.hero-enter .quality-badges,.hero-enter .source-row,
    .hero-enter .nowplaying,.hero-enter #liveDot{animation:none!important;}
  }

  /* 24.10.45 — capa protagonista, RDS oficial e leitura de letra responsiva. */
  .hero-panel{
    border:0;
    box-shadow:0 30px 80px -50px rgba(0,0,0,.92);
  }
  .hero-main{
    grid-template-columns:minmax(260px,320px) minmax(0,1fr);
    gap:clamp(24px,4vw,46px);
  }
  .hero-visual{
    width:100%;
    height:auto;
    aspect-ratio:1;
    overflow:hidden;
    isolation:isolate;
    background:
      radial-gradient(circle at 35% 24%,rgba(255,255,255,.15),transparent 42%),
      linear-gradient(145deg,#24456f,#0b1c34 78%);
    box-shadow:0 24px 52px -34px rgba(0,0,0,.95);
  }
  .hero-visual::after{display:none;}
  .hero .np-cover{
    position:absolute;
    inset:0;
    z-index:0;
    width:100%;
    height:100%;
    border-radius:inherit;
    object-fit:cover;
    box-shadow:none;
    transform:scale(1.025);
  }
  .hero .np-cover.loaded{transform:scale(1);}
  .hero.has-station .art{
    position:absolute;
    z-index:2;
    top:14px;
    left:14px;
    width:94px;
    height:48px;
    margin:0;
    padding:10px 12px;
    border-radius:12px;
    box-shadow:0 13px 28px -17px rgba(0,0,0,.92);
    overflow:hidden;
  }
  .hero.has-station .art.is-brand-wordmark{
    padding:9px 12px;
    background:linear-gradient(145deg,rgba(17,67,139,.96),rgba(7,35,77,.96));
    box-shadow:0 13px 28px -17px rgba(0,0,0,.92),inset 0 1px rgba(255,255,255,.08);
  }
  .hero.has-station .art img{width:100%;height:100%;object-fit:contain;}
  .hero-play{
    z-index:3;
    border:0;
  }
  .hero .nowplaying{
    position:relative;
    max-width:640px;
    min-height:74px;
    padding:0;
    background:transparent;
    box-shadow:none;
    overflow:hidden;
  }
  .hero .np-row{
    align-items:flex-start;
    box-sizing:border-box;
    padding-inline:4px;
  }
  .hero .np-progress-wrap{
    box-sizing:border-box;
    padding-inline:4px;
  }
  .hero .np-info{width:100%;gap:4px;}
  .hero .np-label{font-size:9px;letter-spacing:1.65px;}
  .hero .np-title{
    max-width:100%;
    white-space:normal;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    line-height:1.2;
  }
  .hero .np-lyrics{
    min-height:34px;
    margin-top:8px;
    padding:8px 12px;
    border:0;
    border-radius:10px;
    background:var(--yellow);
    color:#13233c;
    box-shadow:0 12px 24px -18px rgba(255,211,77,.85);
    transition:transform .16s ease,background .16s ease;
  }
  .hero .np-lyrics svg{fill:currentColor;}
  .hero .np-lyrics:hover{background:#ffe06c;transform:translateY(-1px);}
  .next-track-peek{
    position:absolute;
    z-index:5;
    inset:0;
    min-height:100%;
    display:flex;
    align-items:center;
    padding:10px 34px 10px 14px;
    border-radius:inherit;
    background:linear-gradient(110deg,#3d7fff 0%,#2869e8 68%,rgba(40,105,232,.92) 100%);
    color:#fff;
    box-shadow:0 18px 35px -23px rgba(61,127,255,.95);
    clip-path:polygon(0 0,calc(100% - 20px) 0,100% 50%,calc(100% - 20px) 100%,0 100%);
    transform:translate3d(calc(-100% - 24px),0,0);
    opacity:0;
    pointer-events:none;
    will-change:transform,opacity;
    transition:transform .56s cubic-bezier(.22,1,.36,1),opacity .2s ease;
  }
  .next-track-peek::after{
    content:"›";
    position:absolute;
    right:8px;
    top:50%;
    transform:translateY(-52%);
    font-family:'Reddit Sans',sans-serif;
    font-size:31px;
    font-weight:500;
    line-height:1;
    color:rgba(255,255,255,.92);
  }
  .next-track-peek.show{transform:translate3d(0,0,0);opacity:1;}
  .next-track-peek.leaving{transform:translate3d(calc(100% + 24px),0,0);opacity:0;}
  .next-track-copy{min-width:0;}
  .next-track-copy small{
    display:block;
    margin-bottom:3px;
    font-family:'Reddit Sans',sans-serif;
    font-size:8px;
    font-weight:850;
    letter-spacing:1.45px;
    color:rgba(255,255,255,.7);
  }
  .next-track-copy strong{
    display:block;
    overflow:hidden;
    font-family:'Reddit Sans',sans-serif;
    font-size:13px;
    font-weight:780;
    line-height:1.2;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  html.anim-none .next-track-peek{transition:none;}
  .hero .hero-pill,
  .hero .meta-pill{
    border:0;
    background:rgba(6,19,37,.38);
  }
  .hero-detail-row{border-top:0;}
  .hero .qb{
    border:0;
    background:rgba(6,19,37,.34);
  }
  .hero .qb.active{
    border:0;
    background:rgba(95,255,192,.1);
  }
  .rds-official-logo{
    display:block;
    width:34px;
    height:auto;
    filter:invert(1);
    opacity:.34;
  }
  .qb.active .rds-official-logo{
    opacity:1;
    filter:invert(88%) sepia(39%) saturate(777%) hue-rotate(92deg) brightness(106%);
  }

  html.lyrics-open,
  html.lyrics-open body{overflow:hidden!important;}
  #lyricsModal{
    padding:0;
    align-items:stretch;
    background:
      radial-gradient(900px 520px at 8% 18%,rgba(61,127,255,.23),transparent 64%),
      linear-gradient(145deg,#071426,#102744 70%,#0c203b);
  }
  #lyricsModal .track-info-inner{
    width:100vw;
    max-width:none;
    height:100vh;
    height:100dvh;
    max-height:none;
    margin:0;
    padding:clamp(18px,3vw,38px);
    display:grid;
    grid-template-columns:minmax(300px,40vw) minmax(0,1fr);
    grid-template-rows:auto minmax(0,1fr);
    column-gap:clamp(30px,5vw,76px);
    row-gap:20px;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    overflow:hidden;
  }
  #lyricsModal .track-info-head{
    grid-column:1/-1;
    margin:0;
    min-height:48px;
  }
  #lyricsModal .track-info-head h3{
    font-family:'Reddit Sans',sans-serif;
    font-size:13px;
    letter-spacing:1.7px;
    text-transform:uppercase;
    color:#a9bbd8;
  }
  #lyricsModal .replay-queue-close{
    min-width:44px;
    min-height:44px;
    padding:0 14px;
    border:0;
    border-radius:12px;
    background:rgba(255,255,255,.08);
  }
  #lyricsModal .track-info-top{
    grid-column:1;
    grid-row:2;
    align-self:center;
    min-width:0;
    margin:0;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:18px;
  }
  #lyricsModal .track-info-cover{
    display:block;
    width:min(100%,520px);
    height:auto;
    aspect-ratio:1;
    border-radius:clamp(18px,2.4vw,30px);
    background:linear-gradient(145deg,#29496f,#0d213c);
    box-shadow:0 34px 70px -42px rgba(0,0,0,.95);
  }
  .lyrics-track-copy{min-width:0;width:100%;}
  .lyrics-brand{
    display:flex;
    align-items:center;
    gap:10px;
    min-height:30px;
    margin-bottom:13px;
  }
  .lyrics-brand img{
    display:none;
    width:auto;
    max-width:104px;
    height:28px;
    object-fit:contain;
  }
  .lyrics-brand img.show{display:block;}
  .lyrics-brand span{
    font-family:'Reddit Sans',sans-serif;
    font-size:10px;
    font-weight:750;
    letter-spacing:1.2px;
    text-transform:uppercase;
    color:#91a6c7;
  }
  #lyricsModal .track-info-station{
    font-family:'Reddit Sans',sans-serif;
    font-size:clamp(13px,1.4vw,18px);
    letter-spacing:0;
    text-transform:none;
    color:#a8bad5;
  }
  #lyricsModal .track-info-title{
    max-width:700px;
    margin-top:5px;
    font-family:'Reddit Sans',sans-serif;
    font-size:clamp(27px,3.4vw,52px);
    font-weight:800;
    line-height:1.02;
    letter-spacing:-1px;
  }
  #lyricsModal .insights-loading,
  #lyricsModal .lyrics-body{
    grid-column:2;
    grid-row:2;
    min-width:0;
    margin:0;
    padding:6px clamp(4px,2vw,24px) 60px 0;
    overflow-y:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    font-family:'Reddit Sans',sans-serif;
    font-size:clamp(16px,1.42vw,21px);
    line-height:1.78;
    color:rgba(255,255,255,.88);
    scrollbar-color:rgba(255,255,255,.24) transparent;
  }
  #lyricsModal .insights-loading{
    align-self:start;
    color:#a9bbd8;
  }
  #lyricsModal .lyrics-fallback{
    max-width:620px;
    padding-top:10vh;
    font-family:'Reddit Sans',sans-serif;
    font-size:16px;
  }
  #lyricsModal .lyrics-fallback a{
    border-radius:11px;
    background:var(--yellow);
    color:#13233c;
  }
  @media(max-width:760px){
    .hero{padding:14px 10px 25px;}
    .hero-panel{padding:12px;border-radius:20px;}
    .hero-panel-head{padding:2px 2px 11px;}
    .hero-main,.hero:not(.has-station) .hero-main{
      grid-template-columns:1fr;
      gap:15px;
    }
    .hero-visual,.hero:not(.has-station) .hero-visual{
      width:100%;
      height:auto;
      aspect-ratio:1;
      border-radius:18px;
    }
    .hero.has-station .art{
      top:11px;
      left:11px;
      width:82px;
      height:42px;
      padding:9px 10px;
      border-radius:10px;
    }
    .hero-copy{
      width:100%;
      padding:2px;
    }
    .hero-station,.hero:not(.has-station) .hero-station{
      font-size:clamp(27px,8.5vw,34px);
      line-height:1.02;
    }
    .hero-sub{max-width:100%;margin-bottom:12px;}
    .hero .nowplaying{margin-bottom:13px;}
    .next-track-peek{min-height:100%;padding:9px 32px 9px 12px;}
    .next-track-copy strong{font-size:12.5px;}
    .hero .np-title{font-size:15px;}
    .hero-status-row{width:100%;gap:6px;}
    .hero .hero-pill,.hero .meta-pill{min-height:30px;padding:6px 10px;}
    .hero-detail-row{
      min-height:32px;
      margin-top:8px;
      padding:7px 2px 0;
      align-items:center;
    }
    .hero .quality-badges{
      max-width:calc(100% - 38px);
      gap:5px;
    }
    .hero .qb{min-height:25px;padding:5px 7px;}
    .rds-official-logo{width:28px;}
    .hero .source-row{margin-top:10px;padding:8px;border-radius:13px;}

    #lyricsModal .track-info-inner{
      display:flex;
      flex-direction:column;
      width:100%;
      height:100dvh;
      padding:calc(10px + env(safe-area-inset-top)) 14px calc(18px + env(safe-area-inset-bottom));
      gap:14px;
      overflow-y:auto;
      overscroll-behavior:contain;
    }
    #lyricsModal .track-info-head{
      position:sticky;
      top:calc(-10px - env(safe-area-inset-top));
      z-index:4;
      flex:0 0 auto;
      padding:10px 0 8px;
      background:linear-gradient(#0a1a30 72%,transparent);
    }
    #lyricsModal .track-info-top{
      width:100%;
      align-self:stretch;
      gap:15px;
    }
    #lyricsModal .track-info-cover{
      width:min(100%,360px);
      align-self:center;
      border-radius:21px;
    }
    .lyrics-brand{margin-bottom:9px;}
    #lyricsModal .track-info-title{
      font-size:clamp(26px,8.2vw,36px);
      letter-spacing:-.7px;
    }
    #lyricsModal .insights-loading,
    #lyricsModal .lyrics-body{
      flex:0 0 auto;
      width:100%;
      min-height:120px;
      padding:8px 2px 34px;
      overflow:visible;
      font-size:16px;
      line-height:1.72;
    }
    #lyricsModal .lyrics-fallback{padding-top:18px;}
  }
  @media(max-width:380px){
    .hero .quality-badges{max-width:none;}
    .hero .eq{display:none;}
    #lyricsModal .track-info-cover{width:min(100%,300px);}
  }

  /* Histórico oficial de músicas executadas das estações compatíveis da Box Radio. */
  .dist-page{
    position:fixed;
    inset:0;
    z-index:1200;
    display:none;
    overflow:auto;
    overscroll-behavior:contain;
    color:#f7fbff;
    background:
      radial-gradient(circle at 82% 3%,rgba(61,127,255,.2),transparent 30%),
      radial-gradient(circle at 12% 22%,rgba(95,255,192,.1),transparent 25%),
      #07182d;
    font-family:'Reddit Sans','Plus Jakarta Sans',sans-serif;
  }
  .dist-page.show{display:block;}
  .dist-shell{width:min(1220px,calc(100% - 36px));margin:0 auto;padding:0 0 72px;}
  .dist-topbar{
    position:sticky;
    top:0;
    z-index:5;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    min-height:76px;
    margin-inline:calc(50% - 50vw);
    padding:calc(10px + env(safe-area-inset-top)) max(18px,calc((100vw - var(--maxw))/2 + 18px)) 10px;
    color:#001a44;
    background:#1ad4ff;
    border-bottom:1px solid rgba(0,26,68,.22);
    box-shadow:0 8px 24px rgba(0,26,68,.14);
  }
  .dist-topbrand{display:flex;align-items:center;gap:0;min-width:0;}
  .dist-topmark{
    display:none;
  }
  .dist-topbrand strong{
    display:block;
    color:#001a44;
    font:900 clamp(22px,3.6vw,30px)/.94 'Reddit Sans',sans-serif;
    font-variation-settings:'wght' 900;
    letter-spacing:-1.15px;
    text-transform:lowercase;
  }
  .dist-topbrand span{
    display:block;
    margin-top:5px;
    color:rgba(0,26,68,.72);
    font:800 8.5px/1.2 'Reddit Sans',sans-serif;
    letter-spacing:1.18px;
    text-transform:uppercase;
  }
  .dist-close{
    display:grid;
    place-items:center;
    width:44px;
    min-width:44px;
    min-height:44px;
    padding:0;
    border:0;
    border-radius:50%;
    color:#1ad4ff;
    background:#001a44;
    font:0/0 a;
    box-shadow:0 7px 16px -7px rgba(0,26,68,.72);
    cursor:pointer;
  }
  .dist-close::before{content:'←';font:900 21px/1 'Reddit Sans',sans-serif;}
  .dist-close:hover,.dist-menu-btn:hover{transform:translateY(-1px);}
  .dist-hero{
    display:grid;
    grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);
    gap:34px;
    align-items:end;
    padding:50px 0 38px;
  }
  .dist-kicker{color:#5fffc0;font-size:11px;font-weight:900;letter-spacing:1.8px;text-transform:uppercase;}
  .dist-hero h1{
    max-width:820px;
    margin:10px 0 14px;
    font-size:clamp(42px,6vw,76px);
    line-height:.96;
    letter-spacing:-3.4px;
    font-weight:900;
  }
  .dist-hero p{max-width:720px;margin:0;color:#aabbd2;font-size:15px;line-height:1.65;}
  .dist-summary{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:8px;
    padding:10px;
    border-radius:20px;
    background:rgba(20,46,78,.58);
    box-shadow:inset 0 1px rgba(255,255,255,.06);
  }
  .dist-summary div{padding:15px 12px;border-radius:14px;background:rgba(4,19,37,.4);}
  .dist-summary strong{display:block;font-size:24px;font-weight:900;color:#fff;}
  .dist-summary span{display:block;margin-top:3px;color:#8da4c3;font-size:9px;font-weight:800;letter-spacing:.7px;text-transform:uppercase;}
  .dist-nav{
    position:sticky;
    top:70px;
    z-index:4;
    display:flex;
    gap:7px;
    padding:10px;
    margin-bottom:34px;
    border-radius:18px;
    background:rgba(12,34,62,.9);
    backdrop-filter:blur(16px);
    box-shadow:0 18px 50px -34px #000;
  }
  .dist-nav button{
    flex:1;
    min-height:42px;
    padding:8px 12px;
    border:0;
    border-radius:12px;
    color:#aebdd1;
    background:transparent;
    font:800 11px 'Reddit Sans',sans-serif;
    cursor:pointer;
  }
  .dist-nav button.active{color:#061b34;background:#5fffc0;}
  .dist-howto{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
    margin:-18px 0 34px;
  }
  .dist-howto div{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;background:rgba(19,43,75,.42);color:#9eb1ca;font-size:10px;font-weight:750;}
  .dist-howto b{display:grid;place-items:center;flex:0 0 24px;height:24px;border-radius:8px;color:#062138;background:#5fffc0;font-size:10px;}
  .dist-search{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:8px;
    margin:-18px 0 34px;
    padding:8px;
    border-radius:17px;
    background:rgba(12,34,62,.82);
    box-shadow:inset 0 1px rgba(255,255,255,.06);
  }
  .dist-search input{
    width:100%;
    min-height:42px;
    padding:0 14px;
    border:0;
    outline:0;
    color:#ecf7ff;
    background:transparent;
    font:750 12px 'Reddit Sans',sans-serif;
  }
  .dist-search input::placeholder{color:#8096b4;}
  .dist-search button{
    min-height:38px;
    padding:0 15px;
    border:0;
    border-radius:11px;
    color:#08233e;
    background:#5fffc0;
    font:850 10px 'Reddit Sans',sans-serif;
    cursor:pointer;
  }
  .dist-search button:disabled{opacity:.35;cursor:default;}
  .dist-search:focus-within{box-shadow:inset 0 0 0 1px rgba(95,255,192,.42),0 18px 42px -34px #5fffc0;}
  .dist-search-status{min-height:18px;margin:-25px 8px 27px;color:#9eb4cf;font-size:10px;font-weight:750;}
  .dist-search-status[hidden]{visibility:hidden;}
  .dist-section{scroll-margin-top:132px;margin:0 0 46px;}
  .dist-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:0 0 17px;}
  .dist-section-head h2{margin:0;font-size:clamp(26px,3vw,38px);font-weight:900;letter-spacing:-1.2px;}
  .dist-section-head p{max-width:570px;margin:0;color:#8fa5c2;font-size:12px;line-height:1.55;text-align:right;}
  .dist-groups{display:grid;gap:22px;}
  .dist-group-title{display:flex;align-items:center;gap:10px;margin:0 0 10px;color:#9db1cc;font-size:11px;font-weight:900;letter-spacing:1.3px;text-transform:uppercase;}
  .dist-group-title::after{content:'';height:1px;flex:1;background:linear-gradient(90deg,rgba(137,161,192,.25),transparent);}
  .dist-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;}
  .dist-station{
    --dist-accent:#5fffc0;
    position:relative;
    min-width:0;
    padding:15px;
    overflow:hidden;
    border-radius:22px;
    background:linear-gradient(145deg,rgba(22,50,84,.88),rgba(9,30,56,.88));
    box-shadow:inset 0 1px rgba(255,255,255,.06),0 20px 60px -44px #000;
  }
  .dist-station::before{
    content:'';
    position:absolute;
    top:0;
    left:20px;
    right:20px;
    height:2px;
    border-radius:0 0 999px 999px;
    opacity:.75;
    background:linear-gradient(90deg,transparent,var(--dist-accent),transparent);
  }
  .dist-station::after{
    content:'';
    position:absolute;
    width:150px;
    height:110px;
    top:-70px;
    left:-35px;
    pointer-events:none;
    opacity:.11;
    filter:blur(22px);
    background:var(--dist-accent);
  }
  .dist-station.is-unavailable{
    --dist-accent:#718096 !important;
    color:#91a0b3;
    background:linear-gradient(145deg,rgba(43,53,67,.78),rgba(24,32,43,.84));
    box-shadow:inset 0 1px rgba(255,255,255,.035);
  }
  .dist-station.is-unavailable::before{opacity:.28;}
  .dist-station.is-unavailable::after{display:none;}
  .dist-station.is-unavailable .dist-logo{filter:grayscale(1);opacity:.45;}
  .dist-station.is-unavailable .dist-station-copy strong{color:#a6b0be;}
  .dist-station.is-unavailable .dist-station-copy span{color:#69788b;}
  .dist-station-head{position:relative;z-index:1;display:grid;grid-template-columns:104px minmax(0,1fr) auto;align-items:center;gap:14px;margin-bottom:13px;}
  .dist-logo{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    width:104px;
    height:48px;
    min-width:0;
    padding:0;
    overflow:visible;
    background:none;
    border:0;
    border-radius:0;
  }
  .dist-logo img{
    display:block;
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:left center;
    filter:drop-shadow(0 8px 15px rgba(0,0,0,.2));
  }
  .dist-logo span{font-size:18px;font-weight:950;color:#fff;}
  .dist-station-copy{min-width:0;flex:1;}
  .dist-station-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:900;letter-spacing:-.3px;}
  .dist-station-copy span{display:block;margin-top:3px;color:#8fa6c5;font-size:10px;font-weight:700;}
  .dist-count{
    flex:0 0 auto;
    padding:6px 9px;
    border-radius:10px;
    color:#5fffc0;
    background:rgba(95,255,192,.08);
    font-size:9px;
    font-weight:900;
  }
  .dist-count.is-unavailable{
    color:#aab3bf;
    background:rgba(154,166,181,.1);
  }
  .dist-capabilities{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:5px;margin:-3px 0 12px;}
  .dist-capabilities span{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border:1px solid rgba(143,166,197,.14);border-radius:999px;color:#8092aa;background:rgba(4,19,37,.28);font-size:7.5px;font-weight:900;letter-spacing:.25px;text-transform:uppercase;}
  .dist-capabilities i{width:5px;height:5px;border-radius:50%;background:#65758a;}
  .dist-capabilities .is-on{color:#bfffe7;border-color:rgba(95,255,192,.22);background:rgba(95,255,192,.06);}
  .dist-capabilities .is-on i{background:#5fffc0;box-shadow:0 0 8px rgba(95,255,192,.72);}
  .dist-station.is-unavailable .dist-capabilities{opacity:.62;}
  .dist-links{display:grid;gap:7px;}
  .dist-link{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:10px;
    align-items:center;
    min-width:0;
    padding:10px 10px 10px 12px;
    border-radius:14px;
    background:rgba(3,18,35,.5);
  }
  .dist-link-main{min-width:0;}
  .dist-link-top{display:flex;align-items:center;gap:6px;min-width:0;}
  .dist-link-top strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:850;}
  .dist-format{
    flex:0 0 auto;
    padding:3px 6px;
    border-radius:6px;
    color:#071b32;
    background:#8ddfff;
    font-size:7.5px;
    font-weight:950;
    letter-spacing:.5px;
  }
  .dist-rate{color:#9db0ca;font-size:9px;font-weight:750;}
  .dist-rank{color:#ffd34d;font-size:8px;font-weight:900;text-transform:uppercase;}
  .dist-url{display:block;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#7289aa;font:500 9px ui-monospace,SFMono-Regular,Menlo,monospace;}
  .dist-actions{display:flex;gap:5px;}
  .dist-action{
    display:grid;
    place-items:center;
    min-width:34px;
    height:34px;
    padding:0 9px;
    border:0;
    border-radius:10px;
    color:#eaf2ff;
    background:#18385f;
    font:850 9px 'Reddit Sans',sans-serif;
    text-decoration:none;
    cursor:pointer;
  }
  .dist-action.copied{color:#062138;background:#5fffc0;}
  .dist-action:hover{color:#062138;background:#8ddfff;transform:translateY(-1px);}
  .dist-action:focus-visible,.dist-nav button:focus-visible,.dist-alt-quick button:focus-visible{outline:3px solid #5fffc0;outline-offset:2px;}
  .dist-empty{
    padding:13px;
    border-radius:14px;
    color:#8994a3;
    background:rgba(10,17,25,.3);
    font-size:11px;
    font-weight:750;
    line-height:1.45;
    cursor:not-allowed;
    user-select:none;
  }
  .dist-rds-title{
    display:flex;
    align-items:center;
    gap:14px;
  }
  .dist-rds-title img{
    display:block;
    width:126px;
    height:auto;
    filter:invert(88%) sepia(39%) saturate(777%) hue-rotate(92deg) brightness(106%);
  }
  .dist-cover-title{display:flex;align-items:center;gap:11px;}
  .dist-cover-title::before{
    content:'';
    display:block;
    width:34px;
    height:34px;
    border-radius:11px;
    background:
      radial-gradient(circle at 35% 35%,#ffd34d 0 10%,transparent 11%),
      linear-gradient(145deg,#37dbff,#7657ff);
    box-shadow:0 12px 26px -16px #37dbff;
  }
  .dist-link.is-rds .dist-format{
    color:#06243b;
    background:#5fffc0;
  }
  .dist-link.is-cover{
    background:linear-gradient(135deg,rgba(118,87,255,.12),rgba(3,18,35,.55));
    box-shadow:inset 3px 0 #8d7bff;
  }
  .dist-link.is-cover .dist-format{
    color:#171039;
    background:#c4baff;
  }
  .dist-link.is-alt{
    background:linear-gradient(135deg,rgba(255,211,77,.11),rgba(3,18,35,.55));
    box-shadow:inset 3px 0 #ffd34d;
  }
  .dist-link.is-alt .dist-format{
    color:#352700;
    background:#ffd34d;
  }
  .dist-link.is-xmltv{
    background:linear-gradient(135deg,rgba(95,255,192,.12),rgba(3,18,35,.55));
    box-shadow:inset 3px 0 #5fffc0;
  }
  .dist-link.is-xmltv .dist-format{color:#062138;background:#5fffc0;}
  .dist-link.is-brand{
    background:linear-gradient(135deg,rgba(53,201,255,.11),rgba(3,18,35,.55));
    box-shadow:inset 3px 0 #35c9ff;
  }
  .dist-link.is-brand .dist-format{color:#062138;background:#8ddfff;}
  .dist-folder{
    overflow:hidden;
    border-radius:22px;
    background:rgba(14,37,66,.58);
    box-shadow:inset 0 1px rgba(255,255,255,.05);
  }
  .dist-folder + .dist-folder{margin-top:10px;}
  .dist-folder summary{
    display:flex;
    align-items:center;
    gap:12px;
    min-height:58px;
    padding:12px 16px;
    cursor:pointer;
    list-style:none;
    user-select:none;
  }
  .dist-folder summary::-webkit-details-marker{display:none;}
  .dist-folder summary::before{content:'▸';color:#5fffc0;font-size:16px;transition:transform .18s ease;}
  .dist-folder[open] summary::before{transform:rotate(90deg);}
  .dist-folder summary strong{font-size:13px;font-weight:900;}
  .dist-folder summary span{margin-left:auto;color:#8fa6c5;font-size:9px;font-weight:800;}
  .dist-folder-body{padding:0 12px 12px;}
  .dist-brand-preview{width:100%;height:54px;object-fit:contain;object-position:left center;}
  .dist-alt-panel{
    display:grid;
    gap:12px;
    margin-top:9px;
    padding:15px;
    border-radius:18px;
    color:#eaf3ff;
    background:
      radial-gradient(circle at 100% 0,rgba(255,211,77,.12),transparent 42%),
      rgba(3,18,35,.66);
    box-shadow:inset 0 1px rgba(255,255,255,.05);
  }
  .dist-alt-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;}
  .dist-alt-copy strong{display:block;font-size:12px;font-weight:900;}
  .dist-alt-copy span{display:block;margin-top:4px;color:#8fa6c5;font-size:9.5px;line-height:1.45;}
  .dist-alt-state{
    flex:0 0 auto;
    padding:6px 9px;
    border-radius:9px;
    color:#081b31;
    background:#ffd34d;
    font-size:8px;
    font-weight:950;
    letter-spacing:.45px;
    text-transform:uppercase;
  }
  .dist-alt-state.is-live{background:#5fffc0;}
  .dist-alt-range{
    width:100%;
    height:5px;
    accent-color:#ffd34d;
    cursor:pointer;
  }
  .dist-alt-quick{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;}
  .dist-alt-quick button{
    min-height:30px;
    padding:5px 4px;
    border:0;
    border-radius:9px;
    color:#a9bad0;
    background:#132f52;
    font:850 8.5px 'Reddit Sans',sans-serif;
    cursor:pointer;
  }
  .dist-alt-quick button.active{color:#081b31;background:#ffd34d;}
  .dist-alt-url-row{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:8px;
    align-items:center;
  }
  .dist-alt-url{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#8fa8c9;
    font:600 9px ui-monospace,SFMono-Regular,Menlo,monospace;
  }
  .dist-alt-actions{display:flex;gap:5px;}
  .dist-footer-note{padding:18px;border-radius:18px;color:#8fa4c0;background:rgba(19,43,75,.55);font-size:11px;line-height:1.6;}
  .dist-footer-link{
    display:inline-flex;
    align-items:center;
    gap:7px;
    margin-top:10px;
    color:var(--purple-2);
    font-weight:800;
    text-decoration:none;
  }
  html.dist-open{overflow:hidden;}
  @media(max-width:760px){
    .dist-shell{width:min(100% - 24px,620px);padding-bottom:calc(72px + env(safe-area-inset-bottom));}
    .dist-topbar{min-height:64px;padding-inline:14px;}
    .dist-topbrand strong{font-size:23px;letter-spacing:-.8px;}
    .dist-topbrand span{font-size:7.8px;letter-spacing:.85px;}
    .dist-close,.dist-menu-btn{width:38px;min-width:38px;height:38px;min-height:38px;}
    .dist-hero{grid-template-columns:1fr;gap:22px;padding:28px 0 28px;}
    .dist-hero h1{font-size:clamp(38px,13vw,58px);letter-spacing:-2.4px;}
    .dist-summary{max-width:420px;}
    .dist-howto{grid-template-columns:1fr;margin-top:-12px;}
    .dist-search{margin-top:-18px;}
    .dist-nav{top:61px;overflow-x:auto;}
    .dist-nav button{flex:0 0 auto;min-width:112px;}
    .dist-section-head{display:block;}
    .dist-section-head p{margin-top:7px;text-align:left;}
    .dist-grid{grid-template-columns:1fr;}
  }
  @media(max-width:390px){
    .dist-summary{grid-template-columns:repeat(2,1fr);}
    .dist-summary div{padding:12px 8px;}
    .dist-summary strong{font-size:20px;}
    .dist-station{padding:12px;border-radius:18px;}
    .dist-station-head{grid-template-columns:80px minmax(0,1fr) auto;gap:10px;}
    .dist-logo{width:80px;height:40px;}
    .dist-count{padding:5px 7px;}
    .dist-link{grid-template-columns:minmax(0,1fr);}
    .dist-actions{justify-content:flex-end;}
    .dist-alt-head{display:block;}
    .dist-alt-state{display:inline-block;margin-top:8px;}
    .dist-alt-url-row{grid-template-columns:1fr;}
    .dist-alt-actions{justify-content:flex-end;}
  }

/* Source block: kwii-requests-cinema-mobile-v241058 */
/* 24.10.58 — acesso rápido aos pedidos e seletor do Cinema otimizado para toque. */
  .mini-request-shortcut{
    --request-shortcut:#ffd54f;
    position:relative;width:auto!important;min-width:42px;padding:0 11px!important;gap:6px;
    color:#071a35!important;background:var(--request-shortcut)!important;border-color:transparent!important;
    box-shadow:0 7px 18px -10px rgba(255,213,79,.9);
  }
  .mini-request-shortcut[hidden]{display:none!important;}
  .mini-request-shortcut svg{fill:currentColor!important;}
  .mini-request-shortcut span{font-family:'Reddit Sans Condensed','Arial Narrow',sans-serif;font-size:12px;font-weight:700;line-height:1;}
  .mini-request-shortcut:hover{transform:translateY(-1px);filter:brightness(1.04);}
  .mini-request-shortcut:active{transform:scale(.96);}
  .cinema-stations-sheet{max-width:820px;max-height:min(76%,720px);}
  .cinema-stations-head-copy{display:flex;flex-direction:column;gap:2px;min-width:0;}
  .cinema-stations-subtitle{font-size:11px;color:rgba(255,255,255,.58);}
  .cinema-stations-search{min-height:44px;display:flex;align-items:center;gap:10px;margin:0 0 12px;padding:0 13px;border-radius:13px;background:rgba(255,255,255,.075);color:rgba(255,255,255,.65);}
  .cinema-stations-search:focus-within{background:rgba(255,255,255,.11);box-shadow:0 0 0 2px rgba(95,255,192,.38);}
  .cinema-stations-search svg{width:18px;height:18px;fill:currentColor;flex:0 0 auto;}
  .cinema-stations-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#fff;font:600 16px/1.2 'Reddit Sans Condensed','Arial Narrow',sans-serif;}
  .cinema-stations-search input::placeholder{color:rgba(255,255,255,.48);}
  .cinema-stations-empty{grid-column:1/-1;padding:30px 16px;text-align:center;color:rgba(255,255,255,.65);font-size:13px;}
  html.anim-light .cinema-stations-overlay.show .cinema-stations-sheet,
  html.anim-deep.cinema-motion-on .cinema-stations-overlay.show .cinema-stations-sheet{animation:cinemaBottomUp .22s cubic-bezier(.2,.8,.2,1) both;}
  .mini-player.just-shown{animation-duration:.24s;}
  @media(max-width:640px){
    .cinema-stations-overlay{backdrop-filter:none!important;background:rgba(4,11,23,.82);}
    .cinema-stations-sheet{height:min(78dvh,720px);max-height:min(78dvh,720px);padding:12px 12px calc(14px + env(safe-area-inset-bottom));}
    .cinema-stations-head{margin-bottom:9px;}.cinema-stations-search{margin-bottom:10px;}
    .cinema-stations-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
    .cin-tile{aspect-ratio:1/1.02;min-height:126px;}.cin-tile-affiliate{font-size:15px;}
    /* O pedido musical acrescenta um sexto comando visível à barra móvel.
       Fixamos cada ação em sua própria coluna para nenhuma delas quebrar para
       uma segunda linha (inclusive no modo simples/minimalista). */
    .mini-player .mini-right,
    html.simple-player .mini-player .mini-right{
      grid-template-columns:minmax(0,1.3fr) repeat(5,minmax(0,1fr))!important;
      width:min(100%,354px)!important;
      grid-auto-flow:column!important;
      grid-auto-rows:48px!important;
    }
    .mini-player .mini-right #miniLiveBtn{grid-column:1;grid-row:1;}
    .mini-player .mini-right #miniQueueBtn{grid-column:2;grid-row:1;}
    .mini-player .mini-right #miniRequestBtn{grid-column:3;grid-row:1;}
    .mini-player .mini-right #miniExpandBtn{grid-column:4;grid-row:1;}
    .mini-player .mini-right #miniFullscreenBtn{grid-column:5;grid-row:1;}
    .mini-player .mini-right #miniStopBtn{grid-column:6;grid-row:1;}
    .mini-request-shortcut{width:40px!important;min-width:40px!important;padding:0!important;}
    .mini-request-shortcut span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);}
  }
  @media(max-width:350px){
    .cinema-stations-grid{gap:8px!important;}.cin-tile{min-height:116px!important;}
    .mini-player .mini-right .mini-icon-btn{width:36px!important;height:36px!important;}
    .mini-player .mini-right,
    html.simple-player .mini-player .mini-right{width:100%!important;}
    .mini-request-shortcut{width:36px!important;min-width:36px!important;}
  }

/* Source block: kwii-kangaroo-tuning-v241064 */
.kangaroo-tuning{
    position:fixed;inset:0;z-index:14000;display:grid;place-items:center;
    padding:calc(18px + env(safe-area-inset-top)) 16px calc(18px + env(safe-area-inset-bottom));
    background:rgba(3,13,31,.54);opacity:0;visibility:hidden;pointer-events:none;
    transition:opacity .18s ease,visibility 0s linear .18s;
  }
  .kangaroo-tuning.show{opacity:1;visibility:visible;transition-delay:0s;}
  .kangaroo-tuning-card{
    width:min(334px,calc(100vw - 32px));padding:19px 20px 20px;border-radius:26px;
    color:#fff;text-align:center;background:linear-gradient(145deg,rgba(18,49,88,.96),rgba(6,24,51,.97));
    box-shadow:0 24px 70px rgba(0,5,18,.42),inset 0 1px rgba(255,255,255,.13);
    font-family:'Reddit Sans Condensed','Arial Narrow',sans-serif;
    transform:translateY(8px) scale(.97);transition:transform .24s cubic-bezier(.2,.8,.2,1);
  }
  .kangaroo-tuning.show .kangaroo-tuning-card{transform:none;}
  .kangaroo-runway{position:relative;height:148px;margin:-7px 0 1px;overflow:hidden;isolation:isolate;}
  .kangaroo-loader-img{
    position:absolute;z-index:2;left:50%;bottom:12px;width:154px;height:auto;max-height:133px;
    object-fit:contain;transform:translateX(-50%);transform-origin:52% 91%;user-select:none;-webkit-user-drag:none;
    filter:drop-shadow(0 10px 10px rgba(0,6,20,.3));
  }
  .kangaroo-shadow{
    position:absolute;z-index:1;left:50%;bottom:11px;width:104px;height:15px;border-radius:50%;
    background:radial-gradient(ellipse,rgba(0,4,14,.48),rgba(0,4,14,0) 70%);transform:translateX(-50%);
  }
  .kangaroo-dust{position:absolute;z-index:1;bottom:17px;width:7px;height:7px;border-radius:50%;background:#64f1c0;opacity:0;}
  .kangaroo-dust-one{left:30%;}.kangaroo-dust-two{right:30%;width:5px;height:5px;}
  .kangaroo-kicker{margin-top:2px;color:#63f2c1;font-size:12px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;}
  .kangaroo-station-name{display:block;margin:5px auto 1px;max-width:100%;font-size:25px;line-height:1.05;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .kangaroo-tuning-copy{display:block;color:rgba(225,236,250,.7);font-size:14px;line-height:1.25;}
  .kangaroo-dots{display:flex;justify-content:center;gap:6px;height:9px;margin-top:13px;}
  .kangaroo-dots i{width:6px;height:6px;border-radius:50%;background:#63f2c1;opacity:.3;}
  html:not(.anim-none) .kangaroo-tuning.show .kangaroo-loader-img{animation:kangarooHop 1.02s cubic-bezier(.38,.02,.32,1) infinite;}
  html:not(.anim-none) .kangaroo-tuning.show .kangaroo-shadow{animation:kangarooShadow 1.02s ease-in-out infinite;}
  html:not(.anim-none) .kangaroo-tuning.show .kangaroo-dust-one{animation:kangarooDustLeft 1.02s ease-out infinite;}
  html:not(.anim-none) .kangaroo-tuning.show .kangaroo-dust-two{animation:kangarooDustRight 1.02s ease-out .06s infinite;}
  html:not(.anim-none) .kangaroo-tuning.show .kangaroo-dots i{animation:kangarooDot 1s ease-in-out infinite;}
  html:not(.anim-none) .kangaroo-tuning.show .kangaroo-dots i:nth-child(2){animation-delay:.14s;}
  html:not(.anim-none) .kangaroo-tuning.show .kangaroo-dots i:nth-child(3){animation-delay:.28s;}
  html.anim-deep .kangaroo-tuning.show .kangaroo-loader-img{animation-duration:.88s;}
  html.anim-deep .kangaroo-tuning.show .kangaroo-shadow,
  html.anim-deep .kangaroo-tuning.show .kangaroo-dust{animation-duration:.88s;}
  @keyframes kangarooHop{
    0%,100%{transform:translateX(-50%) translateY(0) rotate(-1deg) scale(1,.98)}
    14%{transform:translateX(-50%) translateY(2px) rotate(-2deg) scale(1.035,.95)}
    48%{transform:translateX(-50%) translateY(-35px) rotate(3deg) scale(.985,1.02)}
    68%{transform:translateX(-50%) translateY(-20px) rotate(1deg) scale(1)}
    86%{transform:translateX(-50%) translateY(1px) rotate(-1deg) scale(1.025,.96)}
  }
  @keyframes kangarooShadow{0%,100%{opacity:.72;transform:translateX(-50%) scaleX(1)}48%{opacity:.24;transform:translateX(-50%) scaleX(.58)}86%{opacity:.8;transform:translateX(-50%) scaleX(1.06)}}
  @keyframes kangarooDustLeft{0%,72%{opacity:0;transform:translate(0,0) scale(.3)}83%{opacity:.78}100%{opacity:0;transform:translate(-20px,-13px) scale(1.5)}}
  @keyframes kangarooDustRight{0%,72%{opacity:0;transform:translate(0,0) scale(.3)}83%{opacity:.7}100%{opacity:0;transform:translate(18px,-10px) scale(1.25)}}
  @keyframes kangarooDot{0%,100%{opacity:.28;transform:translateY(0)}45%{opacity:1;transform:translateY(-3px)}}
  @media(max-width:420px){
    .kangaroo-tuning-card{padding:15px 17px 18px;border-radius:23px}.kangaroo-runway{height:132px}
    .kangaroo-loader-img{width:139px;max-height:119px}.kangaroo-station-name{font-size:22px}
  }
  @media(prefers-reduced-motion:reduce){
    .kangaroo-tuning,.kangaroo-tuning-card{transition:none!important}
    .kangaroo-tuning *{animation:none!important}.kangaroo-loader-img{transform:translateX(-50%)!important}
  }
  html.anim-none .kangaroo-tuning,html.anim-none .kangaroo-tuning-card{transition:none!important}
  html.anim-none .kangaroo-tuning *{animation:none!important}

/* Source block: kwii-stability-mobile-v241076 */
/* 24.10.76 — camada final de estabilidade e adaptação móvel.
     Mantém a identidade visual atual e corrige somente dimensões, toque,
     áreas seguras e trabalho gráfico desnecessário em telas pequenas. */
  html,body{max-width:100%;overflow-x:clip;}
  button,[role="button"],input,select{touch-action:manipulation;}
  img{content-visibility:visible;}
  .fab[hidden]{display:none!important;}

  /* Evita uma coluna de cartões excessivamente alta nos celulares de 350–379
     px. Com 150 px mínimos, 360 px comporta duas colunas sem cortar conteúdo. */
  @media(min-width:350px) and (max-width:699px){
    main{padding-inline:14px;}
    .grid:not(.list-view):not(.brand-view){
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:12px;
    }
    .grid:not(.list-view):not(.brand-view) .card-body{padding:11px;}
    .grid:not(.list-view):not(.brand-view) .card-brand-logo-lg{height:31px!important;}
    .grid:not(.list-view):not(.brand-view) .card-actions{gap:5px;}
    .grid:not(.list-view):not(.brand-view) .card-play-text{font-size:11px;}
  }
  @media(max-width:349px){
    main{padding-inline:12px;}
    .grid:not(.list-view):not(.brand-view){gap:12px;}
    .grid:not(.list-view):not(.brand-view) .card-hero{aspect-ratio:16/9;}
  }

  /* Rolagens horizontais continuam disponíveis, mas cada opção encaixa na
     tela e não captura o gesto vertical do usuário. */
  @media(max-width:699px){
    .tabs,.filters,.rg-tabs{
      overscroll-behavior-inline:contain;
      scroll-snap-type:x proximity;
      -webkit-overflow-scrolling:touch;
      scrollbar-width:none;
    }
    .tabs::-webkit-scrollbar,.filters::-webkit-scrollbar,.rg-tabs::-webkit-scrollbar{display:none;}
    .tabs > *,.filters > *,.rg-tabs > *{scroll-snap-align:start;}

    .topbar-inner{
      min-height:calc(62px + env(safe-area-inset-top));
      padding-top:calc(10px + env(safe-area-inset-top))!important;
    }
    .settings-modal,.lyrics-modal,.replay-queue-modal,.request-modal{
      max-height:100dvh;
      padding-bottom:max(14px,env(safe-area-inset-bottom));
    }
    .settings-close,.lyrics-close,.replay-queue-close,.request-close,
    .radio-vision-back,.radiovision-back{
      min-width:44px!important;
      min-height:44px!important;
    }
    input,select,textarea{font-size:16px;}
  }

  /* Em telas de toque não existe hover real. Impedir esses saltos reduz
     repinturas e evita cartões presos num estado deslocado após o toque. */
  @media(hover:none) and (pointer:coarse){
    .card:hover,.brand-tile:hover,.cin-tile:hover{transform:none!important;}
    .brand-tile:hover .brand-tile-logo{transform:none!important;}
  }

  @media(max-height:650px) and (max-width:699px){
    .settings-modal,.lyrics-modal,.request-modal{border-radius:18px 18px 0 0;}
    .settings-content,.lyrics-content,.request-content{padding-bottom:calc(18px + env(safe-area-inset-bottom));}
  }

  /* Página de série: proporções e sobreposição medidas diretamente no
     Kveldsåpent/NRK Radio em desktop (1280 px). */
  .rg-series{width:min(1050px,calc(100% - 64px));padding-top:0}
  .rg-series-hero{overflow:visible;border-radius:0;background:transparent;box-shadow:none;margin-bottom:48px}
  .rg-series-hero-backdrop{position:relative;width:min(1600px,calc(100vw - 64px));margin-left:calc((100% - min(1600px,calc(100vw - 64px)))/2);aspect-ratio:16/9;overflow:hidden;background:#123c67;animation:rgSeriesBackdropIn .62s cubic-bezier(.2,.75,.2,1) both}
  .rg-series-hero-backdrop .rg-nrk-program-media{width:100%;height:100%;margin:0;border-radius:0}
  .rg-series-hero-backdrop .rg-nrk-program-media>img{width:100%;height:100%;object-fit:cover;filter:saturate(.76) contrast(.92) brightness(.78)}
  .rg-series-hero-backdrop::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,20,39,.08),rgba(8,31,58,.34))}
  .rg-series-topcard{position:relative;z-index:2;display:flex;min-height:193px;margin-top:clamp(-300px,-22vw,-220px);overflow:visible;background:#061629;animation:rgSeriesCardIn .46s .08s cubic-bezier(.16,1,.3,1) both}
  .rg-series-topcard .rg-series-hero-media{flex:0 0 193px;width:193px;aspect-ratio:1;overflow:hidden;background:#173a68}
  .rg-series-topcard .rg-series-hero-media .rg-nrk-program-media{height:100%;margin:0;border-radius:0}
  .rg-series-topcard .rg-series-hero-copy{min-width:0;flex:1;display:flex;flex-direction:column;padding:24px;border:0}
  .rg-series-tags{position:absolute;right:0;top:-29px;margin:0}
  .rg-series-tag{color:#9ebfe6;background:#06213f;font-size:10px}
  .rg-series-hero h1{font-size:22px;line-height:1.26}
  .rg-series-description{max-width:780px;margin-top:3px;color:#fff;font-size:16px;line-height:1.32}
  .rg-series-hero-actions{margin-top:auto;gap:10px}
  .rg-series-live,.rg-nrk-program-action{min-height:52px;border:0;background:transparent;color:#fff;font-size:14px}
  .rg-series-live span:first-child,.rg-nrk-program-action::before{width:48px;height:48px;display:grid;place-items:center;flex:0 0 48px;border-radius:50%;color:#061b32;background:#8bb9ef;font-size:30px;box-shadow:none}
  .rg-nrk-program-action{display:inline-flex;align-items:center;gap:11px;padding:0;font-weight:700;cursor:pointer}
  .rg-nrk-program-action::before{content:'›'}
  .rg-nrk-program-action.is-primary{border:0;background:transparent;color:#fff}
  .rg-nrk-program-action.is-primary:hover{background:transparent}
  .rg-nrk-program-action.is-primary>svg{display:none}
  .rg-nrk-program-action.is-replay{min-height:30px;margin-left:auto;padding:6px 10px;border:0;border-radius:16px;background:#17467f;color:#fff;font-size:11px;gap:6px}
  .rg-nrk-program-action.is-replay:hover{background:#215994}
  .rg-nrk-program-action.is-replay::before{display:none}
  .rg-nrk-program-action.is-replay svg{width:13px;height:13px;display:block}
  .rg-series-follow,.rg-series-icon-button{width:auto;height:42px;min-height:42px;display:flex;align-items:center;gap:7px;margin-left:0;padding:0 14px;border:0;border-radius:999px;background:#0e4483;color:#fff;font-size:13px;font-weight:800}
  .rg-series-follow{margin-left:auto}.rg-series-follow svg{width:18px;height:18px}.rg-series-icon-button{width:42px;padding:0;justify-content:center}
  .rg-series-list-head{width:302px;grid-template-columns:minmax(0,1fr) 54px;gap:8px;margin:0 0 0;animation:rgSeriesListIn .42s .16s cubic-bezier(.2,.8,.2,1) both}
  .rg-series-list-title,.rg-series-sort{min-height:54px;background:#124680;border-radius:2px;font-size:15px}
  #rgSeriesEpisodes{width:calc(100% - 328px);margin:-54px 0 0 auto}
  .rg-series-month{margin:0 0 34px;animation:rgSeriesListIn .42s calc(.18s + var(--rg-series-index,0)*.06s) cubic-bezier(.2,.8,.2,1) both}
  .rg-series-month h2{display:flex;align-items:baseline;gap:18px;height:34px;margin:0 0 8px;padding:0 10px;color:#fff;font-size:16px;text-transform:capitalize}
  .rg-series-month h2 span{color:#8ea8c8;font-size:14px;font-weight:700}
  .rg-series-episode{min-height:209px;display:grid;grid-template-columns:minmax(280px,1.08fr) minmax(235px,1fr) auto;grid-template-rows:auto 1fr auto;gap:0 24px;align-items:start;margin:0 0 8px;padding:8px;border-radius:2px;background:transparent;transition:background-color .18s ease,transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .18s ease}
  .rg-series-episode:hover,.rg-series-episode.is-playing{background:#123f78;transform:translateY(-2px);box-shadow:none}
  .rg-series-episode:has(.rg-series-episode-status){background:#123f78}
  .rg-series-episode-media{grid-column:1;grid-row:1/4;width:100%;aspect-ratio:16/9;border-radius:2px}
  .rg-series-episode>div:nth-child(2){grid-column:2/4;grid-row:1;padding-top:14px}
  .rg-series-episode-title{font-size:17px;line-height:1.3}.rg-series-episode-date{font-size:13px}
  .rg-series-episode-desc{grid-column:2/4;grid-row:2;margin:8px 0;color:#fff;font-size:15px;line-height:1.42}
  .rg-series-episode-play,.rg-series-episode-status{grid-column:2;grid-row:3;align-self:end;justify-self:start;margin-bottom:12px}
  .rg-series-episode-play{width:48px;height:48px}.rg-series-episode-status{display:flex;align-items:center;min-height:48px;color:#ffe67a;font-size:14px}
  @keyframes rgSeriesBackdropIn{from{opacity:0;transform:scale(1.012)}to{opacity:1;transform:scale(1)}}
  @keyframes rgSeriesCardIn{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
  @keyframes rgSeriesListIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
  @media(max-width:899px){
    /* No celular o Kveldsåpent deixa de usar o hero duplicado/sobreposto:
       a arte passa a ser o topo do próprio cartão, seguida pela ficha escura. */
    .rg-series{width:min(760px,calc(100% - 28px));padding-bottom:112px}
    .rg-series-hero{margin-bottom:32px}
    .rg-series-hero-backdrop{display:none}
    .rg-series-topcard{display:block;min-height:0;margin-top:0;background:#061629;animation:rgSeriesMobileCardIn .46s cubic-bezier(.16,1,.3,1) both}
    .rg-series-topcard .rg-series-hero-media{width:100%;aspect-ratio:1.45/1;background:#123f78}
    .rg-series-topcard .rg-series-hero-media .rg-nrk-program-media{height:100%}
    .rg-series-topcard .rg-series-hero-media img{width:100%;height:100%;object-fit:cover}
    .rg-series-topcard .rg-series-hero-copy{padding:20px 20px 23px}
    .rg-series-tags{position:static;margin:0 0 14px;gap:6px}
    .rg-series-tag{padding:4px 7px;color:#9ebfe6;background:#092748;font-size:11px;line-height:1.1}
    .rg-series-hero h1{font-size:25px;line-height:1.08;letter-spacing:-.035em}
    .rg-series-description{margin-top:10px;color:#fff;font-size:16px;line-height:1.46}
    .rg-series-hero-actions{display:flex;flex-wrap:nowrap;align-items:center;margin-top:17px;gap:11px}
    .rg-series-live,.rg-nrk-program-action{min-width:0;min-height:56px;gap:12px;font-size:15px;line-height:1.12;text-align:left}
    .rg-series-live span:first-child,.rg-nrk-program-action::before{width:54px;height:54px;flex:0 0 54px;font-size:34px;background:#8bb9ef}
    .rg-nrk-program-action{flex:1}.rg-nrk-program-action .rg-series-action-copy{display:grid;gap:3px}.rg-nrk-program-action small{display:block;color:#b9c8da;font-size:13px;font-weight:550}
    .rg-nrk-program-action.is-replay{flex:0 0 auto;min-height:30px;font-size:11px}
    .rg-series-follow{width:44px;height:44px;min-height:44px;flex:0 0 44px;margin-left:auto;padding:0;justify-content:center;background:#0e4483}
    .rg-series-follow span,.rg-series-icon-button{display:none}
    .rg-series-list-head{width:100%;grid-template-columns:minmax(0,1fr) 58px;gap:10px;margin-top:0}
    .rg-series-list-title,.rg-series-sort{min-height:58px;background:#124680;border-radius:2px;font-size:16px}
    .rg-series-list-title{padding-inline:15px}.rg-series-list-title svg{width:18px;height:18px}
    .rg-series-sort{width:58px}.rg-series-sort svg{width:25px;height:25px}
    #rgSeriesEpisodes{width:100%;margin:31px 0 0}
    .rg-series-month{margin-bottom:32px}
    .rg-series-month h2{height:auto;margin:0 0 22px;padding:0 10px;gap:20px;font-size:17px}
    .rg-series-month h2 span{font-size:15px}
    .rg-series-episode{min-height:0;grid-template-columns:clamp(114px,33vw,151px) minmax(0,1fr);grid-template-rows:auto auto auto;gap:12px 14px;margin:0 0 18px;padding:10px;border-radius:2px;background:transparent}
    .rg-series-episode:hover,.rg-series-episode.is-playing{transform:none;background:#123f78}
    .rg-series-episode:has(.rg-series-episode-status){background:transparent}
    .rg-series-episode-media{grid-column:1;grid-row:1;width:100%;aspect-ratio:16/9;border-radius:5px}
    .rg-series-episode>div:nth-child(2){grid-column:2;grid-row:1;padding:2px 0 0}
    .rg-series-episode-title{font-size:17px;line-height:1.2}.rg-series-episode-date{margin-top:3px;font-size:13px;line-height:1.28}
    .rg-series-episode-desc{grid-column:1/3;grid-row:2;margin:0;color:#fff;font-size:15px;line-height:1.42;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
    .rg-series-episode-play,.rg-series-episode-status{grid-row:3;margin:0}
    .rg-series-episode-play{grid-column:1;width:52px;height:52px;justify-self:start}
    .rg-series-episode-play::before{inset:4px}
    .rg-series-episode-status{grid-column:1/3;min-height:38px;color:#ffe67a;font-size:15px}
    .rg-series-episode:has(.rg-series-episode-status) .rg-series-episode-desc{display:none}
  }
  @media(max-width:520px){
    .rg-series{width:calc(100% - 20px)}
    .rg-series-topcard .rg-series-hero-media{aspect-ratio:1.45/1}
    .rg-series-topcard .rg-series-hero-copy{padding:18px 17px 21px}
    .rg-series-hero h1{font-size:23px}.rg-series-description{font-size:15px}
    .rg-series-list-head{grid-template-columns:minmax(0,1fr) 54px;gap:8px}.rg-series-list-title,.rg-series-sort{min-height:54px}.rg-series-sort{width:54px}
    .rg-series-episode{grid-template-columns:118px minmax(0,1fr);gap:10px 12px;padding:8px}
    .rg-series-episode-desc{font-size:13px;-webkit-line-clamp:2}
  }
  @keyframes rgSeriesMobileCardIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
  @media(prefers-reduced-motion:reduce){.rg-series-hero-backdrop,.rg-series-topcard,.rg-series-list-head,.rg-series-month{animation:none}.rg-series-episode{transition:none}}

  /* Conta MAIS TUNER — o fluxo segue a mesma composição medida no login do
     NRK Radio, mas usa a identidade e a base de usuários do próprio site. */
  .rg-account-button{
    display:flex;align-items:center;gap:9px;min-height:44px;padding:0 15px;border:0;border-radius:999px;
    color:#eef6ff;background:#133660;font:800 12px 'NRK Sans','Reddit Sans','Plus Jakarta Sans',sans-serif;
    margin-left:auto;cursor:pointer;transition:background .15s ease,transform .15s ease;
  }
  .rg-header .rg-close{margin-left:0}
  .radioguide,.radioguide button,.radioguide input,.radioguide select,
  .rg-series-native-player,.rg-series-native-player button,.rg-series-fullscreen,.rg-series-fullscreen button,
  .mt-auth-overlay,.mt-auth-overlay button,.mt-auth-overlay input{font-family:'NRK Sans','Reddit Sans','Plus Jakarta Sans',sans-serif!important}
  .radioguide .rg-series,.radioguide .rg-series *,
  .mt-auth-overlay,.mt-auth-overlay *{font-family:'NRK Sans','Reddit Sans','Plus Jakarta Sans',sans-serif!important}
  .rg-account-button:hover{background:#194679;transform:translateY(-1px)}
  .rg-account-button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9}
  .rg-account-button[data-signed-in="true"]{color:#071d34;background:#8bb9ef}
  .mt-auth-overlay{
    position:fixed;inset:0;z-index:4900;display:none;overflow:auto;overscroll-behavior:contain;
    color:#fff;background:#071a32;font-family:'NRK Sans','Reddit Sans','Plus Jakarta Sans',sans-serif;
  }
  .mt-auth-overlay.show{display:block;animation:mtAuthFade .22s ease both}
  .mt-auth-overlay::before,.mt-auth-overlay::after{content:"";position:fixed;pointer-events:none;opacity:.72;filter:saturate(.82)}
  .mt-auth-overlay::before{inset:-20% 42% 20% -18%;background:linear-gradient(145deg,rgba(31,99,152,.78),rgba(31,99,152,0) 72%);clip-path:polygon(0 0,100% 0,58% 100%,0 76%)}
  .mt-auth-overlay::after{inset:42% -8% -28% 48%;background:linear-gradient(325deg,rgba(22,79,133,.78),rgba(22,79,133,0) 74%);clip-path:polygon(36% 0,100% 20%,100% 100%,0 100%)}
  .mt-auth-shell{position:relative;z-index:1;min-height:100dvh;padding:28px 34px 54px}
  .mt-auth-topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;max-width:1440px;margin:0 auto}
  .mt-auth-brand{display:flex;align-items:center;gap:10px;color:#fff;font-size:25px;font-weight:850;letter-spacing:-.045em}
  .mt-auth-brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;color:#071d34;background:#64efc5;font-size:18px;font-weight:950}
  .mt-auth-back{display:flex;align-items:center;gap:8px;min-height:42px;padding:0 16px;border:1px solid rgba(158,190,226,.28);border-radius:999px;color:#fff;background:rgba(6,25,49,.54);font:800 12px inherit;cursor:pointer}
  .mt-auth-back svg{width:17px;height:17px;fill:currentColor}
  .mt-auth-stage{display:grid;place-items:start center;padding:72px 0 40px}
  .mt-auth-card{width:min(500px,100%);padding:46px 48px 38px;border-radius:4px;color:#0a1c31;background:#fff;box-shadow:0 28px 90px rgba(0,0,0,.38)}
  .mt-auth-step{display:none}.mt-auth-step.active{display:block;animation:mtAuthStep .2s ease both}
  .mt-auth-pill{display:inline-flex;align-items:center;min-height:27px;margin-bottom:20px;padding:0 11px;border-radius:999px;color:#173b65;background:#dfeefa;font-size:11px;font-weight:850}
  .mt-auth-card h1{margin:0 0 12px;color:#071a31;font-size:34px;line-height:1.08;letter-spacing:-.045em}
  .mt-auth-card p{margin:0 0 30px;color:#42566e;font:500 15px/1.52 'Work Sans',sans-serif}
  .mt-auth-field{display:grid;gap:7px;margin:0 0 18px}
  .mt-auth-field label{color:#0a1d33;font-size:13px;font-weight:850}
  .mt-auth-input-wrap{position:relative}
  .mt-auth-field input{width:100%;height:54px;padding:0 15px;border:2px solid #59718b;border-radius:2px;outline:0;color:#091a2d;background:#fff;font:600 16px 'Work Sans',sans-serif;transition:border-color .12s,box-shadow .12s}
  .mt-auth-field input:focus{border-color:#0d61ad;box-shadow:0 0 0 3px rgba(39,118,190,.2)}
  .mt-auth-field input[aria-invalid="true"]{border-color:#b52f3e}
  .mt-auth-password-toggle{position:absolute;right:5px;top:5px;width:44px;height:44px;border:0;border-radius:2px;color:#153c65;background:#e7f0f8;font-size:18px;cursor:pointer}
  .mt-auth-primary{display:flex;align-items:center;justify-content:center;gap:11px;width:100%;min-height:54px;margin-top:24px;border:0;border-radius:2px;color:#fff;background:#0d4c8b;font:850 15px inherit;cursor:pointer;transition:background .14s}
  .mt-auth-primary:hover{background:#0a3e74}.mt-auth-primary:disabled{cursor:wait;opacity:.62}
  .mt-auth-primary span{font-size:22px;line-height:1}
  .mt-auth-divider{height:1px;margin:32px 0 25px;background:#d9e0e8}
  .mt-auth-register-row{display:flex;align-items:center;justify-content:space-between;gap:16px;color:#354b63;font:600 13px 'Work Sans',sans-serif}
  .mt-auth-secondary{min-height:40px;padding:0 15px;border:2px solid #164e84;border-radius:2px;color:#123e69;background:#fff;font:850 12px inherit;cursor:pointer}
  .mt-auth-link{display:inline-flex;margin-top:18px;padding:0;border:0;color:#164f85;background:transparent;font:800 13px inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
  .mt-auth-message{display:none;margin:0 0 18px!important;padding:12px 14px;border-radius:2px;color:#812337!important;background:#fde8ec;font-size:13px!important}
  .mt-auth-message.show{display:block}.mt-auth-message.success{color:#16513c!important;background:#e2f7ed}
  .mt-auth-hint{margin:16px 0 0!important;padding:12px 14px;border-radius:2px;color:#173b65!important;background:#eef4fb;font:600 12px/1.55 inherit!important}
  .mt-auth-hint code{display:block;margin-top:7px;font:900 15px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;word-break:break-all}
  .mt-auth-service{display:flex;align-items:flex-start;gap:9px;margin:0 0 18px!important;padding:11px 13px;border-radius:2px;color:#5a4210!important;background:#fdf3d8;font:600 12px/1.5 inherit!important}
  .mt-auth-service::before{content:'!';display:grid;place-items:center;flex:0 0 17px;width:17px;height:17px;border-radius:50%;background:#c9971a;color:#fff;font:900 11px inherit}
  .mt-auth-service[hidden]{display:none}
  .mt-newsroom-form{display:grid;gap:14px;margin:20px 0 16px}
  .mt-newsroom-form textarea{width:100%;min-height:170px;padding:13px 14px;border:1px solid rgba(12,42,78,.2);border-radius:2px;background:#fff;color:#0b1b2e;font:500 14px/1.65 inherit;resize:vertical}
  .mt-newsroom-form textarea:focus{border-color:#164f85;outline:0}
  .mt-newsroom-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
  .mt-newsroom-actions .mt-auth-primary{width:auto;padding:0 22px}
  .mt-newsroom-status{margin:14px 0 0!important;min-height:17px;color:#164f85!important;font:700 12px/1.5 inherit!important}
  .mt-newsroom-status.is-error{color:#9c1f3d!important}
  .mt-newsroom-heading{margin:26px 0 10px;font-size:15px;letter-spacing:-.01em}
  .mt-newsroom-list{display:grid;gap:9px}
  .mt-newsroom-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:13px 14px;border-radius:2px;background:#f2f5fa}
  .mt-newsroom-row strong{display:block;overflow:hidden;color:#0b1b2e;font-size:14px;text-overflow:ellipsis;white-space:nowrap}
  .mt-newsroom-row small{display:block;margin-top:3px;color:#5d7290;font-size:11px}
  .mt-newsroom-row-actions{display:flex;gap:7px}
  .mt-newsroom-row button{height:32px;padding:0 11px;border:0;border-radius:2px;background:#e3e9f2;color:#173b65;font:800 10px inherit;cursor:pointer}
  .mt-newsroom-row button.is-remove{background:#fbe3ea;color:#9c1f3d}
  .mt-newsroom-badge{display:inline-flex;align-items:center;margin-right:7px;padding:3px 7px;border-radius:999px;font-size:9px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
  .mt-newsroom-badge.is-live{background:#e2f7ed;color:#16513c}
  .mt-newsroom-badge.is-draft{background:#fdf3d8;color:#5a4210}
  .mt-auth-inline-link{display:inline-flex;margin-top:14px;padding:0;border:0;color:#164f85;background:transparent;font:800 12px inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
  .mt-account-avatar{display:grid;place-items:center;width:68px;height:68px;margin-bottom:22px;border-radius:50%;color:#071d34;background:#8bb9ef;font-size:26px;font-weight:900}
  .mt-account-email{margin-top:-18px!important;color:#63758a!important}
  .mt-auth-card:has(#mtAccountStep.active){width:min(880px,100%);padding:38px 42px;color:#fff;background:#08284d;box-shadow:0 24px 80px rgba(0,0,0,.3)}
  .mt-auth-card:has(#mtAccountListStep.active),.mt-auth-card:has(#mtThemeStep.active),.mt-auth-card:has(#mtAvatarStep.active){width:min(800px,100%);padding:38px 42px;color:#fff;background:#0c3567;box-shadow:0 24px 80px rgba(0,0,0,.3)}
  .mt-auth-card #mtAccountStep.active h1,.mt-auth-card #mtAccountStep.active h2,.mt-auth-card #mtAccountListStep.active h1,.mt-auth-card #mtThemeStep.active h1,.mt-auth-card #mtAvatarStep.active h1{color:#fff}
  .mt-auth-card #mtAccountListStep.active p,.mt-auth-card #mtThemeStep.active p,.mt-auth-card #mtAvatarStep.active p,.mt-auth-card:has(#mtAccountListStep.active) :is(.mt-auth-message,.mt-auth-service),.mt-auth-card:has(#mtThemeStep.active) :is(.mt-auth-message,.mt-auth-service),.mt-auth-card:has(#mtAvatarStep.active) :is(.mt-auth-message,.mt-auth-service){color:#b8cce2}
  .mt-account-head{display:flex;align-items:center;gap:19px;margin-bottom:28px}.mt-account-head .mt-account-avatar{flex:0 0 68px;margin:0}.mt-account-head h1{margin-bottom:6px}.mt-account-head .mt-account-email{margin:0!important;color:#9eb7d5!important}
  .mt-account-menu{display:grid;gap:8px;margin:0 0 26px}
  .mt-account-menu-row{width:100%;min-height:72px;display:grid;grid-template-columns:40px minmax(0,1fr) 24px;align-items:center;gap:12px;padding:10px 17px;border:0;border-radius:3px;color:#fff;background:#15569e;text-align:left;cursor:pointer;transition:background .15s ease,transform .15s ease}
  .mt-account-menu-row:hover{background:#1b64b7;transform:translateX(2px)}.mt-account-menu-row>span:nth-child(2){display:grid;gap:2px}.mt-account-menu-row strong{font-size:15px}.mt-account-menu-row small{color:#b9cee5;font:600 12px 'Work Sans',sans-serif}.mt-account-menu-row>b{font-size:30px;font-weight:400;text-align:right}.mt-account-menu-icon{color:#8fc0f2;font-size:25px;text-align:center}
  .mt-account-detail-list{display:grid;gap:8px;margin-top:24px}.mt-account-detail-row{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:13px;min-height:72px;padding:8px 13px;color:#fff;background:#15569e}.mt-account-detail-row img{width:58px;height:58px;object-fit:cover;border-radius:3px}.mt-account-detail-row strong{display:block;font-size:14px}.mt-account-detail-row small{display:block;margin-top:4px;color:#b9cee5;font:600 12px 'Work Sans',sans-serif}.mt-account-detail-empty{padding:22px;color:#b8cce2;background:#08284d;font:600 14px/1.5 'Work Sans',sans-serif}
  .mt-theme-options{display:grid;gap:0;margin:26px 0 22px;padding:0;border:0;background:#08284d}.mt-theme-options legend{width:100%;padding:0 0 12px;color:#fff;font-size:17px;font-weight:850}.mt-theme-options label{min-height:58px;display:flex;align-items:center;gap:13px;padding:0 18px;border-bottom:1px solid #31587f;color:#fff;font-size:15px;font-weight:800;cursor:pointer}.mt-theme-options label:last-child{border-bottom:0}.mt-theme-options input{width:23px;height:23px;margin:0;accent-color:#1d8cff}.mt-auth-card:has(#mtThemeStep.active) .mt-auth-primary{background:#2476d2}.mt-auth-card:has(#mtThemeStep.active) .mt-auth-signout{margin-top:10px}
  .mt-avatar-hero{min-height:210px;display:grid;place-items:center;margin:24px 0 12px;border-radius:10px;background:#08284d}.mt-avatar-hero-symbol{width:146px;height:146px;display:grid;place-items:center;border-radius:50%;background:#8ee8e4;color:#087486;font-size:48px;font-weight:950;box-shadow:0 0 0 12px rgba(41,110,180,.25)}.mt-avatar-picker-toggle{width:100%;min-height:70px;display:flex;align-items:center;gap:14px;padding:10px 16px;border:0;border-radius:8px;background:#1760a9;color:#fff;font:inherit;font-weight:900;text-align:left;cursor:pointer}.mt-avatar-picker-toggle .mt-avatar-symbol{width:46px;height:46px;flex:0 0 46px}.mt-avatar-picker-toggle b:last-child{margin-left:auto;font-size:30px}.mt-avatar-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0 24px;border:0;padding:0}.mt-avatar-options[hidden]{display:none!important}.mt-avatar-options legend{grid-column:1/-1;width:100%;padding:0 0 3px;color:#fff;font-size:17px;font-weight:850}.mt-avatar-choice{position:relative;min-height:112px;display:grid;place-items:center;gap:5px;padding:14px 8px;border:2px solid #35618d;border-radius:8px;background:#08284d;color:#fff;cursor:pointer;transition:border-color .16s ease,background-color .16s ease,transform .16s ease}.mt-avatar-choice:has(input:checked){border-color:#8bc3ff;background:#174c83;box-shadow:0 0 0 2px rgba(139,195,255,.24)}.mt-avatar-choice:hover{transform:translateY(-2px)}.mt-avatar-choice input{position:absolute;opacity:0;pointer-events:none}.mt-avatar-symbol{width:64px;height:64px;display:grid;place-items:center;border-radius:50%;background:#8bc3ff;color:#08284d;font-size:25px;font-weight:950}.mt-avatar-choice small{color:#d6e7f8;font-size:12px;font-weight:750}.mt-avatar-sprite{background-image:url('/assets/avatars/mais-tuner-avatar-sprite.png')!important;background-size:400% 300%!important;background-repeat:no-repeat!important;background-color:transparent!important;color:transparent!important}
  .mt-account-section{margin-top:28px;padding-top:23px;border-top:1px solid #dbe2e9}
  .mt-auth-card:has(#mtAccountStep.active) .mt-account-section{border-top-color:#31587f}
  .mt-account-section h2{margin:0 0 13px;font-size:18px;letter-spacing:-.025em}
  .mt-favorites-list{display:grid;gap:8px}.mt-favorites-list[hidden]{display:none!important}.mt-favorite-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:58px;padding:9px 13px;background:#edf3f8}
  .mt-auth-card:has(#mtAccountStep.active) .mt-favorite-row{color:#fff;background:#12467e}.mt-favorite-row strong{display:block;font-size:13px}.mt-favorite-row small{display:block;margin-top:2px;color:#667a91;font:600 11px 'Work Sans',sans-serif}.mt-auth-card #mtAccountStep.active .mt-favorite-row small{color:#a9c2dc}
  .mt-favorite-remove{width:34px;height:34px;border:0;color:#164e84;background:#dbe9f5;font-size:18px;cursor:pointer}
  .mt-favorites-empty{color:#64778c;font:500 13px/1.5 'Work Sans',sans-serif}
  .mt-auth-signout{width:100%;min-height:50px;margin-top:25px;border:2px solid #2672bd;color:#fff;background:transparent;font:850 13px inherit;cursor:pointer}
  .mt-auth-footer{position:relative;z-index:1;display:flex;justify-content:center;padding:20px;color:#abc0d9;font:700 11px 'Work Sans',sans-serif}
  @keyframes mtAuthFade{from{opacity:0}to{opacity:1}}@keyframes mtAuthStep{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
  @media(max-width:699px){
    .rg-account-button{width:44px;padding:0;justify-content:center}.rg-account-label{display:none}
    .mt-auth-shell{padding:18px 16px 36px}.mt-auth-brand{font-size:20px}.mt-auth-brand-mark{width:32px;height:32px;font-size:16px}
    .mt-auth-back{width:42px;padding:0;justify-content:center}.mt-auth-back span{display:none}
    .mt-auth-stage{padding:54px 0 24px}.mt-auth-card{padding:34px 24px 28px}.mt-auth-card h1{font-size:29px}.mt-auth-card p{font-size:14px;margin-bottom:25px}
    .mt-auth-card:has(#mtAccountStep.active),.mt-auth-card:has(#mtAccountListStep.active),.mt-auth-card:has(#mtThemeStep.active),.mt-auth-card:has(#mtAvatarStep.active){padding:27px 18px}.mt-account-head{align-items:flex-start;gap:13px}.mt-account-head .mt-account-avatar{width:54px;height:54px;flex-basis:54px;font-size:21px}.mt-account-head h1{font-size:25px}.mt-account-menu-row{min-height:66px;padding-inline:13px}.mt-avatar-options{grid-template-columns:repeat(3,minmax(0,1fr))}.mt-avatar-choice{min-height:96px}.mt-avatar-choice small{font-size:11px}
    .mt-auth-register-row{align-items:flex-start;flex-direction:column}.mt-auth-secondary{width:100%}
  }
  @media(prefers-reduced-motion:reduce){.mt-auth-overlay.show,.mt-auth-step.active{animation:none}.rg-account-button{transition:none}}

/* Source block: kwii-podcasts-menu-v241076 */
/* 24.10.76 — navegação real no botão das três barras e área de Podcasts. */
  html.site-menu-open,html.podcasts-open,html.hosts-open{overflow:hidden;}
  .site-menu-overlay{
    position:fixed;inset:0;z-index:1500;display:none;align-items:flex-start;justify-content:flex-end;
    padding:calc(86px + env(safe-area-inset-top)) max(18px,calc((100vw - var(--maxw))/2 + 18px)) 24px;
    background:rgba(2,14,31,.5);backdrop-filter:blur(10px);font-family:'Reddit Sans','Plus Jakarta Sans',sans-serif;
  }
  .site-menu-overlay.show{display:flex;}
  .site-menu-panel{
    width:min(430px,calc(100vw - 28px));padding:18px;border-radius:26px;color:#f8fbff;
    background:linear-gradient(155deg,rgba(19,48,83,.98),rgba(6,27,52,.98));
    box-shadow:0 32px 90px -28px rgba(0,0,0,.85),inset 0 1px rgba(255,255,255,.08);
  }
  .site-menu-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:15px;}
  .site-menu-head small{display:block;color:#5fffc0;font-size:9px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;}
  .site-menu-head strong{display:block;margin-top:3px;font-size:21px;letter-spacing:-.035em;}
  .site-menu-close{display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:14px;background:#173a62;color:#fff;font-size:24px;cursor:pointer;}
  .site-menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;}
  .site-menu-item{
    min-height:82px;padding:13px;border:0;border-radius:18px;color:#f4f8ff;background:rgba(7,25,48,.66);
    display:flex;align-items:center;gap:11px;text-align:left;cursor:pointer;font:800 13px 'Reddit Sans',sans-serif;
    transition:transform .18s ease,background .18s ease,color .18s ease;
  }
  .site-menu-item:hover{transform:translateY(-2px);background:#1a4674;}
  .site-menu-item.is-featured{color:#05213d;background:linear-gradient(135deg,#5fffc0,#3ddcf9);}
  .site-menu-icon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:13px;background:rgba(255,255,255,.09);font-size:19px;}
  .site-menu-item.is-featured .site-menu-icon{background:rgba(5,33,61,.12);}
  .site-menu-copy{min-width:0;}
  .site-menu-copy span{display:block;}
  .site-menu-copy small{display:block;margin-top:3px;color:#8fa8c9;font-size:9px;font-weight:700;line-height:1.3;}
  .site-menu-item.is-featured .site-menu-copy small{color:#24506d;}

  .podcasts-page{
    position:fixed;inset:0;z-index:1220;display:none;overflow:auto;overscroll-behavior:contain;color:#f7fbff;
    background:radial-gradient(circle at 84% 6%,rgba(122,94,255,.27),transparent 31%),
      radial-gradient(circle at 8% 48%,rgba(95,255,192,.12),transparent 26%),linear-gradient(145deg,#07182d,#0b2444 58%,#071526);
    font-family:'Reddit Sans','Plus Jakarta Sans',sans-serif;
  }
  .podcasts-page.show{display:block;}
  .podcasts-shell{width:min(1180px,calc(100% - 38px));margin:0 auto;padding:0 0 96px;}
  .podcasts-topbar{position:sticky;top:0;z-index:7;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:76px;padding:calc(10px + env(safe-area-inset-top)) 0 10px;background:linear-gradient(180deg,#07182d 72%,rgba(7,24,45,0));}
  .podcasts-back{display:flex;align-items:center;gap:8px;min-height:42px;padding:0 16px;border:0;border-radius:14px;color:#f7fbff;background:#142e50;font:800 12px 'Reddit Sans',sans-serif;cursor:pointer;}
  .podcasts-back svg{width:18px;height:18px;fill:currentColor;}
  .podcasts-topbrand{display:flex;align-items:center;gap:10px;min-width:0;}
  .podcasts-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:14px;color:#08213d;background:linear-gradient(145deg,#5fffc0,#4bdcff);font-size:20px;box-shadow:0 14px 34px -18px #4bdcff;}
  .podcasts-topbrand strong{display:block;font-size:15px;}.podcasts-topbrand span{display:block;margin-top:2px;color:#8fa8c9;font-size:9px;font-weight:850;letter-spacing:.12em;text-transform:uppercase;}
  .podcasts-hero{padding:50px 0 30px;}
  .podcasts-kicker{color:#5fffc0;font-size:10px;font-weight:900;letter-spacing:.17em;text-transform:uppercase;}
  .podcasts-hero h1{max-width:780px;margin:10px 0 13px;font-size:clamp(44px,7vw,80px);line-height:.95;letter-spacing:-.058em;}
  .podcasts-hero p{max-width:700px;margin:0;color:#a6b9d3;font:500 15px/1.65 'Work Sans',sans-serif;}
  .podcasts-notice{display:flex;align-items:flex-start;gap:11px;margin-top:22px;padding:14px 16px;border-radius:18px;background:rgba(95,255,192,.08);color:#bcd4e8;font-size:11px;line-height:1.5;}
  .podcasts-notice i{flex:0 0 9px;width:9px;height:9px;margin-top:4px;border-radius:50%;background:#5fffc0;box-shadow:0 0 16px #5fffc0;}
  .podcasts-tools{display:flex;align-items:center;gap:12px;margin:0 0 22px;}
  .podcasts-search{flex:1;display:flex;align-items:center;gap:10px;min-height:50px;padding:0 16px;border-radius:17px;background:#122e51;}
  .podcasts-search svg{width:19px;height:19px;fill:#7f99bb;}.podcasts-search input{width:100%;border:0;outline:0;color:#fff;background:transparent;font:700 13px 'Reddit Sans',sans-serif;}
  .podcasts-search input::placeholder{color:#7890af;}
  .podcasts-filters{display:flex;gap:7px;overflow:auto;margin:0 0 22px;padding-bottom:3px;scrollbar-width:none;}.podcasts-filters::-webkit-scrollbar{display:none;}
  .podcasts-filter{flex:0 0 auto;min-height:38px;padding:0 14px;border:0;border-radius:999px;color:#aebdd2;background:#102c4e;font:800 10px 'Reddit Sans',sans-serif;cursor:pointer;}
  .podcasts-filter.active{color:#06213b;background:#5fffc0;}
  .podcasts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
  .podcast-card{position:relative;min-width:0;overflow:hidden;border:0;border-radius:24px;color:#fff;background:#102b4b;text-align:left;cursor:pointer;box-shadow:0 22px 60px -42px #000;}
  .podcast-cover-wrap{position:relative;aspect-ratio:16/10;overflow:hidden;background:linear-gradient(145deg,#173d69,#261c58);}
  .podcast-cover{display:block;width:100%;height:100%;object-fit:cover;transition:transform .28s cubic-bezier(.22,1,.36,1);}
  .podcast-card:hover .podcast-cover{transform:scale(1.025);}
  .podcast-badge{position:absolute;left:13px;top:13px;padding:6px 9px;border-radius:999px;color:#09223d;background:rgba(95,255,192,.93);font-size:8px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;}
  .podcast-playhint{position:absolute;right:13px;bottom:13px;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;color:#08213d;background:#fff;font-size:16px;box-shadow:0 14px 30px -15px #000;}
  .podcast-copy{display:block;padding:16px 17px 18px;}.podcast-station{display:block;color:#63f4c4;font-size:8px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;}.podcast-card-title{display:block;margin:6px 0 7px;font-size:21px;font-weight:800;line-height:1.05;letter-spacing:-.035em;}.podcast-card-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0;color:#93a9c6;font:500 11px/1.5 'Work Sans',sans-serif;}
  .podcasts-empty{display:none;padding:28px;border-radius:22px;background:#102b4b;text-align:center;color:#9db0ca;font-size:13px;}.podcasts-empty.show{display:block;}
  .podcast-detail-overlay{position:fixed;inset:0;z-index:1290;display:none;place-items:center;padding:20px;background:rgba(2,13,29,.7);backdrop-filter:blur(12px);}.podcast-detail-overlay.show{display:grid;}
  .podcast-detail{width:min(720px,100%);max-height:min(760px,calc(100dvh - 32px));overflow:auto;border-radius:28px;background:linear-gradient(150deg,#16395f,#0a213d);box-shadow:0 36px 100px -30px #000;}
  .podcast-detail-visual{position:relative;aspect-ratio:16/7;overflow:hidden;background:#132f52;}.podcast-detail-visual img{width:100%;height:100%;object-fit:cover;}.podcast-detail-close{position:absolute;right:14px;top:14px;display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:14px;color:#fff;background:rgba(4,22,43,.78);font-size:23px;cursor:pointer;}
  .podcast-detail-copy{padding:24px;}.podcast-detail-copy small{color:#5fffc0;font-size:9px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;}.podcast-detail-copy h2{margin:7px 0 10px;font-size:clamp(30px,5vw,48px);letter-spacing:-.05em;}.podcast-detail-copy p{margin:0;color:#b2c3d9;font:500 14px/1.65 'Work Sans',sans-serif;}.podcast-availability{margin:18px 0;padding:14px;border-radius:16px;color:#9fb2cc;background:rgba(4,22,43,.55);font-size:11px;line-height:1.5;}.podcast-actions{display:flex;flex-wrap:wrap;gap:9px;}.podcast-action{min-height:44px;padding:0 16px;border:0;border-radius:14px;color:#06213b;background:#5fffc0;font:850 11px 'Reddit Sans',sans-serif;cursor:pointer;}.podcast-action.secondary{color:#fff;background:#1c4774;}
  .podcast-schedule{margin:22px 0;padding:18px;border-radius:24px;background:linear-gradient(145deg,#0b2949,#081f39);box-shadow:inset 0 1px rgba(255,255,255,.045);}
  .podcast-schedule-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:14px;padding:0 2px;}
  .podcast-schedule-head strong{font-size:15px;letter-spacing:-.025em;}.podcast-schedule-head span{color:#7f9ab9;font-size:8px;font-weight:850;letter-spacing:.1em;text-transform:uppercase;}
  .podcast-schedule-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;}
  .podcast-schedule-row{position:relative;min-width:0;padding:13px 14px 14px 17px;border-radius:17px;background:#102f52;overflow:hidden;}
  .podcast-schedule-row::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(#5fffc0,#35d7ff);}
  .podcast-schedule-station{display:flex;align-items:center;gap:9px;min-width:0;}
  .podcast-schedule-station::before{content:"";width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#5fffc0;box-shadow:0 0 14px rgba(95,255,192,.62);}
  .podcast-schedule-station strong{display:block;min-width:0;color:#fff;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .podcast-schedule-station small{display:block;margin-top:2px;color:#7f99b9;font-size:7px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;}
  .podcast-schedule-slots{display:grid;gap:6px;margin-top:11px;}
  .podcast-schedule-slot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:7px;border-top:1px solid rgba(144,178,215,.12);}
  .podcast-schedule-slot b{color:#65efc4;font-size:11px;line-height:1.25;letter-spacing:.01em;}
  .podcast-schedule-slot em{color:#a6b9cf;font-size:8px;font-style:normal;line-height:1.3;text-align:right;}
  .podcast-schedule-summary{display:inline-flex;align-items:center;gap:5px;margin-top:10px;color:#61eec1;font-size:8px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;}
  .podcast-episode-base{margin:20px 0 18px;padding:16px;border-radius:21px;background:#081f39;}
  .podcast-episode-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;}
  .podcast-episode-head strong{font-size:15px;}.podcast-episode-head span{color:#7e98b8;font-size:8px;font-weight:850;letter-spacing:.1em;text-transform:uppercase;}
  .podcast-episode-frame{display:block;width:100%;height:520px;border:0;border-radius:15px;background:#121212;color-scheme:dark;}
  .dist-header-actions{display:flex;align-items:center;gap:8px;}
  .dist-menu-btn{display:grid;place-items:center;width:42px;height:42px;padding:0;border:0;border-radius:14px;color:#eef5ff;background:#132b4b;cursor:pointer;}
  .dist-menu-btn svg{width:20px;height:20px;fill:currentColor;}
  @media(max-width:840px){.podcasts-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
  @media(max-width:699px){
    .site-menu-overlay{align-items:flex-end;padding:0;}.site-menu-panel{width:100%;border-radius:26px 26px 0 0;padding:18px 14px calc(18px + env(safe-area-inset-bottom));}.site-menu-item{min-height:74px;padding:11px;}.site-menu-copy small{font-size:8px;}
    .podcasts-shell{width:min(100% - 24px,620px);padding-bottom:calc(86px + env(safe-area-inset-bottom));}.podcasts-topbar{min-height:66px;}.podcasts-back{width:42px;padding:0;justify-content:center;}.podcasts-back span,.podcasts-topbrand span{display:none;}.podcasts-hero{padding:28px 0 22px;}.podcasts-hero h1{font-size:clamp(42px,14vw,62px);}.podcasts-tools{margin-bottom:15px;}.podcasts-grid{gap:11px;}.podcast-card{border-radius:20px;}.podcast-copy{padding:13px 13px 15px;}.podcast-card-title{font-size:18px;}.podcast-detail-overlay{align-items:end;padding:0;}.podcast-detail{max-height:92dvh;border-radius:26px 26px 0 0;padding-bottom:env(safe-area-inset-bottom);}.podcast-detail-copy{padding:20px 16px 22px;}
  }
  @media(max-width:389px){.podcasts-grid{grid-template-columns:1fr;}.site-menu-grid{grid-template-columns:1fr 1fr;}.site-menu-item{display:block;min-height:94px;}.site-menu-copy{margin-top:8px;}}
  @media(prefers-reduced-motion:reduce){.site-menu-item,.podcast-cover{transition:none!important;}}

  /* Composição editorial inspirada na referência enviada: barra lateral,
     busca fixa e prateleiras horizontais — com a identidade MAIS TUNER. */
  .podcasts-page{background:#06162a;}
  .podcasts-app{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:100dvh;}
  .podcasts-sidebar{position:sticky;top:0;height:100dvh;padding:24px 16px;border-right:1px solid rgba(148,177,213,.12);background:#071427;}
  .podcasts-side-brand{display:flex;align-items:center;gap:11px;margin:0 6px 32px;}.podcasts-side-brand strong{display:block;font-size:20px;letter-spacing:-.04em;}.podcasts-side-brand small{display:block;margin-top:2px;color:#6ceec6;font-size:8px;font-weight:900;letter-spacing:.17em;}
  .podcasts-sidebar>button{display:flex;align-items:center;gap:12px;width:100%;min-height:46px;margin:4px 0;padding:0 12px;border:0;border-radius:14px;color:#a9bbd2;background:transparent;text-align:left;font:800 12px 'Reddit Sans',sans-serif;cursor:pointer;}.podcasts-sidebar>button span{display:grid;place-items:center;width:24px;color:#dbe8f8;font-weight:900;}.podcasts-sidebar>button:hover{color:#fff;background:#102a49;}.podcasts-sidebar>button.active{color:#061d35;background:linear-gradient(135deg,#5fffc0,#45d9ff);}
  .podcasts-side-label{display:block;margin:26px 12px 9px;color:#607b9c;font-size:8px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;}
  .podcasts-main{min-width:0;}.podcasts-main .podcasts-topbar{padding-inline:28px;border-bottom:1px solid rgba(148,177,213,.11);background:rgba(6,22,42,.94);backdrop-filter:blur(18px);}
  .podcasts-main .podcasts-search{flex:0 1 620px;margin-inline:auto;min-height:44px;border:1px solid rgba(150,179,216,.22);background:#0c213c;}.podcasts-main .podcasts-topbrand{justify-self:end;}
  .podcasts-main .podcasts-shell{width:min(1120px,calc(100% - 56px));}
  .podcasts-main .podcasts-hero{padding-top:42px;}.podcasts-main .podcasts-hero h1{font-size:clamp(42px,5vw,70px);}
  .podcasts-rails{display:grid;gap:38px;}.podcast-rail{min-width:0;}.podcast-rail-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:13px;}.podcast-rail-head h2{margin:0;font-size:22px;letter-spacing:-.035em;}.podcast-rail-head span{color:#7189aa;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.1em;}
  .podcast-rail-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(238px,29%);gap:13px;overflow-x:auto;padding:2px 2px 13px;scroll-snap-type:x proximity;overscroll-behavior-inline:contain;scrollbar-color:#27466c transparent;}.podcast-rail-track .podcast-card{scroll-snap-align:start;background:transparent;box-shadow:none;border-radius:15px;}.podcast-rail-track .podcast-cover-wrap{aspect-ratio:1;border-radius:15px;}.podcast-rail-track .podcast-copy{padding:11px 1px 4px;}.podcast-rail-track .podcast-card-title{font-size:16px;line-height:1.15;}.podcast-rail-track .podcast-card-description{-webkit-line-clamp:2;color:#8297b4;}.podcast-rail-track .podcast-badge{left:10px;top:10px;}.podcast-rail-track .podcast-playhint{right:10px;bottom:10px;width:38px;height:38px;}
  .podcast-detail-overlay{display:none;place-items:start center;overflow:auto;padding:84px 26px 110px;background:#06162a;backdrop-filter:none;}.podcast-detail-overlay.show{display:grid;}.podcast-detail{width:min(1060px,100%);max-height:none;overflow:visible;border-radius:0;background:transparent;box-shadow:none;}.podcast-detail-visual{aspect-ratio:16/7;border-radius:26px;background:#102d4e;}.podcast-detail-visual::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,13,28,.18),rgba(2,13,28,.72));pointer-events:none;}.podcast-detail-visual img{filter:saturate(.86);}.podcast-detail-close{z-index:2;}.podcast-detail-copy{position:relative;z-index:2;width:min(760px,calc(100% - 70px));margin:-150px 0 0 42px;padding:0 0 30px;}.podcast-detail-copy small{color:#5fffc0;}.podcast-detail-copy h2{max-width:720px;margin-top:9px;font-size:clamp(42px,6vw,74px);line-height:.96;color:#fff;text-shadow:0 4px 28px #000;}.podcast-detail-copy p{max-width:650px;color:#e2eaf4;text-shadow:0 2px 18px #000;}.podcast-availability{margin-top:32px;background:#0d2948;text-shadow:none;}.podcast-actions{margin-top:14px;}
  @media(max-width:900px){.podcasts-app{grid-template-columns:190px minmax(0,1fr);}.podcasts-sidebar{padding-inline:12px;}.podcast-rail-track{grid-auto-columns:minmax(220px,42%);}}
  @media(max-width:699px){
    .podcasts-app{display:block;}.podcasts-sidebar{display:none;}.podcasts-main .podcasts-topbar{padding-inline:12px;gap:9px;}.podcasts-main .podcasts-search{order:3;flex:1 1 100%;min-width:0;}.podcasts-main .podcasts-topbar{flex-wrap:wrap;padding-bottom:12px;}.podcasts-main .podcasts-topbrand{margin-left:auto;}.podcasts-main .podcasts-shell{width:min(100% - 24px,620px);}.podcasts-main .podcasts-hero{padding-top:24px;}.podcasts-main .podcasts-hero h1{font-size:clamp(40px,13vw,58px);}.podcast-rail-track{grid-auto-columns:minmax(190px,72%);}.podcast-rail-head h2{font-size:19px;}.podcast-detail-overlay{align-items:start;padding:12px 12px calc(34px + env(safe-area-inset-bottom));}.podcast-detail{padding-bottom:0;}.podcast-detail-visual{aspect-ratio:4/5;border-radius:23px;}.podcast-detail-visual::after{background:linear-gradient(0deg,rgba(2,13,28,.92),transparent 60%);}.podcast-detail-copy{width:auto;margin:-165px 14px 0;padding-bottom:22px;}.podcast-detail-copy h2{font-size:clamp(38px,12vw,56px);}.podcast-detail-copy p{font-size:13px;}.podcast-availability{margin-top:24px;}.podcast-actions{display:grid;grid-template-columns:1fr 1fr;}.podcast-action{padding-inline:10px;}.podcast-detail-close{position:fixed;right:22px;top:calc(20px + env(safe-area-inset-top));}.podcast-schedule{margin-inline:-2px;padding:14px;border-radius:20px;}.podcast-schedule-list{grid-template-columns:1fr;}.podcast-schedule-head{align-items:flex-start;flex-direction:column;gap:4px;}.podcast-schedule-slot{align-items:flex-start;flex-direction:column;gap:3px;}.podcast-schedule-slot em{text-align:left;}.podcast-episode-base{margin-inline:-2px;padding:11px;}.podcast-episode-frame{height:480px;}
  }

  /* Cabeçalhos das áreas do produto usam a mesma régua visual. Podcasts fica
     fora desta regra porque sua busca faz parte do cabeçalho editorial. */
  :root{--kwii-section-header-height:76px;}
  .topbar-inner,.rg-header,.radiovision-topbar,.dist-topbar{box-sizing:border-box;min-height:var(--kwii-section-header-height);}
  .topbar-inner{padding-block:10px;}
  .rg-header{position:sticky;top:0;z-index:8;padding-block:10px;background:linear-gradient(180deg,var(--paper) 78%,rgba(7,24,45,0));}
  .rg-back,.radiovision-back,.radiovision-refresh{height:44px;min-height:44px;border-radius:14px;}
  .dist-close,.dist-menu-btn{height:44px;min-height:44px;border-radius:50%;}
  .rg-title{font-family:'Reddit Sans','Plus Jakarta Sans',sans-serif;font-size:20px;letter-spacing:-.025em;}
  @media(max-width:699px){
    :root{--kwii-section-header-height:66px;}
    .topbar-inner,.rg-header,.radiovision-topbar,.dist-topbar{min-height:calc(var(--kwii-section-header-height) + env(safe-area-inset-top));}
    .rg-header{padding:calc(10px + env(safe-area-inset-top)) 12px 10px;}
  }

  /* Idiomas: só a interface é traduzida. Nomes próprios ficam intactos. */
  .language-control{position:relative;display:flex;align-items:center;}
  .language-trigger{display:flex;align-items:center;justify-content:center;gap:4px;min-width:48px;height:44px;padding:0 10px;border:0;border-radius:999px;background:#082b54;color:#31dfff;font:900 11px 'Reddit Sans',sans-serif;letter-spacing:.04em;cursor:pointer;box-shadow:0 8px 20px rgba(1,20,48,.18);}
  .language-trigger:hover,.language-trigger[aria-expanded="true"]{background:#113d6c;color:#fff;}
  .language-trigger::after{content:'▾';font-size:9px;opacity:.75;}
  .language-menu{position:fixed;z-index:1800;display:none;width:210px;padding:8px;border-radius:18px;background:#071d38;color:#fff;box-shadow:0 22px 60px rgba(0,0,0,.42);}
  .language-menu.show{display:grid;gap:4px;animation:cinemaRise .18s ease-out both;}
  .language-option{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:43px;padding:0 12px;border:0;border-radius:12px;background:transparent;color:#dce8f6;font:750 12px 'Reddit Sans',sans-serif;text-align:left;cursor:pointer;}
  .language-option:hover{background:#12375f}.language-option.active{background:#55f1c6;color:#052442}.language-option small{font-size:9px;font-weight:900;letter-spacing:.08em;opacity:.72}
  .site-menu-language{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(143,168,201,.16)}
  .site-menu-language>span{color:#8fa8c9;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}

  /* Catálogo editorial de locutores, separado por marca. */

  /* ---------------- MAIS NEWS ----------------
     Painel de notícias. Usa a paleta própria da marca (azul #012057 e rosa
     #FF0066), diferente do verde do MAIS TUNER, para deixar claro que é um
     produto irmão e não a mesma tela. Fica desligado por padrão. */
  html.news-open{overflow:hidden}
  .news-page{position:fixed;z-index:1032;inset:0;display:none;overflow:auto;background:radial-gradient(circle at 88% 2%,rgba(255,0,102,.16),transparent 34%),#02163a;color:#fff}
  .news-page.show{display:block}
  .news-shell{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:0 0 110px}
  .news-topbar{position:sticky;z-index:5;top:0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;min-height:76px;padding:10px 0;background:#02163a;box-shadow:0 10px 22px -18px #000}
  .news-back{display:flex;align-items:center;gap:8px;height:44px;padding:0 16px;border:0;border-radius:14px;background:#123a72;color:#fff;font:800 12px 'Reddit Sans',sans-serif;cursor:pointer}
  .news-back svg{width:18px;height:18px;fill:currentColor}
  .news-topbrand{justify-self:center;display:flex;align-items:center;gap:10px}
  .news-topbrand img{display:block;width:auto;height:26px;object-fit:contain}
  .news-topbrand span{display:block;color:#8fa8c9;font-size:9px;font-weight:850;letter-spacing:.11em;text-transform:uppercase}
  .news-hero{padding:34px 0 26px;max-width:820px}
  .news-kicker{display:inline-flex;align-items:center;gap:8px;color:#ff2e7e;font-size:10px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}
  .news-kicker::before{content:'';width:7px;height:7px;border-radius:50%;background:#ff0066;box-shadow:0 0 12px #ff0066}
  .news-hero h1{margin:10px 0;font-size:clamp(40px,6.4vw,70px);line-height:.95;letter-spacing:-.055em}
  .news-hero p{margin:0;color:#9fb2cc;font:500 15px/1.65 'Work Sans',sans-serif}
  .news-tools{display:flex;align-items:center;gap:12px;margin:0 0 18px}
  .news-search{display:flex;align-items:center;flex:1;min-width:0;height:48px;padding:0 15px;border-radius:16px;background:#0b2851}
  .news-search input{width:100%;border:0;outline:0;background:transparent;color:#fff;font:650 13px 'Reddit Sans',sans-serif}
  .news-search input::placeholder{color:#7189aa}
  .news-refresh{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border:0;border-radius:16px;background:#123a72;color:#fff;font-size:18px;cursor:pointer}
  .news-refresh[disabled]{opacity:.5;cursor:progress}
  .news-filters{display:flex;gap:7px;overflow:auto;margin:0 0 20px;padding:2px;scrollbar-width:none}
  .news-filters::-webkit-scrollbar{display:none}
  .news-filter{white-space:nowrap;height:40px;padding:0 15px;border:0;border-radius:999px;background:#0f2f5c;color:#8fa8c9;font:800 10px 'Reddit Sans',sans-serif;cursor:pointer}
  .news-filter.active{background:#ff0066;color:#fff}
  .news-status{margin:0 0 18px;padding:13px 15px;border-radius:16px;background:#0b2851;color:#9ab0ca;font:600 11px/1.55 'Work Sans',sans-serif}
  .news-status b{color:#dfe9f7}
  .news-status.is-error{background:#3a1024;color:#ffc3d7}
  .news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
  .news-card{display:flex;flex-direction:column;overflow:hidden;min-width:0;border-radius:22px;background:linear-gradient(150deg,rgba(16,50,95,.96),rgba(6,26,54,.96));box-shadow:inset 0 1px rgba(255,255,255,.05),0 22px 60px -46px #000;color:inherit;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}
  .news-card:hover{transform:translateY(-3px);box-shadow:inset 0 1px rgba(255,255,255,.08),0 28px 70px -44px #000}
  .news-card-media{position:relative;aspect-ratio:16/9;overflow:hidden;background:linear-gradient(135deg,#123a72,#081f42)}
  .news-card-media img{display:block;width:100%;height:100%;object-fit:cover}
  .news-card-source{position:absolute;z-index:2;left:11px;bottom:10px;padding:6px 10px;border-radius:999px;background:rgba(2,17,40,.82);backdrop-filter:blur(9px);color:#dfe9f7;font-size:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
  .news-card.is-editorial .news-card-source{background:#ff0066;color:#fff}
  .news-card-body{display:flex;flex-direction:column;flex:1;padding:15px 16px 17px;background:linear-gradient(180deg,#e10059,#b4004a);color:#fff}
  .news-card-meta{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.78);font-size:8px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
  .news-card h3{margin:9px 0 0;color:#fff;font-size:16px;line-height:1.25;letter-spacing:-.02em}
  .news-card p{margin:9px 0 0;color:#ffdce9;font:500 12px/1.55 'Work Sans',sans-serif}
  .news-card-open{margin-top:auto;padding-top:13px;color:#fff;font-size:10px;font-weight:850}
  .news-card-media{border-bottom:3px solid #e10059}
  /* A matéria da própria redação inverte o bloco: azul da marca com selo
     rosa, para não se confundir com o material dos portais. */
  .news-card.is-editorial .news-card-body{background:linear-gradient(180deg,#0a2c58,#04203f)}
  .news-card.is-editorial .news-card-meta{color:#ff7aa8}
  .news-card.is-editorial p{color:#a3b6ce}
  .news-card.is-editorial .news-card-open{color:#ff5c96}
  .news-card.is-editorial .news-card-media{border-bottom-color:#ff0066}
  .news-empty{display:none;padding:34px;border-radius:22px;background:#0b2851;color:#91a6c2;text-align:center}
  .news-empty.show{display:block}
  .news-sources{margin-top:34px;padding:19px 20px;border-radius:22px;background:rgba(9,34,68,.72)}
  .news-sources h2{margin:0 0 4px;font-size:15px;letter-spacing:-.02em}
  .news-sources p{margin:0 0 13px;color:#8fa8c9;font:500 11px/1.55 'Work Sans',sans-serif}
  .news-sources-list{display:flex;flex-wrap:wrap;gap:7px}
  .news-source-chip{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border-radius:999px;background:#0d2c56;color:#c6d6ea;font-size:9px;font-weight:800}
  .news-source-chip::before{content:'';width:6px;height:6px;border-radius:50%;background:#43e39a}
  .news-source-chip.is-down{color:#ffb7ce}
  .news-source-chip.is-down::before{background:#ff4f7f}
  /* Espaço reservado da redação. Fica visível e explicado, mas inerte: nada
     aqui grava conteúdo ainda. */
  .news-newsroom{margin-top:16px;padding:19px 20px;border-radius:22px;border:1px dashed rgba(255,0,102,.42);background:rgba(255,0,102,.06)}
  .news-newsroom h2{margin:0 0 4px;font-size:15px;letter-spacing:-.02em}
  .news-newsroom p{margin:0;color:#c4a6b8;font:500 11px/1.6 'Work Sans',sans-serif}
  .news-newsroom code{padding:2px 6px;border-radius:6px;background:rgba(2,17,40,.6);color:#ffd5e4;font-size:10px}
  .news-newsroom-tag{display:inline-flex;align-items:center;margin-bottom:9px;padding:5px 10px;border-radius:999px;background:#ff0066;color:#fff;font-size:8px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
  /* Redação: formulário de escrita. Nada aqui grava no servidor; o texto
     fica neste navegador e sai como arquivo para ser publicado. */
  .news-btn{display:inline-flex;align-items:center;gap:7px;height:42px;padding:0 16px;border:0;border-radius:14px;background:#ff0066;color:#fff;font:800 11px 'Reddit Sans',sans-serif;cursor:pointer}
  .news-btn.is-quiet{background:#123a72}
  .news-btn[disabled]{opacity:.45;cursor:not-allowed}
  .news-editor{margin-top:16px;display:grid;gap:12px}
  .news-editor[hidden]{display:none}
  .news-field{display:grid;gap:6px}
  .news-field label{color:#ffd0e1;font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
  .news-field input,.news-field textarea{width:100%;padding:12px 13px;border:1px solid rgba(255,0,102,.32);border-radius:13px;background:rgba(2,17,40,.55);color:#fff;font:500 13px/1.6 'Work Sans',sans-serif;outline:0}
  .news-field input:focus,.news-field textarea:focus{border-color:#ff0066}
  .news-field textarea{min-height:150px;resize:vertical}
  .news-field small{color:#c4a6b8;font-size:10px}
  .news-field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
  .news-editor-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:2px}
  .news-editor-status{margin:0;color:#ffd0e1;font:600 11px/1.5 'Work Sans',sans-serif;min-height:16px}
  .news-draft-list{display:grid;gap:8px;margin-top:4px}
  .news-draft-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:9px;padding:11px 13px;border-radius:14px;background:rgba(2,17,40,.5)}
  .news-draft-row strong{display:block;overflow:hidden;color:#fff;font-size:13px;text-overflow:ellipsis;white-space:nowrap}
  .news-draft-row small{display:block;margin-top:3px;color:#c4a6b8;font-size:10px}
  .news-draft-row button{height:34px;padding:0 12px;border:0;border-radius:11px;background:#123a72;color:#fff;font:800 10px 'Reddit Sans',sans-serif;cursor:pointer}
  .news-draft-row button.is-remove{background:#5c1030;color:#ffc3d7}
  .news-card.is-draft .news-card-source{background:#f5b301;color:#3a2600}
  /* Leitor da matéria própria, dentro do próprio painel. */
  .news-article{max-width:760px;margin:0 auto;padding:6px 0 30px}
  .news-article[hidden]{display:none}
  .news-article-back{display:inline-flex;align-items:center;gap:8px;height:40px;margin-bottom:22px;padding:0 15px;border:0;border-radius:14px;background:#123a72;color:#fff;font:800 11px 'Reddit Sans',sans-serif;cursor:pointer}
  .news-article-kicker{display:inline-flex;align-items:center;padding:6px 11px;border-radius:999px;background:#ff0066;color:#fff;font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
  .news-article h1{margin:14px 0 10px;font-size:clamp(30px,4.4vw,46px);line-height:1.06;letter-spacing:-.04em}
  .news-article-meta{margin:0 0 22px;color:#8fa8c9;font:700 11px 'Reddit Sans',sans-serif}
  .news-article-cover{display:block;width:100%;margin-bottom:24px;border-radius:20px;object-fit:cover}
  .news-article-lead{margin:0 0 20px;color:#dfe9f7;font:600 17px/1.6 'Work Sans',sans-serif}
  .news-article-body p{margin:0 0 17px;color:#c3d2e6;font:500 15px/1.75 'Work Sans',sans-serif}
  .news-article-source{display:inline-flex;align-items:center;gap:8px;margin-top:10px;color:#ff5c96;font-size:11px;font-weight:800}
  @media(max-width:699px){.news-field-row{grid-template-columns:1fr}.news-draft-row{grid-template-columns:minmax(0,1fr) auto}}
  @media(max-width:980px){.news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
  @media(max-width:699px){
    .news-shell{width:min(100% - 24px,620px)}
    .news-topbar{min-height:calc(66px + env(safe-area-inset-top));padding-top:calc(10px + env(safe-area-inset-top))}
    .news-back{width:42px;padding:0;justify-content:center}.news-back span{display:none}
    .news-topbrand span{display:none}.news-topbrand img{height:22px}
    .news-hero{padding-top:24px}
    .news-grid{grid-template-columns:1fr}
  }
  @media(prefers-reduced-motion:reduce){.news-card{transition:none!important}}
  html.anim-none .news-card{transition:none!important}
  .hosts-page{position:fixed;z-index:1030;inset:0;display:none;overflow:auto;background:radial-gradient(circle at 14% 4%,rgba(55,223,255,.12),transparent 30%),#06162a;color:#fff}
  .hosts-page.show{display:block}.hosts-shell{width:min(1160px,calc(100% - 40px));margin:0 auto;padding:0 0 110px}
  .hosts-topbar{position:sticky;z-index:5;top:0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;min-height:76px;padding:10px 0;background:linear-gradient(180deg,#06162a 78%,rgba(6,22,42,0))}
  .hosts-back{display:flex;align-items:center;gap:8px;height:44px;padding:0 16px;border:0;border-radius:14px;background:#123963;color:#fff;font:800 12px 'Reddit Sans',sans-serif;cursor:pointer}.hosts-back svg{width:18px;height:18px;fill:currentColor}
  .hosts-topbrand{justify-self:center;display:flex;align-items:center;gap:10px}.hosts-topmark{display:grid;place-items:center;width:40px;height:40px;border-radius:14px;background:linear-gradient(135deg,#5fffc0,#30d8ff);color:#052443;font:950 13px 'Reddit Sans',sans-serif}.hosts-topbrand strong{display:block;font-size:15px}.hosts-topbrand span{display:block;margin-top:2px;color:#8fa8c9;font-size:9px;font-weight:850;letter-spacing:.11em;text-transform:uppercase}
  .hosts-hero{padding:44px 0 30px;max-width:800px}.hosts-kicker{color:#5fffc0;font-size:10px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.hosts-hero h1{margin:10px 0;font-size:clamp(44px,7vw,78px);line-height:.95;letter-spacing:-.055em}.hosts-hero p{margin:0;color:#9fb2cc;font:500 15px/1.65 'Work Sans',sans-serif}
  .hosts-tools{display:flex;align-items:center;gap:12px;margin:0 0 28px}.hosts-search{display:flex;align-items:center;flex:1;min-width:0;height:48px;padding:0 15px;border-radius:16px;background:#0d2948}.hosts-search input{width:100%;border:0;outline:0;background:transparent;color:#fff;font:650 13px 'Reddit Sans',sans-serif}.hosts-search input::placeholder{color:#7189aa}.hosts-filters{display:flex;gap:7px;overflow:auto;padding:2px;scrollbar-width:none}.hosts-filter{white-space:nowrap;height:42px;padding:0 15px;border:0;border-radius:999px;background:#102e50;color:#8fa8c9;font:800 10px 'Reddit Sans',sans-serif;cursor:pointer}.hosts-filter.active{background:#5fffc0;color:#052443}
  .hosts-groups{display:grid;gap:36px}.hosts-group-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:14px}.hosts-group-head h2{margin:0;font-size:24px;letter-spacing:-.035em}.hosts-group-head span{color:#7189aa;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.hosts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
  .host-card{position:relative;min-width:0;padding:20px;border-radius:24px;background:linear-gradient(145deg,rgba(20,56,94,.96),rgba(9,35,65,.96));box-shadow:inset 0 1px rgba(255,255,255,.05)}.host-card-top{display:flex;align-items:center;gap:13px}.host-avatar{display:grid;place-items:center;flex:0 0 58px;width:58px;height:58px;border-radius:20px;background:linear-gradient(135deg,#47e8c0,#3c91ff);color:#052443;font:950 20px 'Reddit Sans',sans-serif}.host-brand{display:block;color:#5fffc0;font-size:8px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.host-card h3{margin:5px 0 0;font-size:20px;letter-spacing:-.025em}.host-card p{min-height:58px;margin:16px 0;color:#aabbd1;font:500 12px/1.55 'Work Sans',sans-serif}.host-programs{display:flex;flex-wrap:wrap;gap:6px}.host-program{padding:7px 10px;border-radius:999px;background:#071e3a;color:#dfe9f7;font-size:9px;font-weight:800}.host-onair{display:inline-flex;align-items:center;gap:6px;margin-top:13px;color:#5fffc0;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.host-onair::before{content:'';width:6px;height:6px;border-radius:50%;background:#5fffc0;box-shadow:0 0 11px #5fffc0}.hosts-empty{display:none;padding:34px;border-radius:24px;background:#0d2948;color:#91a6c2;text-align:center}.hosts-empty.show{display:block}
  .radiovision-host-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.radiovision-host{display:grid;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:12px;padding:11px;border-radius:18px;background:linear-gradient(135deg,rgba(17,52,87,.82),rgba(7,24,45,.72));box-shadow:inset 0 1px rgba(255,255,255,.05)}.radiovision-host-media{position:relative;width:54px;height:54px;overflow:hidden;border-radius:15px;background:linear-gradient(135deg,#47e8c0,#3c91ff)}.radiovision-host-photo{display:block;width:100%;height:100%;object-fit:cover}.radiovision-host-initials{display:grid;place-items:center;width:100%;height:100%;color:#052443;font:950 18px 'Reddit Sans',sans-serif}.radiovision-host-media.has-photo .radiovision-host-initials{display:none}.radiovision-host-copy{min-width:0}.radiovision-host-brand{display:flex;align-items:center;height:16px;margin-bottom:5px}.radiovision-host-brand img{display:block;width:auto;max-width:82px;height:15px;object-fit:contain;object-position:left center}.radiovision-host strong{display:block;overflow:hidden;color:#fff;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.radiovision-host span{display:block;margin-top:4px;color:#8fa8c9;font-size:9px;line-height:1.4}.radiovision-host-action{margin-top:14px}

  /* Locutores com fotografia/arte oficial e a marca PNG da rádio. */
  .host-card{overflow:hidden;padding:0;box-shadow:inset 0 1px rgba(255,255,255,.06),0 22px 60px -42px #000;transition:transform .2s ease,box-shadow .2s ease}.host-card:hover{transform:translateY(-3px);box-shadow:inset 0 1px rgba(255,255,255,.08),0 28px 70px -42px #000}
  .host-photo-wrap{position:relative;aspect-ratio:16/10;overflow:hidden;background:linear-gradient(135deg,#183c64,#0b2441)}.host-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--host-photo-position,center);transition:transform .35s cubic-bezier(.22,1,.36,1)}.host-card:hover .host-photo{transform:scale(1.025)}
  .host-photo-fallback{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(135deg,#47e8c0,#3c91ff);color:#052443;font:950 42px 'Reddit Sans',sans-serif}.host-photo-wrap.has-photo .host-photo-fallback{display:none}.host-photo-wrap::after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(4,18,36,.93));pointer-events:none}
  .host-station-mark{position:absolute;z-index:2;left:14px;bottom:13px;display:flex;align-items:center;min-width:82px;max-width:58%;height:35px;padding:6px 10px;border-radius:11px;background:rgba(4,21,40,.72);backdrop-filter:blur(10px);box-shadow:inset 0 1px rgba(255,255,255,.1)}.host-station-mark img{display:block;width:auto;max-width:100%;height:22px;object-fit:contain}.host-art-label{position:absolute;z-index:2;right:12px;bottom:13px;padding:6px 8px;border-radius:999px;background:rgba(4,21,40,.74);color:#a9bbd1;font-size:7px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}
  .host-card-body{padding:17px 18px 19px}.host-card-top{align-items:flex-start}.host-avatar{display:none}.host-card .host-brand{color:#5fffc0}.host-card h3{font-size:22px}.host-card p{min-height:58px;margin:13px 0 15px}

  /* Player próprio para episódios oficiais. */
  .podcast-native-player{display:grid;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:13px;padding:13px;border-radius:20px;background:linear-gradient(135deg,#12385f,#0d2948);box-shadow:inset 0 1px rgba(255,255,255,.06),0 18px 45px -38px #000}
  .podcast-native-art{display:block;width:72px;height:72px;border-radius:15px;object-fit:cover;background:#173b63}.podcast-native-copy{min-width:0}.podcast-native-copy small{display:block;color:#5fffc0;font-size:8px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.podcast-native-copy strong{display:-webkit-box;margin:5px 0 4px;overflow:hidden;color:#fff;font-size:14px;line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:2}.podcast-native-copy span{display:block;overflow:hidden;color:#8fa8c9;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.podcast-native-controls{display:flex;align-items:center;gap:6px}.podcast-native-skip,.podcast-native-play{display:grid;place-items:center;border:0;border-radius:50%;cursor:pointer}.podcast-native-skip{width:36px;height:36px;color:#d7e7f7;background:#1c4774;font:850 9px 'Reddit Sans',sans-serif}.podcast-native-play{width:48px;height:48px;background:#5fffc0;color:#06213b;font-size:17px;box-shadow:0 14px 28px -15px #000}.podcast-native-play.playing{background:#ff525e;color:#fff}.podcast-native-skip:active,.podcast-native-play:active{transform:scale(.94)}
  .podcast-native-timeline{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:8px;margin:12px 3px 4px}.podcast-native-timeline span{color:#9ab0ca;font-size:9px;font-variant-numeric:tabular-nums;font-weight:800}.podcast-native-timeline span:last-child{text-align:right}.podcast-native-timeline input{width:100%;height:30px;margin:0;accent-color:#5fffc0;touch-action:pan-y}
  .podcast-episode-status{padding:16px;color:#839ab8;font-size:10px;text-align:center}.podcast-episode-list{display:grid;gap:8px;max-height:390px;overflow:auto;padding-right:3px;scrollbar-color:#2e547e transparent}.podcast-episode-item{display:grid;grid-template-columns:52px minmax(0,1fr) 36px;align-items:center;gap:11px;width:100%;padding:9px;border:0;border-radius:15px;background:#102f52;color:#fff;text-align:left;cursor:pointer}.podcast-episode-item:hover,.podcast-episode-item.active{background:#17426e}.podcast-episode-item.active{box-shadow:inset 3px 0 #5fffc0}.podcast-episode-item img{width:52px;height:52px;border-radius:11px;object-fit:cover}.podcast-episode-item-copy{min-width:0}.podcast-episode-item strong{display:block;overflow:hidden;font-size:11px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.podcast-episode-item span{display:block;margin-top:4px;color:#8fa8c9;font-size:8px}.podcast-episode-item i{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#1c4774;color:#fff;font-style:normal}.podcast-episode-item.active i{background:#5fffc0;color:#052443}
  @media(max-width:850px){.hosts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.radiovision-host-list{grid-template-columns:1fr}}
  @media(max-width:699px){.top-actions{gap:5px}.language-trigger{min-width:39px;width:39px;height:39px;padding:0;font-size:9px}.hosts-shell{width:min(100% - 24px,620px)}.hosts-topbar{min-height:calc(66px + env(safe-area-inset-top));padding-top:calc(10px + env(safe-area-inset-top))}.hosts-back{width:42px;padding:0;justify-content:center}.hosts-back span{display:none}.hosts-topbrand span{display:none}.hosts-hero{padding-top:26px}.hosts-tools{display:grid}.hosts-grid{grid-template-columns:1fr}.host-card p{min-height:0}.site-menu-language{padding-bottom:4px}.host-photo-wrap{aspect-ratio:16/9}.podcast-native-player{grid-template-columns:58px minmax(0,1fr);gap:9px;padding:10px}.podcast-native-art{width:58px;height:58px;grid-row:1}.podcast-native-copy{grid-row:1}.podcast-native-controls{grid-column:1/-1;justify-content:center;padding-top:5px;border-top:1px solid rgba(159,190,223,.12)}.podcast-native-play{width:44px;height:44px}.podcast-native-skip{width:38px;height:38px}.podcast-native-timeline{grid-template-columns:36px minmax(0,1fr) 36px;margin-top:8px}.podcast-episode-list{max-height:330px}.podcast-episode-item{grid-template-columns:46px minmax(0,1fr) 32px}.podcast-episode-item img{width:46px;height:46px}}

/* Source block: mais-tuner-send-inn-v241096 */
html.mt-listener-open{overflow:hidden}
  .mt-listener-overlay{position:fixed;inset:0;z-index:5200;display:none;justify-content:flex-end;background:rgba(2,13,28,.68);backdrop-filter:blur(5px);font-family:'NRK Sans','Reddit Sans',sans-serif}
  .mt-listener-overlay.show{display:flex;animation:mtListenerFade .2s ease both}
  .mt-listener-panel{width:min(640px,100%);height:100%;overflow:auto;color:#fff;background:#0b315c;box-shadow:-28px 0 80px rgba(0,0,0,.42);animation:mtListenerIn .32s cubic-bezier(.16,1,.3,1) both}
  .mt-listener-head{position:sticky;top:0;z-index:2;min-height:82px;display:grid;grid-template-columns:48px 1fr 48px;align-items:center;padding:14px 24px;background:#0c3564;border-bottom:1px solid rgba(255,255,255,.1)}
  .mt-listener-head h2{grid-column:2;margin:0;text-align:center;font-size:21px;letter-spacing:-.025em}
  .mt-listener-close{grid-column:3;width:44px;height:44px;border:2px solid #8eb8e8;border-radius:50%;color:#bcd7f5;background:transparent;font-size:29px;line-height:1;cursor:pointer}
  .mt-listener-form{display:grid;gap:18px;padding:24px 28px 38px}
  .mt-listener-field{display:grid;gap:7px}.mt-listener-field label,.mt-listener-contact-title{color:#d5e6f8;font-size:13px;font-weight:850}
  .mt-listener-textarea-wrap{position:relative;background:#061a34}.mt-listener-field textarea{width:100%;min-height:250px;resize:vertical;padding:18px 18px 42px;border:2px solid transparent;outline:0;color:#fff;background:#061a34;font:500 16px/1.5 'NRK Sans','Reddit Sans',sans-serif}.mt-listener-field textarea:focus{border-color:#72aeeb}.mt-listener-counter{position:absolute;right:15px;bottom:12px;color:#7f9bb9;font-size:12px;font-weight:700}
  .mt-listener-contact{display:grid;gap:12px;margin-top:3px}.mt-listener-contact-field{display:grid;gap:5px}.mt-listener-contact-field>span{color:#aac6e3;font-size:12px;font-weight:750}.mt-listener-input{width:100%;height:58px;padding:9px 15px;border:2px solid transparent;border-radius:2px;outline:0;color:#fff;background:#154c88;font:600 15px 'NRK Sans','Reddit Sans',sans-serif}.mt-listener-contact-field>div.mt-listener-input{display:flex;align-items:center;color:#bed2e8}.mt-listener-input:focus{border-color:#8bc3ff}.mt-listener-input[readonly]{color:#bed2e8}.mt-listener-input::placeholder{color:#adc4dd}
  .mt-listener-check{display:flex;align-items:flex-start;gap:11px;color:#e9f3ff;font-size:13px;font-weight:700;line-height:1.4;cursor:pointer}.mt-listener-check input{width:20px;height:20px;flex:0 0 20px;margin:0;accent-color:#2e8ce7}
  .mt-listener-status{display:none;margin:0;padding:13px 15px;color:#0c4c37;background:#dff6ec;font-size:13px;font-weight:750}.mt-listener-status.show{display:block}.mt-listener-status.error{color:#7d2534;background:#fde6eb}
  .mt-listener-submit{min-height:56px;border:0;border-radius:2px;color:#fff;background:#2476d2;font:900 16px 'NRK Sans','Reddit Sans',sans-serif;cursor:pointer}.mt-listener-submit:disabled{cursor:not-allowed;opacity:.38}
  .rg-series-submit{min-height:40px;display:inline-flex;align-items:center;gap:8px;padding:0 14px;border:0;border-radius:999px;color:#fff;background:#11477f;font:850 12px 'NRK Sans','Reddit Sans',sans-serif;cursor:pointer}.rg-series-submit:hover{background:#1a5b9e}.rg-series-submit svg{width:18px;height:18px;fill:currentColor}
  .rg-nrk-send{width:100%;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:11px;padding:0 14px;border:0;border-radius:2px;color:#fff;background:#164a83;font:850 12px 'NRK Sans','Reddit Sans',sans-serif;cursor:pointer}.rg-nrk-send:hover{background:#1c5a9c}.rg-nrk-send svg{width:19px;height:19px;fill:currentColor}
  .mt-nav-account{overflow:hidden;padding:0}.mt-nav-avatar{display:grid!important;place-items:center!important;flex:0 0 30px!important;width:30px!important;min-width:30px!important;max-width:30px!important;height:30px!important;min-height:30px!important;max-height:30px!important;overflow:hidden;border-radius:50%;background-color:#8bb9ef;color:#071d34;font:900 13px 'NRK Sans','Reddit Sans',sans-serif;line-height:1}.mt-nav-avatar svg{display:block;width:19px!important;height:19px!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important}.mt-nav-avatar.mt-avatar-sprite{background-image:url('/assets/avatars/mais-tuner-avatar-sprite.png');background-repeat:no-repeat;background-size:400% 300%;color:transparent}.rg-account-button .mt-nav-avatar{flex-basis:30px!important}
  @keyframes mtListenerFade{from{opacity:0}to{opacity:1}}@keyframes mtListenerIn{from{transform:translateX(36px);opacity:.3}to{transform:none;opacity:1}}
  @media(max-width:699px){.mt-listener-panel{width:100%}.mt-listener-head{min-height:70px;padding:10px 15px}.mt-listener-form{padding:20px 18px 32px}.mt-listener-field textarea{min-height:220px}.rg-series-submit{width:auto;height:43px;min-height:43px;justify-content:center;padding:0 14px;margin:0 0 14px}.rg-series-submit span{display:inline}}
  @media(prefers-reduced-motion:reduce){.mt-listener-overlay.show,.mt-listener-panel{animation:none}}