: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}.app-shell[data-colors=album]{isolation:isolate;background:color-mix(in srgb, var(--secondary) 82%, black);position:relative}.app-shell[data-colors=album]:before{z-index:-2;background:var(--artwork) center / cover;content:"";filter:blur(32px)saturate(1.35);opacity:.58;transition:background-image .7s;position:fixed;inset:-3rem;transform:scale(1.08)}.app-shell[data-colors=album]:after{z-index:-1;background:linear-gradient(to bottom, color-mix(in srgb, var(--secondary) 35%, transparent), color-mix(in srgb, var(--secondary) 92%, transparent));content:"";position:fixed;inset:0}.app-shell[data-colors=album] .card{background-color:color-mix(in srgb, var(--surface) 78%, transparent);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.app-shell[data-style=midnight]{--surface:color-mix(in srgb, var(--secondary) 97%, var(--text));background:linear-gradient(160deg, color-mix(in srgb, var(--secondary) 94%, var(--primary)), var(--secondary) 35rem);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.app-shell[data-style=midnight] h1,.app-shell[data-style=midnight] h2{letter-spacing:.09em;text-transform:uppercase;font-weight:500}.app-shell[data-style=midnight] .card{border-color:color-mix(in srgb, var(--primary) 15%, var(--line));background-color:color-mix(in srgb, var(--surface) 88%, transparent);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--text) 5%, transparent)}.app-shell[data-style=neon]{background-image:linear-gradient(color-mix(in srgb, var(--primary) 7%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--primary) 7%, transparent) 1px, transparent 1px);background-size:2.5rem 2.5rem}.app-shell[data-style=neon] h1,.app-shell[data-style=neon] h2{color:color-mix(in srgb, var(--primary) 72%, var(--text));letter-spacing:.025em;text-shadow:.1rem .1rem 0 color-mix(in srgb, var(--primary) 24%, transparent);font-style:italic}.app-shell[data-style=neon] .card{border-color:color-mix(in srgb, var(--primary) 72%, transparent);background-color:color-mix(in srgb, var(--secondary) 90%, transparent);box-shadow:.3rem .3rem 0 color-mix(in srgb, var(--primary) 24%, transparent), inset 0 0 1.5rem color-mix(in srgb, var(--primary) 5%, transparent)}@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}}