:root{--bg: #0f1420;--panel: #171e2e;--panel-border: #242e45;--text: #dce3f0;--text-dim: #8593ad;--accent: #4f8ef7;--ok: #2ebd6b;--warn: #e0a63a;--danger: #e05252;--chart-line: #5aa2ff;--chart-fill: rgba(90, 162, 255, .15);--on-accent: #ffffff;--on-warn: #241a04;--on-danger: #ffffff;--error-text: #f2a0a0;--kill-text: #ffb4b4;--surface-raised: rgba(255, 255, 255, .03);--ok-border: rgba(46, 189, 107, .4);--warn-border: rgba(224, 166, 58, .4);--danger-border: rgba(224, 82, 82, .5);--danger-surface: rgba(224, 82, 82, .08);--danger-surface-strong: rgba(224, 82, 82, .12);--danger-surface-kill: rgba(224, 82, 82, .18);--danger-border-strong: rgba(224, 82, 82, .45);--accent-border: rgba(79, 142, 247, .45);--accent-surface: rgba(79, 142, 247, .08);--arch-node-abbr: #ffffff;--failures-panel-bg: #12161f;--failures-border: #232a38;--failures-row-border: #1a2130;--failures-button-bg: #1b2230;--failures-button-border: #2c3650;--failures-hover-border: #5aa2ff;--failures-redrive-border: #7a5af5;--failures-redrive-text: #9f8fff;--failures-error-text: #ff7d7d;--failures-body-bg: #0c101a;--failures-reason-text: #ffb27d}[data-theme=light]{--bg: #f5f7fb;--panel: #ffffff;--panel-border: #d5dbe8;--text: #1a2233;--text-dim: #5b6479;--accent: #1f5fd6;--ok: #157a43;--warn: #875b12;--danger: #c62f2f;--chart-line: #2166d6;--chart-fill: rgba(31, 95, 214, .12);--on-accent: #ffffff;--on-warn: #ffffff;--on-danger: #ffffff;--error-text: #a02a2a;--kill-text: #8a1f1f;--surface-raised: rgba(15, 20, 32, .03);--ok-border: rgba(26, 143, 79, .4);--warn-border: rgba(163, 112, 26, .4);--danger-border: rgba(198, 47, 47, .5);--danger-surface: rgba(198, 47, 47, .08);--danger-surface-strong: rgba(198, 47, 47, .1);--danger-surface-kill: rgba(198, 47, 47, .14);--danger-border-strong: rgba(198, 47, 47, .45);--accent-border: rgba(31, 95, 214, .45);--accent-surface: rgba(31, 95, 214, .08);--arch-node-abbr: #ffffff;--failures-panel-bg: #ffffff;--failures-border: #d5dbe8;--failures-row-border: #e4e8f1;--failures-button-bg: #eef1f7;--failures-button-border: #c7cee0;--failures-hover-border: #2166d6;--failures-redrive-border: #6a4fd6;--failures-redrive-text: #5b3fc0;--failures-error-text: #c62f2f;--failures-body-bg: #f0f2f7;--failures-reason-text: #a3591a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.45;transition:background-color .15s ease,color .15s ease}.app-header{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;padding:.75rem 1.25rem;background:var(--panel);border-bottom:1px solid var(--panel-border);position:sticky;top:0;z-index:10}.app-header h1{margin:0;font-size:1.1rem;font-weight:600;letter-spacing:.03em}.app-header h1:before{content:"⛈ "}.theme-toggle{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .75rem;border-radius:999px;border:1px solid var(--panel-border);background:var(--surface-raised);color:var(--text);font-size:.8rem;font-weight:600;cursor:pointer}.theme-toggle:hover{border-color:var(--accent)}.status-bar{display:flex;flex-wrap:wrap;gap:.5rem;margin-left:auto}.badge{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .65rem;border-radius:999px;border:1px solid var(--panel-border);background:var(--surface-raised);color:var(--text-dim);font-size:.78rem;font-weight:600;white-space:nowrap}.badge-dot{width:8px;height:8px;border-radius:50%;background:currentColor}.badge-live{color:var(--ok);border-color:var(--ok-border)}.badge-live .badge-dot{animation:pulse 1.6s ease-in-out infinite}.badge-connecting,.badge-reconnecting{color:var(--warn);border-color:var(--warn-border)}.badge-reconnecting .badge-dot{animation:pulse .8s ease-in-out infinite}.badge-failed,.badge-danger{color:var(--danger);border-color:var(--danger-border);background:var(--danger-surface)}.badge-ok{color:var(--ok)}.badge-warn{color:var(--warn)}.badge-active{color:var(--accent);border-color:var(--accent-border);background:var(--accent-surface)}.badge-idle{color:var(--text-dim)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.banner{display:flex;align-items:center;gap:.75rem;margin:.75rem 1.25rem 0;padding:.6rem 1rem;border-radius:8px;font-weight:600}.banner-error{background:var(--danger-surface-strong);border:1px solid var(--danger-border-strong);color:var(--error-text)}.banner-kill{background:var(--danger-surface-kill);border:1px solid var(--danger);color:var(--kill-text);text-transform:uppercase;letter-spacing:.05em}.banner button{margin-left:auto;background:none;border:1px solid currentColor;color:inherit;border-radius:6px;padding:.15rem .6rem;cursor:pointer;font-size:.78rem}.app-body{display:grid;grid-template-columns:320px 1fr;gap:1rem;padding:1rem 1.25rem 2rem;align-items:start}@media(max-width:900px){.app-body{grid-template-columns:1fr}}.controls-panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:10px;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.controls-panel h2{margin:0;font-size:.95rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim)}.controls-panel fieldset{border:1px solid var(--panel-border);border-radius:8px;padding:.6rem .75rem .75rem;margin:0;display:flex;flex-direction:column;gap:.5rem}.controls-panel legend{padding:0 .4rem;font-size:.78rem;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em}.controls-panel label{display:flex;align-items:center;justify-content:space-between;gap:.6rem;font-size:.85rem;color:var(--text)}.controls-panel input[type=number]{width:6.5rem;padding:.3rem .5rem;background:var(--bg);border:1px solid var(--panel-border);border-radius:6px;color:var(--text);font-size:.85rem}.controls-panel input[type=number]:focus{outline:2px solid var(--accent);outline-offset:-1px}.controls-panel button{padding:.45rem .9rem;border-radius:8px;border:1px solid var(--panel-border);background:var(--accent);color:var(--on-accent);font-weight:600;cursor:pointer;font-size:.85rem}.controls-panel button:hover{filter:brightness(1.1)}.controls-panel [data-testid=surge-button]{background:var(--warn);color:var(--on-warn)}.controls-panel [data-testid=kill-switch-button]{background:transparent;border-color:var(--danger);color:var(--danger)}.controls-panel [data-testid=kill-switch-button][aria-pressed=true]{background:var(--danger);color:var(--on-danger)}.controls-panel [role=dialog]{border:1px solid var(--danger);border-radius:8px;padding:.6rem .75rem;background:var(--danger-surface);font-size:.85rem}.controls-panel [role=alert]{color:var(--danger);margin:0;padding-left:1.1rem;font-size:.82rem}.main-column{display:flex;flex-direction:column;gap:1rem;min-width:0}.charts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.75rem}.chart-card{background:var(--panel);border:1px solid var(--panel-border);border-radius:10px;padding:.75rem .9rem .5rem}.chart-card h3{margin:0;font-size:.78rem;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em}.chart-card .chart-latest{margin:.15rem 0 .35rem;font-size:1.35rem;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}.chart-card .chart-latest .chart-unit{font-size:.8rem;font-weight:600;color:var(--text-dim);margin-left:.2rem}.chart-card svg{width:100%;height:48px;color:var(--chart-line);display:block}.chart-card .chart-range{display:flex;justify-content:space-between;font-size:.7rem;color:var(--text-dim);margin-top:.2rem;font-variant-numeric:tabular-nums}.charts-empty{background:var(--panel);border:1px dashed var(--panel-border);border-radius:10px;padding:2.5rem 1.5rem;text-align:center;color:var(--text-dim)}.charts-empty strong{display:block;color:var(--text);margin-bottom:.3rem}.arch-card{background:var(--panel);border:1px solid var(--panel-border);border-radius:10px;padding:.75rem .9rem .6rem}.arch-card h3{margin:0 0 .5rem;font-size:.78rem;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em}.arch-card svg{width:100%;height:auto;display:block}.arch-node-box{fill:var(--bg);stroke:var(--panel-border);stroke-width:1}.arch-node-abbr{fill:var(--arch-node-abbr);font-size:11px;font-weight:700;font-family:inherit}.arch-node-name{fill:var(--text);font-size:12px;font-weight:600;font-family:inherit}.arch-node-sub{fill:var(--text-dim);font-size:10px;font-family:inherit}.arch-edge{fill:none;stroke:var(--text-dim);stroke-width:1.2;opacity:.75}.arch-edge-dashed{stroke-dasharray:4 4;opacity:.55}.arch-arrowhead{fill:var(--text-dim)}.arch-edge-label{fill:var(--text-dim);font-size:9.5px;font-family:inherit}.arch-legend{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:.4rem;font-size:.72rem;color:var(--text-dim)}.arch-legend span{display:inline-flex;align-items:center;gap:.35rem}.arch-legend i{width:10px;height:10px;border-radius:3px;display:inline-block}.failures-panel{background:var(--failures-panel-bg);border:1px solid var(--panel-border);border-radius:10px;padding:1rem 1.25rem}.failures-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.failures-header h2{margin:0;font-size:1rem;letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim)}.failures-actions{display:flex;gap:.5rem}.failures-actions button{background:var(--failures-button-bg);color:inherit;border:1px solid var(--failures-button-border);border-radius:6px;padding:.35rem .9rem;cursor:pointer;font:inherit;font-size:.85rem}.failures-actions button:hover:not(:disabled){border-color:var(--failures-hover-border)}.failures-actions button:disabled{opacity:.5;cursor:not-allowed}.failures-actions [data-testid=failures-redrive]{border-color:var(--failures-redrive-border)}.failures-tabs{display:flex;gap:.25rem;margin-top:.75rem;border-bottom:1px solid var(--failures-border)}.failures-tab{background:transparent;color:var(--text-dim);border:none;border-bottom:2px solid transparent;padding:.4rem .75rem;cursor:pointer;font:inherit;font-size:.85rem}.failures-tab.active{color:inherit;border-bottom-color:var(--failures-hover-border)}.failures-depth,.failures-empty{color:var(--text-dim);font-size:.85rem}.failures-redrive-state{color:var(--failures-redrive-text);font-size:.85rem}.failures-error{color:var(--failures-error-text);font-size:.85rem}.failures-table{width:100%;border-collapse:collapse;font-size:.83rem}.failures-table th{text-align:left;color:var(--text-dim);font-weight:500;padding:.4rem .6rem;border-bottom:1px solid var(--failures-border)}.failures-table td{padding:.4rem .6rem;border-bottom:1px solid var(--failures-row-border);vertical-align:top}.failures-table summary{cursor:pointer;font-family:ui-monospace,monospace}.failures-body{max-height:12rem;max-width:32rem;overflow:auto;background:var(--failures-body-bg);border:1px solid var(--failures-border);border-radius:6px;padding:.5rem;font-size:.75rem;white-space:pre-wrap;word-break:break-all}.failures-chip{display:inline-block;background:var(--failures-button-bg);border:1px solid var(--failures-button-border);border-radius:999px;padding:.05rem .6rem;font-size:.75rem}.failures-reason{color:var(--failures-reason-text)}.failure-controls .failure-buttons{display:flex;flex-wrap:wrap;gap:.4rem}.failure-controls .failure-buttons button{font-size:.8rem;padding:.3rem .7rem}.failure-controls .failure-buttons button.throttled{border-color:var(--failures-error-text);color:var(--failures-error-text)}.failure-result{color:var(--failures-redrive-text);font-size:.82rem;margin:0}.side-column{display:flex;flex-direction:column;gap:1rem;position:sticky;top:4.25rem;align-self:start;max-height:calc(100vh - 5.25rem);overflow-y:auto}@media(max-width:900px){.side-column{position:static;max-height:none;overflow-y:visible}}