: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: #16A34A;--status-degraded: #D97706;--status-elevated_load: #CA8A04;--status-partial_outage: #EA580C;--status-major_outage: #DC2626;--status-maintenance: #2563EB;--status-info: #0EA5E9;--status-resolved: #16A34A;--status-unknown: #64748B}:root,[data-theme=dark]{--color-bg: #0B1020;--color-surface: #131A2E;--color-surface-2: #1B2540;--color-border: #283353;--color-text: #F8FAFC;--color-text-muted: #94A3B8;--color-brand: #7C3AED;--color-brand-strong: #5B21B6;--color-brand-soft: #2E1065;--color-hero-top: #4C1D95;--color-hero-mid: #6D28D9;--color-accent: #F59E0B;--color-accent-strong: #D97706;--color-accent-on: #1B1206}[data-theme=light]{--color-bg: #F6F7FB;--color-surface: #FFFFFF;--color-surface-2: #F1F5F9;--color-border: #E2E8F0;--color-text: #0F172A;--color-text-muted: #475569;--color-brand: #6D28D9;--color-brand-strong: #5B21B6;--color-brand-soft: #EDE9FE;--color-hero-top: #5B21B6;--color-hero-mid: #7C3AED;--color-accent: #D97706;--color-accent-strong: #B45309;--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;transition:background var(--motion-base) var(--motion-ease),color var(--motion-base) var(--motion-ease)}.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:linear-gradient(180deg,var(--color-hero-top),var(--color-hero-mid));color:#fff;padding:var(--space-5) 0 var(--space-6)}.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}.hero__tag{opacity:.85;font-size:var(--size-small)}.hero__actions{display:flex;gap:var(--space-2);flex-wrap:wrap}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-lg);background:color-mix(in srgb,var(--state, var(--color-brand)) 14%,var(--color-surface));border:1px solid color-mix(in srgb,var(--state, var(--color-brand)) 35%,var(--color-border));box-shadow:var(--elevation-sm)}.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)) 28%,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-lg);padding:var(--space-5);box-shadow:var(--elevation-sm)}.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__head{display:flex;align-items:center;justify-content:space-between;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 time{font-size:var(--size-caption)}.incident__title{margin:var(--space-2) 0 var(--space-1);font-size:var(--size-body)}.incident__body{margin:0 0 var(--space-3);color:var(--color-text-muted);white-space:pre-wrap}.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:transform var(--motion-fast) var(--motion-ease),filter var(--motion-fast) var(--motion-ease)}.btn:hover{filter:brightness(1.06)}.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)}.btn--ghost{background:color-mix(in srgb,#fff 14%,transparent);color:#fff}.btn--danger{background:transparent;color:var(--status-major_outage);border-color:color-mix(in srgb,var(--status-major_outage) 50%,var(--color-border))}.btn--sm{padding:var(--space-1) var(--space-3);font-size:var(--size-small)}.admin__form{display:flex;flex-direction:column;gap:var(--space-4)}.field{display:flex;flex-direction:column;gap:var(--space-1)}.field__label{font-size:var(--size-small);font-weight:var(--weight-medium)}.field__input{font:inherit;color:var(--color-text);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3)}.field__input:focus-visible{outline:2px solid var(--color-brand);outline-offset:1px}.admin__error{color:var(--status-major_outage);font-size:var(--size-small);margin:0}.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)}@media (prefers-reduced-motion: reduce){*{transition:none!important}}