.vplayer{border-radius:var(--radius-lg);background:radial-gradient(120% 140% at 0% 50%, rgba(var(--accent-rgb), .14), transparent 60%), var(--bg);border:1px solid rgba(var(--fg-rgb), .08);grid-template-columns:168px minmax(0,1fr);align-items:center;gap:22px;padding:20px;display:grid}.vplayer__deck{aspect-ratio:1;width:168px;position:relative}.vplayer__deck:before{content:"";border-radius:50%;position:absolute;inset:0;box-shadow:0 0 0 5px #0b0b0f,0 0 0 6px #ffffff14,0 16px 36px #00000080}.vplayer__glow{background:radial-gradient(circle, rgba(var(--accent-rgb), .4), transparent 65%);filter:blur(10px);opacity:.35;border-radius:50%;transition:opacity .4s;position:absolute;inset:-16%}.vplayer.is-playing .vplayer__glow{opacity:.9;animation:1.8s ease-in-out infinite vplayer-pulse}.vplayer__disc{will-change:transform;background:#111;border-radius:50%;width:100%;height:100%;animation:2.4s linear infinite paused vplayer-spin;position:relative;overflow:hidden;-webkit-mask-image:radial-gradient(circle,#000 70% 70%);mask-image:radial-gradient(circle,#000 70% 70%)}.vplayer__disc.is-spinning{animation-play-state:running}.vplayer__disc img{object-fit:cover;border-radius:50%;width:100%;height:100%;position:absolute;inset:0}.vplayer__grooves{background:conic-gradient(from 30deg, transparent 0 40deg, #fff3 60deg, transparent 90deg 220deg, #ffffff1f 240deg, transparent 270deg), repeating-radial-gradient(circle, #0000 0 2px, #0003 2px 3px);mix-blend-mode:overlay;border-radius:50%;position:absolute;inset:0}.vplayer__hole{aspect-ratio:1;background:radial-gradient(circle,#0b0b0f 0 28%,#ffffffd9 30% 34%,#14141ce6 36%);border-radius:50%;width:15%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #00000059}.vplayer__play{background:var(--gradient);color:#fff;width:56px;height:56px;box-shadow:0 10px 24px rgba(var(--accent-rgb), .45);cursor:pointer;border:0;border-radius:50%;place-items:center;transition:transform .15s;display:grid;position:absolute;bottom:-6px;right:-6px}.vplayer__play:hover{transform:scale(1.06)}.vplayer__body{gap:12px;min-width:0;display:grid}.vplayer__head{gap:4px;min-width:0;padding-right:40px;display:grid}.vplayer__title{text-overflow:ellipsis;white-space:nowrap;font-size:20px;line-height:1.25;overflow:hidden}.vplayer__sub{color:var(--hint);font-size:13px}.vplayer .aplayer--bare{background:0 0;border:0;padding:0}.vplayer__actions{flex-wrap:wrap;gap:8px;display:flex}.vbtn{border:1px solid rgba(var(--fg-rgb), .12);background:rgba(var(--fg-rgb), .05);width:40px;height:40px;color:var(--text);cursor:pointer;border-radius:50%;place-items:center;padding:0;transition:background .15s,color .15s,border-color .15s;display:grid}.vbtn:hover{background:rgba(var(--fg-rgb), .1)}.vbtn--danger{color:var(--destructive,#f87171)}.vbtn--danger:hover{background:#f871711f;border-color:#f8717173}.vbtn:disabled{opacity:.5;cursor:default}@keyframes vplayer-spin{to{transform:rotate(360deg)}}@keyframes vplayer-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (width<=560px){.vplayer{grid-template-columns:minmax(0,1fr);justify-items:center;gap:18px;padding:22px 16px 18px}.vplayer__deck{width:min(200px,60vw)}.vplayer__body{width:100%}.vplayer__head{text-align:center;padding-right:0}.vplayer__title{white-space:normal}.vplayer__actions{justify-content:center}}@media (prefers-reduced-motion:reduce){.vplayer__disc,.vplayer.is-playing .vplayer__glow{animation:none}}.work__vinyl{background:radial-gradient(90% 70% at 50% 40%, rgba(var(--accent-rgb), .18), transparent 70%), #0d0d14;place-items:center;width:100%;height:100%;display:grid;position:relative;overflow:hidden}.work__vinyl .vdisc{width:74%}.vdisc{aspect-ratio:1;background:#111;border-radius:50%;flex:none;animation:9s linear infinite paused vdisc-spin;display:block;position:relative;box-shadow:0 0 0 4px #0b0b0f,0 12px 28px #0000008c}.vdisc>img{object-fit:cover;border-radius:50%;width:100%;height:100%;position:absolute;inset:0}.vdisc--sm{box-shadow:0 0 0 2px #0b0b0f,0 6px 14px #00000080}.vdisc-host:hover .vdisc{animation-play-state:running}@keyframes vdisc-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.vdisc{animation:none}}.track-info{border-radius:var(--radius-sm);background:rgba(var(--fg-rgb), .04);gap:6px;margin-top:12px;padding:12px 14px;display:grid}.track-info small{color:var(--hint)}.track-info__toggle{color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;justify-self:start;align-items:center;gap:6px;padding:4px 0;font-weight:600;display:inline-flex}.track-info__lyrics{white-space:pre-wrap;max-height:320px;font:inherit;margin:0;font-size:14px;line-height:1.55;overflow-y:auto}.track-info .btn{justify-self:start}