:root{color-scheme:dark;--bg:#101b23;--panel:#17262f;--border:#304650;--muted:#a6bbc6;--text:#e5edf1;--accent:#64c3e2}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.55 system-ui,sans-serif;min-width:1120px}header{display:flex;align-items:center;gap:20px;padding:20px 34px;background:#182b35;border-bottom:1px solid var(--border)}header>strong{font-size:24px;border-right:2px solid var(--accent);padding-right:20px}header small{display:block;color:var(--muted);font-size:10px;letter-spacing:2px}.badge{margin-left:auto;color:var(--muted);border:1px solid var(--border);padding:7px 12px;font-size:12px}main{max-width:1720px;margin:auto;padding:24px 32px}.intro{max-width:950px;margin-bottom:25px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--accent);margin:0}h1{font-size:34px;letter-spacing:-1px;margin:4px 0 10px}h2{font-size:16px;margin:0 0 12px}h3{font-size:15px;color:#c5dde6;margin-top:24px}p{margin:8px 0 14px}.intro p:last-child{color:var(--muted)}button,input,select{font:inherit;border:1px solid #49616d;border-radius:4px;background:#223641;color:var(--text);padding:8px 12px}button{cursor:pointer}button:hover{background:#304e5e}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:2px}button:disabled{opacity:.5}input,select{width:100%;min-width:0}button[data-command=incident],button[type=submit]{background:#24566b;border-color:#5dacc6}.toolbar{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--border);background:var(--panel);padding:14px 18px}.toolbar>div{display:flex;gap:12px;align-items:center}#clock{font-variant-numeric:tabular-nums;font-size:19px}#state{color:var(--muted);font-size:13px}#connection{min-height:24px;color:var(--muted);font-size:12px}.overview{display:grid;grid-template-columns:1.15fr 1fr;gap:18px}.panel{background:var(--panel);border:1px solid var(--border);padding:20px;min-width:0}.heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.heading>span{color:var(--muted);font-size:12px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:8px 0 14px}.metrics>div{background:#10212a;border:1px solid var(--border);padding:9px}.metrics span,.metrics small{display:block;color:var(--muted);font-size:11px}.metrics strong{display:block;font-size:23px}.metrics .stale{border-color:#9c855a}.metrics .stale small{color:#e8c88d}svg{width:100%;display:block;max-height:350px}.equipment{fill:#213a46;stroke:#a2bcc8;stroke-width:2}.pipe{fill:none;stroke:#496d7e;stroke-width:9}.flowing{stroke:#64c3e2;stroke-dasharray:18 6;animation:flow 1s linear infinite}.stalePipe{stroke:#7c8991;stroke-dasharray:4 6}.water{fill:#297a9a;opacity:.7}.staleWater{fill:#667882}.blade{fill:#83c4dc}.rotating{transform-box:fill-box;transform-origin:center;animation:spin 2s linear infinite}.safety{fill:none;stroke:#c3a56b;stroke-width:2;stroke-dasharray:6 4}svg text{fill:#d4e1e8;font:12px system-ui}.hint,.legend{font-size:12px;color:var(--muted)}canvas{width:100%;height:auto;background:#10212a;margin:14px 0}nav{display:flex;gap:5px;margin:24px 0 0;border-bottom:2px solid var(--border)}.tab{border-radius:4px 4px 0 0;font-size:13px;padding:12px 16px;border-bottom:0}.tab[aria-selected=true]{background:#285267;color:white}.tabpanel{border-top:0;min-height:350px}[hidden]{display:none!important}.filters{display:flex;gap:10px;align-items:end}.filters label{max-width:170px;font-size:11px;color:var(--muted)}.filters input,.filters select{padding:5px 8px;font-size:13px}.capture{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(290px,1fr);gap:18px}.scroll{overflow:auto;max-height:480px;border:1px solid var(--border)}table{border-collapse:collapse;width:100%;font-size:12px}th{background:#213742;text-align:left;color:#bdd3de;position:sticky;top:0}td,th{padding:9px;border-bottom:1px solid var(--border);vertical-align:top}tbody tr:hover{background:#203742}.proof{font-size:12px;padding:3px 6px;color:#92dcf2}.capture aside{padding:0 14px;background:#10212a;min-width:0}.capture aside h3{margin-top:12px}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.65;color:#c6d9e3}.records{max-height:620px;overflow:auto}.records article{border-bottom:1px solid var(--border);padding:12px}.records strong{font-size:12px;color:#b8d3e0}.records p{margin:5px 0;font-size:13px}.records small{color:var(--muted)}.records pre{background:#10212a;padding:12px}.documents{display:grid;grid-template-columns:1fr 1fr;gap:36px}.documents p{font-size:13px;color:#c5d4dc}.documents table{background:#10212a}.topology{font:13px/1.7 monospace;white-space:pre-wrap;background:#10212a;padding:16px}.formgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:20px 0}.formgrid label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#c9dce5}.formgrid select{font-size:13px}.formgrid input{font-family:monospace}#result{display:block;padding:16px 0;color:#acddeb}footer{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-top:25px;letter-spacing:1px}@keyframes flow{to{stroke-dashoffset:-24}}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}