:root, [data-theme="dark"] {
  --bg: #10131A;
  --surface: #161A23;
  --surface-raised: #1C212C;
  --surface-overlay: #242A37;
  --surface-sunken: #0C0E13;
  --line: #2A3140;
  --line-strong: #3A4356;
  --border-control: #737E98;
  --ink: #EDF1F7;
  --ink-muted: #A7B3CD;
  --ink-subtle: #8591AB;
  --cobalt: #7896FF;
  --cobalt-hover: #93ABFF;
  --cobalt-soft: #1D2747;
  --cobalt-ink: #9DB2FF;
  --on-cobalt: #10131A;
  --focus-ring: var(--cobalt);
  --copper: #E0773F;
  --ink-warm: #F6F3EE;
  --success: #4FD1A5;
  --success-soft: #133329;
  --warning: #F2B84B;
  --warning-soft: #3A2E14;
  --danger: #FF7F72;
  --danger-soft: #3D1D1D;
  --cobalt-top: #9BB1FF;
  --copper-top: #F29B63;
  --glow: rgba(120,150,255,.55);
  --spot: rgba(147,171,255,.14);
  --edge-lit: rgba(255,255,255,.75);
  --sheen: rgba(255,255,255,.55);
  --glass-fallback: rgba(20,24,34,.92);
  --tint: rgba(237,241,247,.06);
  --tint-hover: rgba(237,241,247,.11);
  --tint-edge: rgba(237,241,247,.14);
  --hairline: rgba(237,241,247,.1);
  --field-bg: rgba(6,8,12,.55);
  --solid-bg: #EDF1F7;
  --solid-top: #FFFFFF;
  --solid-ink: #10131A;
  --solid-line: #D3D9E6;
  --stage-bg: #0A0D14;
  --stage-cobalt: rgba(84,116,245,.9);
  --stage-copper: rgba(232,122,62,.78);
  --stage-ray: rgba(170,192,255,.075);
  --mark-fill: rgba(237,241,247,.035);
  --focus-ink: #10131A;
  --focus-meta: #1D2747;
  --focus-eyebrow: #10131A;
  --focus-line: rgba(16,19,26,.16);
  --focus-mark: rgba(16,19,26,.1);
  --focus-e: #FF7F72;
  --focus-w: #F2B84B;
  --focus-dot-ring: #10131A;
  --avatars-ring: #161A24;
  --ev-base: #171B25;
  --dt-head: #141822;
  --dt-group: #181D28;
  --plan-line: rgba(237,241,247,.075);
  --plan-line-half: rgba(237,241,247,.035);
  --plan-past: rgba(4,6,10,.2);
  --tone-plum: #B79BDF;
  --tone-sage: #7FC49D;
  --tone-sand: #DDBF73;
  --chart-1: #6E8BF7;
  --chart-2: #D9713A;
  --chart-3: #9A79D8;
  --chart-4: #2FAE79;
  --chart-5: #B88C1E;
  --chart-surface: #171B25;
  --chart-grid: rgba(237,241,247,.07);
  --chart-axis: rgba(237,241,247,.16);
  --code-bg: rgba(6,8,12,.6);
  --code-edge: var(--hairline);
  --scrim: rgba(6,8,12,.6);
  --scrim-soft: rgba(6,8,12,.25);
  --scrim-strong: rgba(6,8,12,.62);
  --tip-bg: rgba(16,19,26,.94);
  --tip-ink: #EDF1F7;
  --tip-kbd: #B3BDD3;
  --shadow-overlay: 0 16px 40px rgba(0,0,0,0.5), 0 0 0 1px #2A3140;
  --shadow-glass: 0 24px 48px -24px rgba(0,0,0,0.55);
  --inset: inset 0 1px 2px rgba(0,0,0,.18);
  --lift-shadow: 0 30px 60px -30px rgba(0,0,0,.6);
}
[data-theme="light"] {
  --bg: #F4F6FB;
  --surface: #FFFFFF;
  --surface-raised: #FFFFFF;
  --surface-overlay: #FFFFFF;
  --surface-sunken: #E9EDF5;
  --line: #DDE2EC;
  --line-strong: #C5CCDA;
  --border-control: #7A859A;
  --ink: #10131A;
  --ink-muted: #52617D;
  --ink-subtle: #5C6A87;
  --cobalt: #3659D9;
  --cobalt-hover: #2A48BC;
  --cobalt-soft: #E4EAFD;
  --cobalt-ink: #2E4EC7;
  --on-cobalt: #FFFFFF;
  --focus-ring: var(--cobalt);
  --copper: #B4561F;
  --ink-warm: #10131A;
  --success: #0F7A5A;
  --success-soft: #DDF3EA;
  --warning: #8A5A00;
  --warning-soft: #FBEBCB;
  --danger: #B3342A;
  --danger-soft: #FBE3E0;
  --cobalt-top: #4E6FE8;
  --copper-top: #F29B63;
  --glow: rgba(54,89,217,.4);
  --spot: rgba(54,89,217,.08);
  --edge-lit: rgba(54,89,217,.7);
  --sheen: rgba(255,255,255,.4);
  --glass-fallback: rgba(255,255,255,.95);
  --tint: rgba(16,19,26,.04);
  --tint-hover: rgba(16,19,26,.08);
  --tint-edge: rgba(16,19,26,.14);
  --hairline: rgba(16,19,26,.1);
  --field-bg: rgba(247,248,252,.94);
  --solid-bg: #10131A;
  --solid-top: #2A3040;
  --solid-ink: #EDF1F7;
  --solid-line: #3A4356;
  --stage-bg: #E6EAF4;
  --stage-cobalt: rgba(84,116,245,.7);
  --stage-copper: rgba(236,128,70,.58);
  --stage-ray: rgba(255,255,255,.85);
  --mark-fill: rgba(255,255,255,.28);
  --focus-ink: #EDF1F7;
  --focus-meta: #A7B3CD;
  --focus-eyebrow: #9DB2FF;
  --focus-line: #3A4356;
  --focus-mark: rgba(237,241,247,.07);
  --focus-e: #FF7F72;
  --focus-w: #F2B84B;
  --focus-dot-ring: rgba(255,255,255,.14);
  --avatars-ring: #FFFFFF;
  --ev-base: #FFFFFF;
  --dt-head: #F3F5FA;
  --dt-group: #F7F8FC;
  --plan-line: rgba(16,19,26,.085);
  --plan-line-half: rgba(16,19,26,.04);
  --plan-past: rgba(40,52,110,.035);
  --tone-plum: #7A55B8;
  --tone-sage: #2F7D55;
  --tone-sand: #8F6A12;
  --chart-1: #3659D9;
  --chart-2: #C2602A;
  --chart-3: #8257C9;
  --chart-4: #13805A;
  --chart-5: #BC8C10;
  --chart-surface: #FFFFFF;
  --chart-grid: rgba(16,19,26,.07);
  --chart-axis: rgba(16,19,26,.18);
  --code-bg: #F6F8FC;
  --code-edge: rgba(16,19,26,.08);
  --scrim: rgba(16,19,26,.28);
  --scrim-soft: rgba(16,19,26,.08);
  --scrim-strong: rgba(16,19,26,.3);
  --tip-bg: rgba(16,19,26,.94);
  --tip-ink: #EDF1F7;
  --tip-kbd: #B3BDD3;
  --shadow-overlay: 0 16px 40px rgba(16,19,26,0.12), 0 0 0 1px #DDE2EC;
  --shadow-glass: 0 1px 2px rgba(40,52,110,0.06), 0 22px 44px -20px rgba(38,52,120,0.30);
  --inset: inset 0 1px 2px rgba(40,52,110,.07);
  --lift-shadow: 0 30px 60px -30px rgba(38,52,120,.38);
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-item: 10px;
  --radius-lg: 16px;
  --radius-xl: 32px;
  --radius-full: 9999px;
  --dur-instant: 120ms;
  --dur-fast: 180ms;
  --dur-base: 280ms;
  --dur-slow: 600ms;
  --dur-scene: 1400ms;
  --dur-pop: 420ms;
  --dur-icon: 1100ms;
  --dur-pulse: 2400ms;
  --delay-icon: 80ms;
  --ease-out: cubic-bezier(.22,1,.36,1);
  --ease-in-out: cubic-bezier(.65,0,.35,1);
  --ease-soft: cubic-bezier(.33,1,.68,1);
  --icon-stroke: 1.9;
  --icon-stroke-lg: 1.6;
  --icon-stroke-sm: 2.4;
  --icon-stroke-mark: 2.6;
  --font-sans: Manrope, system-ui, sans-serif;
  --font-mono: ui-monospace, "Cascadia Mono", "SF Mono", Menlo, Consolas, monospace;
  --font-serif: "Instrument Serif", Georgia, serif;
}
@font-face { font-family:'Manrope'; src:url('Manrope-Variable.ttf?v=3ae11c49db') format('truetype'); font-weight:200 800; font-style:normal; font-display:swap; }
@font-face { font-family:'Instrument Serif'; src:url('InstrumentSerif-Italic.ttf?v=08939b8bdf') format('truetype'); font-weight:400; font-style:italic; font-display:swap; }
