:root, [data-theme="light"] { --bg:#F6F7FB; --panel:#FFFFFF; --well:#FFFFFF; --outline:#14121F; --card1:#FFFFFF; --card2:#F3F4F9; --card1-hi:#F1ECFF; --card2-hi:#E9E2FF; --border:#E1E3EC; --border-dash:#C5C8D6; --text:#14121F; --body:#3D3B4F; --body2:#5A586E; --muted:#6F6D82; --muted2:#A8A6B8; --accent:#6D28D9; --accent-hi:#8B5CF6; --accent-lo:#4C1D95; --accent-ink:#FFFFFF; --accent-text:#5B21B6; --up:#0E8F6E; --warm:#D97706; --cta-grad:linear-gradient(180deg,#8B5CF6,#6D28D9 45%,#5B21B6); --cta-grad-hi:linear-gradient(180deg,#A78BFA,#7C3AED 45%,#6D28D9); --cta-grad2:linear-gradient(180deg,#34D399,#10B981 50%,#059669); --chip-grad:linear-gradient(90deg,#8B5CF6,#5B21B6); --chip-grad2:linear-gradient(90deg,#10B981,#6D28D9); --strip-grad:linear-gradient(90deg,#5B21B6,#6D28D9 55%,#0E8F6E); --chrome:linear-gradient(180deg,#14121F 45%,#2A2740 72%,#6D28D9); --chrome2:linear-gradient(180deg,#14121F 45%,#1F3D35 72%,#0E8F6E); --row-hi:linear-gradient(90deg,rgba(14,143,110,.12),rgba(14,143,110,.04)); --grid:rgba(20,18,31,.045); --glow:rgba(109,40,217,.22); }
  [data-theme="dark"] { --bg:#0E0F14; --panel:#14151C; --well:#0A0B10; --outline:#07080C; --card1:#1B1C26; --card2:#121319; --card1-hi:#251F3D; --card2-hi:#1A1630; --border:#272935; --border-dash:#3A3D4C; --text:#FFFFFF; --body:#D5D6DF; --body2:#A6A8B8; --muted:#8B8D9E; --muted2:#5B5D6E; --accent:#A78BFA; --accent-hi:#C4B5FD; --accent-lo:#7C3AED; --accent-ink:#0E0F14; --accent-text:#DDD6FE; --up:#34D399; --warm:#FBBF24; --cta-grad:linear-gradient(180deg,#C4B5FD,#A78BFA 45%,#7C3AED); --cta-grad-hi:linear-gradient(180deg,#DDD6FE,#C4B5FD 45%,#8B5CF6); --cta-grad2:linear-gradient(180deg,#6EE7B7,#34D399 50%,#10B981); --chip-grad:linear-gradient(90deg,#C4B5FD,#7C3AED); --chip-grad2:linear-gradient(90deg,#34D399,#7C3AED); --strip-grad:linear-gradient(90deg,#7C3AED,#A78BFA 55%,#34D399); --chrome:linear-gradient(180deg,#FFFFFF 40%,#DDD6FE 66%,#A78BFA); --chrome2:linear-gradient(180deg,#FFFFFF 40%,#A7F3D0 66%,#34D399); --row-hi:linear-gradient(90deg,rgba(52,211,153,.14),rgba(52,211,153,.05)); --grid:rgba(255,255,255,.035); --glow:rgba(167,139,250,.4); }
  body { margin: 0; background: var(--bg); font-family: "Geist", sans-serif; -webkit-font-smoothing: antialiased; }
  a { color: var(--accent); text-decoration: none; }
  a:hover { color: #8AF0FF; }
  * { box-sizing: border-box; }
  select, input, button { font-family: inherit; }
  @keyframes blink { 0%,100% { opacity: 1 } 50% { opacity: .25 } }
  @keyframes slidein { from { opacity: 0; transform: translateY(10px) } to { opacity: 1; transform: none } }
  @keyframes spin { to { transform: rotate(360deg) } }