/* MAIS TUNER 24.63 — Tela inicial do site: Ouvidas recentemente, Para ouvir agora (playlists),
   atalho "/" e contagem nas seções. Só fora do app (o app tem o Início próprio). */
html.mt-app .mt-home{display:none!important}
.mt-home[hidden],.mth-recent[hidden]{display:none!important}
.mt-home{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;width:calc(100% - 40px);max-width:1240px;margin:26px auto 6px;padding:0;box-sizing:border-box;font-family:"NRK Sans","Reddit Sans",sans-serif;color:var(--text,#eef4ff)}
.mt-home :is(h3,strong,small,em,span,button){font-family:"NRK Sans","Reddit Sans",sans-serif}
.mth-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:0 0 12px}
.mth-head h3{margin:0;font-size:22px;font-weight:900;letter-spacing:-.02em}
.mth-kicker{display:block;margin-bottom:2px;color:#5fffc0;font-size:11.5px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.mth-link{padding:6px 2px;border:0;background:none;color:#5fffc0;font-size:14px;font-weight:800;cursor:pointer}
.mth-link:hover{text-decoration:underline}
/* recentes */
.mth-recent-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(230px,1fr);gap:10px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}
.mth-recent-row::-webkit-scrollbar{display:none}
.mth-st{display:grid;grid-template-columns:48px minmax(0,1fr) 36px;align-items:center;gap:12px;min-width:0;padding:10px 12px 10px 10px;border:1px solid rgba(160,190,240,.16);border-radius:16px;background:rgba(13,29,51,.85);color:inherit;text-align:left;cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease}
.mth-st:hover{transform:translateY(-1px);border-color:rgba(95,255,192,.45);background:rgba(18,40,70,.95)}
.mth-st.is-on{border-color:#5fffc0;box-shadow:0 0 0 1px #5fffc0 inset}
.mth-st-logo{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:var(--b);overflow:hidden}
.mth-st-logo img{width:80%;height:80%;object-fit:contain}
.mth-st-logo b{color:#fff;font-size:15px;font-weight:900}
.mth-st-copy{min-width:0}
.mth-st-copy strong{display:block;font-size:15px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mth-st-copy small{display:block;margin-top:2px;color:#9fb2cc;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mth-st.is-on small{color:#5fffc0}
.mth-st-play{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#ff4747;color:#fff;box-shadow:0 8px 18px -10px rgba(255,71,71,.9)}
.mth-st-play svg,.mth-mood-play svg{width:16px;height:16px;fill:currentColor}
/* playlists */
.mth-pl-row{display:grid;grid-auto-flow:column;grid-auto-columns:150px;grid-template-columns:minmax(300px,1.6fr);gap:14px;overflow-x:auto;scrollbar-width:none;padding-bottom:6px;scroll-snap-type:x proximity}
.mth-pl-row::-webkit-scrollbar{display:none}
.mth-mood{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:150px;padding:16px 18px;overflow:hidden;border:0;border-radius:20px;color:#fff;text-align:left;cursor:pointer;scroll-snap-align:start;box-shadow:0 22px 40px -26px rgba(0,0,0,.95)}
.mth-mood::before{content:'';position:absolute;inset:0;z-index:-2;background:var(--pl-brand)}
.mth-mood::after{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(110% 90% at 100% 0%,rgba(255,255,255,.2),transparent 55%),linear-gradient(180deg,transparent 35%,rgba(4,12,26,.5))}
.mth-mood small{display:inline-block;padding:3px 9px;border-radius:999px;background:rgba(4,12,26,.3);font-size:10.5px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.mth-mood strong{display:block;margin-top:8px;font-size:38px;font-weight:900;letter-spacing:-.045em;line-height:.95}
.mth-mood em{display:block;margin-top:6px;max-width:36ch;padding-right:60px;font-style:normal;font-size:13px;font-weight:650;opacity:.92;line-height:1.35}
.mth-mood-mark{position:absolute;right:8px;top:-18px;z-index:-1;color:rgba(255,255,255,.16);font-size:130px;font-weight:900;line-height:1}
.mth-mood-play{position:absolute;right:16px;bottom:16px;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#ff4747;box-shadow:0 12px 24px -10px rgba(255,71,71,.9)}
.mth-mood:hover .mth-mood-play{transform:scale(1.06)}
.mth-card{display:flex;flex-direction:column;gap:8px;min-width:0;padding:0;border:0;background:none;color:inherit;text-align:left;cursor:pointer;scroll-snap-align:start}
.mth-card strong{font-size:14px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mth-card:hover .pl-cover{transform:translateY(-2px)}
.mth-card .pl-cover{transition:transform .18s ease}
.mth-card .pl-cover-mark{font-size:62px}
.mth-card .pl-cover.is-asia .pl-cover-mark{font-size:76px}
.mth-card .pl-cover-word{font-size:18px}
/* atalho "/" na busca */
.toolbar .search{position:relative}
.mth-kbd{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border:1px solid rgba(160,190,240,.3);border-radius:7px;color:#9fb2cc;font:800 12px "NRK Sans","Reddit Sans",sans-serif;pointer-events:none}
.toolbar .search:focus-within .mth-kbd{opacity:0}
@media (pointer:coarse){.mth-kbd{display:none}}
/* quantas rádios em cada seção */
html body main#main .group > h2[data-count]::after{content:attr(data-count);align-self:center;margin-left:2px;padding:4px 10px;border-radius:999px;background:rgba(95,255,192,.12);color:#5fffc0;font-size:13px;font-weight:800;letter-spacing:0;line-height:1.2;font-family:"NRK Sans","Reddit Sans",sans-serif}
html.mt-app main#main .group > h2[data-count]::after{display:none}
@media (max-width:640px){
  .mt-home{margin-top:18px;width:calc(100% - 28px);gap:18px}
  .mth-head h3{font-size:19px}
  .mth-pl-row{grid-auto-columns:128px;grid-template-columns:minmax(260px,82vw)}
  .mth-recent-row{grid-auto-columns:minmax(220px,78vw)}
}
/* tema claro */
html[data-theme="light"] .mth-st{background:#fff;border-color:rgba(10,40,80,.12);color:#0b1b2e}
html[data-theme="light"] .mth-st-copy small{color:#4d6380}
html[data-theme="light"] .mt-home{color:#0b1b2e}
html[data-theme="light"] .mth-kicker,html[data-theme="light"] .mth-link{color:#0f8a5f}
@media (prefers-reduced-motion:reduce){.mth-st,.mth-card .pl-cover{transition:none}}