:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--primary:#8b5cf6;--secondary:#18171f;--text:#f4f1fa;--error:#ef4444;--radius:10px;--muted:color-mix(in srgb, var(--text) 58%, transparent);--line:color-mix(in srgb, var(--text) 12%, transparent);--surface:color-mix(in srgb, var(--secondary) 88%, var(--text));background:var(--secondary);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--secondary);min-width:320px}body{background:var(--secondary);min-height:100dvh;color:var(--text);margin:0}button,input,select,textarea{font:inherit}button,.button{border-radius:var(--radius);background:var(--primary);color:#fff;cursor:pointer;border:0;justify-content:center;align-items:center;gap:.45rem;min-height:2.35rem;padding:.5rem .85rem;font-weight:650;display:inline-flex}button:hover,.button:hover{filter:brightness(1.08)}button:disabled{cursor:not-allowed;opacity:.5}button.secondary{background:var(--surface);color:var(--text);border:1px solid var(--line)}button.ghost{color:var(--muted);background:0 0}input,select,textarea{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:100%;min-height:2.4rem;color:var(--text);outline:none;padding:.55rem .7rem}input:focus,select:focus,textarea:focus{border-color:var(--primary)}label{color:var(--muted);gap:.35rem;font-size:.875rem;display:grid}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1{margin-bottom:1rem;font-size:1.4rem}h2{margin-bottom:.75rem;font-size:1.05rem}.error{color:var(--error);margin:0}.muted{color:var(--muted)}.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.auth-page{place-items:center;min-height:100dvh;padding:1rem;display:grid}.auth-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);gap:.9rem;width:min(100%,22rem);padding:1.25rem;display:grid}.auth-card h1{margin-bottom:.15rem}.auth-card a{text-align:center;color:var(--muted);font-size:.875rem}.app-shell{min-height:100dvh}.nav-link{border-radius:var(--radius);width:2.75rem;height:2.75rem;color:var(--muted);place-items:center;display:grid}.nav-link:hover,.nav-link.active{background:var(--surface);color:var(--text)}.page{max-width:86rem;margin:0 auto;padding:1.1rem 1.25rem 6rem;position:relative}.page.with-mini-player{padding-bottom:10.5rem}.page.now-playing-page{padding-bottom:4.5rem}.page-heading{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.page-heading h1{margin:0}.bottom-nav{z-index:30;padding:.35rem max(.35rem, env(safe-area-inset-right)) calc(.35rem + env(safe-area-inset-bottom)) max(.35rem, env(safe-area-inset-left));border-top:1px solid var(--line);background:color-mix(in srgb, var(--secondary) 94%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);grid-template-columns:repeat(6,1fr);display:grid;position:fixed;inset:auto 0 0}.bottom-nav .nav-link{width:100%}.empty{text-align:center;color:var(--muted);padding:2rem 1rem}.stack{gap:.8rem;display:grid}@media (width<=700px){.page{width:100%;padding:.85rem .85rem 7rem}.page.with-mini-player{padding-bottom:11.5rem}.page.now-playing-page{padding-bottom:4.5rem}}