:root{--font-mono: "SF Mono", "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px;--radius-xl: 14px;--sb-fs-title: 13px;--sb-fs-header: 12px;--sb-fs-l1: 15px;--sb-fs-l2: 14px;--sb-fs-l3: 13px;--sb-fs-leaf: 13px;--sb-fs-meta: 11.5px;--sb-fs-count: 11px;--sb-fw-header: 700;--sb-fw-l1: 700;--sb-fw-l2: 600;--sb-fw-l3: 500;--sb-fw-leaf: 400;--transition-fast: .12s ease;--transition-normal: .2s ease;--statusbar-h: 36px;--header-h: 62px;--tab-strip-w: 48px;--sidebar-content-w: 220px;--right-panel-w: 280px;--minimap-w: 200px;--minimap-h: 150px}.theme-dark{--color-bg-base: #060a12;--color-bg-panel: #0b1022;--color-bg-node: #0c1224;--color-bg-card: #0e1529;--color-bg-interactive: #111827;--color-bg-elevated: #131b33;--color-bg-disabled: #0b101f;--color-bg-overlay: #0b1022ee;--color-bg-hover: #1a234044;--color-border-primary: #1a2340;--color-border-secondary: #334155;--color-border-subtle: #131b33;--color-text-bright: #e2e8f0;--color-text-primary: #94a3b8;--color-text-secondary: #64748b;--color-text-dim: #475569;--color-text-muted: #334155;--color-accent: #6366f1;--color-accent-hover: #818cf8;--color-danger: #ef4444;--color-danger-bg: #ef444414;--color-warning: #f59e0b;--color-warning-bg: #f59e0b14;--color-success: #22c55e;--color-success-bg: #22c55e18;--color-grid-dot: #131b33;--color-node-shadow: rgba(0, 0, 0, .4);--color-node-shadow-selected: rgba(0, 0, 0, .5);--shadow-panel: 0 4px 20px rgba(0, 0, 0, .3);--shadow-float: 0 12px 40px rgba(0, 0, 0, .5);--shadow-node: 0 4px 20px rgba(0, 0, 0, .4);--color-scrollbar-thumb: #1a2340;--color-scrollbar-track: transparent}.theme-light{--color-bg-base: #f1f5f9;--color-bg-panel: #ffffff;--color-bg-node: #ffffff;--color-bg-card: #f8fafc;--color-bg-interactive: #f1f5f9;--color-bg-elevated: #e2e8f0;--color-bg-disabled: #f1f5f9;--color-bg-overlay: #ffffffee;--color-bg-hover: #e2e8f044;--color-border-primary: #cbd5e1;--color-border-secondary: #94a3b8;--color-border-subtle: #e2e8f0;--color-text-bright: #0f172a;--color-text-primary: #334155;--color-text-secondary: #475569;--color-text-dim: #64748b;--color-text-muted: #94a3b8;--color-accent: #4f46e5;--color-accent-hover: #6366f1;--color-danger: #dc2626;--color-danger-bg: #fef2f2;--color-warning: #d97706;--color-warning-bg: #fffbeb;--color-success: #16a34a;--color-success-bg: #f0fdf4;--color-grid-dot: #cbd5e1;--color-node-shadow: rgba(0, 0, 0, .08);--color-node-shadow-selected: rgba(0, 0, 0, .15);--shadow-panel: 0 1px 3px rgba(0, 0, 0, .1);--shadow-float: 0 8px 30px rgba(0, 0, 0, .12);--shadow-node: 0 2px 8px rgba(0, 0, 0, .08);--color-scrollbar-thumb: #cbd5e1;--color-scrollbar-track: transparent}body{background:var(--color-bg-base);color:var(--color-text-bright);transition:background var(--transition-normal),color var(--transition-normal)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-track{background:var(--color-scrollbar-track)}