:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg: #070b15;--surface: rgba(13, 20, 35, .72);--surface-strong: rgba(15, 23, 40, .92);--surface-secondary: rgba(9, 14, 26, .55);--border: rgba(126, 148, 184, .16);--border-strong: rgba(126, 148, 184, .26);--text: #edf2ff;--muted: #9aa7bd;--muted-dim: #7d8aa1;--accent: #3b9eff;--accent-soft: rgba(59, 158, 255, .4);--ok: #21cf65;--maxw: 1080px;--pad-x: 24px;--radius-card: 12px;--radius-control: 9px;--radius-bar: 2px;--shadow-card: inset 0 1px 0 rgba(255, 255, 255, .03), 0 1px 2px rgba(0, 0, 0, .4), 0 10px 26px -18px rgba(0, 0, 0, .7);--shadow-card-hover: inset 0 1px 0 rgba(255, 255, 255, .06), 0 0 0 1px rgba(59, 158, 255, .28), 0 0 22px -4px rgba(59, 158, 255, .22), 0 10px 26px -18px rgba(0, 0, 0, .7);--ease-out: cubic-bezier(.16, 1, .3, 1);color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;font-variant-numeric:tabular-nums;background:radial-gradient(circle at 12% -10%,rgba(59,158,255,.12),transparent 30rem),radial-gradient(circle at 88% 0%,rgba(33,207,101,.08),transparent 32rem),linear-gradient(180deg,#070b15,#08101c);background-attachment:fixed}button,input,select{font:inherit;color:inherit}:where(a,button,input,select):focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}.app{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 var(--pad-x) 8px}.topbar{display:flex;align-items:center;gap:18px;padding:18px 0;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;border-radius:var(--radius-control);transition:opacity .18s var(--ease-out)}.brand:hover{opacity:.86}.brandLogo{display:block;width:36px;height:36px;object-fit:contain;filter:drop-shadow(0 2px 5px rgba(0,0,0,.45))}.brandText{display:flex;flex-direction:column}.brandName{font-size:18px;font-weight:700;letter-spacing:-.01em}.brandSub{margin-top:1px;color:var(--muted);font-size:12.5px}.topnav{display:flex;gap:24px;margin-left:auto}.topnav a{color:var(--text);text-decoration:none;font-size:14px;transition:color .18s var(--ease-out)}.topnav a:hover{color:var(--accent)}.statusBar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:22px 0 18px;animation:fadeUp .45s var(--ease-out) backwards}.summary{display:inline-flex;align-items:center;gap:9px;min-height:38px;padding:0 16px;border:1px solid var(--border-strong);border-radius:999px;background:var(--surface);white-space:nowrap;font-weight:650;font-size:14.5px;box-shadow:var(--shadow-card)}.summaryDot{width:9px;height:9px;border-radius:50%;background:currentColor}.summary-operational{color:#35d06f;border-color:#35d06f73}.summary-operational .summaryDot{animation:pulse 2.6s var(--ease-out) infinite}.summary-degraded_performance,.summary-unknown{color:#f6c453;border-color:#f6c45373}.summary-partial_outage{color:#ff8a3d;border-color:#ff8a3d73}.summary-major_outage{color:#ff4d57;border-color:#ff4d5773}.controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap;color:var(--muted);font-size:13px}.liveTag{display:inline-flex;align-items:center;gap:8px;color:var(--muted-dim)}.liveTag time{color:var(--muted)}.liveDot{width:7px;height:7px;border-radius:50%;background:var(--ok);animation:pulse 2.6s var(--ease-out) infinite}.liveTag--stale .liveDot{background:#f6c453;animation:none}.monitorWarning{margin:0 0 18px;color:#f6c453;font-size:13px}.control{display:inline-flex;align-items:center;gap:7px}.control>span{color:var(--muted-dim)}.control select{height:32px;padding:0 8px;border:1px solid var(--border-strong);border-radius:var(--radius-control);background:#070c17b3;color:var(--text);transition:border-color .16s var(--ease-out),box-shadow .16s var(--ease-out)}.control select:hover{border-color:var(--accent-soft)}.control select:focus{outline:none;border-color:var(--accent-soft);box-shadow:0 0 0 3px #3b9eff29}.iconButton{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid var(--border-strong);border-radius:var(--radius-control);background:#070c17b3;color:var(--muted);cursor:pointer;transition:color .16s var(--ease-out),border-color .16s var(--ease-out),background .16s var(--ease-out)}.iconButton:hover{color:var(--accent);border-color:var(--accent-soft);background:#3b9eff1a}.iconButton:disabled{cursor:progress}.iconButton.is-refreshing .refreshIcon{animation:spin .7s linear infinite}.errorText{color:#ff8a3d}.groups{display:flex;flex-direction:column;gap:22px}.group{display:flex;flex-direction:column;gap:11px}.groupHead{display:flex;flex-direction:column}.groupTitle{margin:0;font-size:16px;letter-spacing:-.01em}.groupDesc{margin:3px 0 0;color:var(--muted);font-size:13px}.group--secondary .groupTitle{color:#c2cde0;font-size:15px}.group--secondary .groupHead{opacity:.92}.groupGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.checkCard{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface-strong);padding:16px;box-shadow:var(--shadow-card);transition:box-shadow .2s var(--ease-out),border-color .2s var(--ease-out);animation:cardIn .45s var(--ease-out) backwards;animation-delay:calc(var(--i, 0) * 45ms)}.checkCard:hover{border-color:var(--accent-soft);box-shadow:var(--shadow-card-hover)}.checkCard--compact{background:var(--surface-secondary)}.cardHeader{display:flex;justify-content:space-between;gap:14px}.cardTitle{margin:0;font-size:14.5px;font-weight:650;line-height:1.25;letter-spacing:-.01em}.cardUrl{margin:5px 0 0;color:var(--muted);font-size:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;overflow-wrap:anywhere}.pill{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;min-height:22px;padding:0 9px;border-radius:999px;white-space:nowrap;font-size:11.5px;font-weight:700}.pill>span:first-child{width:6px;height:6px;border-radius:50%;background:currentColor}.pill-operational{color:#dffbea;background:#138a44}.pill-degraded_performance,.pill-unknown{color:#241602;background:#f6c453}.pill-partial_outage{color:#2a0e00;background:#ff8a3d}.pill-major_outage{color:#ffe9ec;background:#b93743}.latency{margin-top:14px;color:var(--muted);text-align:right;font-size:11.5px}.bars{display:grid;grid-template-columns:repeat(56,minmax(0,1fr));gap:2px;align-items:end;height:28px;margin-top:5px}.checkCard--compact .bars{height:22px}.barItem{position:relative;display:block;width:100%;height:100%}.bar{display:block;width:100%;height:100%;border-radius:var(--radius-bar);transition:filter .16s var(--ease-out)}.barItem:hover .bar{filter:brightness(1.28) saturate(1.08)}.barTooltip{position:absolute;left:50%;bottom:calc(100% + 9px);z-index:20;display:block;min-width:170px;max-width:220px;padding:12px;border:1px solid var(--border-strong);border-radius:var(--radius-control);background:#09111e;box-shadow:0 18px 44px #00000080;color:#aebbd0;transform:translate(-50%) translateY(4px);font-size:12px;line-height:1.35;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s var(--ease-out),transform .16s var(--ease-out),visibility .16s}.barTooltip strong{display:block;margin-top:8px;color:#dce7f8;font-size:11px;letter-spacing:.06em;text-transform:uppercase}.barTooltip strong:first-child{margin-top:0}.barTooltip:after{position:absolute;left:50%;bottom:-7px;width:12px;height:12px;border-right:1px solid var(--border-strong);border-bottom:1px solid var(--border-strong);background:#09111e;content:"";transform:translate(-50%) rotate(45deg)}.barItem:hover .barTooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.bar--up{background:#21cf65}.bar--minor{background:#f6c453}.bar--partial{background:#ff8a3d}.bar--major{background:#ff4d57}.bar--nodata{background:#222c40}.cardFooter{display:flex;justify-content:space-between;gap:12px;margin-top:9px;color:var(--muted-dim);font-size:11.5px}.emptyState,.incidents{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface-strong);box-shadow:var(--shadow-card)}.emptyState{padding:26px;color:var(--muted)}.incidents{margin-top:22px;padding:18px 20px}.incidents h2{margin:0 0 12px;font-size:16px}.incident{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid var(--border)}.incident p,.muted{margin:4px 0 0;color:var(--muted);font-size:13.5px}footer{margin-top:24px;padding:22px 0 28px;border-top:1px solid var(--border);color:var(--muted-dim);text-align:center;font-size:13px}@keyframes cardIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes pulse{0%{box-shadow:0 0 #21cf6573}70%{box-shadow:0 0 0 6px #21cf6500}to{box-shadow:0 0 #21cf6500}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:900px){.groupGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.topnav{display:none}.statusBar{align-items:flex-start;flex-direction:column;gap:14px}.groupGrid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}