:root{color:#191815;font-synthesis:none;background:#f2efe8;font-family:IBM Plex Mono,SFMono-Regular,Consolas,Liberation Mono,monospace}*{box-sizing:border-box}body{background:linear-gradient(90deg,#19181509 1px,#0000 1px) 0 0/44px 44px,#f2efe8;min-width:320px;margin:0}body:before{content:"";pointer-events:none;background:linear-gradient(#19181509 1px,#0000 1px) 0 0/44px 44px;position:fixed;inset:0}main{width:min(1440px,100%);margin:auto;padding:0 42px 24px}header{text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid #bbb7ae;justify-content:space-between;align-items:center;height:82px;font-size:11px;display:flex}.mark{letter-spacing:-.03em;font-size:15px;font-weight:800}.mark span{color:#ef5b2a;padding:0 4px}.pulse{align-items:center;gap:9px;display:flex}.pulse i{background:#29a366;border-radius:50%;width:7px;height:7px;display:block;box-shadow:0 0 0 4px #29a3661f}.intro{border-bottom:1px solid #bbb7ae;padding:68px 0 74px;position:relative}.eyebrow{color:#6c6860;text-transform:uppercase;letter-spacing:.12em;margin:0 0 16px;font-size:10px}h1{letter-spacing:-.09em;margin:0;font-size:clamp(48px,7vw,104px);font-weight:500;line-height:.87}h1 em{color:#ef5b2a;font-style:normal}.lede{color:#5b5750;width:min(420px,34%);margin:0;font-size:13px;line-height:1.7;position:absolute;bottom:68px;right:0}.panels{border-left:1px solid #bbb7ae;grid-template-columns:1fr;display:grid}.panel{background:#f2efe8c7;border-bottom:1px solid #bbb7ae;border-right:1px solid #bbb7ae;min-width:0;padding:28px}.panel-head{justify-content:space-between;align-items:flex-start;min-height:70px;display:flex}h2{letter-spacing:-.04em;margin:0;font-size:18px;font-weight:600}.state{color:#77736b;text-transform:uppercase;letter-spacing:.1em;border:1px solid #bbb7ae;padding:6px 9px;font-size:8px}.state.online{color:#19774a;background:#e4f2e9;border-color:#79b99c}.stats{border-top:1px solid #d0ccc3;border-bottom:1px solid #d0ccc3;grid-template-columns:repeat(4,1fr);margin:24px 0 30px;display:grid}.stats>div{border-right:1px solid #d0ccc3;padding:14px 9px 12px 0}.stats>div:not(:first-child){padding-left:12px}.stats>div:last-child{border-right:0}.stats span,.servers>span{color:#77736b;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:8px;display:block}.stats strong{letter-spacing:-.07em;white-space:nowrap;font-size:clamp(18px,2vw,27px);font-weight:500}.stats small{letter-spacing:0;font-size:9px}.chart-wrap{height:236px}.chart-plot{padding-right:52px;position:relative}.chart{width:100%;height:190px;display:block;overflow:visible}.latency-axis{color:#77736b;text-align:right;flex-direction:column;justify-content:space-between;width:46px;font-size:8px;line-height:1;display:flex;position:absolute;top:14px;bottom:10px;right:0}.gridline{stroke:#d4d0c8;stroke-width:1px;vector-effect:non-scaling-stroke;stroke-dasharray:3 4}.request-block{transition:fill .15s}.request-block.pending{fill:#b8b3aa}.request-block.success{fill:#1e1d1a}.request-block.failed{fill:#d63b2f}.latency-line{fill:none;stroke:#ef5b2a;stroke-width:2px;vector-effect:non-scaling-stroke}.legend{color:#6c6860;text-transform:uppercase;letter-spacing:.08em;gap:18px;margin-top:10px;font-size:8px;display:flex}.legend span:before{content:"";vertical-align:-1px;background:#1e1d1a;width:8px;height:8px;margin-right:6px;display:inline-block}.legend .failure-key:before{background:#d63b2f}.legend .pending-key:before{background:#b8b3aa}.legend .latency-key:before{vertical-align:2px;background:#ef5b2a;height:2px}.legend .range{margin-left:auto}.legend .range:before{display:none}.servers{border-top:1px solid #d0ccc3;justify-content:space-between;gap:18px;margin-top:20px;padding-top:15px;display:flex}.servers>div{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}code{color:#3e3b36;background:#e2ded5;padding:3px 5px;font-family:inherit;font-size:9px}.empty{text-align:center;color:#77736b;flex-direction:column;justify-content:center;align-items:center;height:365px;display:flex}.empty>span{color:#d1ccc2;letter-spacing:-.12em;font-size:94px}.empty p{width:min(360px,90%);font-size:11px;line-height:1.7}footer{color:#77736b;text-transform:uppercase;letter-spacing:.1em;justify-content:space-between;padding:18px 0;font-size:8px;display:flex}@media (width<=900px){main{padding:0 18px 18px}.intro{padding:52px 0}.lede{width:100%;margin-top:35px;position:static}}@media (width<=560px){header{height:64px}.pulse{font-size:8px}.intro{padding:42px 0}h1{font-size:53px}.panel{padding:20px 14px}.panel-head{flex-direction:column;gap:12px}.stats{grid-template-columns:1fr 1fr}.stats>div:nth-child(2){border-right:0}.stats>div:nth-child(3),.stats>div:nth-child(4){border-top:1px solid #d0ccc3}.stats>div:nth-child(3){padding-left:0}footer{flex-wrap:wrap;gap:10px}}