:root {
  color-scheme: light;
  --bg:#e9eef8; --surface:rgba(255,255,255,.50); --surface2:rgba(255,255,255,.30);
  --ink:#0c1222; --ink2:#3a4257; --muted:#69718a;
  --line:rgba(255,255,255,.75); --rule:rgba(20,30,70,.10);
  --accent:#0a7aff; --accent-soft:rgba(10,122,255,.11);
  --good:#0a8439; --good-soft:rgba(40,200,100,.18);
  --bad:#d2352f; --bad-soft:rgba(255,80,70,.15);
  --neutral:#8a91a8; --s1:#0a7aff;
  --shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(255,255,255,.3),0 24px 60px -14px rgba(40,50,110,.30);
  --radius: 28px;
  --blur: blur(30px) saturate(190%);
  --bg-field-1: radial-gradient(900px 620px at 6% -6%,#9cc4ff 0,transparent 60%);
  --bg-field-2: radial-gradient(820px 600px at 96% 4%,#ffc0e0 0,transparent 56%);
  --bg-field-3: radial-gradient(900px 700px at 72% 104%,#b4efdd 0,transparent 56%);
  --bg-field-4: radial-gradient(720px 620px at -2% 92%,#d3c4ff 0,transparent 56%);
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --bg:#070914; --surface:rgba(255,255,255,.075); --surface2:rgba(255,255,255,.045);
  --ink:#fff; --ink2:#cdd1e4; --muted:#8d93ae;
  --line:rgba(255,255,255,.17); --rule:rgba(255,255,255,.09);
  --accent:#3b9bff; --accent-soft:rgba(59,155,255,.15);
  --good:#4ade80; --good-soft:rgba(74,222,128,.14);
  --bad:#ff7b76; --bad-soft:rgba(255,100,95,.15);
  --neutral:#7c829c; --s1:#62b1ff;
  --shadow:inset 0 1px 0 rgba(255,255,255,.24),0 30px 70px -12px rgba(0,0,0,.65);
  --bg-field-1: radial-gradient(900px 620px at 6% -6%,#1b3fb4 0,transparent 60%);
  --bg-field-2: radial-gradient(820px 600px at 96% 4%,#7c1f80 0,transparent 56%);
  --bg-field-3: radial-gradient(900px 700px at 72% 104%,#0c6a6c 0,transparent 56%);
  --bg-field-4: radial-gradient(720px 620px at -2% 92%,#3a2a9c 0,transparent 56%);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    color-scheme: dark;
    --bg:#070914; --surface:rgba(255,255,255,.075); --surface2:rgba(255,255,255,.045);
    --ink:#fff; --ink2:#cdd1e4; --muted:#8d93ae;
    --line:rgba(255,255,255,.17); --rule:rgba(255,255,255,.09);
    --accent:#3b9bff; --accent-soft:rgba(59,155,255,.15);
    --good:#4ade80; --good-soft:rgba(74,222,128,.14);
    --bad:#ff7b76; --bad-soft:rgba(255,100,95,.15);
    --neutral:#7c829c; --s1:#62b1ff;
    --shadow:inset 0 1px 0 rgba(255,255,255,.24),0 30px 70px -12px rgba(0,0,0,.65);
    --bg-field-1: radial-gradient(900px 620px at 6% -6%,#1b3fb4 0,transparent 60%);
    --bg-field-2: radial-gradient(820px 600px at 96% 4%,#7c1f80 0,transparent 56%);
    --bg-field-3: radial-gradient(900px 700px at 72% 104%,#0c6a6c 0,transparent 56%);
    --bg-field-4: radial-gradient(720px 620px at -2% 92%,#3a2a9c 0,transparent 56%);
  }
}

@font-face {
  font-family: "Inter";
  src: url("/static/fonts/inter/Inter-Variable.woff2") format("woff2-variations");
  font-weight: 100 900;
  font-display: swap;
}