.sc-player{--scp-bg:#1a1a24;--scp-border:#444444;--scp-text:#ffffffde;--scp-muted:#9ca3af;--scp-accent:#f7f4f9;--scp-accent-hover:#faf9fb;--scp-active-bg:#a2a2a226;--scp-list-bg:#242430;--scp-bar-h:64px;--scp-radius:4px;--scp-font:Inter, system-ui, sans-serif;font-family:var(--scp-font)}.sc-player__iframe{opacity:0;pointer-events:none;clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute}.sc-player__bar{z-index:9999;height:var(--scp-bar-h);background:var(--scp-bg);border-top:1px solid var(--scp-border);align-items:center;gap:16px;padding:0 20px;display:flex;position:fixed;left:0;right:0}.sc-player--bottom .sc-player__bar{bottom:0}.sc-player--top .sc-player__bar{border-top:none;border-bottom:1px solid var(--scp-border);top:0}.sc-player__info{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.sc-player__artwork{border-radius:var(--scp-radius);flex-shrink:0;width:44px;height:44px;overflow:hidden}.sc-player__artwork img{object-fit:cover;width:100%;height:100%}.sc-player__artwork-placeholder{color:#fff;background:linear-gradient(135deg,#303030,#131313);justify-content:center;align-items:center;width:100%;height:100%;font-size:18px;display:flex}.sc-player__text{min-width:0}.sc-player__title{color:var(--scp-text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.sc-player__artist{color:var(--scp-muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.sc-player__controls{align-items:center;gap:8px;display:flex}.sc-player__btn{color:var(--scp-text);cursor:pointer;background:0 0;border:none;border-radius:50%;padding:6px 10px;font-size:16px;transition:background .2s}.sc-player__btn:hover{background:#0606061a}.sc-player__btn--play{justify-content:center;align-items:center;width:36px;height:36px;display:flex;background:var(--scp-accent)!important}.sc-player__btn--play:hover{background:var(--scp-accent-hover)!important}.sc-player__select{color:var(--scp-text);border-radius:var(--scp-radius);cursor:pointer;font-size:12px;font-family:var(--scp-font);background:#ffffff1a;border:1px solid #fff3;padding:4px 8px}.sc-player__select option{background:var(--scp-bg);color:var(--scp-text)}.sc-player__progress{cursor:pointer;background:#ffffff1a;border-radius:2px;flex:1;height:4px;position:relative}.sc-player__progress-fill{background:var(--scp-accent);border-radius:2px;height:100%;transition:width .1s}.sc-player__tracks-btn{color:var(--scp-muted);cursor:pointer;font-size:13px;font-family:var(--scp-font);white-space:nowrap;background:0 0;border:none;padding:6px 8px}.sc-player__tracks-btn:hover{color:var(--scp-text)}.sc-player__tracks{right:0;bottom:var(--scp-bar-h);background:var(--scp-list-bg);border:1px solid var(--scp-border);z-index:9998;border-bottom:none;border-radius:8px 0 0;width:340px;max-height:400px;display:none;position:fixed;overflow-y:auto}.sc-player__tracks--open{display:block}.sc-player__track{width:100%;color:var(--scp-text);cursor:pointer;text-align:left;font-family:var(--scp-font);background:0 0;border:none;align-items:center;gap:10px;padding:10px 14px;transition:background .2s;display:flex}.sc-player__track:hover{background:#ffffff0d}.sc-player__track.active{background:var(--scp-active-bg)}.sc-player__track-num{color:var(--scp-muted);text-align:center;min-width:20px;font-size:12px}.sc-player__track-title{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;overflow:hidden}.sc-player__track-dur{color:var(--scp-muted);font-size:11px}.sc-player__playing{color:var(--scp-accent);animation:.8s ease-in-out infinite scp-pulse}@keyframes scp-pulse{0%,to{opacity:.5}50%{opacity:1}}@media (width<=768px){.sc-player__bar{gap:8px;height:56px;padding:0 12px}.sc-player__progress{display:none}.sc-player__select{max-width:80px}.sc-player__tracks{border-radius:0;width:100%;left:0;right:0}.sc-player__tracks--open{width:100%;left:0;right:0}}.sc-player__sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sc-player__error{bottom:calc(var(--scp-bar-h) + 8px);color:#fff;border-radius:var(--scp-radius);z-index:10000;text-align:center;background:#dc2626;max-width:90vw;padding:8px 16px;font-size:13px;position:fixed;left:50%;transform:translate(-50%)}