.sdr-wrap{--sdr-bg:#080a0f;--sdr-panel:#111622;--sdr-panel2:#171e2c;--sdr-text:#f7f8fb;--sdr-muted:#929bad;--sdr-line:#273044;--sdr-accent:#62f5c5;--sdr-accent2:#6db8ff;color:var(--sdr-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;display:grid;gap:20px}.sdr-wrap *{box-sizing:border-box}.sdr-player-card,.sdr-library-card{background:linear-gradient(180deg,#131927,#0d121c);border:1px solid var(--sdr-line);border-radius:26px;box-shadow:0 24px 70px #0007}.sdr-player-card{padding:24px;display:grid;grid-template-columns:220px 1fr;gap:28px;align-items:center}.sdr-art{width:100%;aspect-ratio:1;border-radius:22px;border:1px solid #2b3549;background:radial-gradient(circle at 30% 20%,#17374a,transparent 38%),linear-gradient(145deg,#101827,#090d14);box-shadow:0 18px 45px #0008;display:grid;place-items:center;overflow:hidden}.sdr-logo-img{width:92%;height:92%;object-fit:contain;border-radius:16px;display:block}.sdr-eyebrow{font-size:11px;font-weight:800;letter-spacing:2.5px;color:var(--sdr-accent)}.sdr-now h2{font-size:clamp(24px,4vw,38px);margin:8px 0 5px;letter-spacing:-1px;color:var(--sdr-text)}.sdr-now p{color:var(--sdr-muted);margin:0 0 24px}.sdr-progress-row{display:grid;grid-template-columns:45px 1fr 45px;gap:10px;align-items:center;color:var(--sdr-muted);font-size:12px}.sdr-seek{width:100%;accent-color:var(--sdr-accent)}.sdr-controls{display:flex;gap:10px;margin-top:18px}.sdr-controls button{border:1px solid #303a4d;background:#171e2b;color:#fff;border-radius:14px;width:46px;height:46px;font-size:17px;cursor:pointer;line-height:1}.sdr-controls button:hover{transform:translateY(-1px)}.sdr-controls .sdr-primary{width:62px;background:var(--sdr-accent);color:#07120e;border-color:transparent;font-size:20px}.sdr-controls button.is-on{outline:2px solid var(--sdr-accent);outline-offset:1px}.sdr-library-card{padding:24px}.sdr-library-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:16px}.sdr-library-head h3{margin:4px 0 0;font-size:25px;color:var(--sdr-text)}.sdr-tools{display:flex;align-items:center;gap:12px;color:var(--sdr-muted);font-size:12px}.sdr-tools input{width:min(330px,45vw);background:#0a0f18;color:#fff;border:1px solid var(--sdr-line);border-radius:12px;padding:11px 13px;outline:none}.sdr-tools input:focus{border-color:var(--sdr-accent)}.sdr-track-list{border-top:1px solid var(--sdr-line);max-height:640px;overflow:auto}.sdr-track{appearance:none;width:100%;border:0;border-bottom:1px solid var(--sdr-line);background:transparent;color:#fff;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;text-align:left;padding:14px 6px;cursor:pointer}.sdr-track:hover,.sdr-track.is-active{background:#182030}.sdr-track.is-active{box-shadow:inset 3px 0 var(--sdr-accent)}.sdr-track-num{color:#667087;font-size:12px;text-align:center}.sdr-track-info{display:grid;gap:3px;min-width:0}.sdr-track-info strong{font-size:14px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sdr-track-info small{color:var(--sdr-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sdr-track-play{text-align:center;color:var(--sdr-accent)}.sdr-empty{padding:36px;border:1px dashed #344057;border-radius:16px;color:var(--sdr-muted);text-align:center}.sdr-empty strong{color:#fff}.sdr-empty code{color:var(--sdr-accent)}@media(max-width:700px){.sdr-player-card{grid-template-columns:1fr}.sdr-art{width:min(250px,70%);margin:auto}.sdr-library-head{align-items:stretch;flex-direction:column}.sdr-tools{justify-content:space-between}.sdr-tools input{width:70%}}