.status{--ok: #2f8a5b;--warn: #c98a17;--bad: #c2453a;--none: rgba(5, 31, 32, .08);padding-top:clamp(120px,14vw,168px)}.status-wrap{max-width:880px}.status-head{margin-bottom:40px}.status-demo{margin-bottom:14px;padding:10px 14px;border-radius:var(--radius-s);background:var(--green-100);color:var(--green-800);font-family:var(--font-mono);font-size:13px}.status-updated{font-family:var(--font-mono);font-size:12.5px;color:var(--muted)}.status-list{list-style:none;margin:32px 0 0;padding:0;border-radius:var(--radius-l);background:var(--card);box-shadow:var(--shadow-card),inset 0 0 0 1px var(--line);overflow:hidden}.status-row{padding:18px 22px}.status-row+.status-row{border-top:1px solid var(--line)}.status-row-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.status-name{display:flex;align-items:center;gap:12px;min-width:0}.status-name div{display:flex;flex-direction:column;min-width:0}.status-name strong{font-weight:500}.status-name span{color:var(--muted);font-size:14px}.status-meta{display:flex;align-items:center;gap:12px;flex-shrink:0}.status-latency{font-family:var(--font-mono);font-size:13px;color:var(--muted)}.status-dot{position:relative;width:10px;height:10px;flex-shrink:0;border-radius:50%;background:var(--ok)}.status-dot.is-degraded{background:var(--warn)}.status-dot.is-down{background:var(--bad)}.status-dot.is-unknown{background:var(--none);box-shadow:inset 0 0 0 1px var(--line-strong)}.status-pill{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:var(--radius-pill);font-size:13px;font-weight:500;color:var(--ok);background:color-mix(in srgb,var(--ok) 12%,transparent)}.status-pill.is-degraded{color:#9a6a10;background:color-mix(in srgb,var(--warn) 16%,transparent)}.status-pill.is-down{color:var(--bad);background:color-mix(in srgb,var(--bad) 12%,transparent)}.status-pill.is-unknown{color:var(--muted);background:var(--none)}.status-bars-wrap{margin-top:14px}.status-bars{display:flex;gap:2px;height:30px}.status-bar{flex:1;min-width:0;border-radius:2px;background:var(--ok);transition:transform .2s var(--ease-out)}.status-bar:hover{transform:scaleY(1.15)}.status-bar.is-degraded{background:var(--warn)}.status-bar.is-down{background:var(--bad)}.status-bar.is-unknown,.status-bar.is-empty{background:var(--none)}.status-bars-legend{display:flex;justify-content:space-between;margin-top:6px;font-size:12px;color:var(--muted)}@media(max-width:600px){.status-row{padding:16px}.status-row-top{align-items:flex-start}.status-meta{flex-direction:column-reverse;align-items:flex-end;gap:4px}.status-bars{gap:1px;height:26px}}.status-banner{display:flex;align-items:flex-start;gap:14px;padding:18px 22px;margin-bottom:20px;border-radius:var(--radius-l);background:color-mix(in srgb,var(--ok) 10%,var(--card));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ok) 30%,transparent)}.status-banner .status-dot{margin-top:7px;flex:none}.status-banner strong{font-size:1.15rem;color:var(--ink)}.status-banner p{margin:4px 0 0;color:var(--ink-2);line-height:1.45}.status-banner.is-degraded,.status-banner.is-maintenance{background:color-mix(in srgb,var(--warn) 12%,var(--card));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--warn) 35%,transparent)}.status-banner.is-down{background:color-mix(in srgb,var(--bad) 10%,var(--card));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--bad) 35%,transparent)}.status-banner.is-unknown{background:var(--card);box-shadow:var(--shadow-card),inset 0 0 0 1px var(--line)}.status-incidents{display:grid;gap:12px;margin-bottom:24px}.status-incidents-title{margin:0;font-size:1.05rem;color:var(--ink)}.status-incident{padding:16px 20px;border-radius:var(--radius-m);background:var(--card);box-shadow:var(--shadow-card),inset 0 0 0 1px var(--line);border-left:4px solid var(--warn)}.status-incident.is-info{border-left-color:var(--green-300)}.status-incident.is-major,.status-incident.is-critical{border-left-color:var(--bad)}.status-incident-top{display:flex;justify-content:space-between;gap:12px;font-family:var(--font-mono);font-size:.78rem;color:var(--muted)}.status-incident h3{margin:6px 0 4px;font-size:1rem;color:var(--ink)}.status-incident p{margin:0;color:var(--ink-2);line-height:1.45}.status-incident .status-incident-affected{margin-top:8px;font-size:.85rem;color:var(--muted)}