.sc-player{height:120px;min-height:120px;max-height:120px;--sc-primary:#17a3d5;--sc-bg:#0b1220;--sc-fg:#e5e7eb;--sc-muted:rgba(229,231,235,.78);--sc-card:rgba(255,255,255,.06);--sc-border:rgba(255,255,255,.12);position:relative;border-radius:22px;padding:16px;display:grid;grid-template-columns:88px 1fr auto;gap:14px;align-items:center;box-sizing:border-box;background:var(--sc-bg);color:var(--sc-fg);border:1px solid var(--sc-border);box-shadow:0 18px 60px rgba(0,0,0,.22);overflow:hidden;container-type:inline-size}.sc-player.no-art{grid-template-columns:1fr auto}.sc-player *{box-sizing:border-box}.sc-player.theme-light{--sc-fg:#0f172a;--sc-muted:rgba(15,23,42,.70);--sc-card:rgba(15,23,42,.06);--sc-border:rgba(15,23,42,.10);background:#f4f7ff;color:var(--sc-fg)}.sc-player.style-glass{background:radial-gradient(1200px 260px at 20% 10%,rgba(90,130,255,.25),rgba(0,0,0,0) 60%),radial-gradient(900px 220px at 70% 55%,rgba(255,130,200,.18),rgba(0,0,0,0) 55%),linear-gradient(180deg,rgba(10,16,30,.72),rgba(10,16,30,.48));backdrop-filter:blur(22px) saturate(1.25);-webkit-backdrop-filter:blur(22px) saturate(1.25);border:1px solid rgba(255,255,255,.16);box-shadow:0 22px 70px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.12),inset 0 -1px 0 rgba(255,255,255,.05)}.sc-player.theme-light.style-glass{background:radial-gradient(1200px 260px at 20% 10%,rgba(90,130,255,.18),rgba(255,255,255,0) 60%),radial-gradient(900px 220px at 70% 55%,rgba(255,130,200,.12),rgba(255,255,255,0) 55%),linear-gradient(180deg,rgba(255,255,255,.85),rgba(245,248,255,.70));border:1px solid rgba(15,23,42,.10);box-shadow:0 22px 70px rgba(15,23,42,.14),inset 0 1px 0 rgba(255,255,255,.55),inset 0 -1px 0 rgba(15,23,42,.05)}.sc-wave{position:absolute;left:150px;right:190px;top:50%;transform:translateY(-50%);height:70px;pointer-events:none;opacity:.95}.sc-player.no-art .sc-wave{left:22px}.sc-wave-svg{width:100%;height:100%;display:block}.sc-player[data-state="paused"] .sc-wave{opacity:.32}.sc-art{width:88px;height:88px;border-radius:18px;background:var(--sc-card);border:1px solid var(--sc-border);overflow:hidden;display:grid;place-items:center;z-index:2;position:relative}.sc-art::after{content:"";position:absolute;inset:-18px;background:radial-gradient(circle at 30% 20%,rgba(90,130,255,.22),rgba(0,0,0,0) 60%);filter:blur(14px);opacity:.9;z-index:-1}.sc-player.theme-light .sc-art::after{opacity:.55}.sc-art-live{font-weight:900;letter-spacing:.08em;font-size:12px;padding:6px 10px;border-radius:999px;background:rgba(0,0,0,.35);border:1px solid var(--sc-border)}.sc-meta{min-width:0;z-index:3}.sc-title-row{display:flex;align-items:center;gap:10px;margin-bottom:6px}.sc-live{display:inline-flex;align-items:center;height:22px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:900;letter-spacing:.08em;background:rgba(255,64,129,.18);border:1px solid rgba(255,64,129,.38);color:#ff5c97}.sc-player.theme-light .sc-live{background:rgba(255,64,129,.12)}.sc-station-text{font-weight:950;font-size:18px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sc-track{font-size:14px;color:var(--sc-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sc-controls{display:flex;align-items:center;gap:12px;z-index:4}.sc-btn{background:var(--sc-primary);color:#fff;border:0;border-radius:999px;padding:11px 16px;font-weight:900;cursor:pointer;box-shadow:0 10px 25px rgba(0,0,0,.18)}.sc-player.bigbtn-on .sc-btn{width:78px;height:78px;border-radius:999px;padding:0;font-size:0;position:relative;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.20),rgba(255,255,255,0) 45%),linear-gradient(180deg,rgba(78,160,255,1),rgba(42,110,240,1));box-shadow:0 26px 60px rgba(0,0,0,.35),0 0 0 14px rgba(78,160,255,.10),inset 0 1px 0 rgba(255,255,255,.25)}.sc-player.theme-light.bigbtn-on .sc-btn{box-shadow:0 26px 60px rgba(15,23,42,.18),0 0 0 14px rgba(78,160,255,.12),inset 0 1px 0 rgba(255,255,255,.35)}.sc-player.bigbtn-on[data-state="paused"] .sc-btn::before{content:"▶";font-size:28px;font-weight:900;position:absolute;inset:0;display:grid;place-items:center}.sc-player.bigbtn-on[data-state="playing"] .sc-btn::before{content:"❚❚";font-size:26px;font-weight:900;position:absolute;inset:0;display:grid;place-items:center}.sc-vol{width:130px}.sc-vol input[type="range"]{width:130px}.sc-player.is-mini{height:64px;min-height:64px;max-height:64px;position:fixed;left:16px;right:16px;bottom:16px;z-index:9999;border-radius:999px;padding:12px 14px;display:grid;grid-template-columns:52px 1fr 200px;gap:12px;align-items:center;box-shadow:0 18px 60px rgba(0,0,0,.28)}.sc-player.is-mini.no-art{grid-template-columns:1fr 200px}.sc-player.is-mini .sc-wave{left:94px;right:226px;height:44px}.sc-player.is-mini.no-art .sc-wave{left:18px;right:226px}.sc-player.is-mini .sc-art{width:52px;height:52px;border-radius:14px}.sc-player.is-mini .sc-station-text{font-size:14px}.sc-player.is-mini .sc-track{font-size:12px}.sc-player.is-mini .sc-controls{width:200px;display:flex;justify-content:flex-end;align-items:center;gap:10px}.sc-player.is-mini.bigbtn-on .sc-btn{width:56px;height:56px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:10;box-shadow:0 18px 40px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.22)}.sc-player.is-mini.bigbtn-on.theme-light .sc-btn{box-shadow:0 18px 40px rgba(15,23,42,.18),inset 0 1px 0 rgba(255,255,255,.35)}.sc-player.is-mini .sc-vol{width:110px}.sc-player.is-mini .sc-vol input[type="range"]{width:110px}@container (max-width:680px){.sc-wave{left:120px;right:140px;height:56px;opacity:.80}.sc-player.no-art .sc-wave{left:18px;right:140px}.sc-vol,.sc-vol input[type="range"]{width:96px}.sc-player.bigbtn-on .sc-btn{width:66px;height:66px}}@container (max-width:560px){.sc-player{grid-template-columns:64px 1fr auto;gap:10px;padding:12px}.sc-player.no-art{grid-template-columns:1fr auto}.sc-art{width:64px;height:64px;border-radius:14px}.sc-controls{justify-content:flex-end;gap:10px}.sc-wave{left:92px;right:18px;top:52%;height:44px;opacity:.55}.sc-player.no-art .sc-wave{left:18px;right:18px}.sc-station-text{font-size:16px}.sc-track{font-size:13px}.sc-player.bigbtn-on .sc-btn{width:58px;height:58px}.sc-vol,.sc-vol input[type="range"]{width:110px}}@container (max-width:480px){.sc-wave{display:none}.sc-vol,.sc-vol input[type="range"]{width:90px}}@container (max-width:400px){.sc-vol{display:none}}