.disc-player{max-width:640px;margin:0 auto;background:var(--card);border:1px solid var(--line);border-radius:22px;padding:34px 24px 24px;display:flex;flex-direction:column;align-items:center}.disc-stage{width:280px;height:220px;margin-bottom:22px;position:relative}.disc-sleeve{position:absolute;left:0;top:10px;width:180px;height:180px;border-radius:10px;background-size:cover;background-position:center;background-color:#191E42;box-shadow:0 14px 30px rgb(0 0 0 / .45),inset 0 0 0 1px rgb(255 255 255 / .06);overflow:hidden}.disc-sleeve::after{content:'';position:absolute;top:0;right:0;bottom:0;width:24px;background:linear-gradient(90deg,transparent,rgb(0 0 0 / .35))}.disc-sleeve-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--slate);font-family:'Space Mono',monospace;font-size:.62rem;text-align:center;padding:10px}.disc-spinner{width:190px;height:190px;position:absolute;top:2px;left:60px;transition:transform 0.4s cubic-bezier(.4,0,.2,1),opacity 0.35s ease;transform:translateX(90px) scale(1)}.disc-spinner.disc-retracted{transform:translateX(0) scale(.94);opacity:0}.disc-spinner svg{width:100%;height:100%;display:block}.disc-spinner.disc-spinning{animation:disc-spin 6s linear infinite}@keyframes disc-spin{from{transform:translateX(90px) rotate(0deg)}to{transform:translateX(90px) rotate(360deg)}}.disc-label-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;text-align:center;font-size:.58rem;letter-spacing:.02em;color:#2A1D0E;font-weight:700;line-height:1.15;pointer-events:none;text-transform:uppercase}.disc-tonearm-wrap{position:absolute;top:0;right:6px;width:130px;height:150px;pointer-events:none}.disc-tonearm{width:100%;height:100%;cursor:pointer;pointer-events:auto;transition:transform 0.45s cubic-bezier(.4,0,.2,1);transform-box:fill-box;transform-origin:88% 10%}.disc-tonearm-parked{transform:rotate(-32deg)}.disc-tonearm svg{width:100%;height:100%;overflow:visible;display:block}.disc-tonearm:hover .tonearm-head{fill:var(--gold-soft)}@media (prefers-reduced-motion:reduce){.disc-spinner,.disc-spinner.disc-spinning,.disc-spinner.disc-retracted,.disc-tonearm{animation:none!important;transition:none!important}}.disc-shelf{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-bottom:22px;width:100%}.disc-chip{display:flex;flex-direction:column;align-items:center;gap:6px;background:none;border:none;cursor:pointer;padding:4px;border-radius:10px;transition:transform 0.15s}.disc-chip:hover{transform:translateY(-2px)}.disc-chip-art{width:56px;height:56px;border-radius:8px;background-size:cover;background-position:center;background-color:#191E42;border:2px solid #fff0;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.disc-chip-art-fallback{width:16px;height:16px;border-radius:50%;background:var(--gold-soft)}.disc-chip.active .disc-chip-art{border-color:var(--gold);box-shadow:0 0 0 3px rgb(217 167 94 / .2)}.disc-chip-label{font-family:'Space Mono',monospace;font-size:.64rem;color:var(--slate);text-transform:uppercase;letter-spacing:.03em;max-width:80px;text-align:center;line-height:1.3}.disc-chip.active .disc-chip-label{color:var(--gold-soft)}.disc-tracklist{width:100%;display:flex;flex-direction:column;gap:6px;margin-bottom:20px}.disc-track-row{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:10px;background:var(--ink-2);cursor:pointer;border:1px solid #fff0;transition:border-color 0.15s,background 0.15s;text-align:left;width:100%;color:var(--cream);font-family:'Manrope',sans-serif;font-size:.92rem}.disc-track-row:hover{border-color:rgb(217 167 94 / .3)}.disc-track-row.active{border-color:var(--gold);background:rgb(217 167 94 / .08)}.disc-track-icon{width:26px;height:26px;border-radius:50%;background:var(--card);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--gold-soft)}.disc-track-row.active .disc-track-icon{background:var(--gold);color:var(--ink)}.disc-nowplaying{width:100%;display:flex;align-items:center;gap:14px;padding-top:16px;border-top:1px solid var(--line)}.disc-transport{background:#fff0;border:none;color:var(--cream);font-size:1.2rem;cursor:pointer;width:36px;height:36px;border-radius:50%;transition:background 0.15s,color 0.15s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.disc-transport:hover{background:rgb(217 167 94 / .12);color:var(--gold-soft)}.disc-transport-play{background:var(--gold);color:var(--ink)}.disc-transport-play:hover{background:var(--gold-soft);color:var(--ink)}.disc-progress-wrap{flex:1;display:flex;align-items:center;gap:10px;min-width:0}.disc-time{font-size:.7rem;color:var(--slate);flex-shrink:0;width:34px}.disc-time:last-child{text-align:right}.disc-progress{flex:1;-webkit-appearance:none;appearance:none;height:4px;border-radius:2px;background:var(--line);outline:none;cursor:pointer}.disc-progress::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--gold);cursor:pointer}.disc-progress::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--gold);border:none;cursor:pointer}@media (max-width:480px){.disc-stage{width:230px;height:190px;transform:scale(.85);transform-origin:top center}.disc-player{padding:24px 16px 18px}}