:root {
  color-scheme:light;
  --bw-bg:#ffffff;
  --bw-text:#0f172a;
  --bw-muted:#64748b;
  --bw-subtle:#64748b;
  --bw-border:#e2e8f0;
  --bw-border-strong:#cbd5e1;
  --bw-surface:#f8fafc;
  --bw-panel:#ffffff;
  --bw-control:#f1f5f9;
  --bw-hover:#e2e8f0;
  --bw-accent:#7c3aed;
  --bw-accent-text:#6d28d9;
  --bw-selected:#f5f3ff;
  --bw-stage:radial-gradient(ellipse at 48% 43%,#ede9fe 0%,#f1f5f9 42%,#f8fafc 76%);
  --bw-grid:#7c3aed09;
  --bw-logo-filter:invert(0);
  background:var(--bw-bg);
  color:var(--bw-text);
}
:root[data-theme="dark"] {
  color-scheme:dark;
  --bw-bg:#080d1a;
  --bw-text:#f1f5f9;
  --bw-muted:#94a3b8;
  --bw-subtle:#94a3b8;
  --bw-border:#253048;
  --bw-border-strong:#334155;
  --bw-surface:#0c1221;
  --bw-panel:#101726;
  --bw-control:#141c2c;
  --bw-hover:#253048;
  --bw-accent:#a78bfa;
  --bw-accent-text:#c4b5fd;
  --bw-selected:#7c3aed15;
  --bw-stage:radial-gradient(ellipse at 48% 43%,#2b1d48 0%,#14172b 42%,#0c1221 76%);
  --bw-grid:#a78bfa06;
  --bw-logo-filter:invert(1);
}
.site-controls { display:flex;align-items:center;gap:10px;min-width:0; }
.site-controls a { color:var(--bw-muted);font-size:12px;text-decoration:none;white-space:nowrap; }
.site-controls a:hover { color:var(--bw-accent); }
.site-controls select,.theme-toggle { font:12px 'Space Grotesk',system-ui,sans-serif;color:var(--bw-text);background:var(--bw-control);border:1px solid var(--bw-border);border-radius:9px;height:38px;cursor:pointer; }
.site-controls select { max-width:180px;padding:0 26px 0 10px; }
.theme-toggle { display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 11px;white-space:nowrap; }
.theme-toggle svg { width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round; }
.theme-toggle:hover { border-color:var(--bw-accent); }
.theme-toggle:focus-visible,.site-controls select:focus-visible { outline:2px solid var(--bw-accent);outline-offset:4px; }
[data-theme="light"] .theme-sun,[data-theme="dark"] .theme-moon { display:none; }
@media(max-width:700px) {
  .site-header,.topbar { flex-wrap:wrap;height:auto;min-height:78px;gap:18px;padding-top:20px;padding-bottom:20px; }
  .site-controls { flex-wrap:wrap; }
  .site-controls select { max-width:155px; }
  .theme-toggle .theme-label { display:none; }
}