html,body{margin:0;padding:0}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg);color:var(--text)}:root{--bg: #f7f8fa;--surface: #ffffff;--surface-2: #f3f5f7;--surface-3: #eaedf1;--border: #e5e7eb;--border-2: #d4d8de;--text: #1f2227;--text-muted: #5f6368;--text-faint: #9aa0a6;--accent: #1a73eb;--accent-hover: #1765d8;--accent-soft: #e8f0fe;--on-accent: #ffffff;--success: #16a34a;--success-soft: #e7f6ec;--danger: #dc2626;--danger-soft: #fef2f2;--danger-border: #f0c2c2;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 10px 32px rgba(0, 0, 0, .16);--shadow-lg: 0 24px 60px rgba(0, 0, 0, .28);--overlay: rgba(15, 23, 42, .2);--canvas-bg: #eef0f3;--canvas-grid: rgba(0, 0, 0, .06);color-scheme:light}[data-theme=dark]{--bg: #0f1217;--surface: #1a1e25;--surface-2: #21262f;--surface-3: #2b313b;--border: #2c323d;--border-2: #3a414e;--text: #e6e8ec;--text-muted: #a4abb6;--text-faint: #717784;--accent: #4d8df0;--accent-hover: #6ba2f4;--accent-soft: #1b2740;--on-accent: #ffffff;--success: #34d399;--success-soft: #14271f;--danger: #f47171;--danger-soft: #2a1a1c;--danger-border: #5a2e2e;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 10px 32px rgba(0, 0, 0, .5);--shadow-lg: 0 24px 60px rgba(0, 0, 0, .6);--overlay: rgba(0, 0, 0, .55);--canvas-bg: #15181f;--canvas-grid: rgba(255, 255, 255, .08);color-scheme:dark}