:root{--surface-0: #0c1013;--surface-1: #151b1f;--surface-2: #1d262a;--line: #2a353a;--text-1: #f2f6f6;--text-2: #aebcbe;--text-3: #7c8b8e;--risk-normal: #0ca30c;--risk-watch: #fab219;--risk-warning: #ec835a;--risk-critical: #d03b3b;--risk-none: #3a464a;--risk-default: #7c8b8e;--class-bearing-fault: #008300;--class-electric-noise: #d55181;--class-friction: #9085e9;--class-gas-leak: #3987e5;--class-impact: #d95926;--class-pump: #c98500;--class-water-leak: #199e70}*{box-sizing:border-box}body{margin:0;background:var(--surface-0);color:var(--text-1);font-family:IBM Plex Sans,system-ui,sans-serif}.app{display:grid;gap:12px;padding:16px;max-width:448px;margin:0 auto;grid-template-areas:"header" "risk" "readout" "readout-caption" "trend" "vector" "session" "status" "metadata"}@media(min-width:700px){.app{max-width:none;grid-template-columns:1.55fr 1fr;grid-template-areas:"header  header" "risk    vector" "readout vector" "readout-caption vector" "trend   vector" "session vector" "status  status" "metadata metadata"}}.header{grid-area:header;display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.header-titles{display:flex;align-items:baseline;gap:12px}.brand{font-family:Archivo,system-ui,sans-serif;font-weight:700}.header-subtitle{color:var(--text-2);font-family:IBM Plex Mono,monospace;font-size:13px}.series-toggle{display:flex;align-items:center;gap:6px}.series-toggle-label{color:var(--text-3);font-size:11px;text-transform:uppercase;letter-spacing:.04em}.series-toggle button{background:var(--surface-1);color:var(--text-2);border:1px solid var(--line);padding:4px 8px;font-size:12px}.series-toggle button.active{color:var(--text-1);border-color:var(--text-2)}.series-label{color:var(--text-3);font-size:11px;text-transform:uppercase;letter-spacing:.04em}.risk-strip{grid-area:risk;display:flex;justify-content:space-between;align-items:center;padding:6px 10px;border-left:4px solid var(--risk-none);background:var(--surface-1);transition:opacity .15s}.risk-strip.dimmed{opacity:.45}.risk-strip[data-risk-style=normal]{border-left-color:var(--risk-normal);color:var(--risk-normal)}.risk-strip[data-risk-style=watch]{border-left-color:var(--risk-watch);color:var(--risk-watch)}.risk-strip[data-risk-style=warning]{border-left-color:var(--risk-warning);color:var(--risk-warning)}.risk-strip[data-risk-style=critical]{border-left-color:var(--risk-critical);color:var(--risk-critical)}.risk-strip[data-risk-style=default]{border-left-color:var(--risk-default);color:var(--risk-default)}.risk-label{color:var(--text-2);font-size:13px}.risk-value{font-weight:700;font-size:22px}.readout{grid-area:readout;font-family:IBM Plex Mono,monospace;min-height:90px;display:flex;flex-direction:column;justify-content:center;gap:2px;transition:opacity .15s}.readout.dimmed{opacity:.45}.readout-class{font-size:30px;text-transform:capitalize;color:var(--row-color, var(--text-1))}.readout-confidence{font-size:60px;font-variant-numeric:tabular-nums;line-height:1}.readout[data-state=empty]{color:var(--text-3)}.readout-caption{grid-area:readout-caption;margin:0;color:var(--text-2);font-size:13px}.trend-section{grid-area:trend;transition:opacity .15s}.trend-section.dimmed{opacity:.45}.trend-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.trend-title,.vector-title{color:var(--text-2);font-size:13px}.trend-plot{display:flex;gap:4px}.trend-y-axis{display:flex;flex-direction:column;justify-content:space-between;font-size:10px;color:var(--text-3);font-family:IBM Plex Mono,monospace;padding:2px 0}.trend-x-axis{display:flex;justify-content:space-between;font-size:10px;color:var(--text-3);font-family:IBM Plex Mono,monospace;margin-top:2px}#trend-chart{flex:1;background:var(--surface-1);border:1px solid var(--line);min-height:100px}.trend-chart{width:100%;height:110px;display:block}.trend-gridline{stroke:var(--line);stroke-width:.5}.trend-empty-tick{fill:var(--text-3);opacity:.1}.trend-line{fill:none;stroke:var(--row-color);stroke-width:1.5}.trend-point{fill:var(--row-color)}.trend-point-active{stroke:var(--text-1);stroke-width:1}.monitoring-not-started{margin:0;padding:24px 12px;text-align:center;color:var(--text-3)}.vector-section{grid-area:vector;transition:opacity .15s}.vector-section.dimmed{opacity:.45}.vector-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.vector{display:flex;flex-direction:column;gap:4px}.vector-row{display:grid;grid-template-columns:12px 98px 1fr 48px;align-items:center;gap:8px;padding:4px 8px;background:var(--surface-1)}.vector-row-active{background:var(--surface-2);font-weight:700}.vector-row-marker{width:10px;height:10px;border-radius:2px;background:var(--row-color);flex:none}.vector-row-name{font-size:13px;text-transform:capitalize}.vector-row-track{height:8px;background:var(--surface-2);position:relative}.vector-row-fill{height:100%;background:var(--row-color)}.vector-row-value{font-family:IBM Plex Mono,monospace;font-size:13px;text-align:right}.session{grid-area:session}.session-button{width:100%;min-height:60px;font-size:16px;font-weight:700;background:var(--risk-normal);color:var(--surface-0);border:none}.session-button-secondary{background:var(--surface-1);color:var(--text-1);border:1px solid var(--line)}.session-error{margin:4px 0 0;color:var(--risk-critical);font-size:13px}.status{grid-area:status;display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-2);font-family:IBM Plex Mono,monospace}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex:none}.status-dot-on{background:var(--risk-normal)}.status-dot-warn{background:var(--risk-watch)}.status-dot-off{background:var(--text-3)}.metadata{grid-area:metadata;display:flex;justify-content:space-between;gap:8px;color:var(--text-3);font-size:12px}