:root{--text:#5b6470;--text-h:#0f1115;--bg:#f7f8fa;--card-bg:#fff;--border:#e7e9ee;--ok:#16a34a;--ok-bg:#16a34a1a;--down:#dc2626;--down-bg:#dc26261a;--shadow:#0f11150f 0 12px 32px -8px, #0f11150a 0 2px 8px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, "SF Mono", Consolas, monospace;font:16px/1.5 var(--sans);color-scheme:light;color:var(--text);background:var(--bg);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0}h1{font-family:var(--sans);color:var(--text-h);margin:0;font-weight:600}p{margin:0}.page{flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:100svh;padding:24px;display:flex;position:relative;overflow:hidden}.floaters{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.eye{will-change:transform;height:auto;animation-name:drift;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate;position:absolute}@keyframes drift{0%{transform:translate(0)rotate(0)}to{transform:translate(var(--tx), var(--ty)) rotate(var(--rot))}}.page>.card,.page>.foot{z-index:1;position:relative}@media (prefers-reduced-motion:reduce){.eye{animation:none}}.card{background:var(--card-bg);border:1px solid var(--border);width:100%;max-width:440px;box-shadow:var(--shadow);text-align:center;border-radius:16px;padding:40px 36px}.badge{border-radius:50%;width:56px;height:56px;margin-bottom:20px;display:inline-flex;position:relative}.card.ok .badge{background:var(--ok-bg)}.card.down .badge{background:var(--down-bg)}.badge:before{content:"";border-radius:50%;width:14px;height:14px;margin:auto;position:absolute;inset:0}.card.ok .badge:before{background:var(--ok);animation:2s infinite pulse;box-shadow:0 0 #16a34a73}.card.down .badge:before{background:var(--down)}@keyframes pulse{0%{box-shadow:0 0 #16a34a73}70%{box-shadow:0 0 0 12px #16a34a00}to{box-shadow:0 0 #16a34a00}}.card h1{letter-spacing:-.4px;font-size:24px}.lead{margin-top:8px;font-size:15px}.metrics{grid-template-columns:1fr 1fr;gap:12px;margin:32px 0 0;display:grid}.metric{border:1px solid var(--border);text-align:left;border-radius:12px;padding:16px}.metric dt{text-transform:uppercase;letter-spacing:.06em;color:var(--text);margin-bottom:6px;font-size:12px}.metric dd{color:var(--text-h);align-items:center;gap:8px;margin:0;font-size:18px;font-weight:600;display:flex}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.dot{border-radius:50%;width:9px;height:9px}.status-ok{color:var(--ok)}.status-ok .dot{background:var(--ok)}.status-down{color:var(--down)}.status-down .dot{background:var(--down)}.foot{color:var(--text);font-size:13px}@media (width<=480px){.card{padding:32px 24px}.metrics{grid-template-columns:1fr}}