:root{--font-ui: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-mono: ui-monospace, "SF Mono", SFMono-Regular, "Roboto Mono", Menlo, monospace;--r-xs: 6px;--r-sm: 8px;--r-md: 10px;--r-lg: 12px;--r-xl: 16px;--r-2xl: 20px;--r-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--fs-2xs: 10px;--fs-xs: 11px;--fs-sm: 12px;--fs-base: 13px;--fs-md: 14px;--fs-lg: 17px;--fs-xl: 22px;--fs-2xl: 28px;--fs-3xl: 33px;--lh-tight: 1.2;--lh-normal: 1.5;--bg: #121212;--bg-raised: #161616;--canvas-stage: #0F0F0F;--card: #1E1E1E;--card-header: #252525;--card-bold: #000000;--inset: #1A1A1A;--control: #2C2C2C;--control-strong: #383838;--popover: #2E2E2E;--tooltip-bg: #0F0F0F;--line-mid: #45454A;--text-strong: #FFFFFF;--text-1: #E6E6EA;--text-2: #C7C7CE;--text-3: #A8A8B0;--text-4: #8F8F97;--text-faint: #7A7A82;--text-disabled: #5A5A60;--field-bg: #2C2C2C;--field-border: transparent;--chip-active-bg: #FFFFFF;--chip-active-fg: #121212;--hairline: rgba(255,255,255,.08);--fill-faint: rgba(255,255,255,.04);--fill-1: rgba(255,255,255,.07);--fill-2: rgba(255,255,255,.12);--fill-3: rgba(255,255,255,.18);--fill-4: rgba(255,255,255,.3);--glass: rgba(38,38,38,.72);--glass-strong: rgba(30,30,30,.88);--glass-hover: rgba(56,56,56,.86);--glass-panel: rgba(12,12,14,.85);--glass-modal: rgba(28,28,30,.72);--scrim: rgba(8,8,10,.55);--shadow-sm: 0 1px 3px rgba(0,0,0,.4);--shadow-pop: 0 8px 32px rgba(0,0,0,.5), 0 1px 4px rgba(0,0,0,.3);--shadow-menu: 0 12px 32px rgba(0,0,0,.55);--shadow-modal: 0 24px 64px rgba(0,0,0,.55);--shadow-drawer: -8px 0 32px rgba(0,0,0,.5);--shadow-sheet: 0 -10px 32px rgba(0,0,0,.5);--accent: #2196F3;--accent-soft: #90CAF9;--amber: #FFB74D;--amber-bg: #1A1108;--warn: #FFC107;--danger: #FF8A80;--danger-bg: #3A1A1A;--danger-deep: #B71C1C;--violet: #BA68C8;--violet-soft: #CE93D8;--violet-deep: #9C27B0;--green: #81C784;--green-soft: #A5D6A7}[data-theme=light]{--bg: #F2F2F7;--bg-raised: #FAFAFC;--canvas-stage: #E2E2E8;--card: #FFFFFF;--card-header: #F4F4F7;--card-bold: #FFFFFF;--inset: #ECECF1;--control: #E9E9EE;--control-strong: #DCDCE1;--popover: #FFFFFF;--tooltip-bg: #FFFFFF;--line-mid: #D6D6DB;--text-strong: #1C1C1E;--text-1: #2C2C2E;--text-2: #48484A;--text-3: #636366;--text-4: #7C7C82;--text-faint: #A0A0A6;--text-disabled: #C4C4CA;--chip-active-bg: #1C1C1E;--chip-active-fg: #FFFFFF;--field-bg: #FFFFFF;--field-border: rgba(0,0,0,.16);--hairline: rgba(0,0,0,.08);--fill-faint: rgba(0,0,0,.035);--fill-1: rgba(0,0,0,.05);--fill-2: rgba(0,0,0,.08);--fill-3: rgba(0,0,0,.12);--fill-4: rgba(0,0,0,.28);--glass: rgba(250,250,252,.78);--glass-strong: rgba(255,255,255,.92);--glass-hover: rgba(232,232,238,.9);--glass-panel: rgba(248,248,250,.92);--glass-modal: rgba(248,248,250,.85);--scrim: rgba(60,60,67,.35);--shadow-sm: 0 1px 2px rgba(0,0,0,.07);--shadow-pop: 0 8px 32px rgba(0,0,0,.12), 0 1px 4px rgba(0,0,0,.06);--shadow-menu: 0 10px 28px rgba(0,0,0,.12);--shadow-modal: 0 16px 48px rgba(0,0,0,.13);--shadow-drawer: -8px 0 28px rgba(0,0,0,.1);--shadow-sheet: 0 -10px 28px rgba(0,0,0,.1);--accent: #1976D2;--accent-soft: #1565C0;--amber: #A56A00;--amber-bg: #FFF3D6;--warn: #9A6B00;--danger: #D32F2F;--danger-bg: #FDECEA;--danger-deep: #B71C1C;--violet: #8E24AA;--violet-soft: #9C27B0;--violet-deep: #7B1FA2;--green: #2E7D32;--green-soft: #1B5E20}