@layer views{.jukebox-lyrics.viz{display:flex;padding:0;overflow:hidden;container-type:size}.jukebox-viz{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(22px,4vh,44px);padding:clamp(22px,4vh,46px) clamp(18px,4vw,44px);overflow:hidden}.viz-glow{position:absolute;inset:-25%;background-size:cover;background-position:center;filter:blur(90px) saturate(1.5);opacity:.28;pointer-events:none;animation:viz-drift 22s ease-in-out infinite alternate}@keyframes viz-drift{0%{transform:scale(1.08) translate3d(-2%,-1%,0)}to{transform:scale(1.26) translate3d(2%,1.5%,0)}}.viz-art{position:relative;flex:none;display:grid;place-items:center}.viz-art-soma,.viz-art-aurora,.viz-art-terra,.viz-art-orbit{width:100%;height:100%}.viz-art-off{width:clamp(150px,min(42vmin,52cqh),400px);aspect-ratio:1}.viz-art-ring{width:clamp(140px,min(46vmin,56cqh),420px);aspect-ratio:1}.viz-art-ring .viz-ring-wrap{width:100%}.viz-ring-wrap{position:relative;flex:none;width:clamp(120px,min(46vmin,56cqh),400px);aspect-ratio:1}.viz-ring-wrap:before{content:"";position:absolute;inset:10%;background:radial-gradient(circle,rgba(79,209,255,.18),rgba(255,95,162,.12) 55%,transparent 74%);filter:blur(16px);pointer-events:none}.viz-ring{position:absolute;inset:0;width:100%;height:100%}.viz-ring-base{fill:none;stroke:#262626;stroke-width:1.4}.viz-ring-wave{fill:none;stroke:url(#viz-stroke);stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}.viz-ring-wave-back{stroke-width:1.4;opacity:.6}.viz-ring-wave-halo{stroke-width:3;opacity:0;filter:blur(5px)}.viz-ring-wave-front{filter:drop-shadow(0 0 6px rgba(255,180,84,.8)) drop-shadow(0 0 22px rgba(255,95,162,.5))}.viz-cover{position:absolute;left:50%;top:50%;width:60%;height:60%;transform:translate(-50%,-50%);object-fit:cover;clip-path:circle(50%);background:var(--surface-2)}.viz-art>.viz-canvas,.viz-art>.viz-cover-only,.viz-art>.viz-lazy{width:100%;height:100%}.viz-canvas{display:block}.viz-lazy{position:relative}.viz-lazy>.viz-canvas{width:100%;height:100%}.viz-lazy>.viz-cover-only{width:clamp(160px,min(42vmin,52cqh),380px);height:auto;aspect-ratio:1}.jukebox-viz-soma,.jukebox-viz-aurora,.jukebox-viz-terra,.jukebox-viz-orbit{position:relative;padding:0;gap:0}.jukebox-viz-soma .viz-glow,.jukebox-viz-aurora .viz-glow,.jukebox-viz-terra .viz-glow,.jukebox-viz-orbit .viz-glow{display:none}.jukebox-viz-soma .viz-art,.jukebox-viz-aurora .viz-art,.jukebox-viz-terra .viz-art,.jukebox-viz-orbit .viz-art{position:absolute;inset:0;width:auto;height:auto}.jukebox-viz-soma .viz-meta,.jukebox-viz-aurora .viz-meta,.jukebox-viz-terra .viz-meta,.jukebox-viz-orbit .viz-meta{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;animation:viz-float 9s ease-in-out infinite;text-shadow:0 2px 26px rgba(0,0,0,.95),0 0 10px rgba(0,0,0,.8)}.jukebox-viz-soma .viz-title,.jukebox-viz-aurora .viz-title,.jukebox-viz-terra .viz-title,.jukebox-viz-orbit .viz-title{font-size:clamp(26px,4.4vw,56px)}@keyframes viz-float{0%,to{transform:translate(-50%,-50%) translateY(-7px)}50%{transform:translate(-50%,-50%) translateY(9px)}}.jukebox-atmos .viz-art-soma,.jukebox-atmos .viz-art-aurora,.jukebox-atmos .viz-art-terra,.jukebox-atmos .viz-art-orbit{width:100%;height:100%;aspect-ratio:auto;opacity:.38}.viz-cover-only{display:grid;place-items:center;overflow:hidden;border-radius:50%}.viz-cover-img{width:100%;height:100%;object-fit:cover;border-radius:50%;box-shadow:0 0 60px #ffb45447}.viz-cover-only .viz-cover-empty{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background:var(--surface-2);color:var(--accent);font-size:48px}.viz-cover-empty{display:grid;place-items:center;color:var(--accent);font-size:40px}.viz-meta{position:relative;display:flex;flex-direction:column;align-items:center;gap:9px;max-width:min(780px,100%);text-align:center}.viz-kicker{color:var(--accent);font-family:var(--mono);font-size:10.5px;letter-spacing:.28em;text-transform:uppercase}.viz-title{color:var(--text);font-size:clamp(22px,3.6vw,44px);line-height:1.06;letter-spacing:-.01em;overflow-wrap:anywhere}.viz-artist{color:var(--text-subber);font-size:clamp(13px,1.5vw,17px)}@container (max-height: 380px){.jukebox-viz{flex-direction:row;gap:clamp(14px,3vw,28px);padding:14px 16px}.viz-meta{align-items:flex-start;text-align:left}.viz-title{font-size:clamp(18px,3.4vw,26px)}}@media(prefers-reduced-motion:reduce){.viz-glow,.jukebox-viz-soma .viz-meta,.jukebox-viz-aurora .viz-meta,.jukebox-viz-terra .viz-meta,.jukebox-viz-orbit .viz-meta{animation:none}}.jukebox-note{max-width:62ch;margin:0 auto 14px;padding:8px 10px;border:1px solid var(--line);background:var(--surface-1);color:var(--text-subberer);font-family:var(--mono);font-size:11.5px;line-height:1.5;text-align:center}@media(max-width:820px){.jukebox-album{min-width:210px;border-bottom:0;border-right:1px solid var(--line-soft)}}.viz-art-ringtrap,.viz-art-ringwave,.viz-art-ringbloom,.viz-art-pulse,.viz-art-helix,.viz-art-prism,.viz-art-bloom,.viz-art-nebula,.viz-art-grid,.viz-art-starfield,.viz-art-ribbon,.viz-art-crystal,.viz-art-tunnel{width:100%;height:100%}.jukebox-viz-ringtrap,.jukebox-viz-ringwave,.jukebox-viz-ringbloom,.jukebox-viz-pulse,.jukebox-viz-helix,.jukebox-viz-prism,.jukebox-viz-bloom,.jukebox-viz-nebula,.jukebox-viz-grid,.jukebox-viz-starfield,.jukebox-viz-ribbon,.jukebox-viz-crystal,.jukebox-viz-tunnel{position:relative;padding:0;gap:0}.jukebox-viz-ringtrap .viz-glow,.jukebox-viz-ringwave .viz-glow,.jukebox-viz-ringbloom .viz-glow,.jukebox-viz-pulse .viz-glow,.jukebox-viz-helix .viz-glow,.jukebox-viz-prism .viz-glow,.jukebox-viz-bloom .viz-glow,.jukebox-viz-nebula .viz-glow,.jukebox-viz-grid .viz-glow,.jukebox-viz-starfield .viz-glow,.jukebox-viz-ribbon .viz-glow,.jukebox-viz-crystal .viz-glow,.jukebox-viz-tunnel .viz-glow{display:none}.jukebox-viz-ringtrap .viz-art,.jukebox-viz-ringwave .viz-art,.jukebox-viz-ringbloom .viz-art,.jukebox-viz-pulse .viz-art,.jukebox-viz-helix .viz-art,.jukebox-viz-prism .viz-art,.jukebox-viz-bloom .viz-art,.jukebox-viz-nebula .viz-art,.jukebox-viz-grid .viz-art,.jukebox-viz-starfield .viz-art,.jukebox-viz-ribbon .viz-art,.jukebox-viz-crystal .viz-art,.jukebox-viz-tunnel .viz-art{position:absolute;inset:0;width:auto;height:auto}.jukebox-viz-ringtrap .viz-meta,.jukebox-viz-ringwave .viz-meta,.jukebox-viz-ringbloom .viz-meta,.jukebox-viz-pulse .viz-meta,.jukebox-viz-helix .viz-meta,.jukebox-viz-prism .viz-meta,.jukebox-viz-bloom .viz-meta,.jukebox-viz-nebula .viz-meta,.jukebox-viz-grid .viz-meta,.jukebox-viz-starfield .viz-meta,.jukebox-viz-ribbon .viz-meta,.jukebox-viz-crystal .viz-meta,.jukebox-viz-tunnel .viz-meta{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;animation:viz-float 9s ease-in-out infinite;text-shadow:0 2px 26px rgba(0,0,0,.95),0 0 10px rgba(0,0,0,.8)}.jukebox-viz-ringtrap .viz-title,.jukebox-viz-ringwave .viz-title,.jukebox-viz-ringbloom .viz-title,.jukebox-viz-pulse .viz-title,.jukebox-viz-helix .viz-title,.jukebox-viz-prism .viz-title,.jukebox-viz-bloom .viz-title,.jukebox-viz-nebula .viz-title,.jukebox-viz-grid .viz-title,.jukebox-viz-starfield .viz-title,.jukebox-viz-ribbon .viz-title,.jukebox-viz-crystal .viz-title,.jukebox-viz-tunnel .viz-title{font-size:clamp(26px,4.4vw,56px)}.jukebox-atmos .viz-art-ringtrap,.jukebox-atmos .viz-art-ringwave,.jukebox-atmos .viz-art-ringbloom,.jukebox-atmos .viz-art-pulse,.jukebox-atmos .viz-art-helix,.jukebox-atmos .viz-art-prism,.jukebox-atmos .viz-art-bloom,.jukebox-atmos .viz-art-nebula,.jukebox-atmos .viz-art-grid,.jukebox-atmos .viz-art-starfield,.jukebox-atmos .viz-art-ribbon,.jukebox-atmos .viz-art-crystal,.jukebox-atmos .viz-art-tunnel{width:100%;height:100%;aspect-ratio:auto;opacity:.38}}