:root{color-scheme:dark;--color-ground:#0a0e1a;--color-surface-1:#0e1424;--color-surface-2:#111829;--color-ink:#eaeef8;--color-ink-2:#c3cadd;--color-ink-muted:#828aa0;--color-hairline:rgba(255,255,255,.08);--color-hairline-strong:rgba(255,255,255,.14);--color-cyan:#67e8f9;--color-violet:#8b7cf6;--color-ok:#4bd6a0;--color-ok-soft:rgba(75,214,160,.16);--color-warn:#eab358;--color-warn-soft:rgba(234,179,88,.16);--color-danger:#ff6b6b;--color-danger-soft:rgba(255,107,107,.16);--color-accent:#7c5cff;--color-accent-soft:rgba(124,92,255,.16);--font-display:"Syne","Segoe UI",system-ui,sans-serif;--font-body:"DM Sans","Segoe UI",system-ui,sans-serif;--radius-sm:12px;--radius-md:14px;--radius-lg:17px;--radius-pill:999px}
*{box-sizing:border-box}html,body{margin:0}body{background:radial-gradient(1200px 600px at 50% -200px,rgba(124,92,255,.14),transparent 70%),var(--color-ground);color:var(--color-ink);font-family:var(--font-body);font-size:.9375rem;line-height:1.55;min-height:100vh}
.wrap{max-width:760px;margin:0 auto;padding:2rem 1.25rem 3rem}.top{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}
h1{font-family:var(--font-display);font-size:1.375rem;letter-spacing:.01em;margin:0}h1::before{content:"";display:inline-block;width:.7em;height:.7em;margin-right:.5em;border-radius:50%;background:linear-gradient(135deg,var(--color-cyan),var(--color-violet));vertical-align:.05em}
a{color:var(--color-cyan)}a:focus-visible{outline:2px solid var(--color-cyan);outline-offset:3px;border-radius:4px}
.refresh{font-size:.8125rem;padding:.4rem .9rem;border:1px solid var(--color-hairline-strong);border-radius:var(--radius-pill);text-decoration:none;color:var(--color-ink-2)}.refresh:hover{border-color:var(--color-cyan);color:var(--color-ink)}
.hero{display:flex;align-items:center;gap:.75rem;padding:1.25rem 1.5rem;border-radius:var(--radius-lg);border:1px solid var(--color-hairline-strong);background:var(--color-surface-1);margin-bottom:1.5rem}.hero h2{margin:0;font-size:1.125rem;font-family:var(--font-display)}
.hero-operational{background:var(--color-ok-soft);border-color:rgba(75,214,160,.35)}.hero-degraded{background:var(--color-warn-soft);border-color:rgba(234,179,88,.35)}.hero-down{background:var(--color-danger-soft);border-color:rgba(255,107,107,.35)}.hero-pending{background:var(--color-accent-soft)}
.list{list-style:none;margin:0;padding:0;border:1px solid var(--color-hairline-strong);border-radius:var(--radius-lg);background:var(--color-surface-1);overflow:hidden}
.svc{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border-top:1px solid var(--color-hairline)}.svc:first-child{border-top:0}
.svc-main{display:flex;align-items:center;flex-wrap:wrap;gap:.25rem .75rem;min-width:0}.svc-name{font-weight:600}.note{color:var(--color-ink-muted);font-size:.8125rem}
.dot{width:.65rem;height:.65rem;border-radius:50%;flex:none;background:var(--color-ink-muted)}.dot-operational{background:var(--color-ok)}.dot-degraded{background:var(--color-warn)}.dot-down{background:var(--color-danger)}.dot-pending{background:var(--color-accent)}
.badge{font-size:.8125rem;padding:.2rem .7rem;border-radius:var(--radius-pill);white-space:nowrap;border:1px solid transparent}.badge-operational{color:var(--color-ok);background:var(--color-ok-soft)}.badge-degraded{color:var(--color-warn);background:var(--color-warn-soft)}.badge-down{color:var(--color-danger);background:var(--color-danger-soft)}.badge-pending{color:var(--color-ink-2);background:var(--color-accent-soft)}
.foot{margin-top:1.5rem;color:var(--color-ink-muted);font-size:.8125rem}.foot p{margin:.35rem 0}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sec-h{font-family:var(--font-display);font-size:1rem;margin:1.75rem 0 .75rem;color:var(--color-ink-2)}.chain-time{color:var(--color-ink-muted);font-size:.8125rem;margin:.5rem 0 0}
@media (max-width:520px){.svc{flex-direction:column;align-items:flex-start}.wrap{padding:1.25rem 1rem 2rem}}