:root{--bg:#f8fafc;--panel:#fff;--ink:#0b0f18;--ink2:#4a505b;--ink3:#7a7e86;--line:#d8dadf;--grid:#e8ebef;--accent:#2d7ff9;--accent-soft:#e6f0ff;--s1:#2a78d6;--s2:#eb6834;--s3:#1baf7a;--s4:#eda100;--s5:#e87ba4;--good:#0ca30c;--warn:#fab219;--serious:#ec835a;--crit:#d03b3b;--f-disp:Orbitron,"Arial Narrow",Arial,sans-serif;--f-body:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;--f-mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#040421;--panel:#0b0d33;--ink:#f8fafc;--ink2:#d8dadf;--ink3:#9a9fb0;--line:#fff3;--grid:#171a45;--accent:#4ea7ff;--accent-soft:#12204f;--s1:#3987e5;--s2:#d95926;--s3:#199e70;--s4:#c98500;--s5:#d55181;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#040421;--panel:#0b0d33;--ink:#f8fafc;--ink2:#d8dadf;--ink3:#9a9fb0;--line:#fff3;--grid:#171a45;--accent:#4ea7ff;--accent-soft:#12204f;--s1:#3987e5;--s2:#d95926;--s3:#199e70;--s4:#c98500;--s5:#d55181;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}body{background:var(--bg);color:var(--ink);font-family:var(--f-body);padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));margin:0;padding-block:20px 40px;font-size:14px;line-height:1.45}.wrap{flex-direction:column;gap:18px;max-width:1180px;margin:0 auto;display:flex}header.top{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;display:flex}h1{font-family:var(--f-disp);letter-spacing:.01em;text-wrap:balance;margin:0;font-size:28px;font-weight:700}.sub{color:var(--ink2);max-width:70ch;margin:2px 0 0}.tag{font-family:var(--f-mono);color:var(--ink2);border:1px solid var(--line);background:var(--panel);border-radius:0;padding:3px 8px;font-size:12px}nav.tabs{border-bottom:1px solid var(--line);gap:4px;display:flex;overflow-x:auto}nav.tabs button{font:600 15px var(--f-disp);letter-spacing:.02em;color:var(--ink2);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:3px solid #0000;padding:10px 14px}nav.tabs button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--accent)}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}section.screen{flex-direction:column;gap:16px;display:flex}.kpis{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;display:grid}.kpi{background:var(--panel);border:1px solid var(--line);border-radius:0;min-width:0;padding:12px 14px}.kpi .l{color:var(--ink2);letter-spacing:.03em;text-transform:uppercase;font-size:12px}.kpi .v{font:600 26px var(--f-disp);font-variant-numeric:tabular-nums;margin-top:2px}.kpi .v small{font:500 13px var(--f-body);color:var(--ink2);margin-left:4px}.kpi .n{color:var(--ink3);font-size:12px}.card{background:var(--panel);border:1px solid var(--line);border-radius:0;min-width:0;padding:14px 16px}.card h2{font:600 18px var(--f-disp);letter-spacing:.01em;margin:0}.card .hint{color:var(--ink2);margin:2px 0 0;font-size:13px}.chead{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:8px;display:flex}.controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.seg{border:1px solid var(--line);border-radius:0;display:inline-flex;overflow:hidden}.seg button{font:500 13px var(--f-body);background:var(--panel);color:var(--ink2);cursor:pointer;border:0;padding:5px 10px}.seg button+button{border-left:1px solid var(--line)}.seg button[aria-pressed=true]{background:var(--accent-soft);color:var(--ink)}select{font:500 13px var(--f-body);color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:0;padding:5px 8px}.chart{width:100%;position:relative}.chart svg{width:100%;height:auto;display:block;overflow:visible}.legend{color:var(--ink2);flex-wrap:wrap;gap:6px 16px;margin-top:6px;font-size:12px;display:flex}.legend i{vertical-align:middle;border-radius:0;width:14px;height:3px;margin-right:6px;display:inline-block}.legend i.dash{border-top:2px dashed;height:0;background:0 0!important}.tip{pointer-events:none;background:var(--panel);border:1px solid var(--line);z-index:3;border-radius:0;min-width:150px;padding:7px 9px;font-size:12px;position:absolute;box-shadow:0 4px 14px #0000001f}.tip b{font-family:var(--f-mono);font-weight:500}.tip .r{font-variant-numeric:tabular-nums;justify-content:space-between;gap:12px;display:flex}.tip .sw{border-radius:0;width:8px;height:8px;margin-right:5px;display:inline-block}.grid2{grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr));gap:16px;display:grid}.note{color:var(--ink2);max-width:80ch;font-size:13px}.note strong{color:var(--ink)}.pill{border:1px solid var(--line);border-radius:0;align-items:center;gap:5px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-flex}.pill .d{border-radius:50%;width:8px;height:8px}.live{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.clock{font:600 34px var(--f-mono);font-variant-numeric:tabular-nums;letter-spacing:.02em}.sensors{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.sensor{background:var(--panel);border:1px solid var(--line);border-radius:0;flex-direction:column;gap:2px;min-width:0;padding:10px 12px;display:flex}.sensor .tg{font:500 12px var(--f-mono);color:var(--accent)}.sensor .nm{color:var(--ink2);font-size:12px}.sensor .val{font:600 24px var(--f-disp);font-variant-numeric:tabular-nums}.sensor .val small{font:500 13px var(--f-body);color:var(--ink2);margin-left:3px}.sensor svg{width:100%;height:28px;display:block}.levels{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;display:grid}.lvl h3{font:600 15px var(--f-disp);margin:0 0 6px}.mat{font-family:var(--f-mono);grid-template-columns:auto repeat(5,1fr);gap:3px;font-size:11px;display:grid}.mat .rh{color:var(--ink3);align-self:center;padding-right:4px}.cell{text-align:center;font-variant-numeric:tabular-nums;color:#111;border-radius:0;padding:4px 2px;line-height:1.15}.cell span{opacity:.75;font-size:9px;display:block}.cell.leak{outline:1px dashed var(--ink2);outline-offset:-1px}.cell.empty{background:0 0}.frames{font-family:var(--f-mono);border-collapse:collapse;width:100%;font-size:12px}.frames td{border-bottom:1px solid var(--grid);white-space:nowrap;font-variant-numeric:tabular-nums;padding:3px 6px}.tablewrap{overflow-x:auto}.method{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:12px;display:grid}.method div{min-width:0}.method h3{font:600 15px var(--f-disp);margin:0 0 4px}.method p{color:var(--ink2);margin:0;font-size:13px}footer{color:var(--ink3);font-size:12px}@media (prefers-reduced-motion:reduce){*{transition:none!important}}a.tag{text-decoration:none}.load-error{color:var(--crit);font-weight:600}