:root{--bg:#f5f5f7;--surface:#fff;--ink:#111827;--muted:#667085;--line:rgba(17,24,39,.12);--ok:#16803a;--slow:#b45309;--down:#c92424;--radius:1.25rem}*{box-sizing:border-box}body{min-width:20rem;margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:1rem;line-height:1.5}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.page{width:min(100% - 2rem,43rem);min-height:100dvh;margin:auto;padding:2rem 0;display:flex;flex-direction:column;gap:2rem}.brand{display:inline-flex;align-items:center;width:fit-content}.brand img{display:block;width:min(14rem,60vw);height:auto}main{display:grid;gap:.75rem}.card{padding:1rem 1.125rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:0 .5rem 1.5rem rgba(17,24,39,.04)}.status{display:grid;gap:.5rem}.status__row{display:flex;align-items:center;gap:.5rem}.status__dot{width:.625rem;height:.625rem;border-radius:50%;background:var(--status-color);box-shadow:0 0 0 .1875rem color-mix(in srgb,var(--status-color) 14%,transparent)}h1{margin:0;font-size:1rem;line-height:1.25;letter-spacing:-.01em}.status__label{margin-left:auto;color:var(--status-color);font-size:.8125rem;font-weight:700;white-space:nowrap}.status__meta,.meta{margin:0;color:var(--muted);font-size:.8125rem}.bars{display:grid;grid-template-columns:repeat(var(--bar-count),minmax(.125rem,1fr));align-items:end;gap:.1875rem;height:2.75rem}.bar{min-height:.375rem;border-radius:999px;background:var(--line)}.bar--ok{height:100%;background:var(--ok)}.bar--slow{height:62%;background:var(--slow)}.bar--down{height:28%;background:var(--down)}.legend{margin-top:.125rem;font-size:.75rem;color:var(--muted)}footer{margin-top:auto;padding-top:1.5rem;border-top:1px solid var(--line);display:grid;gap:.5rem;color:var(--muted);font-size:.8125rem;text-align:center}footer nav{display:flex;justify-content:center;gap:.875rem;flex-wrap:wrap}footer strong{color:var(--ink)}@media (max-width:30rem){.page{width:min(100% - 1.25rem,43rem);padding:1.25rem 0}.brand img{width:min(7rem,30vw)}.card{padding:1rem}.status__row{flex-wrap:wrap}.status__label{margin-left:auto}.bars{gap:.125rem}}