:root{--color-bg: #FAFAF8;--color-surface: #FFFFFF;--color-ink: #0A0A0A;--color-muted: #6B6B6B;--color-line: #E2E2E0;--color-line-subtle: #F0F0EE;--color-accent: #E53935;--color-good: #2E7D32;--color-warn: #F9A825;--color-header: #0A0A0A;--color-header-text: #FAFAF8;--font-ui: "Outfit", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--text-xs: .6875rem;--text-sm: .75rem;--text-base: .875rem;--text-lg: 1rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--max-width: 1400px;--header-height: 56px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-card: 0 1px 3px rgba(0, 0, 0, .04);--shadow-elevated: 0 4px 12px rgba(0, 0, 0, .08);--color-graph-bg: #1A1A1E;--color-node-skeleton: #FFFFFF;--color-node-skeleton-dim: rgba(255, 255, 255, .5);--color-node-knowledge: #E8820C;--color-node-step: #C46A08;--color-node-lesson: #C62828;--color-edge-parent-child: rgba(255, 255, 255, .9);--color-edge-physical: rgba(255, 255, 255, .4);--color-edge-attaches: rgba(232, 130, 12, .6);--color-edge-step-touches: rgba(232, 130, 12, .3);--color-edge-step-seq: rgba(196, 106, 8, .3)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-ui);font-weight:var(--weight-regular);font-size:var(--text-base);color:var(--color-ink);background:var(--color-bg);line-height:1.5;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.label{font-family:var(--font-ui);font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted)}.stat{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.status-dot--live{background:var(--color-good);box-shadow:0 0 6px #2e7d3280}.status-dot--warn{background:var(--color-warn);box-shadow:0 0 6px #f9a82580}.status-dot--error{background:var(--color-accent);box-shadow:0 0 6px #e5393580}.status-dot--offline{background:var(--color-line)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-line);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-muted)}