/* MAIS TUNER 24.35 — Pré-escuta (segurar o cubo de uma rádio). */
.mt-prelisten[hidden]{display:none!important}
.mt-prelisten{position:fixed;left:50%;bottom:calc(var(--app-tabs-h,0px) + 92px + env(safe-area-inset-bottom));z-index:1250;display:grid;grid-template-columns:52px minmax(0,1fr) auto auto;align-items:center;gap:12px;
  width:min(520px,calc(100vw - 24px));box-sizing:border-box;padding:10px 10px 10px 10px;border-radius:22px;color:#fff;font-family:"NRK Sans","Reddit Sans",sans-serif;
  background:rgba(6,18,40,.88);border:1px solid rgba(255,255,255,.16);box-shadow:0 24px 50px -20px rgba(0,0,0,.9);-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%);
  transform:translate(-50%,24px);opacity:0;transition:transform .32s cubic-bezier(.22,1,.36,1),opacity .2s ease}
.mt-prelisten.show{transform:translate(-50%,0);opacity:1}
html:not(.mt-app) .mt-prelisten{bottom:calc(96px + env(safe-area-inset-bottom))}
.mt-prelisten-art{position:relative;display:grid;place-items:center;width:52px;height:52px;border-radius:15px;overflow:hidden;padding:9px;box-sizing:border-box;background:var(--brand-tile-bg)}
.mt-prelisten-art img{width:100%;height:100%;object-fit:contain}
.mt-prelisten-art img.is-cover{position:absolute;inset:0;object-fit:cover}
.mt-prelisten-art img[hidden],.mt-prelisten-art b[hidden]{display:none}
.mt-prelisten-art b{font-size:18px;font-weight:900}
.mt-prelisten-eq{position:absolute;right:4px;bottom:4px;display:flex;align-items:flex-end;gap:2px;height:12px;padding:3px 4px;border-radius:6px;background:rgba(4,16,40,.75)}
.mt-prelisten-eq span{width:3px;height:100%;border-radius:2px;background:#5fffc0;transform-origin:bottom;transform:scaleY(.4)}
.mt-prelisten[data-state="playing"] .mt-prelisten-eq span{animation:mtPreEq .9s ease-in-out infinite}
.mt-prelisten-eq span:nth-child(2){animation-delay:-.3s!important}.mt-prelisten-eq span:nth-child(3){animation-delay:-.6s!important}
@keyframes mtPreEq{0%,100%{transform:scaleY(.35)}50%{transform:scaleY(1)}}
.mt-prelisten-copy{display:flex;flex-direction:column;gap:3px;min-width:0}
.mt-prelisten-kicker{color:#5fffc0;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mt-prelisten[data-state="none"] .mt-prelisten-kicker{color:#ffb4b4}
.mt-prelisten-name{font-size:16px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mt-prelisten-bar{position:relative;display:block;height:4px;border-radius:999px;background:rgba(255,255,255,.16);overflow:hidden}
.mt-prelisten-bar i{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,#5fffc0,#36cae7);transform-origin:left;transform:scaleX(0)}
.mt-prelisten.is-running .mt-prelisten-bar i{animation:mtPreBar var(--prelisten-ms,10s) linear forwards}
@keyframes mtPreBar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.mt-prelisten button{font:inherit;-webkit-tap-highlight-color:transparent;cursor:pointer}
.mt-prelisten-stay{min-height:40px;padding:0 14px;border:0;border-radius:999px;background:#ff4747;color:#fff;font-size:13px!important;font-weight:850!important;white-space:nowrap;box-shadow:0 10px 20px -10px rgba(255,71,71,.9)}
.mt-prelisten[data-state="none"] .mt-prelisten-stay,.mt-prelisten[data-state="loading"] .mt-prelisten-stay{display:none}
.mt-prelisten-close{display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:rgba(255,255,255,.08);color:#fff}
.mt-prelisten-close svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
/* segurar o cubo não abre menu nem seleciona texto */
.mtr-cube,#main .card[data-station]{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
.mtr-cube img,#main .card[data-station] img{-webkit-user-drag:none}
@media (max-width:420px){.mt-prelisten{grid-template-columns:46px minmax(0,1fr) auto;gap:10px}.mt-prelisten-art{width:46px;height:46px}.mt-prelisten-close{position:absolute;top:-12px;right:-6px;width:28px;height:28px;background:rgba(6,18,40,.95)}}
html.anim-none .mt-prelisten,html.anim-none .mt-prelisten *{transition:none!important;animation:none!important}
@media (prefers-reduced-motion:reduce){.mt-prelisten,.mt-prelisten *{transition:none!important}.mt-prelisten-eq span{animation:none!important}}
