:root{--bg: #0e0f13;--bg-elevated: #16181f;--bg-elevated-2: #1e212b;--bg-hover: #232733;--line: #2a2e3a;--text: #e8eaf0;--text-dim: #9aa0b0;--text-faint: #6b7181;--accent: #5eead4;--accent-2: #f0abfc;--accent-ink: #04231e;--danger: #fb7185;--star: #fbbf24;--radius: 12px;--radius-sm: 8px;--shadow: 0 8px 30px rgba(0, 0, 0, .4);--player-h: 88px;--sidebar-w: 232px;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}input{font:inherit}img{display:block;max-width:100%}h1,h2,h3{font-weight:700;letter-spacing:-.02em;margin:0}::selection{background:var(--accent);color:var(--accent-ink)}*{scrollbar-width:thin;scrollbar-color:var(--line) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--line);border-radius:999px;border:2px solid transparent;background-clip:content-box}.btn{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;background:var(--bg-elevated-2);color:var(--text);font-weight:600;transition:background .15s ease,transform .05s ease}.btn:hover{background:var(--bg-hover)}.btn:active{transform:translateY(1px)}.btn-accent{background:var(--accent);color:var(--accent-ink)}.btn-accent:hover{background:#7af0dc}.muted{color:var(--text-dim)}.faint{color:var(--text-faint)}.spinner{width:22px;height:22px;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.player.svelte-nfsfpn{height:var(--player-h);display:grid;grid-template-columns:minmax(180px,1fr) minmax(0,2fr) minmax(180px,1fr);align-items:center;gap:16px;padding:0 18px;background:var(--bg-elevated);border-top:1px solid var(--line)}.now.svelte-nfsfpn{display:flex;align-items:center;gap:12px;min-width:0}.now.svelte-nfsfpn .cover{width:56px;flex:0 0 56px}.txt.svelte-nfsfpn{min-width:0}.t.svelte-nfsfpn,.a.svelte-nfsfpn{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.t.svelte-nfsfpn{font-weight:600}.t.svelte-nfsfpn:hover{text-decoration:underline}.a.svelte-nfsfpn{font-size:13px;color:var(--text-dim)}.a.svelte-nfsfpn:hover{color:var(--text)}.center.svelte-nfsfpn{display:flex;flex-direction:column;gap:6px;align-items:center}.controls.svelte-nfsfpn{display:flex;align-items:center;gap:8px;color:var(--text)}.controls.svelte-nfsfpn button:where(.svelte-nfsfpn){display:grid;place-items:center;width:36px;height:36px;border-radius:50%;color:var(--text-dim)}.controls.svelte-nfsfpn button:where(.svelte-nfsfpn):hover:not(:disabled){color:var(--text)}.controls.svelte-nfsfpn button:where(.svelte-nfsfpn):disabled{opacity:.35;cursor:default}.pp.svelte-nfsfpn{background:var(--text)!important;color:var(--bg)!important}.pp.svelte-nfsfpn:hover:not(:disabled){transform:scale(1.05)}.pp.svelte-nfsfpn:disabled{background:var(--line)!important}.seek.svelte-nfsfpn{display:flex;align-items:center;gap:10px;width:100%;max-width:560px}.time.svelte-nfsfpn{font-size:11px;color:var(--text-faint);font-variant-numeric:tabular-nums;min-width:34px;text-align:center}.bar.svelte-nfsfpn{position:relative;flex:1;height:4px;background:var(--line);border-radius:999px}.bar.svelte-nfsfpn:hover{height:6px}.fill.svelte-nfsfpn{position:absolute;left:0;top:0;bottom:0;background:var(--accent);border-radius:999px;pointer-events:none}.right.svelte-nfsfpn{display:flex;align-items:center;justify-content:flex-end;gap:10px;color:var(--text-dim)}.rg.svelte-nfsfpn{font-size:11px;font-weight:800;letter-spacing:.04em;padding:3px 7px;border-radius:6px;border:1px solid var(--line);color:var(--text-faint)}.rg.on.svelte-nfsfpn{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}input[type=range].svelte-nfsfpn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;margin:0}.bar.svelte-nfsfpn input[type=range]:where(.svelte-nfsfpn){position:absolute;top:-6px;right:0;bottom:-6px;left:0;width:100%;height:calc(100% + 12px)}input[type=range].svelte-nfsfpn::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--text);opacity:0}.bar.svelte-nfsfpn:hover input[type=range]:where(.svelte-nfsfpn)::-webkit-slider-thumb{opacity:1}input[type=range].svelte-nfsfpn::-moz-range-thumb{width:12px;height:12px;border:none;border-radius:50%;background:var(--text)}.vol.svelte-nfsfpn{width:96px;height:4px;background:var(--line);border-radius:999px}.vol.svelte-nfsfpn::-webkit-slider-thumb{opacity:1;background:var(--text)}@media(max-width:760px){.right.svelte-nfsfpn{display:none}.player.svelte-nfsfpn{grid-template-columns:1fr auto;gap:10px}.center.svelte-nfsfpn{grid-column:1 / -1;order:3}}.splash.svelte-12qhfyh{display:grid;place-items:center;height:100vh}.login.svelte-12qhfyh{display:flex;flex-direction:column;gap:14px;width:min(360px,90vw);padding:32px;background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.brand.svelte-12qhfyh{display:flex;align-items:center;gap:12px}.brand.svelte-12qhfyh h1:where(.svelte-12qhfyh){font-size:24px}.login.svelte-12qhfyh input:where(.svelte-12qhfyh){padding:11px 14px;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--text);outline:none}.login.svelte-12qhfyh input:where(.svelte-12qhfyh):focus{border-color:var(--accent)}.err.svelte-12qhfyh{color:var(--danger);font-size:13px;margin:0}.app.svelte-12qhfyh{display:grid;grid-template-columns:var(--sidebar-w) 1fr;grid-template-rows:60px 1fr var(--player-h);height:100vh}.sidebar.svelte-12qhfyh{grid-row:1 / 3;grid-column:1;padding:18px 14px;background:var(--bg-elevated);border-right:1px solid var(--line);overflow-y:auto}.logo.svelte-12qhfyh{display:flex;align-items:center;gap:10px;font-weight:800;font-size:18px;letter-spacing:-.02em;padding:6px 8px 18px}nav.svelte-12qhfyh{display:flex;flex-direction:column;gap:2px}.navlink.svelte-12qhfyh{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-sm);color:var(--text-dim);font-weight:600}.navlink.svelte-12qhfyh:hover{color:var(--text);background:var(--bg-hover)}.navlink.active.svelte-12qhfyh{color:var(--text);background:var(--bg-elevated-2)}.topbar.svelte-12qhfyh{grid-row:1;grid-column:2;display:flex;align-items:center;gap:14px;padding:0 24px;border-bottom:1px solid var(--line)}.searchbox.svelte-12qhfyh{display:flex;align-items:center;gap:9px;flex:1;max-width:460px;padding:9px 14px;background:var(--bg-elevated);border:1px solid var(--line);border-radius:999px;color:var(--text-faint)}.searchbox.svelte-12qhfyh:focus-within{border-color:var(--accent);color:var(--text-dim)}.searchbox.svelte-12qhfyh input:where(.svelte-12qhfyh){flex:1;background:none;border:none;outline:none;color:var(--text)}.logout.svelte-12qhfyh{margin-left:auto;color:var(--text-dim);font-weight:600;font-size:13px;padding:7px 12px;border-radius:999px}.logout.svelte-12qhfyh:hover{color:var(--text);background:var(--bg-hover)}main.svelte-12qhfyh{grid-row:2;grid-column:2;overflow-y:auto;padding:24px 24px 40px}.player-wrap.svelte-12qhfyh{grid-row:3;grid-column:1 / -1}@media(max-width:720px){.app.svelte-12qhfyh{grid-template-columns:1fr;grid-template-rows:60px 1fr var(--player-h)}.sidebar.svelte-12qhfyh{display:none}.topbar.svelte-12qhfyh{grid-column:1}main.svelte-12qhfyh{grid-column:1;padding:16px 16px 32px}}