@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(150px,min(50vmin,60cqh),470px);aspect-ratio:1}.viz-art-ring .viz-ring-wrap{width:100%}.viz-ring-wrap{position:relative;flex:none;width:clamp(130px,min(50vmin,60cqh),450px);aspect-ratio:1}.viz-ring-wrap:before{content:"";position:absolute;inset:12%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 10%,transparent),transparent 70%);pointer-events:none}.viz-ring-canvas{position:absolute;inset:0;width:100%;height:100%}.viz-cover{position:absolute;left:50%;top:50%;z-index:1;width:60%;height:60%;transform:translate(-50%,-50%) scale(var(--cover-scale, 1));object-fit:cover;clip-path:circle(50%);background:var(--surface-2);box-shadow:0 0 0 1px #ffffff1f,0 18px 60px #0000008c}.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 18px 50px #0000008c}.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:12px;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:12px;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-ringbloom{width:clamp(150px,min(50vmin,60cqh),470px);aspect-ratio:1}}