.pato-now{
    --pato-now-accent:#9f8cff;
    --pato-now-a:#101018;
    --pato-now-b:#241b2f;
    position:relative;
    overflow:hidden;
    isolation:isolate;
    padding:34px 0;
    color:#fff;
    background:
        radial-gradient(circle at 82% 10%,color-mix(in srgb,var(--pato-now-accent) 24%,transparent),transparent 34%),
        linear-gradient(120deg,var(--pato-now-a),var(--pato-now-b));
    transition:background .5s ease;
}
.pato-now[data-theme="AFRO"],.pato-now[data-theme="TRIBAL"]{--pato-now-accent:#f5a44b;--pato-now-a:#24150d;--pato-now-b:#5a3018}
.pato-now[data-theme="MELODIC"],.pato-now[data-theme="FUTURISTIC"]{--pato-now-accent:#8b7cff;--pato-now-a:#090a12;--pato-now-b:#17182c}
.pato-now[data-theme="SUNSET"]{--pato-now-accent:#ff9f68;--pato-now-a:#29151b;--pato-now-b:#6a342c}
.pato-now[data-theme="DRIVE"]{--pato-now-accent:#56d6ff;--pato-now-a:#07151c;--pato-now-b:#123445}
.pato-now[data-theme="AFTER2AM"]{--pato-now-accent:#c36bff;--pato-now-a:#050509;--pato-now-b:#180b25}
.pato-now__shell{display:grid;grid-template-columns:112px minmax(0,1fr) minmax(280px,.72fr);gap:26px;align-items:center}
.pato-now__cover{position:relative;aspect-ratio:1/1;overflow:hidden;border:1px solid #ffffff20;background:#090909}
.pato-now__cover img{width:100%;height:100%;object-fit:cover;display:block}
.pato-now__signal{position:absolute;left:10px;bottom:10px;display:flex;gap:3px;align-items:end;height:19px;padding:4px 6px;background:#0008;backdrop-filter:blur(7px)}
.pato-now__signal i{display:block;width:2px;background:var(--pato-now-accent);animation:patoNowSignal .8s ease-in-out infinite alternate}
.pato-now__signal i:nth-child(2){height:12px;animation-delay:.15s}.pato-now__signal i:nth-child(3){height:18px;animation-delay:.3s}.pato-now__signal i:nth-child(4){height:9px;animation-delay:.45s}.pato-now__signal i:nth-child(1){height:6px}
.pato-now.is-paused .pato-now__signal i{animation-play-state:paused}
.pato-now__eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:7px;font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#ffffff8f}
.pato-now__eyebrow:before{content:"";width:26px;height:1px;background:var(--pato-now-accent)}
.pato-now__title{margin:0 0 7px;color:#fff;font-size:clamp(25px,2.8vw,42px);line-height:1;letter-spacing:-.035em}
.pato-now__meta{display:flex;flex-wrap:wrap;gap:7px 14px;color:#ffffff9c;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.pato-now__meta span{display:inline-flex;align-items:center;gap:6px}
.pato-now__meta span:before{content:"";width:4px;height:4px;border-radius:50%;background:var(--pato-now-accent)}
.pato-now__series{margin-top:9px;color:#ffffff74;font-size:11px}
.pato-now__player{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:12px;align-items:center}
.pato-now__play{width:46px;height:46px;border-radius:50%;border:1px solid #ffffff45;background:#ffffff0d;color:#fff;display:grid;place-items:center;transition:.2s ease}
.pato-now__play:hover{background:#fff;color:#090909;transform:scale(1.04)}
.pato-now__track{min-width:0}
.pato-now__bar{position:relative;height:3px;background:#ffffff22;cursor:pointer}
.pato-now__progress{position:absolute;inset:0 auto 0 0;width:0;background:var(--pato-now-accent)}
.pato-now__time{display:flex;justify-content:space-between;margin-top:7px;color:#ffffff69;font-size:9px;letter-spacing:.08em}
.pato-now__open{display:inline-flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
.pato-now__open:hover{color:var(--pato-now-accent)}
@keyframes patoNowSignal{from{transform:scaleY(.42);opacity:.5}to{transform:scaleY(1);opacity:1}}
@media(max-width:991px){.pato-now__shell{grid-template-columns:90px minmax(0,1fr)}.pato-now__player{grid-column:1/-1}}
@media(max-width:575px){.pato-now{padding:26px 0}.pato-now__shell{grid-template-columns:76px minmax(0,1fr);gap:16px}.pato-now__title{font-size:26px}.pato-now__meta{gap:5px 10px}.pato-now__player{grid-template-columns:42px minmax(0,1fr)}.pato-now__play{width:42px;height:42px}.pato-now__open{grid-column:2}}
@media(prefers-reduced-motion:reduce){.pato-now__signal i{animation:none}}