*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f4f6f8;--surface:#fff;--text:#1a2330;--text-muted:#5b6675;--border:#e3e8ee;--green-bg:#e5f6ec;--green-text:#14532d;--green-dot:#1a9e55;--amber-bg:#fdf3d7;--amber-text:#7a4d07;--amber-dot:#d99a06;--red-bg:#fdeaea;--red-text:#8c1f1f;--red-dot:#d64545;--blue-bg:#e7f0fd;--blue-text:#1e3f7d;--blue-dot:#3b71d8;--gray-bg:#eef0f3;--gray-text:#454e5b;--gray-dot:#8b94a1}html{background:var(--bg)}body{color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5}.page{justify-content:center;align-items:flex-start;min-height:100vh;padding:12vh 20px 48px;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;width:100%;max-width:560px;padding:36px;box-shadow:0 1px 3px #141e2d0f}.header{margin-bottom:24px}.title{letter-spacing:-.01em;font-size:1.35rem;font-weight:650}.banner{border-radius:12px;align-items:flex-start;gap:14px;margin-bottom:28px;padding:20px 22px;display:flex}.banner__dot{border-radius:50%;flex:none;width:14px;height:14px;margin-top:7px}.banner__title{font-size:1.1rem;font-weight:650}.banner__message{margin-top:4px;font-size:.92rem}.banner--operational{background:var(--green-bg);color:var(--green-text)}.banner--operational .banner__dot{background:var(--green-dot)}.banner--degraded{background:var(--amber-bg);color:var(--amber-text)}.banner--degraded .banner__dot{background:var(--amber-dot)}.banner--down{background:var(--red-bg);color:var(--red-text)}.banner--down .banner__dot{background:var(--red-dot)}.banner--maintenance{background:var(--blue-bg);color:var(--blue-text)}.banner--maintenance .banner__dot{background:var(--blue-dot)}.banner--unreachable{background:var(--gray-bg);color:var(--gray-text)}.banner--unreachable .banner__dot{background:var(--gray-dot)}.components{border:1px solid var(--border);border-radius:12px;margin-bottom:28px;list-style:none;overflow:hidden}.component{justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex}.component+.component{border-top:1px solid var(--border)}.component__label{font-size:.98rem}.pill{white-space:nowrap;border-radius:999px;flex:none;padding:4px 12px;font-size:.8rem;font-weight:650}.pill--up{background:var(--green-bg);color:var(--green-text)}.pill--degraded{background:var(--amber-bg);color:var(--amber-text)}.pill--down{background:var(--red-bg);color:var(--red-text)}.footer{color:var(--text-muted);justify-content:space-between;align-items:center;gap:12px;font-size:.85rem;display:flex}.wordmark{letter-spacing:.02em;color:#98a1ad;font-weight:650}@media (max-width:420px){.page{padding:24px 12px 32px}.card{padding:24px 18px}.banner{padding:16px}}