:root{--bg: #121212;--surface: #1c1c1c;--surface-2: #282828;--text: #f2f2f2;--muted: #a7a7a7;--accent: #f2a541;--danger: #e5534b;--radius: 8px;--sidebar: 220px;--player: 72px;--bottom-nav: 0px;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font:15px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:var(--surface-2);border:0;border-radius:999px;padding:.5rem 1rem;cursor:pointer}button:hover{filter:brightness(1.2)}button.primary{background:var(--accent);color:#111;font-weight:600}button.icon{background:transparent;padding:.4rem;border-radius:50%;line-height:1}input{font:inherit;color:inherit;background:var(--surface-2);border:1px solid transparent;border-radius:var(--radius);padding:.7rem .9rem;width:100%}input:focus{outline:none;border-color:var(--accent)}.muted{color:var(--muted)}.error{color:var(--danger)}@media(max-width:768px){:root{--bottom-nav: 60px}}.player.svelte-1kz01ly{position:fixed;left:0;right:0;bottom:var(--bottom-nav);height:var(--player);background:var(--surface);border-top:1px solid var(--surface-2);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr);align-items:center;gap:1rem;padding:0 1rem;z-index:10}.now.svelte-1kz01ly{display:flex;align-items:center;gap:.75rem;min-width:0}img.svelte-1kz01ly,.cover-placeholder.svelte-1kz01ly{width:48px;height:48px;border-radius:4px;object-fit:cover;flex-shrink:0}.cover-placeholder.svelte-1kz01ly{background:var(--surface-2);display:grid;place-items:center;color:var(--muted)}.info.svelte-1kz01ly{min-width:0}.title.svelte-1kz01ly,.artist.svelte-1kz01ly{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.artist.svelte-1kz01ly{font-size:.85rem}.controls.svelte-1kz01ly{display:flex;flex-direction:column;align-items:center;gap:.2rem}.buttons.svelte-1kz01ly{display:flex;align-items:center;gap:.75rem}.play.svelte-1kz01ly{width:36px;height:36px;padding:0;background:var(--text);color:var(--bg)}.progress.svelte-1kz01ly{display:flex;align-items:center;gap:.5rem;width:100%;font-size:.75rem}.progress.svelte-1kz01ly input:where(.svelte-1kz01ly){padding:0;accent-color:var(--accent);background:transparent}@media(max-width:768px){.player.svelte-1kz01ly{grid-template-columns:minmax(0,1fr) auto}.progress.svelte-1kz01ly,.buttons.svelte-1kz01ly .icon:where(.svelte-1kz01ly){display:none}}.shell.svelte-12qhfyh{display:grid;grid-template-columns:var(--sidebar) 1fr;min-height:100vh}.sidebar.svelte-12qhfyh{position:sticky;top:0;height:100vh;background:#000;padding:1.5rem 1rem;display:flex;flex-direction:column;gap:1.5rem}.brand.svelte-12qhfyh{font-size:1.5rem;font-weight:800;color:var(--accent);padding:0 .5rem}.sidebar.svelte-12qhfyh nav:where(.svelte-12qhfyh){display:flex;flex-direction:column;gap:.25rem;flex:1}.sidebar.svelte-12qhfyh nav:where(.svelte-12qhfyh) a:where(.svelte-12qhfyh){display:flex;gap:.75rem;padding:.6rem .75rem;border-radius:var(--radius);color:var(--muted);font-weight:600}.sidebar.svelte-12qhfyh nav:where(.svelte-12qhfyh) a:where(.svelte-12qhfyh):hover,.sidebar.svelte-12qhfyh nav:where(.svelte-12qhfyh) a.active:where(.svelte-12qhfyh){color:var(--text);background:var(--surface)}.me.svelte-12qhfyh{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:0 .5rem}.me.svelte-12qhfyh a:where(.svelte-12qhfyh){color:var(--muted);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.me.svelte-12qhfyh a:where(.svelte-12qhfyh):hover,.me.svelte-12qhfyh a.active:where(.svelte-12qhfyh){color:var(--text)}main.svelte-12qhfyh{padding:1.5rem 2rem;min-width:0}.with-player.svelte-12qhfyh main:where(.svelte-12qhfyh){padding-bottom:calc(var(--player) + 1.5rem)}.bottom-nav.svelte-12qhfyh{display:none}@media(max-width:768px){.shell.svelte-12qhfyh{grid-template-columns:1fr}.sidebar.svelte-12qhfyh{display:none}main.svelte-12qhfyh{padding:1rem 1rem calc(var(--bottom-nav) + 1rem)}.with-player.svelte-12qhfyh main:where(.svelte-12qhfyh){padding-bottom:calc(var(--bottom-nav) + var(--player) + 1rem)}.bottom-nav.svelte-12qhfyh{display:flex;position:fixed;left:0;right:0;bottom:0;height:var(--bottom-nav);background:#000;justify-content:space-around;align-items:center;padding-bottom:env(safe-area-inset-bottom);z-index:10}.bottom-nav.svelte-12qhfyh a:where(.svelte-12qhfyh){display:flex;flex-direction:column;align-items:center;font-size:.75rem;color:var(--muted)}.bottom-nav.svelte-12qhfyh a.active:where(.svelte-12qhfyh){color:var(--text)}}