:root{
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;
  --mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;
  --r-xs:8px;--r-sm:10px;--r:14px;--r-lg:20px;--r-xl:26px;--r-full:999px;
  --t-fast:.15s cubic-bezier(.4,0,.2,1);--t:.22s cubic-bezier(.4,0,.2,1);--t-slow:.4s cubic-bezier(.4,0,.2,1);
  --accent:#6366f1;--accent-2:#8b5cf6;--ok:#22c55e;--warn:#f59e0b;--bad:#ef4444;--info:#38bdf8;
  --nav-h:62px;--top-h:58px;
}
html[data-accent="indigo"]{--accent:#6366f1;--accent-2:#8b5cf6;}
html[data-accent="violet"]{--accent:#a855f7;--accent-2:#ec4899;}
html[data-accent="emerald"]{--accent:#10b981;--accent-2:#06b6d4;}
html[data-accent="rose"]{--accent:#f43f5e;--accent-2:#fb923c;}
html[data-accent="amber"]{--accent:#f59e0b;--accent-2:#ef4444;}
html[data-accent="cyan"]{--accent:#06b6d4;--accent-2:#3b82f6;}
html[data-theme="dark"]{
  --bg:#070a13;--grad-1:rgba(99,102,241,.16);--grad-2:rgba(168,85,247,.13);
  --surface:#0f1524;--surface-2:#151d31;--surface-3:#1d2740;
  --border:#222c46;--border-soft:#1a2338;
  --text:#e9eefb;--text-dim:#c3cce4;--muted:#8b97b8;
  --shadow:0 12px 34px -14px rgba(0,0,0,.85);--shadow-sm:0 4px 14px -8px rgba(0,0,0,.8);
  --accent-soft:color-mix(in srgb,var(--accent) 18%,transparent);
  --overlay:rgba(4,7,14,.78);color-scheme:dark;
}
html[data-theme="light"]{
  --bg:#eff3fb;--grad-1:rgba(99,102,241,.15);--grad-2:rgba(168,85,247,.12);
  --surface:#fff;--surface-2:#f7f9fe;--surface-3:#edf1fa;
  --border:#e1e7f4;--border-soft:#eaeff8;
  --text:#0d1526;--text-dim:#2b3852;--muted:#697790;
  --shadow:0 14px 34px -18px rgba(16,24,40,.35);--shadow-sm:0 4px 14px -8px rgba(16,24,40,.25);
  --accent-soft:color-mix(in srgb,var(--accent) 14%,transparent);
  --overlay:rgba(15,23,42,.55);color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{margin:0;font-family:var(--font);color:var(--text);background-color:var(--bg);
  background-image:radial-gradient(1100px 620px at 8% -12%,var(--grad-1),transparent 62%),
  radial-gradient(900px 560px at 102% -4%,var(--grad-2),transparent 58%);
  background-attachment:fixed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
  min-height:100dvh;overflow-x:hidden;transition:background-color var(--t),color var(--t);}
button,input,textarea,select{font:inherit;color:inherit;}
button{background:none;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;}
input,textarea,select{-webkit-tap-highlight-color:transparent;}
a{color:var(--accent);text-decoration:none;}
a:hover{text-decoration:underline;}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px;}
h1,h2,h3,h4,p{margin:0;}
ul{margin:0;padding:0;}
::-webkit-scrollbar{width:9px;height:9px;}
::-webkit-scrollbar-track{background:transparent;}
::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px;}
::-webkit-scrollbar-thumb:hover{background:var(--muted);}
.icon{width:22px;height:22px;display:block;flex:none;}
.icon-sm{width:17px;height:17px;}
.icon-lg{width:28px;height:28px;}
.muted{color:var(--muted);}