:root{--bg:#f6f8f7;--card:#fff;--fg:#17201c;--muted:#5d6b65;--line:#dde4e0;--up:#1f9d6b;--partial:#e0a526;--out:#d1453b;--none:#cfd8d3;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#0f1412;--card:#161d1a;--fg:#e6ece9;--muted:#96a59e;--line:#26302c;--none:#2d3733;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}main{max-width:860px;padding:32px max(16px, env(safe-area-inset-left,0px)) 48px max(16px, env(safe-area-inset-right,0px));gap:20px;margin:0 auto;display:grid}.brand{letter-spacing:.02em;color:var(--muted);margin:0;font-weight:700}.banner{color:#fff;border-radius:10px;padding:18px 20px}.banner h1{text-wrap:balance;margin:0;font-size:1.15rem}.banner.operational{background:var(--up)}.banner.degraded{background:var(--partial)}.banner.down{background:var(--out)}.banner.none{background:var(--muted)}.components{gap:12px;display:grid}.component{background:var(--card);border:1px solid var(--line);border-radius:10px;min-width:0;padding:16px}.component header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.component h2{margin:0;font-size:1rem}.component h2 span{color:var(--muted);font-weight:400}.component strong.operational{color:var(--up)}.component strong.degraded{color:var(--partial)}.component strong.down{color:var(--out)}.answering,.uptime{color:var(--muted);margin:6px 0 0;font-size:.85rem}.days{grid-template-columns:repeat(90,minmax(0,1fr));gap:2px;height:28px;margin-top:12px;display:grid}.days i{background:var(--none);border-radius:2px}.days i.up{background:var(--up)}.days i.partial{background:var(--partial)}.days i.out{background:var(--out)}.incidents h2{margin:0 0 8px;font-size:1rem}.incidents ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.incidents li{background:var(--card);border:1px solid var(--line);border-radius:8px;flex-wrap:wrap;gap:4px 12px;padding:10px 14px;display:flex}.incidents li.ongoing{border-color:var(--out)}.incidents time{color:var(--muted);font-size:.85rem}.age{color:var(--muted);margin:0;font-size:.85rem}.age.stale{color:var(--out);font-weight:600}
