:root{--slate-950: #090d13;--slate-900: #0d131c;--slate-850: #121a25;--slate-800: #18212e;--slate-700: #232f40;--slate-600: #36465c;--slate-400: #6b7a90;--slate-300: #9aa7b8;--slate-200: #c2ccd9;--slate-100: #e7edf5;--hue-operational: #2dd4a7;--hue-degraded: #f4c14b;--hue-partial: #f59140;--hue-major: #f4716b;--hue-maintenance: #5aa9f0;--hue-unknown: #8595a8;--hue-brand: #56c7e8;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-8: 3rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-pill: 999px;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", "JetBrains Mono", "Cascadia Code", Menlo, Consolas, monospace;--shadow-1: 0 1px 2px rgb(0 0 0 / .3);--shadow-2: 0 8px 24px -8px rgb(0 0 0 / .5);--ring: 0 0 0 1px var(--border) inset;--transition: .18s cubic-bezier(.4, 0, .2, 1);color-scheme:dark;--bg: var(--slate-950);--bg-grad: radial-gradient(1200px 600px at 50% -10%, #10202c 0%, var(--slate-950) 60%);--surface: var(--slate-850);--surface-2: var(--slate-800);--border: var(--slate-700);--border-soft: color-mix(in oklab, var(--slate-700) 60%, transparent);--text: var(--slate-100);--text-muted: var(--slate-300);--text-faint: var(--slate-400);--brand: var(--hue-brand);--status-operational: var(--hue-operational);--status-degraded: var(--hue-degraded);--status-partial_outage: var(--hue-partial);--status-major_outage: var(--hue-major);--status-maintenance: var(--hue-maintenance);--status-unknown: var(--hue-unknown)}@media (prefers-color-scheme: light){:root{color-scheme:light;--bg: #eef2f7;--bg-grad: radial-gradient(1200px 600px at 50% -10%, #ffffff 0%, #e6ecf3 60%);--surface: #ffffff;--surface-2: #f4f7fb;--border: #d3dbe6;--border-soft: color-mix(in oklab, #d3dbe6 70%, transparent);--text: #16202e;--text-muted: #4a586b;--text-faint: #74829a;--status-operational: #0f9e74;--status-degraded: #b9821a;--status-partial_outage: #c9650f;--status-major_outage: #d63a33;--status-maintenance: #2273c9;--status-unknown: #5d6b80;--brand: #1390b6;--shadow-2: 0 8px 24px -10px rgb(20 40 70 / .18)}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-block-size:100dvb;background:var(--bg-grad),var(--bg);background-attachment:fixed;color:var(--text);font-family:var(--font-sans);line-height:1.5;-webkit-font-smoothing:antialiased}.app{max-inline-size:1100px;margin-inline:auto;padding:var(--space-6) var(--space-4) var(--space-8)}.masthead{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4);margin-block-end:var(--space-5)}.masthead__mark{inline-size:40px;block-size:40px;color:var(--brand);flex:none}.masthead__titles h1{margin:0;font-size:1.4rem;letter-spacing:-.01em}.masthead__titles p{margin:0;color:var(--text-faint);font-size:.85rem}.masthead__status{margin-inline-start:auto;text-align:end;font-size:.8rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.masthead__dot{display:inline-block;inline-size:7px;block-size:7px;border-radius:var(--radius-pill);background:var(--status-operational);margin-inline-end:6px;vertical-align:middle}.reading{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(180deg,color-mix(in oklab,var(--c) 16%,transparent),transparent 70%),var(--surface);box-shadow:var(--shadow-2);padding:var(--space-6);display:grid;grid-template-columns:auto 1fr;gap:var(--space-5);align-items:center;margin-block-end:var(--space-6)}.reading__gauge{inline-size:96px;block-size:96px;color:var(--c);flex:none}.reading__label{margin:0;font-size:clamp(1.6rem,4vw,2.4rem);font-weight:650;letter-spacing:-.02em;line-height:1.05}.reading__sub{margin:var(--space-2) 0 0;color:var(--text-muted)}.reading__count{font-variant-numeric:tabular-nums;color:var(--text);font-weight:600}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(15.5rem,1fr));gap:var(--space-4)}.card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);box-shadow:var(--shadow-1);transition:transform var(--transition),border-color var(--transition)}.card:hover{transform:translateY(-2px);border-color:color-mix(in oklab,var(--c) 50%,var(--border))}.card__head{display:flex;align-items:center;gap:var(--space-3)}.card__led{inline-size:28px;block-size:28px;flex:none;color:var(--c);display:grid;place-items:center}.card__name{margin:0;font-size:1rem;font-weight:600}.card__status{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:600;color:var(--c);padding:2px 8px;border-radius:var(--radius-pill);background:color-mix(in oklab,var(--c) 14%,transparent);margin-inline-start:auto}.card__incident{margin:0;font-size:.82rem;color:var(--text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card__incident a{color:var(--text)}.card__spark{display:block;inline-size:100%;block-size:28px}.card__uptime{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2);margin-block-start:auto;padding-block-start:var(--space-3);border-block-start:1px solid var(--border-soft)}.card__uptime div{text-align:center}.card__uptime dt{font-size:.68rem;color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em}.card__uptime dd{margin:2px 0 0;font-size:.86rem;font-weight:600;font-variant-numeric:tabular-nums;font-family:var(--font-mono)}.banner{border:1px solid color-mix(in oklab,var(--status-major_outage) 55%,var(--border));background:color-mix(in oklab,var(--status-major_outage) 14%,var(--surface));color:var(--text);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-block-end:var(--space-5);display:flex;gap:var(--space-3);align-items:center;font-size:.9rem}.banner svg{color:var(--status-major_outage);flex:none}.state{text-align:center;color:var(--text-muted);padding:var(--space-8) var(--space-4)}footer{margin-block-start:var(--space-8);text-align:center;color:var(--text-faint);font-size:.78rem}footer a{color:var(--text-muted)}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}:where(a,button):focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}.card:hover{transform:none}}