:root{--vw-bg:#0c0d10;--vw-panel:#14161b;--vw-card:#1b1e24;--vw-card2:#22262e;--vw-text:#f6f7fb;--vw-muted:#9ca3af;--vw-line:rgba(255,255,255,.08);--vw-accent:#8b5cf6;--vw-accent2:#22d3ee;--vw-radius:18px}
.vwsp-app{position:relative;display:grid;grid-template-columns:250px minmax(0,1fr) 330px;grid-template-rows:minmax(720px,calc(100vh - 40px)) 88px;background:var(--vw-bg);color:var(--vw-text);border-radius:24px;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.28);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.vwsp-app *{box-sizing:border-box}.vwsp-app button,.vwsp-app input{font:inherit}.vwsp-sidebar{grid-row:1;background:#0f1115;border-right:1px solid var(--vw-line);padding:20px 14px;overflow:auto}.vwsp-brand{height:52px;display:flex;align-items:center;gap:10px;padding:0 10px 14px;font-weight:800;font-size:18px}.vwsp-brand-mark{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--vw-accent),var(--vw-accent2));color:white}.vwsp-primary-nav,.vwsp-context-nav{display:grid;gap:4px}.vwsp-nav-item,.vwsp-context-button{appearance:none;border:0;background:transparent;color:var(--vw-muted);display:flex;align-items:center;gap:12px;width:100%;padding:11px 12px;border-radius:12px;text-align:left;cursor:pointer;transition:.18s}.vwsp-nav-item:hover,.vwsp-context-button:hover,.vwsp-nav-item.is-active,.vwsp-context-button.is-active{background:rgba(255,255,255,.07);color:#fff}.vwsp-nav-item span,.vwsp-context-button span{width:22px;text-align:center}.vwsp-sidebar-title{margin:24px 12px 8px;color:#6b7280;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:800}.vwsp-main-shell{grid-row:1;min-width:0;overflow:auto;background:radial-gradient(circle at 20% -10%,rgba(139,92,246,.18),transparent 32%),var(--vw-bg)}.vwsp-topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:12px;padding:18px 28px;background:linear-gradient(to bottom,rgba(12,13,16,.95),rgba(12,13,16,.78),transparent);backdrop-filter:blur(16px)}.vwsp-search{height:44px;flex:1;max-width:620px;display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid var(--vw-line);background:rgba(255,255,255,.06);border-radius:999px}.vwsp-search input{width:100%;border:0;outline:0;background:transparent;color:#fff}.vwsp-search input::placeholder{color:#7f8794}.vwsp-now-toggle,.vwsp-mobile-menu{border:1px solid var(--vw-line);background:rgba(255,255,255,.06);color:#fff;border-radius:999px;padding:10px 14px;cursor:pointer}.vwsp-mobile-menu{display:none}.vwsp-content{padding:8px 28px 130px}.vwsp-hero{padding:24px 0 20px}.vwsp-eyebrow{font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--vw-accent2)}.vwsp-hero h1{margin:6px 0 8px;font-size:clamp(32px,5vw,58px);line-height:.98;letter-spacing:-.04em}.vwsp-hero p{max-width:720px;color:var(--vw-muted);font-size:16px}.vwsp-section{margin:26px 0 38px}.vwsp-section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:14px}.vwsp-section h2{font-size:22px;margin:0}.vwsp-section-sub{color:var(--vw-muted);font-size:14px}.vwsp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px}.vwsp-card{position:relative;background:linear-gradient(180deg,var(--vw-card2),var(--vw-card));border:1px solid var(--vw-line);border-radius:var(--vw-radius);padding:12px;cursor:pointer;transition:transform .18s,border-color .18s,background .18s;min-width:0}.vwsp-card:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.18);background:#222630}.vwsp-card-art{aspect-ratio:1;border-radius:14px;background:linear-gradient(135deg,rgba(139,92,246,.55),rgba(34,211,238,.28));background-size:cover;background-position:center;display:grid;place-items:center;font-size:40px;overflow:hidden;position:relative}.vwsp-card-play{position:absolute;right:10px;bottom:10px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;border:0;background:#fff;color:#111;box-shadow:0 12px 24px rgba(0,0,0,.35);opacity:0;transform:translateY(4px);transition:.18s;cursor:pointer}.vwsp-card:hover .vwsp-card-play,.vwsp-card.is-playing .vwsp-card-play{opacity:1;transform:none}.vwsp-card h3{font-size:15px;margin:12px 2px 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vwsp-card p{font-size:12px;color:var(--vw-muted);margin:0 2px 2px;min-height:34px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.vwsp-card-badge{position:absolute;left:22px;top:22px;background:rgba(10,12,16,.72);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);font-size:10px;font-weight:800;padding:5px 8px;border-radius:999px}.vwsp-zone-card .vwsp-card-art{aspect-ratio:1.35}.vwsp-station-list{display:grid;gap:8px}.vwsp-row{display:grid;grid-template-columns:48px minmax(0,1fr) minmax(0,1fr) auto;align-items:center;gap:12px;padding:9px 10px;border-radius:12px}.vwsp-row:hover{background:rgba(255,255,255,.05)}.vwsp-row-art{width:48px;height:48px;border-radius:10px;background:linear-gradient(135deg,var(--vw-accent),var(--vw-accent2));background-size:cover;background-position:center}.vwsp-row-title{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vwsp-row-meta{color:var(--vw-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vwsp-row button{width:38px;height:38px;border-radius:50%;border:0;cursor:pointer}.vwsp-now-panel{grid-row:1;background:#111318;border-left:1px solid var(--vw-line);padding:20px;overflow:auto;position:relative;transition:.25s}.vwsp-panel-close{position:absolute;top:14px;right:14px;border:0;background:rgba(255,255,255,.06);color:#fff;width:34px;height:34px;border-radius:50%;cursor:pointer}.vwsp-now-art,.vwsp-empty-art{aspect-ratio:1;border-radius:20px;background:linear-gradient(135deg,rgba(139,92,246,.5),rgba(34,211,238,.25));background-size:cover;background-position:center;display:grid;place-items:center;font-size:60px;margin:42px 0 20px}.vwsp-now-panel h3{margin:0 0 4px;font-size:22px}.vwsp-now-panel p{color:var(--vw-muted)}.vwsp-now-stat{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--vw-line);font-size:13px}.vwsp-history{display:grid;gap:10px;margin-top:16px}.vwsp-history-item{display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center}.vwsp-history-art{width:42px;height:42px;border-radius:8px;background:#252932;background-size:cover;background-position:center}.vwsp-history-item strong,.vwsp-history-item span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vwsp-history-item span{font-size:12px;color:var(--vw-muted)}.vwsp-player{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:54px minmax(150px,1.2fr) 42px 54px 42px auto minmax(120px,1fr) minmax(110px,160px) 42px;align-items:center;gap:10px;padding:12px 18px;background:#0d0f13;border-top:1px solid var(--vw-line);z-index:20}.vwsp-player-art{width:54px;height:54px;border-radius:12px;background:linear-gradient(135deg,var(--vw-accent),var(--vw-accent2));background-size:cover;background-position:center;display:grid;place-items:center}.vwsp-player-meta{min-width:0}.vwsp-player-meta strong,.vwsp-player-meta span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vwsp-player-meta span{font-size:12px;color:var(--vw-muted);margin-top:2px}.vwsp-player-btn{width:38px;height:38px;border-radius:50%;border:0;background:transparent;color:#fff;cursor:pointer}.vwsp-player-btn:hover{background:rgba(255,255,255,.08)}.vwsp-player-play{background:#fff!important;color:#111!important;width:46px;height:46px}.vwsp-live-pill{font-size:10px;font-weight:900;letter-spacing:.08em;border-radius:999px;border:1px solid var(--vw-line);padding:7px 9px;color:var(--vw-muted);text-align:center}.vwsp-live-pill.is-live{background:#ef4444;color:#fff;border-color:#ef4444}.vwsp-live-pill.is-demand{background:#7c3aed;color:#fff;border-color:#7c3aed}.vwsp-progress-wrap input,.vwsp-volume input{width:100%;accent-color:#fff}.vwsp-volume{display:flex;align-items:center;gap:8px}.vwsp-mobile-nav{display:none}.vwsp-loader{padding:80px 0;color:var(--vw-muted)}.vwsp-empty{padding:40px;border:1px dashed var(--vw-line);border-radius:18px;color:var(--vw-muted);text-align:center}.vwsp-chip-row{display:flex;gap:8px;overflow:auto;padding-bottom:4px}.vwsp-chip{border:1px solid var(--vw-line);background:rgba(255,255,255,.05);color:#fff;padding:8px 12px;border-radius:999px;white-space:nowrap;cursor:pointer}.vwsp-chip:hover{background:rgba(255,255,255,.1)}
@media(max-width:1180px){.vwsp-app{grid-template-columns:86px minmax(0,1fr) 300px}.vwsp-brand-name,.vwsp-nav-item strong,.vwsp-context-button strong,.vwsp-sidebar-title{display:none}.vwsp-brand,.vwsp-nav-item,.vwsp-context-button{justify-content:center}.vwsp-nav-item span,.vwsp-context-button span{width:auto}.vwsp-player{grid-template-columns:48px minmax(110px,1fr) 38px 50px 38px auto minmax(100px,1fr) 120px 38px}}
@media(max-width:900px){.vwsp-app{display:block;min-height:780px;border-radius:18px;padding-bottom:138px}.vwsp-sidebar{position:absolute;z-index:40;left:0;top:0;bottom:0;width:270px;transform:translateX(-102%);transition:.22s;box-shadow:20px 0 50px rgba(0,0,0,.45)}.vwsp-app.is-menu-open .vwsp-sidebar{transform:none}.vwsp-brand-name,.vwsp-nav-item strong,.vwsp-context-button strong,.vwsp-sidebar-title{display:block}.vwsp-brand,.vwsp-nav-item,.vwsp-context-button{justify-content:flex-start}.vwsp-mobile-menu{display:block}.vwsp-now-panel{position:absolute;z-index:35;top:0;right:0;bottom:0;width:min(360px,92vw);transform:translateX(105%);box-shadow:-20px 0 50px rgba(0,0,0,.45)}.vwsp-app.is-now-open .vwsp-now-panel{transform:none}.vwsp-content{padding:4px 16px 150px}.vwsp-topbar{padding:14px 16px}.vwsp-now-toggle{display:none}.vwsp-player{position:absolute;left:8px;right:8px;bottom:58px;height:68px;padding:8px;border:1px solid var(--vw-line);border-radius:15px;grid-template-columns:46px minmax(0,1fr) 44px 36px;background:#15181f}.vwsp-player-art{width:46px;height:46px}.vwsp-player #vwsp-prev,.vwsp-player #vwsp-next,.vwsp-player #vwsp-mode-pill,.vwsp-progress-wrap,.vwsp-volume,.vwsp-player #vwsp-favorite{display:none}.vwsp-player-play{width:42px;height:42px}.vwsp-mobile-nav{position:absolute;left:0;right:0;bottom:0;height:58px;display:grid;grid-template-columns:repeat(5,1fr);background:#0d0f13;border-top:1px solid var(--vw-line);z-index:30}.vwsp-mobile-nav button{border:0;background:transparent;color:#b4bac5;display:grid;place-items:center;font-size:18px;padding:5px}.vwsp-mobile-nav span{font-size:10px}.vwsp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.vwsp-row{grid-template-columns:46px minmax(0,1fr) auto}.vwsp-row-meta{display:none}}
@media(max-width:480px){.vwsp-app{margin-left:-12px;margin-right:-12px;border-radius:0}.vwsp-hero h1{font-size:38px}.vwsp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vwsp-card{padding:9px}.vwsp-card h3{font-size:14px}}