:root{--bg:#0a0a0f;--surface:#14141c;--surface-2:#1c1c28;--border:#2a2a3a;--text:#e6e6f0;--text-dim:#9a9ab0;--accent:#8b5cf6;--accent-press:#7c3aed;--on-accent:#0a0a0f;--glow:#22d3ee;--danger:#f0506e;--r-sm:6px;--r:10px;--r-lg:16px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.5}h1,h2,h3{color:var(--text);letter-spacing:-.01em;font-weight:650}h2{margin:0 0 var(--s-3);font-size:1.25rem}a{color:var(--accent);text-decoration:none}small{color:var(--text-dim)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:var(--s-4)}.btn{appearance:none;font:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);padding:var(--s-2) var(--s-3);cursor:pointer;justify-content:center;align-items:center;min-height:44px;transition:background .12s,border-color .12s,opacity .12s;display:inline-flex}.btn:hover{border-color:var(--accent)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;cursor:default}.btn-ghost{min-width:44px}.btn-accent{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:700}.btn-accent:hover{background:var(--accent-press);border-color:var(--accent-press)}.btn-ghost{background:0 0}.chip{appearance:none;font:inherit;color:var(--text-dim);background:var(--surface-2);border:1px solid var(--border);padding:var(--s-1) var(--s-3);cursor:pointer;border-radius:999px;align-items:center;min-height:36px;font-size:.85rem;display:inline-flex}.chip--active{color:var(--on-accent);background:var(--accent);border-color:var(--accent);font-weight:600}.btn:focus-visible,.chip:focus-visible,.tile:focus-visible,.app-nav a:focus-visible,[role=button]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.input,.select{font:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);padding:var(--s-2) var(--s-3);width:100%}.input:focus,.select:focus{border-color:var(--accent);outline:none}.row{gap:var(--s-2);align-items:center;display:flex}.col{gap:var(--s-3);flex-direction:column;display:flex}.wrap{flex-wrap:wrap}.app-nav{gap:var(--s-2);padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--border);background:var(--surface);z-index:10;flex-wrap:wrap;align-items:center;display:flex;position:sticky;top:0}.app-nav a{color:var(--text-dim);padding:var(--s-2) var(--s-3);border-radius:var(--r-sm);align-items:center;min-height:40px;display:inline-flex}.app-nav a.active,.app-nav a:hover{color:var(--text);background:var(--surface-2)}.app-main{padding:var(--s-4);max-width:1200px;margin:0 auto}.app-brand{align-items:center;gap:var(--s-2);margin-right:var(--s-2);display:inline-flex;padding:var(--s-1) var(--s-2)!important}.app-brand:hover{background:0 0!important}.app-brand__mark{width:28px;height:28px;display:block}.app-brand__name{letter-spacing:.04em;color:var(--text);font-weight:800}.login{max-width:380px;padding:var(--s-6) var(--s-4);align-items:center;gap:var(--s-4);text-align:center;flex-direction:column;margin:0 auto;display:flex}.login__logo{width:100%;max-width:260px;height:auto}.login .card{text-align:left;width:100%}.now-playing{border-radius:var(--r-lg);padding:var(--s-5);background:linear-gradient(160deg, var(--surface-2), var(--surface));border:1px solid var(--border);transition:box-shadow .3s,border-color .3s}.now-playing.is-playing{border-color:color-mix(in srgb, var(--glow) 50%, var(--border));box-shadow:0 0 0 1px color-mix(in srgb, var(--glow) 40%, transparent), 0 0 40px -10px var(--glow)}.freq-readout{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:2.6rem;font-weight:600}.freq-unit{color:var(--text-dim);margin-left:var(--s-2);font-size:1rem}.queue{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.queue-step{align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-3);border-radius:var(--r-sm);font-family:var(--font-mono);color:var(--text-dim);font-size:.9rem;display:flex}.queue-step--done{opacity:.5}.queue-step--active{color:var(--text);background:var(--surface-2)}.queue-bar{background:var(--accent);border-radius:2px;height:4px;transition:width .5s linear}.studio{gap:var(--s-5);grid-template-columns:1fr;display:grid}@media (width>=900px){.studio{grid-template-columns:minmax(360px,420px) 1fr;align-items:start}.studio__player{position:sticky;top:72px}}.tile-grid{gap:var(--s-3);grid-template-columns:repeat(auto-fill,minmax(170px,1fr));display:grid}.tile{text-align:left;cursor:pointer;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:var(--s-3);gap:var(--s-1);flex-direction:column;transition:border-color .12s,transform 60ms;display:flex}.tile:hover{border-color:var(--accent)}.tile:active{transform:scale(.99)}.tile__name{font-weight:600}.badge{color:var(--text-dim);border:1px solid var(--border);padding:0 var(--s-2);border-radius:999px;align-self:flex-start;font-size:.7rem}.badge--active{color:var(--on-accent);background:var(--accent);border-color:var(--accent)}.badge--paused{color:var(--text-dim)}.switch{cursor:pointer;flex:none;width:38px;height:22px;display:inline-flex;position:relative}.switch input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.switch__track{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;flex:1;transition:background .15s,border-color .15s}.switch__track:before{content:"";background:var(--text-dim);border-radius:50%;width:14px;height:14px;transition:transform .15s,background .15s;position:absolute;top:3px;left:3px}.switch input:checked~.switch__track{background:var(--accent);border-color:var(--accent)}.switch input:checked~.switch__track:before{background:#fff;transform:translate(16px)}.switch input:focus-visible~.switch__track{outline:2px solid var(--accent);outline-offset:1px}.muted{color:var(--text-dim)}.disclaimer{color:var(--text-dim);padding:var(--s-3) var(--s-4);font-size:12px}.quick-toggle{display:none}@media (width<=899px){.quick-toggle{display:inline-flex}.quick-drawer{display:none}.quick-drawer.open{display:flex}}.lib-settings{position:relative}.lib-settings__panel{z-index:20;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:var(--s-4);gap:var(--s-4);flex-direction:column;min-width:260px;display:flex;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 12px 40px -12px #0009}.filter-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);font-size:.7rem}.modal-backdrop{z-index:30;background:#0000008c;position:fixed;inset:0}.modal-card{z-index:31;position:relative}@media (width<=768px){.app-nav{border-bottom:none;border-top:1px solid var(--border);padding:var(--s-1) 0 calc(var(--s-1) + env(safe-area-inset-bottom));z-index:40;flex-wrap:nowrap;justify-content:space-around;gap:0;position:fixed;inset:auto 0 0}.app-nav .app-brand,.app-nav__signout{display:none}.app-nav a{border-radius:0;flex:1;justify-content:center;min-height:48px}.app-main{padding-top:max(var(--s-4), env(safe-area-inset-top));padding-bottom:calc(64px + env(safe-area-inset-bottom))}.chip{min-height:44px}}@media (width<=600px){.freq-readout{font-size:1.9rem}.tile-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.viz-stage{max-width:320px}}.lib-settings__panel{max-width:calc(100vw - 2 * var(--s-4))}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.now-playing.is-playing{box-shadow:none}}