:root{--c-slate-950: #0a0e1a;--c-slate-900: #0d1120;--c-slate-850: #11152b;--c-slate-800: #1a1f3a;--c-slate-700: #1e2d5a;--c-slate-600: #2a3050;--c-slate-500: #45475a;--c-slate-400: #6c7086;--c-slate-300: #bac2de;--c-slate-200: #cdd6f4;--c-blue-700: #1e3a5f;--c-blue-600: #2563eb;--c-blue-500: #3b82f6;--c-blue-300: #89b4fa;--c-blue-200: #93c5fd;--c-cyan-900: #031a25;--c-cyan-850: #0a1628;--c-cyan-700: #083344;--c-cyan-600: #164e63;--c-cyan-500: #0891b2;--c-cyan-400: #06b6d4;--c-cyan-200: #67e8f9;--c-cyan-100: #a5f3fc;--c-amber-950: #1c1208;--c-amber-900: #451a03;--c-amber-700: #92400e;--c-amber-500: #d97706;--c-amber-400: #f59e0b;--c-amber-200: #fcd34d;--c-red-900: #450a0a;--c-red-500: #ef4444;--c-red-400: #f87171;--c-orange-900: #431407;--c-orange-500: #f97316;--c-orange-400: #fb923c;--c-green-900: #052e16;--c-green-500: #22c55e;--c-green-400: #4ade80;--c-gray-700: #374151;--c-gray-500: #6b7280;--surface-app: var(--c-slate-950);--surface-panel: var(--c-slate-900);--surface-header: var(--c-slate-850);--surface-card: var(--c-slate-800);--surface-inset: var(--c-slate-900);--border-subtle: var(--c-slate-700);--border-default: var(--c-slate-600);--text-primary: var(--c-slate-200);--text-secondary: var(--c-slate-300);--text-muted: var(--c-slate-400);--text-disabled: var(--c-slate-500);--interactive-fg: var(--c-blue-300);--interactive-fg-hover: var(--c-blue-200);--interactive-accent: var(--c-blue-500);--interactive-bg: var(--c-slate-800);--interactive-bg-selected: var(--c-blue-700);--interactive-border: var(--c-slate-600);--interactive-border-hover: var(--c-blue-500);--mode-disrupt-fg: var(--c-amber-200);--mode-disrupt-accent: var(--c-amber-400);--mode-disrupt-dim: var(--c-amber-500);--mode-disrupt-bg: var(--c-amber-950);--mode-disrupt-bg-deep: var(--c-amber-900);--mode-disrupt-border: var(--c-amber-700);--mode-predict-fg: var(--c-cyan-200);--mode-predict-fg-hover:var(--c-cyan-100);--mode-predict-accent: var(--c-cyan-400);--mode-predict-dim: var(--c-cyan-500);--mode-predict-bg: var(--c-cyan-900);--mode-predict-bg-deep: var(--c-cyan-850);--mode-predict-surface: var(--c-cyan-700);--mode-predict-border: var(--c-cyan-600);--risk-high-fg: var(--c-red-400);--risk-high-accent: var(--c-red-500);--risk-high-bg: var(--c-red-900);--risk-medium-fg: var(--c-orange-400);--risk-medium-accent: var(--c-orange-500);--risk-medium-bg: var(--c-orange-900);--risk-low-fg: var(--c-green-400);--risk-low-accent: var(--c-green-500);--risk-low-bg: var(--c-green-900);--frozen-fill: var(--c-gray-700);--frozen-stroke: var(--c-gray-500);--frozen-track: var(--c-gray-700);--edge-default: var(--c-slate-600);--edge-flagged: var(--c-red-500);--edge-blocked: var(--c-gray-700);--edge-reroute: var(--c-amber-400);--edge-predicted: var(--c-cyan-400);--sidebar-width: 260px;--sidebar-width-md: 220px;--sidebar-rail-width: 40px;--panel-gap: 16px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--surface-app);color:var(--text-primary);font-family:Segoe UI,system-ui,sans-serif;height:100vh;display:flex;flex-direction:column;overflow:hidden}@keyframes ghost-flow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-24}}@keyframes prediction-flow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-24}}@keyframes pulse-ring{0%,to{opacity:.9}50%{opacity:.3}}