/* MAIS TUNER 24.41 — Menu ☰ redesenhado.
   Celular e app: folha de baixo para cima, com puxador. Computador: painel no
   canto direito. Dentro: a rádio que toca, a grade "Ouvir" com ícones
   desenhados em cores próprias, os cartões coloridos de "Descobrir" e a lista
   compacta de "Ferramentas". Sempre no escuro da marca, em NRK Sans. */

html body #siteMenuOverlay.mm-v2{--mm-ink:#f4f8fd;--mm-muted:#93abc8;--mm-line:rgba(255,255,255,.08);--mm-card:rgba(255,255,255,.045);
  align-items:flex-start!important;justify-content:flex-end!important;padding:calc(76px + env(safe-area-inset-top)) max(16px,calc((100vw - 1280px) / 2 + 16px)) 16px!important;
  background:rgba(2,10,22,.58)!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;font-family:"NRK Sans","Reddit Sans",sans-serif!important}
html body #siteMenuOverlay.mm-v2 :is(span,strong,small,h3,button){font-family:"NRK Sans","Reddit Sans",sans-serif!important}
html body #siteMenuOverlay.mm-v2 .site-menu-panel{position:relative;width:min(440px,calc(100vw - 32px))!important;max-width:none!important;max-height:calc(100dvh - 100px - env(safe-area-inset-top))!important;overflow:hidden auto!important;overscroll-behavior:contain;
  box-sizing:border-box;padding:16px 16px 18px!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:28px!important;color:var(--mm-ink)!important;
  background:radial-gradient(120% 60% at 100% 0%,rgba(95,255,192,.09),transparent 55%),linear-gradient(170deg,#0b2546,#061a33 60%,#05152a)!important;
  box-shadow:0 40px 90px -30px rgba(0,0,0,.9)!important;transition:transform .32s cubic-bezier(.22,1,.36,1);scrollbar-width:none}
html body #siteMenuOverlay.mm-v2 .site-menu-panel::-webkit-scrollbar{display:none}
.mm-grab{display:none}

/* topo */
html body #siteMenuOverlay.mm-v2 .site-menu-head{display:flex!important;align-items:center!important;gap:10px!important;margin:0 0 14px!important}
.mm-brand{display:flex!important;align-items:center;gap:10px;flex:1;min-width:0}
.mm-brand img{width:36px;height:36px;border-radius:11px;box-shadow:0 8px 18px -10px rgba(0,0,0,.8)}
.mm-brand span{min-width:0}
html body #siteMenuOverlay.mm-v2 .mm-brand strong{display:block;margin:0!important;color:#fff;font-size:20px!important;font-weight:850!important;letter-spacing:-.03em!important;line-height:1}
html body #siteMenuOverlay.mm-v2 .mm-brand small{display:block;margin-top:3px;color:#5fffc0!important;font-size:10.5px!important;font-weight:900!important;letter-spacing:.16em!important;text-transform:uppercase}
html body #siteMenuOverlay.mm-v2 .site-menu-head .mt-user-chip{margin:0!important}
html body #siteMenuOverlay.mm-v2 .site-menu-close{display:grid!important;place-items:center!important;flex:none;width:40px!important;height:40px!important;padding:0!important;border:1px solid var(--mm-line)!important;border-radius:50%!important;background:rgba(255,255,255,.07)!important;color:#fff!important;font-size:22px!important;line-height:1!important;box-shadow:none!important;outline:none}
html body #siteMenuOverlay.mm-v2 .site-menu-close:focus-visible{outline:2px solid #5fffc0!important;outline-offset:2px}

/* tocando agora */
.mm-now[hidden]{display:none!important}
.mm-now{position:relative;isolation:isolate;display:grid;grid-template-columns:52px minmax(0,1fr) 44px;align-items:center;gap:12px;width:100%;margin:0 0 6px;padding:10px;overflow:hidden;
  border:1px solid rgba(255,255,255,.1);border-radius:20px;background:#0a2240;color:#fff;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}
.mm-now::before{content:'';position:absolute;inset:0;z-index:-1;background:var(--mm-brand);opacity:.42}
.mm-now::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,20,40,.1),rgba(5,20,40,.78))}
.mm-now-art{display:grid;place-items:center;width:52px;height:52px;padding:8px;box-sizing:border-box;border-radius:14px;overflow:hidden;background:var(--mm-brand);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.mm-now-art img{width:100%;height:100%;object-fit:contain}
.mm-now-art img.is-cover{object-fit:cover}
.mm-now-art img[hidden]{display:none}
.mm-now-copy{min-width:0}
.mm-now-copy small{display:block;color:#5fffc0;font-size:10.5px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.mm-now-copy strong{display:block;margin-top:2px;font-size:16px;font-weight:850;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mm-now-copy>span{display:block;margin-top:2px;color:#c3d3e6;font-size:12.5px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mm-now-play{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#ff4747;box-shadow:0 10px 20px -10px rgba(255,71,71,.9)}
.mm-now-play svg{width:18px;height:18px;fill:#fff}
.mm-now-play .s,.mm-now.is-playing .mm-now-play .p{display:none}
.mm-now.is-playing .mm-now-play .s{display:inline}

/* grupos */
html body #siteMenuOverlay.mm-v2 .site-menu-grid{display:block!important;grid-template-columns:none!important;gap:0!important}
.mm-sec[hidden]{display:none!important}
.mm-sec-title{margin:16px 2px 10px;color:var(--mm-muted);font-size:11.5px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.mm-sec-body{display:grid;gap:10px}
html body #siteMenuOverlay.mm-v2 .mm-item{transform:none;-webkit-tap-highlight-color:transparent;transition:transform .16s ease,background .16s ease}
html body #siteMenuOverlay.mm-v2 .mm-item[hidden]{display:none!important}
html body #siteMenuOverlay.mm-v2 .mm-item:active{transform:scale(.97)}
html body #siteMenuOverlay.mm-v2 .mm-item .site-menu-icon svg{width:24px;height:24px;fill:none;stroke:#fff;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
html body #siteMenuOverlay.mm-v2 .mm-item .site-menu-icon[data-mm="discovery"] svg{fill:#fff;stroke:none}

/* Ouvir: grade de ícones */
.mm-sec-listen .mm-sec-body{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 6px;padding:14px 8px;border:1px solid var(--mm-line);border-radius:22px;background:var(--mm-card)}
html body #siteMenuOverlay.mm-v2 .mm-listen{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;min-width:0;min-height:0!important;padding:0!important;
  border:0!important;border-radius:0!important;background:none!important;color:var(--mm-ink)!important;text-align:center!important;box-shadow:none!important}
html body #siteMenuOverlay.mm-v2 .mm-listen:hover .site-menu-icon{transform:translateY(-2px)}
html body #siteMenuOverlay.mm-v2 .mm-listen .site-menu-copy{max-width:100%}
html body #siteMenuOverlay.mm-v2 .mm-listen .site-menu-icon{width:54px!important;height:54px!important;flex:none!important;border-radius:18px!important;transition:transform .16s ease;background:var(--mm-color)!important;box-shadow:0 12px 22px -14px rgba(0,0,0,.9),inset 0 1px rgba(255,255,255,.22)!important}
html body #siteMenuOverlay.mm-v2 .mm-listen .site-menu-copy>span{display:block;font-size:12.5px!important;font-weight:800!important;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body #siteMenuOverlay.mm-v2 .mm-listen .site-menu-copy small{display:none!important}

/* Descobrir: cartões coloridos */
.mm-sec-discover .mm-sec-body{grid-template-columns:repeat(2,minmax(0,1fr))}
html body #siteMenuOverlay.mm-v2 .mm-discover{position:relative;isolation:isolate;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;min-height:118px!important;padding:13px!important;overflow:hidden;
  border:0!important;border-radius:20px!important;background:var(--mm-color)!important;color:#fff!important;text-align:left!important;box-shadow:0 18px 30px -22px rgba(0,0,0,.9)!important}
html body #siteMenuOverlay.mm-v2 .mm-discover::after{content:'';position:absolute;right:-26px;bottom:-26px;z-index:-1;width:96px;height:96px;border-radius:50%;background:rgba(255,255,255,.12)}
html body #siteMenuOverlay.mm-v2 .mm-discover .site-menu-icon{width:36px!important;height:36px!important;border-radius:12px!important;background:rgba(255,255,255,.18)!important}
html body #siteMenuOverlay.mm-v2 .mm-discover .site-menu-icon svg{width:20px;height:20px}
html body #siteMenuOverlay.mm-v2 .mm-discover .site-menu-copy>span{font-size:15px!important;font-weight:850!important;line-height:1.15;letter-spacing:-.01em}
html body #siteMenuOverlay.mm-v2 .mm-discover .site-menu-copy small{display:-webkit-box!important;margin-top:4px!important;color:rgba(255,255,255,.84)!important;font-size:11.5px!important;font-weight:650!important;line-height:1.3!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* Ferramentas: lista compacta */
.mm-sec-tools .mm-sec-body{gap:0;border:1px solid var(--mm-line);border-radius:20px;background:var(--mm-card);overflow:hidden}
html body #siteMenuOverlay.mm-v2 .mm-tools{display:grid!important;grid-template-columns:38px minmax(0,1fr) 16px!important;align-items:center!important;gap:12px!important;min-height:0!important;padding:11px 14px!important;
  border:0!important;border-bottom:1px solid var(--mm-line)!important;border-radius:0!important;background:transparent!important;color:var(--mm-ink)!important;text-align:left!important;box-shadow:none!important}
html body #siteMenuOverlay.mm-v2 .mm-tools:last-child{border-bottom:0!important}
html body #siteMenuOverlay.mm-v2 .mm-tools::after{content:'';width:8px;height:8px;border:solid var(--mm-muted);border-width:2px 2px 0 0;transform:rotate(45deg);justify-self:center}
html body #siteMenuOverlay.mm-v2 .mm-tools .site-menu-icon{width:38px!important;height:38px!important;border-radius:12px!important;background:var(--mm-color)!important}
html body #siteMenuOverlay.mm-v2 .mm-tools .site-menu-icon svg{width:20px;height:20px}
html body #siteMenuOverlay.mm-v2 .mm-tools .site-menu-copy>span{font-size:15px!important;font-weight:800!important}
html body #siteMenuOverlay.mm-v2 .mm-tools .site-menu-copy small{display:block!important;margin-top:2px!important;color:var(--mm-muted)!important;font-size:12px!important;font-weight:650!important}
html body #siteMenuOverlay.mm-v2 .mm-tools[data-pwa-install]{border-color:var(--mm-line)!important}

/* idioma */
html body #siteMenuOverlay.mm-v2 .site-menu-language{margin-top:14px!important;padding:12px 14px!important;border:1px solid var(--mm-line)!important;border-radius:18px!important;background:var(--mm-card)!important}
html body #siteMenuOverlay.mm-v2 .site-menu-language>span{color:var(--mm-ink)!important;font-size:14px!important;font-weight:800!important;letter-spacing:0!important;text-transform:none!important}

/* celular e app: folha de baixo para cima */
@media (max-width:760px){
  html body #siteMenuOverlay.mm-v2{align-items:flex-end!important;justify-content:center!important;padding:0!important}
  html body #siteMenuOverlay.mm-v2 .site-menu-panel{width:100%!important;max-height:calc(100dvh - 28px - env(safe-area-inset-top))!important;padding:8px 16px calc(20px + env(safe-area-inset-bottom))!important;border-radius:28px 28px 0 0!important;border-bottom:0!important;animation:mmUp .34s cubic-bezier(.22,1,.36,1)}
  .mm-grab{display:block;width:44px;height:5px;margin:2px auto 12px;border-radius:999px;background:rgba(255,255,255,.22)}
  html.pwa-standalone body #siteMenuOverlay.mm-v2 .site-menu-panel{padding-bottom:calc(20px + env(safe-area-inset-bottom))!important}
}
@media (max-width:350px){.mm-sec-listen .mm-sec-body{grid-template-columns:repeat(3,minmax(0,1fr))}.mm-sec-discover .mm-sec-body{grid-template-columns:1fr}}
@keyframes mmUp{from{transform:translateY(40px);opacity:.4}to{transform:none;opacity:1}}
html.anim-none #siteMenuOverlay.mm-v2 .site-menu-panel{animation:none!important}
@media (prefers-reduced-motion:reduce){html body #siteMenuOverlay.mm-v2 .site-menu-panel{animation:none!important}html body #siteMenuOverlay.mm-v2 .mm-item{transition:none}}