:root{--bg: #141527;--panel: #1b1d33;--grid: #232544;--text: #ffffff;--muted: #8b8fa8;--border: #2c2f52;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:Russo One,Segoe UI,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}.page{display:flex;flex-direction:column;min-height:100%;gap:12px;padding:16px 24px 12px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.topbar__title{display:flex;align-items:center;gap:10px;font-size:20px;letter-spacing:.06em;text-transform:uppercase}.topbar__mark{width:10px;height:10px;border-radius:50%;background:#4ade80;box-shadow:0 0 12px #4ade80}.topbar__status{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pill{padding:6px 12px;border-radius:999px;font-size:12px;letter-spacing:.04em;border:1px solid var(--border);color:var(--muted)}.pill--ok{color:#4ade80;border-color:#245c39}.pill--bad{color:#ff6b6b;border-color:#5c2424}.button{padding:8px 14px;border-radius:8px;border:1px solid var(--border);background:var(--panel);color:var(--text);font:inherit;font-size:12px;letter-spacing:.04em;cursor:pointer;transition:border-color .12s ease,background .12s ease}.button:hover{border-color:#4b5090}.button:focus-visible{outline:2px solid #7c83ff;outline-offset:2px}.banner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 16px;border-radius:10px;font-size:13px;line-height:1.4}.banner--error{background:#2a1620;border:1px solid #5c2424;color:#ffb4b4}.banner--warn{background:#2a2616;border:1px solid #5c5324;color:#ffe9a3}.content{flex:1;display:flex;flex-direction:column;gap:12px;min-height:0}.hero{text-align:center}.hero__label{font-size:22px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.hero__value{font-size:clamp(72px,14vw,220px);font-weight:700;line-height:1;font-variant-numeric:tabular-nums;transition:color .2s ease}.hero__severity{font-size:16px;letter-spacing:.1em;text-transform:uppercase;margin-top:4px}.hero__thresholds{margin-top:6px;font-size:12px;color:var(--muted)}.moment{margin-top:8px;padding:18px 24px;border:1px solid var(--border);border-radius:14px;background:var(--panel);text-align:center}.moment--bad{border-color:#5c2424;background:#241419}.moment--ok{border-color:#245c39;background:#14241a}.moment__title{font-size:15px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.moment__value{display:block;margin-top:6px;font-size:clamp(24px,3.4vw,46px);font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums;letter-spacing:.01em}.moment__extra{margin-top:4px;font-size:16px;color:var(--muted)}.footer{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:8px;border-top:1px solid var(--border);color:var(--muted);font-size:12px}.footer strong{color:var(--text);font-weight:500}@media (max-width: 640px){.page{padding:12px}.hero__value{font-size:clamp(56px,22vw,120px)}}.hero__reason{margin-top:2px;font-size:13px;color:var(--muted)}