:root{color:#e5e9e3;background:#101714;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}.operations-shell,#operations-canvas{width:100vw;height:100vh;display:block}.overlay{background:#0d1411e3;border:1px solid #b7d4c238;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:12px}button,select,input{background:#17211c;color:#dce7df;border:1px solid #40584b;padding:7px 9px;font:600 12px inherit;border-radius:2px}button.active{background:#b7d4c2;color:#142019;border-color:#b7d4c2}.group-label{display:block;letter-spacing:.1em;color:#8fa89b;font-size:11px;margin-bottom:6px}.detail-readout{margin-top:8px;font-size:12px;color:#cfe3d6;line-height:1.4}.left-stack,.right-stack{position:fixed;top:18px;z-index:2;display:flex;flex-direction:column;gap:12px;max-height:calc(100vh - 132px);overflow-y:auto}.left-stack{left:18px;width:360px}.right-stack{right:18px;width:520px}.left-stack>.overlay,.right-stack>.overlay{flex-shrink:0}.topbar{padding:12px 16px}.topbar p{margin:6px 0;font-size:12px;color:#b7d4c2}.eyebrow{letter-spacing:.14em;color:#8fe0b8;font-size:12px}h1{font-size:20px;margin:0}.alerts{padding:10px 14px;max-height:150px;overflow-y:auto}#alert-list{display:flex;flex-direction:column;gap:5px}.alert-item{padding:6px 8px;border-radius:2px;font-size:13px;line-height:1.35;cursor:pointer;border:1px solid transparent}.alert-item.severe{background:#3d1414cc;border-color:#ff6a52}.alert-item.warning{background:#3d2f10cc;border-color:#ffb23c}.alert-item.info{background:#132b2ecc;border-color:#5fd6c8}.water-controls,.response-controls{padding:10px 14px}.water-controls button,.response-controls button{font-size:12px;padding:7px 8px;margin:2px 4px 2px 0}.demo-controls{padding:10px 14px;display:flex;gap:6px;flex-wrap:wrap;align-items:center}.navigation-hint{padding:8px 11px;color:#b7d4c2;font-size:12px;letter-spacing:.06em}.controls{padding:9px;display:flex;gap:5px;flex-wrap:wrap}.weather-controls{padding:9px 12px}.weather-controls button{margin-right:4px}.time-controls{padding:9px}.time-row,.time-presets{display:flex;gap:5px;flex-wrap:wrap}.time-controls input[type=range]{width:100%;padding:3px 0}.time-presets{margin-top:5px}.developer-panel,.sources-panel{padding:10px 12px;font-size:12px;color:#9fb5a8}.developer-panel summary,.sources-panel summary{cursor:pointer;letter-spacing:.08em;color:#8fa89b;font-size:12px}.dev-toggles{display:flex;flex-wrap:wrap;gap:4px;margin:8px 0}.dev-toggles button{font-size:11px;padding:5px 7px}.metrics{margin-top:6px;color:#8fa89b;font-size:11px;line-height:1.5}pre{max-width:280px;white-space:pre-wrap;font-size:10px;color:#8fa89b}.sources-panel p{margin:6px 0;font-size:11px;line-height:1.4}.dashboard{position:fixed;left:18px;right:18px;bottom:18px;z-index:2;padding:14px 18px;display:flex;flex-wrap:wrap;gap:12px 22px;align-items:flex-end}.kpi{display:flex;flex-direction:column;min-width:108px}.kpi-label{font-size:12px;letter-spacing:.06em;color:#8fa89b;margin-bottom:3px}.kpi-value{font-size:17px;font-weight:700;color:#eef6f0}.kpi-footnote{flex-basis:100%;margin:8px 0 0;font-size:11px;color:#75887c;letter-spacing:.04em}@media(max-width:900px){.left-stack,.right-stack{width:80vw}.dashboard{overflow-x:auto}}