/* MAIS TUNER 24.37 — Descoberta da semana da PNS, no conceito do kit da PNS:
   menta em degradê, estrelas grandes ao fundo, logo escuro e
   "Ouça antes de todo mundo." */
.mt-disc[hidden]{display:none!important}
.mt-disc{position:fixed;inset:0;z-index:1300;font-family:"NRK Sans","Reddit Sans",sans-serif;--pns-ink:#04142a;--pns-mint:#5fffc0}
.mt-disc-backdrop{position:absolute;inset:0;background:rgba(2,10,22,.62);opacity:0;transition:opacity .25s ease}
.mt-disc.show .mt-disc-backdrop{opacity:1}
.mt-disc-panel{position:absolute;left:50%;bottom:0;display:flex;flex-direction:column;width:min(480px,100%);max-height:94dvh;overflow:hidden auto;box-sizing:border-box;padding:18px 22px calc(22px + env(safe-area-inset-bottom));
  border-radius:28px 28px 0 0;color:var(--pns-ink);isolation:isolate;
  background:linear-gradient(160deg,#7dffd6 0%,#2af5ad 38%,#00e39a 70%,#00c98a 100%);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-disc.show .mt-disc-panel{transform:translate(-50%,0)}
@media (min-width:760px){.mt-disc-panel{bottom:auto;top:50%;border-radius:28px;transform:translate(-50%,-40%);opacity:0;transition:transform .3s ease,opacity .2s ease}.mt-disc.show .mt-disc-panel{transform:translate(-50%,-50%);opacity:1}}
/* estrelas */
.mt-disc-stars{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.mt-disc-stars i{position:absolute;display:block}
.mt-disc-stars svg{display:block;width:100%;height:100%;fill:currentColor}
.mt-disc-stars .s1{right:-60px;top:-40px;width:260px;height:260px;color:rgba(4,20,42,.07);transform:rotate(14deg)}
.mt-disc-stars .s2{left:-70px;bottom:-60px;width:240px;height:240px;color:rgba(4,20,42,.06);transform:rotate(-12deg)}
.mt-disc-stars .s3{right:30px;top:150px;width:30px;height:30px;color:var(--pns-ink);transform:rotate(18deg)}
.mt-disc-stars .s4{left:30px;bottom:calc(26px + env(safe-area-inset-bottom));width:20px;height:20px;color:var(--pns-ink);transform:rotate(-10deg)}
.mt-disc button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.mt-disc svg{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.mt-disc-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.mt-disc-logo{height:52px;width:auto;object-fit:contain}
.mt-disc-x{display:grid;place-items:center;width:42px;height:42px;padding:0;border:0;border-radius:50%;background:rgba(4,20,42,.1);color:var(--pns-ink)}
.mt-disc-x svg{width:18px;height:18px}
.mt-disc-kicker{margin-top:18px;font-size:12px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}
.mt-disc-hero{margin:6px 0 16px;font-size:clamp(32px,9vw,42px);font-weight:900;line-height:1;letter-spacing:-.035em}
.mt-disc-card{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;padding:12px;border-radius:20px;background:rgba(255,255,255,.35);box-shadow:inset 0 0 0 1px rgba(4,20,42,.08)}
.mt-disc-art{position:relative;display:grid;place-items:center;width:104px;aspect-ratio:1;border-radius:14px;overflow:hidden;background:var(--pns-ink);box-shadow:0 16px 30px -18px rgba(4,20,42,.8)}
.mt-disc-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mt-disc-art img[hidden]{display:none}
.mt-disc-art b{color:var(--pns-mint);font-size:44px}
.mt-disc.has-cover .mt-disc-art b{display:none}
.mt-disc-ring{position:absolute;left:0;right:0;bottom:0;height:5px;background:var(--pns-mint);transform-origin:left;transform:scaleX(0)}
.mt-disc.is-playing .mt-disc-ring{animation:mtDiscBar var(--disc-ms,10s) linear forwards}
@keyframes mtDiscBar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.mt-disc-copy{min-width:0}
.mt-disc-title{margin:0;font-size:21px;font-weight:900;letter-spacing:-.02em;line-height:1.1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mt-disc-artist{margin:3px 0 0;font-size:15px;font-weight:800;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mt-disc-why{margin:6px 0 0;font-size:12.5px;font-weight:700;opacity:.72;line-height:1.3}
.mt-disc-actions{display:grid;grid-template-columns:1fr;gap:10px;margin-top:16px}
.mt-disc-preview{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 22px;border:0;border-radius:999px;background:var(--pns-ink);color:var(--pns-mint);font-size:17px!important;font-weight:900!important;box-shadow:0 14px 26px -14px rgba(4,20,42,.9)}
.mt-disc-preview svg{width:22px;height:22px;fill:currentColor;stroke:none}
.mt-disc-preview .s,.mt-disc.is-playing .mt-disc-preview .p{display:none}
.mt-disc.is-playing .mt-disc-preview .s{display:inline}
.mt-disc-preview[hidden]{display:none}
.mt-disc-tune{min-height:50px;padding:0 20px;border:2px solid var(--pns-ink);border-radius:999px;background:transparent;color:var(--pns-ink);font-size:15px!important;font-weight:900!important}
.mt-disc-status{min-height:0;margin:10px 0 0;font-size:13px;font-weight:700;text-align:center;opacity:.8}
.mt-disc-status:empty{display:none}
.mt-disc-tagline{margin:16px 0 0;font-size:16px;font-weight:850;text-align:center}
.mt-disc button:focus-visible{outline:3px solid var(--pns-ink);outline-offset:3px}
@media (min-width:430px){.mt-disc-actions{grid-template-columns:1.2fr 1fr}}
html.anim-none .mt-disc *{transition:none!important;animation:none!important}
@media (prefers-reduced-motion:reduce){.mt-disc *{transition:none!important}}
.mt-disc .mt-disc-stars svg{fill:currentColor;stroke:none}
.mt-disc-panel :is(h2,h3,p,span,strong){font-family:"NRK Sans","Reddit Sans",sans-serif!important}