:root{--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "SF Mono", ui-monospace, "Cascadia Code", Consolas, monospace;--size-display: 2.5rem;--size-h1: 1.875rem;--size-h2: 1.375rem;--size-body: 1rem;--size-small: .875rem;--size-caption: .75rem;--weight-regular: 400;--weight-medium: 500;--weight-bold: 700;--leading-tight: 1.2;--leading-normal: 1.55;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-pill: 999px;--elevation-sm: 0 1px 2px rgba(2, 6, 23, .35);--elevation-md: 0 6px 20px rgba(2, 6, 23, .35);--elevation-lg: 0 18px 50px rgba(2, 6, 23, .45);--motion-fast: .12s;--motion-base: .2s;--motion-slow: .32s;--motion-ease: cubic-bezier(.2, .7, .2, 1);--status-operational: #3fb950;--status-degraded: #d29922;--status-elevated_load: #d4a72c;--status-partial_outage: #db8a3c;--status-major_outage: #f85149;--status-maintenance: #58a6ff;--status-info: #56b6e6;--status-resolved: #3fb950;--status-unknown: #7d8590}:root,[data-theme=dark]{--color-bg: #1e1e1e;--color-surface: #262626;--color-surface-2: #2d2d2d;--color-border: #393939;--color-text: #dcddde;--color-text-muted: #9a9a9a;--color-brand: #a882ff;--color-brand-strong: #8b6cef;--color-brand-soft: #2a2440;--color-hero-top: #262626;--color-hero-mid: #1e1e1e;--color-accent: #a882ff;--color-accent-strong: #8b6cef;--color-accent-on: #1a1530}[data-theme=light]{--color-bg: #f6f6f7;--color-surface: #ffffff;--color-surface-2: #eeeef0;--color-border: #dcdce0;--color-text: #1f2024;--color-text-muted: #6b6b73;--color-brand: #7c5cde;--color-brand-strong: #6a48c9;--color-brand-soft: #ece6fb;--color-hero-top: #ffffff;--color-hero-mid: #f6f6f7;--color-accent: #7c5cde;--color-accent-strong: #6a48c9;--color-accent-on: #ffffff}*{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased}.container{width:100%;max-width:760px;margin:0 auto;padding:0 var(--space-4)}.stack>*+*{margin-top:var(--space-5)}.muted{color:var(--color-text-muted)}.hero{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--space-5) 0}.hero__bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.hero__brand{display:flex;flex-direction:column}.hero__wordmark{font-size:var(--size-h1);font-weight:var(--weight-bold);letter-spacing:-.02em;color:var(--color-text)}.hero__wordmark:before{content:"";display:inline-block;width:9px;height:9px;margin-right:var(--space-3);border-radius:999px;background:var(--color-accent);vertical-align:middle}.hero__tag{color:var(--color-text-muted);font-size:var(--size-small)}main.container{padding-top:var(--space-6);padding-bottom:var(--space-7)}.banner{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);background:color-mix(in srgb,var(--state, var(--color-brand)) 12%,var(--color-surface));border:1px solid color-mix(in srgb,var(--state, var(--color-brand)) 32%,var(--color-border))}.banner--loading{color:var(--color-text-muted)}.banner__dot{width:14px;height:14px;border-radius:999px;background:var(--state, var(--color-brand));box-shadow:0 0 0 5px color-mix(in srgb,var(--state, var(--color-brand)) 24%,transparent);flex:0 0 auto}.banner__text{font-size:var(--size-h2);font-weight:var(--weight-bold)}.banner__meta{font-size:var(--size-small)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5)}.card__title{margin:0 0 var(--space-4);font-size:var(--size-h2)}.svc-list{list-style:none;margin:0;padding:0}.svc{display:grid;grid-template-columns:14px 1fr auto auto auto;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border)}.svc:last-child{border-bottom:0}.svc__dot{width:12px;height:12px;border-radius:999px;background:var(--c)}.svc__name{display:flex;flex-direction:column;font-weight:var(--weight-medium)}.svc__desc{font-size:var(--size-caption);font-weight:var(--weight-regular)}.svc__state{font-size:var(--size-small);font-weight:var(--weight-medium)}.svc__uptime,.svc__lat,.svc__checked{font-size:var(--size-small);font-family:var(--font-mono)}@media (max-width: 560px){.svc{grid-template-columns:12px 1fr auto}.svc__uptime,.svc__checked{display:none}}.incident{padding:var(--space-4) 0;border-bottom:1px solid var(--color-border)}.incident:last-of-type{border-bottom:0}.incident--resolved{opacity:.72}.incident__head{display:flex;align-items:center;gap:var(--space-3)}.incident__cat{text-transform:capitalize;font-size:var(--size-caption);font-weight:var(--weight-bold);color:var(--c);border:1px solid var(--c);border-radius:var(--radius-pill);padding:2px var(--space-3)}.incident__resolved{font-size:var(--size-caption);font-weight:var(--weight-bold);color:var(--status-resolved);border:1px solid color-mix(in srgb,var(--status-resolved) 50%,var(--color-border));border-radius:var(--radius-pill);padding:2px var(--space-3)}.incident time{font-size:var(--size-caption);margin-left:auto}.incident__title{margin:var(--space-2) 0 var(--space-1);font-size:var(--size-body)}.incident__body{margin:0 0 var(--space-2);color:var(--color-text-muted);white-space:pre-wrap}.incident__resolved-at{margin:0;font-size:var(--size-caption)}.btn{font:inherit;font-weight:var(--weight-medium);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);cursor:pointer;border:1px solid transparent;text-decoration:none;display:inline-block;transition:filter var(--motion-fast) var(--motion-ease)}.btn:hover{filter:brightness(1.08)}.btn:disabled{opacity:.6;cursor:default}.btn--primary{background:var(--color-accent);color:var(--color-accent-on)}.btn--secondary{background:var(--color-surface-2);color:var(--color-text);border-color:var(--color-border)}.footer{border-top:1px solid var(--color-border);padding:var(--space-5) 0;margin-top:var(--space-6)}.footer__inner{display:flex;justify-content:space-between;font-size:var(--size-small)}:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}@media (prefers-reduced-motion: reduce){*{transition:none!important}}