:root{--bg-deep: #0e2428;--bg-mid: #14343a;--bg-panel: #f2f6f4;--ink: #122226;--ink-muted: #3d555c;--accent: #c45c26;--teal: #1a6b7a;--teal-deep: #0d4a3a;--tank: #b35c1e;--pipe: #5a7a86;--pump: #8b3a2a;--valve: #6b5a8a;--line: rgba(18, 34, 38, .12);--shadow: 0 18px 40px rgba(8, 24, 28, .28);--font-display: "Fraunces", Georgia, serif;--font-body: "DM Sans", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-body);color:var(--ink);background:radial-gradient(ellipse 90% 60% at 10% -10%,rgba(26,107,122,.45),transparent 55%),radial-gradient(ellipse 70% 50% at 100% 0%,rgba(196,92,38,.22),transparent 50%),linear-gradient(160deg,var(--bg-deep),var(--bg-mid) 45%,#1b454d)}.app{min-height:100%;display:flex;flex-direction:column;padding:1.25rem 1.5rem 1.5rem;gap:1rem}.topbar{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem;color:#e8f1f0}.product-tag{margin:0 0 .35rem;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:#e8f1f0b8}.brand{margin:0;font-family:var(--font-display);font-size:clamp(2.4rem,4vw,3.4rem);font-weight:600;letter-spacing:-.02em;line-height:1}.tagline{margin:.55rem 0 0;max-width:36rem;font-size:.95rem;line-height:1.45;color:#e8f1f0d1}.toolbar{display:flex;gap:.6rem}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(232,241,240,.35);background:#f2f6f4f2;color:var(--ink);font:inherit;font-size:.9rem;font-weight:600;padding:.55rem .95rem;border-radius:2px;cursor:pointer}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-ghost{background:transparent;color:#e8f1f0}.btn:not(:disabled):hover{border-color:var(--accent)}.workspace{flex:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,320px);gap:1rem;min-height:0}.map-stage{position:relative;min-height:520px;background:linear-gradient(180deg,#f2f6f4f7,#e8f0ecf0),repeating-linear-gradient(0deg,transparent,transparent 23px,rgba(26,107,122,.04) 24px),repeating-linear-gradient(90deg,transparent,transparent 23px,rgba(26,107,122,.04) 24px);box-shadow:var(--shadow);overflow:hidden}.network-map{position:absolute;top:0;right:0;bottom:0;left:0}.map-meta{position:absolute;z-index:2;top:.75rem;left:.75rem;display:flex;flex-wrap:wrap;gap:.75rem;font-size:.78rem;color:var(--ink-muted);pointer-events:none}.legend{position:absolute;z-index:2;left:.75rem;bottom:.75rem;display:flex;flex-wrap:wrap;gap:.65rem 1rem;padding:.45rem .65rem;background:#f2f6f4eb;font-size:.75rem;color:var(--ink-muted)}.swatch{display:inline-block;width:.65rem;height:.65rem;margin-right:.3rem;vertical-align:middle;border:1px solid rgba(10,26,30,.35)}.swatch.junction{background:var(--teal);border-radius:50%}.swatch.reservoir{background:var(--teal-deep);transform:rotate(45deg)}.swatch.tank{background:var(--tank)}.swatch.pipe{background:var(--pipe);height:.2rem;vertical-align:middle}.swatch.pump{background:var(--pump);height:.2rem}.swatch.valve{background:var(--valve);height:.2rem}.state-panel{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.6rem;padding:2rem;background:#f2f6f4eb}.state-title{margin:0;font-family:var(--font-display);font-size:1.5rem}.state-copy{margin:0;max-width:34rem;color:var(--ink-muted);line-height:1.45}.state-error .state-title{color:#8b2e1a}.state-copy code{font-size:.85em;background:#1222260f;padding:.1em .35em}.details-panel{background:var(--bg-panel);box-shadow:var(--shadow);display:flex;flex-direction:column;min-height:520px;overflow:auto}.details-header{padding:1.1rem 1.15rem .75rem;border-bottom:1px solid var(--line)}.eyebrow{margin:0 0 .25rem;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted)}.details-header h2{margin:0;font-family:var(--font-display);font-size:1.45rem;font-weight:600}.details-body{padding:.85rem 1.15rem 1.25rem}.details-section{margin:1rem 0 .4rem;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted)}.detail-row{display:grid;grid-template-columns:7.5rem 1fr;gap:.5rem;padding:.35rem 0;border-bottom:1px solid var(--line);font-size:.88rem}.detail-row dt{margin:0;color:var(--ink-muted)}.detail-row dd{margin:0;font-weight:500;word-break:break-word}.hint{margin:1rem 0 0;font-size:.82rem;line-height:1.4;color:var(--ink-muted)}.btn-ghost-dark{background:transparent;color:var(--ink);border-color:#12222640}.investigation{background:#f2f6f4f0;box-shadow:var(--shadow);padding:.85rem 1rem 1rem}.investigation-header{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.75rem}.investigation-disclaimer{margin:0;max-width:52rem;font-size:.9rem;line-height:1.4;color:var(--ink-muted)}.channel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.65rem}.channel-card{border:1px solid var(--line);padding:.7rem .75rem .8rem;background:#ffffff8c}.channel-card h3{margin:0 0 .4rem;font-size:.78rem;line-height:1.3;font-weight:600;color:var(--ink-muted)}.channel-card h4{margin:.55rem 0 .25rem;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted)}.channel-value{margin:0;font-family:var(--font-display);font-size:1.45rem;font-weight:600;line-height:1.1}.channel-value.delta{font-size:1.25rem}.channel-unit{margin-left:.3rem;font-size:.85rem;font-family:var(--font-body);font-weight:500;color:var(--ink-muted)}.channel-meta{margin:.35rem 0 0;font-size:.75rem;color:var(--ink-muted)}.channel-note{margin:.35rem 0 0;font-size:.78rem;color:var(--ink-muted);line-height:1.35}.pill{display:inline-block;padding:.05rem .35rem;border:1px solid var(--line);font-size:.68rem;text-transform:uppercase;letter-spacing:.04em}.pill-current{color:#2f7d4a;border-color:#2f7d4a59}.pill-stale{color:#b07a12;border-color:#b07a1259}.pill-missing{color:#8b3a2a;border-color:#8b3a2a59}.channel-card.status-loading{opacity:.85}.chart-title{margin:0 0 .35rem;font-size:.82rem;font-weight:600;color:#122226}.investigation-cursor{margin:.65rem 0 0;font-size:.75rem;color:var(--ink-muted)}.data-coverage{margin:0;padding:.35rem 1rem .65rem;background:#f2f6f4f0;font-size:.75rem;color:var(--ink-muted);box-shadow:var(--shadow)}.history-panel{margin-top:1rem;padding-top:.75rem;border-top:1px dashed var(--line)}.history-header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.35rem;margin-bottom:.35rem}.history-cursor{margin:0;font-size:.78rem;color:var(--ink-muted)}.history-meta,.history-note,.history-footnote{margin:.25rem 0;font-size:.75rem;color:var(--ink-muted);line-height:1.35}.btn-accent{background:#c45c261f;border-color:#c45c2673;color:var(--accent)}.presenter-disclaimer{margin:.15rem 0 .55rem;font-size:.8rem;line-height:1.35;color:var(--ink-muted);max-width:52rem}.presenter-bookmarks{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;margin-bottom:.65rem}.presenter-bookmarks-label{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted);margin-right:.25rem}.method-m-panel{background:#f2f6f4f0;box-shadow:var(--shadow);padding:.85rem 1rem 1rem}.method-m-header{margin-bottom:.35rem}.method-m-badge{margin:0 0 .2rem;font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;font-weight:650;color:var(--ink-muted)}.method-m-title{margin:0;font-size:.95rem;font-weight:650;color:var(--ink)}.warning-demo-bookmarks{margin-top:.45rem}.warning-demo-hint{font-size:.72rem;color:var(--ink-muted);align-self:center}.method-m-disclaimer{margin:.25rem 0 0;font-size:.8rem;line-height:1.35;color:var(--ink-muted)}.method-m-body{margin-top:.4rem}.method-m-status{margin:0;font-size:.85rem;font-weight:600}.method-m-score{margin:.25rem 0 0;font-size:1.15rem;font-variant-numeric:tabular-nums}.method-m-active{padding:.55rem .65rem;border-left:3px solid #8a5a2b;background:#fff8f0b3}.method-m-idle{padding:.35rem 0}.method-m-meta{margin:.55rem 0 .25rem;font-size:.75rem;line-height:1.4;color:var(--ink-muted)}.tiger-panel{background:#f2f6f4f0;box-shadow:var(--shadow)}.tiger-toggle{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem;align-items:baseline;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;padding:.75rem 1rem;font:inherit;font-weight:600;color:var(--ink);cursor:pointer;text-align:left}.tiger-toggle-hint{font-size:.75rem;font-weight:500;color:var(--ink-muted)}.tiger-body{padding:0 1rem 1rem;border-top:1px solid var(--line)}.tiger-note,.tiger-meta,.tiger-supports{margin:.55rem 0 .35rem;font-size:.78rem;line-height:1.4;color:var(--ink-muted)}.tiger-supports{margin:.2rem 0 0;font-weight:400}.tiger-dl{margin:0}.tiger-table-wrap{overflow-x:auto;margin-top:.5rem}.tiger-table{width:100%;border-collapse:collapse;font-size:.8rem}.tiger-table th,.tiger-table td{border-bottom:1px solid var(--line);padding:.45rem .4rem;text-align:left;vertical-align:top}.tiger-table th{font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);font-weight:600}.replay-bar{background:#f2f6f4f0;box-shadow:var(--shadow);padding:.75rem 1rem .85rem;color:var(--ink)}.replay-label-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem;margin-bottom:.55rem}.replay-label{margin:0;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted);font-weight:600}.replay-cursor{font-family:var(--font-display);font-size:1.05rem}.replay-controls{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-bottom:.55rem}.speed-label{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--ink-muted)}.speed-label select{font:inherit;padding:.3rem .4rem;border:1px solid var(--line);background:#fff}.timeline{width:100%;accent-color:var(--teal)}.timeline-ends{display:flex;justify-content:space-between;font-size:.72rem;color:var(--ink-muted);margin-top:.25rem}.sensor-chart{margin-top:.85rem;border-top:1px solid var(--line);padding-top:.5rem}.chart-status{margin:.5rem 0;font-size:.85rem;color:var(--ink-muted)}.chart-error{color:#8b2e1a}.swatch.current{background:#2f7d4a;border-radius:50%}.swatch.stale{background:#b07a12;border-radius:50%}.swatch.missing{background:#8b3a2a;clip-path:polygon(50% 0,100% 100%,0 100%)}.restore-banner{padding:.75rem 1rem;border-radius:10px;background:#e8f1f0eb;color:var(--ink);border:1px solid var(--line)}.restore-banner-error{background:#ffece6f2;border-color:#8b3a2a40}.restore-banner-title{margin:0 0 .35rem;font-weight:600}.restore-banner-meta{margin:.4rem 0 0;font-size:.82rem;color:var(--ink-muted)}.save-investigation{display:flex;flex-direction:column;gap:.65rem}.save-investigation-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.save-investigation-hint{color:#e8f1f0c7;font-size:.85rem}.save-investigation-form{padding:.9rem 1rem;border-radius:12px;background:#f2f6f4f5;color:var(--ink);border:1px solid var(--line);display:flex;flex-direction:column;gap:.7rem;max-width:40rem}.save-investigation-public{margin:0;font-size:.88rem;line-height:1.45}.save-field{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem}.save-field input,.save-field textarea{font:inherit;padding:.45rem .55rem;border-radius:8px;border:1px solid rgba(18,34,38,.18);background:#fff;color:var(--ink)}.save-investigation-meta{margin:0;font-size:.8rem;color:var(--ink-muted);line-height:1.4}.save-actions{display:flex;gap:.5rem}.save-investigation-error{margin:0;color:#8b3a2a;font-size:.88rem}.save-investigation-result{display:flex;flex-direction:column;gap:.45rem;padding-top:.4rem;border-top:1px solid var(--line)}.save-investigation-result-title{margin:0;font-weight:600}.save-investigation-note-plain{margin:0;white-space:pre-wrap;word-break:break-word;font-size:.92rem}@media(max-width:900px){.workspace{grid-template-columns:1fr}.map-stage,.details-panel{min-height:420px}}