.backdrop-page{--backdrop-plate:min(46vh, 78vw);color:#fff;font-family:var(--font-geist-sans), system-ui, sans-serif;background:#08090a;position:fixed;inset:0;overflow:hidden}.backdrop-canvas{opacity:0;width:100%;height:100%;transition:opacity .9s cubic-bezier(.22,.61,.36,1);display:block;position:absolute;inset:0}.backdrop-canvas[data-ready=true]{opacity:1}.backdrop-player{opacity:0;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;height:100%;padding:3rem 1.5rem;transition:opacity .7s cubic-bezier(.22,.61,.36,1),transform .7s cubic-bezier(.22,.61,.36,1);display:flex;position:relative;transform:translateY(8px)}.backdrop-page[data-ready=true] .backdrop-player{opacity:1;transform:none}.backdrop-artwork{width:var(--backdrop-plate);aspect-ratio:1;border-radius:6px;position:relative;box-shadow:0 20px 25px -15px #00000038}.backdrop-artwork img{object-fit:cover;border-radius:inherit;opacity:0;width:100%;height:100%;transition-property:opacity;transition-timing-function:cubic-bezier(.22,.61,.36,1);position:absolute;inset:0}.backdrop-artwork img[data-visible=true]{opacity:1}.backdrop-meta{width:var(--backdrop-plate)}.backdrop-title,.backdrop-artist{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.backdrop-title{letter-spacing:-.01em;font-size:1.375rem;font-weight:600;line-height:1.35}.backdrop-artist{letter-spacing:-.01em;color:#d4d4d6;font-size:1.375rem;font-weight:600;line-height:1.35}.backdrop-track{width:var(--backdrop-plate);flex-direction:column;gap:.5rem;display:flex}.backdrop-rail{cursor:pointer;background:#ffffff52;border-radius:2px;height:4px;position:relative}.backdrop-rail span{width:calc(var(--bd-progress,0) * 100%);background:#fff;border-radius:2px;position:absolute;inset:0 auto 0 0}.backdrop-times{font-family:var(--font-geist-mono), ui-monospace, monospace;font-variant-numeric:tabular-nums;color:#d4d4d6;justify-content:space-between;font-size:.8125rem;display:flex}.backdrop-transport{color:#fff;align-items:center;gap:2rem;display:flex}.backdrop-transport button{color:inherit;cursor:pointer;place-items:center;display:grid}@media (prefers-reduced-motion:reduce){.backdrop-canvas,.backdrop-player,.backdrop-artwork img{transition-duration:1ms}.backdrop-player{transform:none}}