:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page-plane:#f9f9f7;--surface-1:#fcfcfb;--text-primary:#0b0b0b;--text-secondary:#52514e;--muted:#898781;--gridline:#e1e0d9;--baseline:#c3c2b7;--chart-line:#256abf;--status-good:#0ca30c;--status-warning:#fab219;--status-serious:#ec835a;--status-critical:#d03b3b;--border:#0b0b0b1a;font-family:system-ui,-apple-system,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page-plane:#0d0d0d;--surface-1:#1a1a19;--text-primary:#fff;--text-secondary:#c3c2b7;--muted:#898781;--gridline:#2c2c2a;--baseline:#383835;--chart-line:#5598e7;--border:#ffffff1a}}*{box-sizing:border-box}body{background:var(--page-plane);color:var(--text-primary);-webkit-font-smoothing:antialiased;margin:0}.page{flex-direction:column;gap:24px;max-width:480px;min-height:100svh;margin:0 auto;padding:24px 16px 48px;display:flex}.page-header{text-align:center}.page-header h1{margin:0 0 4px;font-size:24px;font-weight:600}.page-subtitle{color:var(--text-secondary);margin:0;font-size:14px}.state-message{text-align:center;color:var(--text-secondary);padding:32px 16px;font-size:15px}.gauge{flex-direction:column;align-items:center;margin:0;display:flex}.gauge svg{width:100%;max-width:300px;height:auto}.gauge-value{fill:var(--text-primary);font-size:40px;font-weight:600}.gauge-unit{fill:var(--text-secondary);font-size:13px}.gauge-caption{flex-direction:column;align-items:center;gap:4px;margin-top:4px;display:flex}.gauge-status{color:var(--text-primary);align-items:center;gap:6px;font-size:16px;font-weight:500;display:inline-flex}.gauge-status-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.gauge-updated{color:var(--muted);font-size:13px}.section-heading{color:var(--text-secondary);margin:0 0 12px;font-size:15px;font-weight:600}.chart-wrap{background:var(--surface-1);border:1px solid var(--border);border-radius:12px;padding:12px 8px 4px}.chart-empty{background:var(--surface-1);border:1px solid var(--border);text-align:center;color:var(--text-secondary);border-radius:12px;padding:32px 16px;font-size:14px}.chart-tooltip{background:var(--surface-1);border:1px solid var(--border);border-radius:8px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:flex;box-shadow:0 4px 12px #0000001f}.chart-tooltip-key{background:var(--chart-line);width:12px;height:2px;display:inline-block}.chart-tooltip-value{color:var(--text-primary);font-weight:600}.chart-tooltip-time{color:var(--text-secondary)}