:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#302b3a;background:#f7f6fa;font-synthesis:none;--accent:#755d9c;--muted:#807889;--line:#e3dfea;--red:#a45744}*{box-sizing:border-box}body{margin:0;min-width:280px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{opacity:.5;cursor:default}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #8c76ac;outline-offset:3px}button svg{width:18px;height:18px;flex:none}button{border:0}button[hidden],*[hidden]{display:none!important}.masthead{height:88px;max-width:1280px;margin:auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:12px;font-weight:740;font-size:21px;letter-spacing:-.6px}.brand>svg{width:34px;height:34px;color:var(--accent)}.brand-sub{font-size:13px;font-weight:450;letter-spacing:0;color:var(--muted);margin-left:14px;padding-left:14px;border-left:1px solid #ddd5e5}.quiet,.text-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:transparent;color:#746584;padding:10px 12px;border-radius:9px;min-height:42px;font-size:13px}.quiet:hover,.text-button:hover{background:#eeebf4}main{max-width:1280px;margin:auto;padding:10px 32px 48px}.hero{padding:28px 32px 16px;border:1px solid #e1d9eb;border-radius:22px;background:#f0ecf6;transition:background .2s,border-color .2s}.eyebrow{display:flex;align-items:center;gap:8px;font-size:12px;color:#81718e}.live-dot{width:6px;height:6px;border-radius:50%;background:#aba0b4}.host{margin-left:auto;color:#978ba1;font-variant-numeric:tabular-nums}.hero-line{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 0 28px}.hero h1{font-size:clamp(30px,4vw,45px);font-weight:600;letter-spacing:-1.6px;margin:0;line-height:1.16}.hero p{font-size:14px;line-height:1.6;margin:12px 0 0;color:#82748f;max-width:620px}.status-emblem{width:76px;height:76px;flex:0 0 76px;border:1px solid #d9cfe5;border-radius:50%;display:grid;place-items:center;color:#9a8ca7}.status-emblem svg{width:42px;height:42px}.hero-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #e0d7e9;padding-top:8px;font-size:12px;color:#93849f}.hero[data-state=up] .status-emblem{color:#806199;background:#e7def0}.hero[data-state=up] .live-dot{background:#9071a9;box-shadow:0 0 0 4px #9071a912}.hero[data-state=down]{background:#f6ece7;border-color:#ead2c6}.hero[data-state=down] h1,.hero[data-state=down] .status-emblem{color:#a45744}.hero[data-state=down] .status-emblem{border-color:#dfc3b7;background:#f0ddd4}.hero[data-state=down] .live-dot{background:#b66e58}.hero[data-state=down] .hero-footer{border-color:#e6d4ca}.hero[data-state=suspect]{background:#f4f0e2;border-color:#e6ddc3}.hero[data-state=suspect] .live-dot{background:#b3984f}.hero[data-state=unknown]{background:#f0edf4;border-color:#e2dce9}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:28px 4px;gap:28px}.metrics article{padding:2px 20px 2px 0;border-right:1px solid var(--line)}.metrics article:last-child{border:0}.metrics article>span{display:block;font-size:12px;color:#807589;line-height:1.5}.metrics strong{display:block;font-size:32px;letter-spacing:-1.1px;font-weight:550;margin:10px 0 6px;font-variant-numeric:tabular-nums}.metrics small{font-size:11px;color:#968b9e;line-height:1.5;display:block}.panel{background:#fefdfF;border:1px solid var(--line);border-radius:17px}.history{padding:22px 24px}.section-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}h2{font-size:16px;font-weight:600;letter-spacing:-.3px;margin:0}.legend{display:flex;gap:15px;font-size:10px;color:#968a9f}.legend span{display:flex;align-items:center;gap:5px}.legend i{display:block;width:6px;height:6px;border-radius:2px;background:#e6e1eb}.legend .good{background:#a28cb8}.legend .bad{background:#c28c76}.buckets{height:38px;display:flex;gap:3px}.bucket{flex:1;min-width:1px;background:#eae6ef;border-radius:3px}.bucket.good{background:#a28cb8}.bucket.mixed{background:#c9b06f}.bucket.bad{background:#bb806a}.axis{display:flex;justify-content:space-between;color:#a196aa;font-size:10px;margin-top:9px}.coverage{font-size:11px;color:#9b90a5;margin:15px 0 0}.lower-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px;margin-top:24px;align-items:start}.journal{padding:24px}.small{font-size:11px}.muted{color:#978b9f}.empty{padding:30px 0;margin:0;color:#978ba0;font-size:13px;line-height:1.7}.incident{padding:20px 0;border-top:1px solid #e9e3ef}.incident:first-child{border:0;padding-top:0}.incident:last-child{padding-bottom:0}.incident-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.incident-title{font-size:14px;font-weight:580;display:flex;gap:8px;align-items:center}.incident-dot{width:6px;height:6px;background:#b87b62;border-radius:50%}.incident.resolved .incident-dot{background:#9b83b0}.incident-duration{font-size:12px;white-space:nowrap;color:#95859f;font-variant-numeric:tabular-nums}.incident-time{font-size:12px;color:#92829e;line-height:1.7}.incident-reason{font-size:11px;color:#9d91a6;margin-top:8px;overflow-wrap:anywhere}.pagination{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:20px;padding-top:12px}.notifications{padding:23px}.mini-icon{display:grid;place-items:center;width:35px;height:35px;background:#eee8f6;color:#8c70ab;border-radius:10px;margin-bottom:17px}.mini-icon svg{width:20px;height:20px}.notifications p{font-size:12px;color:#8e7e9b;line-height:1.7;margin:13px 0 20px}.primary,.secondary{display:flex;align-items:center;justify-content:center;min-height:44px;border-radius:9px;padding:10px 16px;font-size:12px;line-height:1.45;font-weight:550}.primary{background:#735b9c;color:#fff}.primary:hover{background:#644c8d}.secondary{background:transparent;border:1px solid #e0d6eb;color:#877096}.secondary:hover{background:#f1ecf7}.notifications button{width:100%}.notifications .secondary{margin-top:9px}.notifications .feedback{margin:12px 0 0;min-height:0;color:#82629c;font-size:11px}.feedback[data-error=true]{color:var(--red)}.about{padding:20px 4px;font-size:11px;line-height:1.8;color:#92849d}.about summary{cursor:pointer;color:#8d7a9b;padding:4px 0;font-size:12px}.about p{margin:12px 0 0}.install-help{display:flex;gap:24px;align-items:center;justify-content:space-between;margin-bottom:20px;padding:20px 24px;border:1px solid var(--line);border-radius:15px;background:#fefdfF}.install-help p{max-width:760px;font-size:12px;line-height:1.8;color:#93809f;margin:8px 0 0}.install-help button{flex:none}.page-feedback{font-size:12px;color:var(--red);line-height:1.6;margin:18px 0 0}.page-feedback:empty{display:none}.footer{max-width:1280px;display:flex;justify-content:space-between;gap:20px;margin:auto;padding:0 32px 24px;font-size:10px;color:#a091ab}.separator{margin:0 8px}svg{display:block}.install-help[hidden]{display:none}@media(max-width:850px){.lower-grid{grid-template-columns:minmax(0,1fr) 270px;gap:16px}.notifications,.journal{padding:20px}.legend{gap:9px}.metrics{gap:16px}.metrics article{padding-right:12px}}@media(max-width:680px){.masthead{height:72px;padding:0 20px}.brand{font-size:19px;gap:8px}.brand>svg{width:29px}.brand-sub{font-size:11px;margin-left:9px;padding-left:9px}.masthead .quiet{font-size:11px;gap:5px;padding:8px}.masthead .quiet svg{width:16px}main{padding:8px 16px 30px}.hero{padding:23px 22px 12px;border-radius:18px}.hero-line{padding:24px 0}.hero h1{font-size:32px;letter-spacing:-1.2px}.hero p{font-size:12px;margin-top:10px}.status-emblem{width:53px;height:53px;flex-basis:53px}.status-emblem svg{width:31px}.host{font-size:10px}.eyebrow{font-size:10px;gap:6px}.hero-footer{font-size:10px;gap:8px}.hero-footer .text-button{font-size:11px;padding-right:0}.metrics{gap:10px;padding:24px 4px}.metrics article>span{font-size:10px}.metrics strong{font-size:26px;margin:9px 0 6px}.metrics small{font-size:9px}.metrics article{padding-right:8px}.history{padding:20px}.section-top{margin-bottom:17px;align-items:flex-start}.history .section-top{display:block}.legend{margin-top:14px;gap:14px}.buckets{gap:2px;height:32px}.bucket{border-radius:2px}.lower-grid{display:flex;flex-direction:column;gap:20px;margin-top:20px}.lower-grid>section,.lower-grid>aside{width:100%}.lower-grid aside{order:-1}.notifications{position:relative;padding:20px 20px 20px 68px}.notifications .mini-icon{position:absolute;left:20px;top:20px}.notifications h2{font-size:15px}.notifications p{margin:9px 0 16px}.notifications button{max-width:340px}.about{padding:12px 4px 0}.journal{padding:22px 20px}.incident-title{font-size:13px}.incident-time{font-size:11px}.incident-duration{font-size:11px}.install-help{display:block;padding:20px}.install-help button{margin-top:16px;width:100%}.footer{padding:0 20px 24px;font-size:9px}.footer>span:last-child{text-align:right}.coverage{font-size:10px}}@media(max-width:360px){.brand-sub{display:none}.hero{padding-left:18px;padding-right:18px}.hero h1{font-size:28px}.hero-line{gap:12px}.status-emblem{width:44px;height:44px;flex-basis:44px}.metrics strong{font-size:23px}.metrics small{font-size:8px}.metrics article>span{font-size:9px}.notifications{padding-left:20px}.notifications .mini-icon{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* Independent server signal; stale measurements keep their age visible. */
.server-panel{padding:22px 24px;margin-bottom:24px}.server-panel .section-top{margin-bottom:22px}.server-updated{margin:7px 0 0;font-size:11px;color:var(--muted)}.state-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:7px;background:#efebf5;color:#8b719e;white-space:nowrap;font-size:11px}.state-pill::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.state-pill[data-state=lost],.state-pill[data-state=degraded]{color:#a36950;background:#f6ece5}.state-pill[data-state=waiting],.state-pill[data-state=unknown]{color:#99909f;background:#f1eef5}.server-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.server-metric>span{display:block;font-size:11px;color:var(--muted)}.server-metric strong{display:block;margin:8px 0 5px;font-size:26px;line-height:1.3;letter-spacing:-.7px;font-weight:550;font-variant-numeric:tabular-nums}.server-metric small{font-size:10px;line-height:1.7;color:#9689a0;display:block}.server-panel[data-stale=true] .server-metrics,.server-panel[data-stale=true] .server-checks{opacity:.55}.server-checks{border-top:1px solid var(--line);padding-top:16px;margin-top:20px;display:flex;flex-wrap:wrap;gap:12px 20px}.server-check{display:flex;align-items:center;gap:7px;font-size:11px;color:#8c7b9a}.server-check::before{content:"";width:5px;height:5px;border-radius:50%;background:#a18ab6}.server-check[data-state=bad]{color:#a56e54}.server-check[data-state=bad]::before{background:#b77c61}.server-check[data-state=unknown]{color:#a098a9}.server-check[data-state=unknown]::before{background:#bdb3c7}.server-note{font-size:11px;color:var(--muted);line-height:1.7;margin:14px 0 0}.server-note:empty{display:none}.incident-sources{font-size:10px;font-weight:450;color:var(--muted);margin-left:3px}@media(max-width:680px){.server-panel{padding:20px;margin-bottom:20px}.server-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 18px}.server-metric strong{font-size:24px}.server-checks{gap:12px 16px}.server-updated{font-size:10px}.state-pill{font-size:10px;padding:7px 8px}.server-panel .section-top{gap:12px}.incident-title{flex-wrap:wrap}.incident-sources{font-size:9px}}@media(max-width:360px){.server-metric strong{font-size:21px}.server-metric small{font-size:9px}}

.server-disk-details{margin-top:14px;font-size:11px;color:var(--muted)}.server-disk-details summary{cursor:pointer;padding:3px 0}.server-disk-details #server-disks{display:grid;gap:10px;margin-top:14px}.server-disk-details #server-disks>div{display:flex;align-items:baseline;justify-content:space-between;gap:16px;line-height:1.6}.server-disk-details #server-disks>div>span:last-child{text-align:right;font-variant-numeric:tabular-nums}.server-panel[data-stale=true] .server-disk-details{opacity:.55}@media(max-width:360px){.server-disk-details #server-disks>div{display:block}.server-disk-details #server-disks>div>span{display:block}.server-disk-details #server-disks>div>span:last-child{text-align:left;font-size:10px}}