.spotify-signal{width:min(28vw,340px)}.vinyl-stage{background:transparent;border:0;box-shadow:none}.vinyl{position:relative;width:94%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:repeating-radial-gradient(circle at center,#111 0 2px,#070707 3px 5px,#191919 6px 7px);box-shadow:0 18px 55px rgba(0,0,0,.55),inset 0 0 0 1px #2c2c2c,0 0 70px rgba(245,197,24,.08)}.vinyl:before{content:"";position:absolute;inset:8%;border-radius:50%;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 0 35px rgba(255,255,255,.03)}.vinyl-label{position:relative;z-index:2;width:42%;aspect-ratio:1;border-radius:50%;overflow:hidden;background:radial-gradient(circle at center,#202020 0 7%,#0b0b0b 8% 100%);border:3px solid var(--signal);display:grid;place-items:center;box-shadow:0 0 0 1px rgba(0,0,0,.8),0 0 24px rgba(245,197,24,.16)}.vinyl-label img{width:100%;height:100%;object-fit:cover;display:block}.vinyl-label img:not([src]){opacity:0}.vinyl i{position:absolute;z-index:3;width:10px;height:10px;border-radius:50%;background:#d9d7ce;border:2px solid #555}.vinyl.playing{animation:spin 5s linear infinite}.now-playing{display:grid;grid-template-columns:46px 1fr 25px;align-items:center;gap:12px;margin-top:22px;padding:10px;text-align:left;text-decoration:none;color:var(--paper);border:1px solid var(--line);background:rgba(13,15,16,.78);backdrop-filter:blur(12px);transition:transform .2s,border-color .2s}.now-playing:hover{transform:translateY(-3px);border-color:rgba(245,197,24,.5)}.now-playing>img{width:46px;height:46px;object-fit:cover;background:#000}.now-playing span{min-width:0}.now-playing small,.now-playing strong,.now-playing em{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.now-playing small{font-size:9px;color:var(--signal);text-transform:uppercase;letter-spacing:.13em}.now-playing strong{font-size:13px;margin:3px 0}.now-playing em{font-family:var(--body);font-style:normal;font-size:10px;color:var(--muted)}.now-playing>svg{width:24px;fill:none;stroke:#1ed760;stroke-width:1.5}body.day .vinyl{box-shadow:0 18px 55px rgba(0,0,0,.28),inset 0 0 0 1px #333,0 0 70px rgba(245,197,24,.18)}body.day .now-playing{color:#e9e9e5;background:rgba(23,25,26,.92);border-color:#454849}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:800px){.spotify-signal{display:none}}@media(prefers-reduced-motion:reduce){.vinyl.playing{animation:none}}