:root{--bg-base: #0a0b0e;--bg-surface: #111318;--bg-elevated: #181c24;--bg-hover: #1e2430;--border-subtle: #1e2430;--border-default: #2a3040;--border-strong: #3a4458;--text-primary: #e8eaf0;--text-secondary: #8892a4;--text-muted: #4a5568;--text-inverse: #0a0b0e;--accent: #00d4ff;--accent-dim: rgba(0, 212, 255, .15);--accent-glow: rgba(0, 212, 255, .4);--status-running: #00d4ff;--status-pending: #f59e0b;--status-completed: #34d399;--status-blocked: #ef4444;--status-failed: #f87171;--node-decide: #f59e0b;--node-act: #fb923c;--node-request: #f472b6;--node-discuss: #e879f9;--node-schedule: #a78bfa;--node-communicate: #fb7185;--node-search: #38bdf8;--node-update: #34d399;--node-transform: #2dd4bf;--node-summarise: #818cf8;--node-generate: #60a5fa;--node-determine: #4ade80;--node-calculate: #a3e635;--node-validate: #22d3ee;--node-trigger: #00d4ff;--node-terminator: #f87171;--edge-collects: #60a5fa;--edge-requires: #f59e0b;--edge-informs: #818cf8;--edge-feeds: #34d399;--edge-while: #fb923c;--edge-branch: #e879f9;--edge-causes: #f43f5e;--font-mono: "Space Mono", monospace;--font-body: "DM Sans", sans-serif;--sidebar-width: 360px;--header-height: 56px;--radius: 6px;--radius-lg: 10px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:var(--font-body);background:var(--bg-base);color:var(--text-primary);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-surface)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.react-flow{--xy-background-color: var(--bg-base);--xy-background-pattern-dots-color: var(--border-subtle);--xy-node-background-color: var(--bg-elevated);--xy-node-border: 1px solid var(--border-default);--xy-node-color: var(--text-primary);--xy-node-boxshadow-hover: none;--xy-node-boxshadow-selected: none;--xy-edge-stroke: var(--border-strong);--xy-edge-stroke-width: 1.8;--xy-edge-stroke-selected: var(--accent);--xy-edge-label-background-color: var(--bg-elevated);--xy-edge-label-color: var(--text-primary);--xy-handle-background-color: var(--accent);--xy-handle-border-color: var(--bg-elevated);--xy-connectionline-stroke: var(--accent);--xy-controls-button-background-color: var(--bg-elevated);--xy-controls-button-background-color-hover: var(--bg-hover);--xy-controls-button-color: var(--text-secondary);--xy-controls-button-border-color: var(--border-default)}.react-flow__background{background-color:var(--bg-base)!important}.react-flow__background pattern circle{fill:var(--border-subtle)!important}.react-flow__edge-text{fill:var(--text-secondary)!important;font-family:var(--font-mono)!important;font-size:10px!important}.react-flow__controls{background:var(--bg-elevated)!important;border:1px solid var(--border-default)!important;border-radius:var(--radius)!important;box-shadow:none!important}.react-flow__controls-button{background:transparent!important;border-bottom:1px solid var(--border-subtle)!important;color:var(--text-secondary)!important;fill:var(--text-secondary)!important}.react-flow__controls-button:hover{background:var(--bg-hover)!important;fill:var(--text-primary)!important}.react-flow__minimap{background:var(--bg-elevated)!important;border:1px solid var(--border-default)!important;border-radius:var(--radius)!important}.react-flow__edge.animated .react-flow__edge-path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}@keyframes dashdraw{to{stroke-dashoffset:-10}}.mono{font-family:var(--font-mono)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}button{cursor:pointer;font-family:var(--font-body)}