:root{--bg:#f6f8fa;--panel:#fff;--border:#d0d7de;--row-border:#eaeef2;--text:#1f2328;--muted:#656d76;--ok:#1a7f37;--ok-strong:#2da44e;--ok-bg:#dafbe1;--ok-border:#aceebb;--down:#cf222e;--down-bg:#ffebe9;--down-border:#ff8182;--unknown:#57606a;--unknown-strong:#afb8c1;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-size:14px;line-height:1.5}.page{max-width:680px;margin:0 auto;padding:48px 20px 32px}.top{align-items:baseline;gap:10px;margin-bottom:24px;display:flex}.brand{letter-spacing:-.01em;font-size:20px;font-weight:600}.brand-sub{color:var(--muted);font-size:14px}.banner{border:1px solid var(--ok-border);background:var(--ok-bg);color:var(--ok);border-radius:12px;align-items:center;gap:14px;padding:18px 20px;display:flex}.banner.down{border-color:var(--down-border);background:var(--down-bg);color:var(--down)}.banner.unknown{border-color:var(--border);background:var(--panel);color:var(--unknown)}.banner-icon{width:12px;height:12px;box-shadow:0 0 0 5px color-mix(in srgb, currentColor 18%, transparent);background:currentColor;border-radius:999px;flex-shrink:0}.banner-title{margin:0;font-size:16px;font-weight:600}.banner-sub{color:var(--muted);margin:2px 0 0;font-size:13px}.panel{border:1px solid var(--border);background:var(--panel);border-radius:12px;margin-top:16px}.panel-title{border-bottom:1px solid var(--row-border);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:0;padding:14px 20px;font-size:13px;font-weight:600}.rows{margin:0;padding:0;list-style:none}.row{padding:16px 20px 18px}.row+.row{border-top:1px solid var(--row-border)}.row-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.row-title{align-items:center;gap:10px;min-width:0;display:flex}.name{font-size:15px;font-weight:500}.row-status{white-space:nowrap;align-items:center;gap:12px;display:flex}.latency{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}.pill{border-radius:999px;padding:2px 10px;font-size:12px;font-weight:500}.pill.ok{background:var(--ok-bg);color:var(--ok)}.pill.down{background:var(--down-bg);color:var(--down)}.pill.unknown{background:var(--row-border);color:var(--unknown)}.dot{background:var(--unknown-strong);border-radius:999px;flex-shrink:0;width:8px;height:8px;display:inline-block}.dot.ok{background:var(--ok-strong)}.dot.down{background:var(--down)}.bars{gap:4px;height:24px;margin-top:14px;display:flex}.bar{background:var(--row-border);cursor:pointer;border-radius:3px;flex:1;min-width:0;position:relative}.bar.ok{background:var(--ok-strong)}.bar.down{background:var(--down)}.bar.unknown{background:var(--unknown-strong)}.bar.empty{background:var(--row-border)}.hour-popup{color:#fff;z-index:20;pointer-events:none;white-space:nowrap;background:#1f2328;border-radius:6px;padding:8px;display:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000026}.hour-popup:after{content:"";border:4px solid #0000;border-top-color:#1f2328;position:absolute;top:100%;left:50%;transform:translate(-50%)}.bar:hover,.bar:focus-visible{z-index:1000;position:relative}.bars:hover{z-index:999;position:relative}.row:hover,.row:focus-within{z-index:998;position:relative}.bar:hover .hour-popup,.bar:focus-visible .hour-popup{flex-direction:column;align-items:center;gap:6px;display:flex}.hour-label{color:#d0d7de;font-size:11px;font-weight:500}.hour-grid{grid-template-rows:repeat(3,12px);grid-template-columns:repeat(4,12px);gap:4px;display:grid}.hour-grid .cell{background:#484f58;border-radius:2px;width:12px;height:12px}.hour-grid .cell.ok{background:var(--ok-strong)}.hour-grid .cell.down{background:var(--down)}.hour-grid .cell.unknown{background:var(--unknown-strong)}.hour-grid .cell.empty{background:#30363d}.footer{color:var(--muted);text-align:center;margin:20px 0 0;font-size:12px}@media (width<=480px){.page{padding-top:28px}.row-status .latency{display:none}}