/* MAIS TUNER 24.36 — Momentos do Replay: compartilhar e "Que música era aquela?" */
/* Linha do tempo: cada música ganha o botão de compartilhar ao lado */
.rqi-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px}
.rqi-wrap>.replay-queue-item{min-width:0}
.rqi-share{display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid rgba(255,255,255,.14);border-radius:50%;background:rgba(255,255,255,.06);color:#c9d8ec;cursor:pointer;transition:background .2s ease,color .2s ease}
.rqi-share svg,.replay-share-moment svg,.mt-finder svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.rqi-share svg{width:17px;height:17px}
.rqi-share:hover,.rqi-share:focus-visible{background:rgba(95,255,192,.16);color:#5fffc0;outline:none}
/* painel do Replay */
.replay-share-moment{display:inline-flex;align-items:center;gap:6px;min-height:34px;margin-left:auto;margin-right:8px;padding:0 12px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.08);color:inherit;font:inherit;font-size:12.5px;font-weight:800;cursor:pointer}
.replay-share-moment svg{width:16px;height:16px}
.replay-share-moment:hover{background:rgba(95,255,192,.16);color:#5fffc0}
/* aviso "link copiado" */
.mt-moment-toast[hidden]{display:none}
.mt-moment-toast{position:fixed;left:50%;bottom:calc(110px + env(safe-area-inset-bottom));z-index:1500;max-width:min(92vw,520px);padding:12px 18px;border-radius:999px;background:#0b2350;color:#fff;
  font:800 14px "NRK Sans","Reddit Sans",sans-serif;box-shadow:0 18px 40px -18px rgba(0,0,0,.9);transform:translate(-50%,16px);opacity:0;transition:transform .25s ease,opacity .2s ease;word-break:break-all}
.mt-moment-toast.show{transform:translate(-50%,0);opacity:1}
/* Que música era aquela? */
.mt-finder[hidden]{display:none!important}
.mt-finder{position:fixed;inset:0;z-index:1300;font-family:"NRK Sans","Reddit Sans",sans-serif}
.mt-finder-backdrop{position:absolute;inset:0;background:rgba(2,10,22,.6);opacity:0;transition:opacity .25s ease}
.mt-finder.show .mt-finder-backdrop{opacity:1}
.mt-finder-panel{position:absolute;left:50%;bottom:0;display:flex;flex-direction:column;width:min(640px,100%);max-height:88dvh;box-sizing:border-box;padding:12px 18px calc(18px + env(safe-area-inset-bottom));border-radius:26px 26px 0 0;
  background:#0a1d3b;color:#fff;box-shadow:0 -30px 60px -30px rgba(0,0,0,.85);transform:translate(-50%,100%);transition:transform .38s cubic-bezier(.22,1,.36,1)}
.mt-finder.show .mt-finder-panel{transform:translate(-50%,0)}
@media (min-width:760px){.mt-finder-panel{bottom:auto;top:50%;border-radius:26px;transform:translate(-50%,-40%);opacity:0;transition:transform .3s ease,opacity .2s ease}.mt-finder.show .mt-finder-panel{transform:translate(-50%,-50%);opacity:1}}
.mt-finder-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:6px}
.mt-finder-head small{color:#5fffc0;font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.mt-finder-head h2{margin:2px 0 0;font-size:24px;font-weight:850;letter-spacing:-.02em}
.mt-finder-x{display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:rgba(255,255,255,.08);color:#fff;cursor:pointer}
.mt-finder-x svg{width:18px;height:18px}
.mt-finder-lead{margin:8px 0 14px;color:#b9cbe2;font-size:14px;line-height:1.45}
.mt-finder-form{display:grid;gap:12px}
.mt-finder-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px}
.mt-finder-field{display:grid;gap:6px;min-width:0}
.mt-finder-field>span{color:#b9cbe2;font-size:12.5px;font-weight:800}
.mt-finder-field select,.mt-finder-field input{width:100%;height:48px;box-sizing:border-box;padding:0 14px;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:#06142c;color:#fff;font:700 16px "NRK Sans","Reddit Sans",sans-serif;color-scheme:dark}
.mt-finder-field select:focus,.mt-finder-field input:focus{outline:none;border-color:#5fffc0;box-shadow:0 0 0 4px rgba(95,255,192,.18)}
.mt-finder-days{display:flex;gap:6px;height:48px;padding:4px;box-sizing:border-box;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:#06142c}
.mt-finder-days button{min-width:64px;padding:0 12px;border:0;border-radius:10px;background:none;color:#b9cbe2;font:800 14px "NRK Sans","Reddit Sans",sans-serif;cursor:pointer}
.mt-finder-days button[aria-pressed="true"]{background:#5fffc0;color:#04243c}
.mt-finder-go{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;border:0;border-radius:999px;background:linear-gradient(135deg,#5fffc0,#36cae7);color:#04243c;font:850 16px "NRK Sans","Reddit Sans",sans-serif;cursor:pointer}
.mt-finder-go svg{width:20px;height:20px}
.mt-finder.is-loading .mt-finder-go{opacity:.6;pointer-events:none}
.mt-finder-status{min-height:20px;margin:14px 0 8px;color:#cfe1f5;font-size:14px;font-weight:700}
.mt-finder-list{display:flex;flex-direction:column;gap:6px;min-height:0;margin:0;padding:0;overflow-y:auto;list-style:none}
.mt-finder-item{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 10px 10px 12px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(255,255,255,.04)}
.mt-finder-item.is-hit{border-color:#5fffc0;background:rgba(95,255,192,.1)}
.mt-finder-time{color:#c9d8ec;font-size:14px;font-weight:800;font-variant-numeric:tabular-nums}
.mt-finder-copy{display:flex;flex-direction:column;min-width:0}
.mt-finder-copy small{color:#5fffc0;font-size:10.5px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.mt-finder-copy strong{font-size:15.5px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mt-finder-copy em{color:#b9cbe2;font-size:13px;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mt-finder-actions{display:flex;gap:6px}
.mt-finder-actions button{display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid rgba(255,255,255,.16);border-radius:50%;background:rgba(255,255,255,.06);color:#fff;cursor:pointer}
.mt-finder-actions svg{width:17px;height:17px}
.mt-finder-play{background:#ff4747!important;border-color:transparent!important}
.mt-finder-play svg{fill:currentColor;stroke:none}
.mt-finder button:focus-visible{outline:3px solid #5fffc0;outline-offset:2px}
html.anim-none .mt-finder *,html.anim-none .mt-moment-toast{transition:none!important}
@media (prefers-reduced-motion:reduce){.mt-finder *,.mt-moment-toast{transition:none!important}}

/* 24.43 — "Que música era aquela?" cabendo certinho na tela.
   Celular: a folha vai até logo abaixo da barra de status (notch) e até o fim da
   tela, com a lista ocupando o espaço que sobra. Depois da busca, o formulário
   recolhe numa linha e a música certa aparece no meio da lista. */
.mt-finder-list{position:relative;flex:1 1 auto;scroll-padding-block:8px;overscroll-behavior:contain}
.mt-finder-summary{display:none;align-items:center;gap:10px;width:100%;min-height:48px;margin:2px 0 0;padding:0 8px 0 16px;box-sizing:border-box;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:#06142c;color:#fff;font:800 14.5px "NRK Sans","Reddit Sans",sans-serif;text-align:left;cursor:pointer}
.mt-finder-summary-copy{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mt-finder-summary b{flex:none;padding:8px 12px;border-radius:999px;background:rgba(95,255,192,.14);color:#5fffc0;font-size:13px}
.mt-finder.is-collapsed .mt-finder-lead,.mt-finder.is-collapsed .mt-finder-form{display:none}
.mt-finder.is-collapsed .mt-finder-summary{display:flex}
.mt-finder.is-collapsed .mt-finder-status{margin-top:12px}
@media (max-width:759px){
  .mt-finder-panel{top:calc(env(safe-area-inset-top,0px) + 10px);bottom:0;max-height:none;padding:14px 16px calc(14px + env(safe-area-inset-bottom,0px))}
  .mt-finder-panel::before{content:'';flex:none;align-self:center;width:42px;height:5px;margin:-4px 0 6px;border-radius:999px;background:rgba(255,255,255,.22)}
  .mt-finder-head h2{font-size:22px}
  .mt-finder-lead{margin:6px 0 12px;font-size:13.5px}
  .mt-finder-item{grid-template-columns:46px minmax(0,1fr) auto;gap:8px;padding:9px 8px 9px 10px}
  .mt-finder-actions button{width:38px;height:38px}
}
@media (min-width:760px){
  .mt-finder-panel{height:auto;max-height:calc(100dvh - 64px)}
  .mt-finder.is-collapsed .mt-finder-panel{height:min(760px,calc(100dvh - 64px))}
}
/* antes da busca, folha só do tamanho do formulário; com resultados, ocupa a tela */
@media (max-width:759px){
  .mt-finder:not(.is-collapsed) .mt-finder-panel{top:auto;max-height:calc(100% - env(safe-area-inset-top,0px) - 10px)}
}
.mt-finder-backdrop{-webkit-backdrop-filter:blur(8px) saturate(120%);backdrop-filter:blur(8px) saturate(120%)}

/* 24.43 — visual Modo Cinema: cor da rádio + capa desfocada atrás de tudo,
   campos e músicas em vidro fosco, capas na lista */
.mt-finder-panel{isolation:isolate;overflow:hidden;background:#071630}
.mt-finder-panel>*:not(.mt-finder-ambient){position:relative;z-index:1}
.mt-finder-ambient{position:absolute!important;inset:0;z-index:0!important;pointer-events:none;background:var(--fd-brand,linear-gradient(150deg,#1b4f9c,#3d2a8c))}
.mt-finder-ambient::before{content:'';position:absolute;inset:-60px;background-image:var(--fd-art,none);background-size:cover;background-position:center;filter:blur(48px) saturate(1.7);opacity:.45;transform:scale(1.1);transition:background-image .4s ease,opacity .4s ease}
.mt-finder-panel.has-art .mt-finder-ambient::before{opacity:.8}
.mt-finder-ambient::after{content:'';position:absolute;inset:0;background:radial-gradient(70% 40% at 0% 0%,rgba(95,255,192,.16),transparent 60%),linear-gradient(180deg,rgba(5,14,32,.42),rgba(5,14,32,.72) 45%,rgba(5,14,32,.9))}
.mt-finder-panel::before{position:relative;z-index:1}
.mt-finder-head h2{text-shadow:0 2px 18px rgba(0,0,0,.35)}
.mt-finder-lead{color:rgba(232,242,255,.82)}
.mt-finder-field>span{color:rgba(232,242,255,.8)}
.mt-finder-field select,.mt-finder-field input,.mt-finder-days,.mt-finder-summary{background:rgba(4,14,30,.45)!important;border-color:rgba(255,255,255,.2)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.mt-finder-days button{color:rgba(232,242,255,.82)}
.mt-finder-x{background:rgba(255,255,255,.12);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.mt-finder-status{color:#fff;text-shadow:0 1px 10px rgba(0,0,0,.35)}
.mt-finder-item{grid-template-columns:52px minmax(0,1fr) auto!important;padding:8px 8px 8px 8px!important;border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.07);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.mt-finder-item.is-hit{border-color:#5fffc0;background:rgba(95,255,192,.16);box-shadow:0 18px 40px -24px rgba(0,0,0,.9)}
.mt-finder-art{position:relative;display:grid;place-items:center;width:52px;height:52px;border-radius:12px;overflow:hidden;background:rgba(255,255,255,.1);color:rgba(255,255,255,.6);font-size:18px}
.mt-finder-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mt-finder-art.has-img b{display:none}
.mt-finder-copy small{display:flex;gap:5px;align-items:center;color:rgba(232,242,255,.72)!important;font-size:11px!important;letter-spacing:.08em!important}
.mt-finder-copy small .mt-finder-time{color:inherit;font-size:inherit;font-weight:900}
.mt-finder-item.is-hit .mt-finder-copy small{color:#5fffc0!important}
.mt-finder-copy em{color:rgba(232,242,255,.78)}
@media (max-width:759px){.mt-finder-item{grid-template-columns:48px minmax(0,1fr) auto!important}.mt-finder-art{width:48px;height:48px}}
.mt-finder-panel:focus{outline:none}

/* 24.43 (pedido do Yan): desfoque puxado para o AZUL. A capa entra só como luz e
   forma (mix-blend luminosity sobre o azul), sem trazer o marrom/verde das capas. */
.mt-finder-ambient{background:radial-gradient(90% 60% at 15% 0%,#1d5fd1 0%,transparent 60%),radial-gradient(80% 60% at 100% 100%,#16339a 0%,transparent 65%),linear-gradient(165deg,#0e3a92 0%,#0a2766 45%,#06173a 100%)!important}
.mt-finder-ambient::before{mix-blend-mode:luminosity;opacity:.38!important;filter:blur(52px) saturate(1)!important}
.mt-finder-panel.has-art .mt-finder-ambient::before{opacity:.5!important}
.mt-finder-ambient::after{background:radial-gradient(60% 35% at 0% 0%,rgba(95,255,192,.12),transparent 60%),linear-gradient(180deg,rgba(6,22,60,.2),rgba(5,16,44,.55) 50%,rgba(4,12,32,.82))!important}
.mt-finder-empty,.mt-finder-hero{display:none}

/* computador: tela inteira, como o Modo Cinema. Coluna da esquerda com a busca e
   a música encontrada em destaque; coluna da direita com a lista. */
@media (min-width:900px){
  .mt-finder-panel,.mt-finder.is-collapsed .mt-finder-panel{inset:0!important;top:0!important;left:0!important;width:100%!important;height:100%!important;max-height:none!important;border-radius:0!important;
    transform:none!important;opacity:0;transition:opacity .28s ease!important;display:grid!important;
    grid-template-columns:minmax(340px,420px) minmax(0,1fr);grid-template-rows:auto auto auto minmax(0,1fr);
    grid-template-areas:"head status" "lead list" "form list" "hero list";column-gap:56px;align-content:stretch;
    padding:56px max(56px,calc((100vw - 1240px) / 2)) 40px!important}
  .mt-finder.show .mt-finder-panel{opacity:1}
  .mt-finder-head{grid-area:head;align-self:end}
  .mt-finder-head h2{font-size:38px;line-height:1.05}
  .mt-finder-x{position:fixed!important;top:28px;right:32px;width:48px;height:48px;z-index:3!important}
  .mt-finder-lead{grid-area:lead;font-size:15px}
  .mt-finder-form,.mt-finder.is-collapsed .mt-finder-form{grid-area:form;display:grid!important;align-self:start}
  .mt-finder.is-collapsed .mt-finder-lead{display:block}
  .mt-finder-summary,.mt-finder.is-collapsed .mt-finder-summary{display:none!important}
  .mt-finder-status,.mt-finder.is-collapsed .mt-finder-status{grid-area:status;align-self:end;margin:0 0 12px!important;font-size:16px}
  .mt-finder-list{grid-area:list;min-height:0;padding-right:6px}
  .mt-finder-item{grid-template-columns:60px minmax(0,1fr) auto!important;padding:10px 12px 10px 10px!important;border-radius:18px}
  .mt-finder-art{width:60px;height:60px;border-radius:14px}
  .mt-finder-copy strong{font-size:17px}
  .mt-finder-actions button{width:44px;height:44px}
  .mt-finder-empty{grid-area:list;display:grid;place-items:center;align-self:stretch;margin:0;padding:40px;border:1px dashed rgba(255,255,255,.2);border-radius:24px;color:rgba(232,242,255,.7);font-size:16px;text-align:center}
  .mt-finder-panel:has(.mt-finder-list li) .mt-finder-empty{display:none}
  .mt-finder-hero:not([hidden]){grid-area:hero;display:flex;flex-direction:column;align-items:flex-start;gap:6px;align-self:end;margin-top:24px;min-height:0}
  .mt-finder-hero-art{position:relative;display:grid;place-items:center;width:min(100%,260px,32vh);aspect-ratio:1;margin-bottom:10px;border-radius:22px;overflow:hidden;background:rgba(255,255,255,.1);color:rgba(255,255,255,.5);font-size:48px;box-shadow:0 34px 60px -30px rgba(0,0,0,.9)}
  .mt-finder-hero-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
  .mt-finder-hero-art.has-img b{display:none}
  .mt-finder-hero-kicker{color:#5fffc0;font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
  .mt-finder-hero-title{font-size:30px;font-weight:850;line-height:1.1;letter-spacing:-.02em}
  .mt-finder-hero-artist{color:rgba(232,242,255,.8);font-size:17px;font-style:normal}
  .mt-finder-hero-play{display:inline-flex;align-items:center;gap:10px;min-height:48px;margin-top:10px;padding:0 22px 0 16px;border:0;border-radius:999px;background:#ff4747;color:#fff;font:850 15px "NRK Sans","Reddit Sans",sans-serif;cursor:pointer;box-shadow:0 16px 30px -16px rgba(255,71,71,.8)}
  .mt-finder-hero-play svg{width:20px;height:20px;fill:currentColor;stroke:none}
}
.mt-finder-list{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 14px,#000 calc(100% - 18px),transparent);mask-image:linear-gradient(180deg,transparent 0,#000 14px,#000 calc(100% - 18px),transparent);padding-block:8px}
@media (min-width:900px){.mt-finder-hero:not([hidden]){margin-top:32px}}