:root,:root[data-theme=dark]{--app-bg: #0a0a0b;--side-bg: #161618;--panel-bg: #1b1b1e;--card-bg: #1c1c1f;--canvas-bg: #1c1c1f;--text-1: #f5f5f7;--text-2: #a1a1a6;--text-3: #79797f;--text-4: #5a5a60;--hair: rgba(255,255,255,.09);--hair-strong: rgba(255,255,255,.16);--hover: rgba(255,255,255,.055);--accent: #2997ff;--accent-press: #1c84ec;--accent-tint: rgba(41,151,255,.15);--accent-tint-2: rgba(41,151,255,.22);--on-accent: #ffffff;--green: #34c759;--green-tint: rgba(52,199,89,.16);--purple: #9d86ff;--purple-tint: rgba(157,134,255,.16);--danger: #ff6b6b;--danger-bg: rgba(255,107,107,.14);--warning: #ffd60a;--warning-tint: rgba(255,214,10,.16);--card-shadow: 0 1px 2px rgba(0,0,0,.4), 0 8px 24px rgba(0,0,0,.35);--side-shadow: 1px 0 0 var(--hair);--diagram-canvas-bg: #060c1a;--diagram-cred: #facc15;--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;--radius-sm: 8px;--radius-md: 11px;--radius-lg: 16px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(0,0,0,.4);--shadow-md: 0 8px 24px rgba(0,0,0,.35);--shadow-pop: 0 12px 40px rgba(0,0,0,.5);--scroll-thumb: #34343a;--scroll-thumb-hover: #45454c;--bg: var(--app-bg);--bg-elevated: var(--panel-bg);--bg-inset: #0e0e10;--bg-hover: rgba(255,255,255,.06);--border: var(--hair);--border-strong: var(--hair-strong);--text: var(--text-1);--text-muted: var(--text-2);--text-faint: var(--text-3);--accent-hover: var(--accent-press);--accent-soft: var(--accent-tint);--accent-contrast: var(--on-accent);--success: var(--green);color-scheme:dark}:root[data-theme=light]{--app-bg: #f5f5f7;--side-bg: #fbfbfd;--panel-bg: #ffffff;--card-bg: #ffffff;--canvas-bg: #2b2e34;--text-1: #1d1d1f;--text-2: #515154;--text-3: #86868b;--text-4: #aeaeb2;--hair: rgba(0,0,0,.09);--hair-strong: rgba(0,0,0,.14);--hover: rgba(0,0,0,.045);--accent: #0071e3;--accent-press: #0064cf;--accent-tint: rgba(0,113,227,.1);--accent-tint-2: rgba(0,113,227,.16);--on-accent: #ffffff;--green: #1a8f4c;--green-tint: rgba(26,143,76,.12);--purple: #6b4ef0;--purple-tint: rgba(107,78,240,.1);--danger: #d70015;--danger-bg: rgba(215,0,21,.08);--warning: #b25000;--warning-tint: rgba(178,80,0,.1);--card-shadow: 0 1px 2px rgba(0,0,0,.04), 0 6px 18px rgba(0,0,0,.05);--side-shadow: 1px 0 0 var(--hair);--diagram-canvas-bg: #eceff3;--diagram-cred: #9a6a00;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 6px 18px rgba(0,0,0,.06);--shadow-pop: 0 12px 40px rgba(0,0,0,.12);--scroll-thumb: #c7c7cc;--scroll-thumb-hover: #b0b0b6;--bg-inset: #f0f0f3;--bg-hover: rgba(0,0,0,.05);color-scheme:light}*,*:before,*:after{box-sizing:border-box}html,body,#app{margin:0;padding:0;height:100%;font-family:var(--font-sans);letter-spacing:-.011em;font-size:14px;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;transition:background-color .2s ease,color .2s ease}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}select option{background:var(--bg-elevated);color:var(--text)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-hover)}