.vinyl-player{position:fixed;bottom:20px;right:20px;width:150px;display:none;flex-direction:column;align-items:center;z-index:200;gap:5px}
.vinyl-player.active{display:flex}
.vinyl-wrap{position:relative;width:150px;height:150px}
.vinyl-disc{width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,#ff5000 0%,#b83200 13%,#1a1a1a 14%,#3a3a3a 20%,#1a1a1a 21%,#3a3a3a 30%,#1a1a1a 31%,#3a3a3a 40%,#1a1a1a 41%,#3a3a3a 50%,#1a1a1a 51%,#3a3a3a 60%,#1a1a1a 61%,#3a3a3a 70%,#1a1a1a 71%,#2a2a2a 100%);cursor:pointer;animation:vinylspin 2.5s linear infinite;animation-play-state:paused;box-shadow:0 6px 24px rgba(0,0,0,.7);position:relative}
.vinyl-disc.playing{animation-play-state:running}
@keyframes vinylspin{to{transform:rotate(360deg)}}
.vinyl-center{position:absolute;width:44px;height:44px;border-radius:50%;background:#ff5000;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;overflow:hidden;pointer-events:none;font-size:14px;font-weight:900;color:#fff}
.vinyl-center img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}
.vinyl-close{position:absolute;top:-6px;right:-6px;background:#333;border:1px solid #555;color:#aaa;border-radius:50%;width:22px;height:22px;cursor:pointer;font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center;z-index:1}
.vinyl-close:hover{background:var(--accent,#ff5000);color:#fff;border-color:var(--accent,#ff5000)}
.vinyl-title-text{font-size:11px;color:#e0e0e0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600;width:150px;text-align:center}
.vinyl-source-text{font-size:10px;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:150px;text-align:center}
.vinyl-time{font-size:10px;color:#666;text-align:center}