:root{color-scheme:dark;--background:#0e1117;--surface:#15191f;--surface2:#181d24;--border:#2a303b;--text:#f5f6f9;--muted:#9da4b1;--red:#ee3b55;--green:#32cb87;--yellow:#f3b65b;--grey:#444d5a}*{box-sizing:border-box}body{background:var(--background);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;margin:0;min-width:300px;-webkit-font-smoothing:antialiased}.page-glow{position:absolute;pointer-events:none;top:-400px;left:20%;height:620px;width:700px;border-radius:50%;background:radial-gradient(ellipse,rgba(224,40,69,.065) 0%,transparent 70%);z-index:0}.shell{max-width:1120px;margin:0 auto;padding:0 28px;position:relative;z-index:1}.site-header{min-height:93px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:inherit}.brand-mark{width:42px;height:42px;background:#ed304e;border-radius:10px;display:grid;place-items:center;font-size:19px;font-weight:950;letter-spacing:-.12em;box-shadow:0 0 25px #e82c4820}.brand-mark span{color:#ffb8c0}.brand-name{font-size:20px;font-weight:900;letter-spacing:-.05em;display:inline-flex;align-items:baseline;gap:4px;white-space:nowrap}.brand-name b{font-weight:900}.brand-name small{font-size:9px;font-weight:800;letter-spacing:.12em;color:#ec4d66;margin-left:8px;padding:4px 6px;border-radius:4px;border:1px solid #ec4d6640;vertical-align:middle}.header-right{display:flex;gap:24px;align-items:center;font-size:12px}.live-indicator{color:#c1c7d0;display:flex;align-items:center;gap:8px}.live-indicator span{height:7px;width:7px;background:var(--green);border-radius:50%;box-shadow:0 0 10px #32cb8769}.home{color:#b2b9c5;text-decoration:none}.home:hover{color:white}.home span{color:#ff5872}.hero{padding:56px 0 31px}.eyebrow{display:flex;align-items:center;gap:10px;font-size:10px;color:#fe657c;font-weight:800;letter-spacing:.18em}.eyebrow.muted{color:#8c95a3}.eyebrow-line{width:18px;height:2px;border-radius:3px;background:#f04a63}.hero-row{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}h1{font-size:clamp(34px,5vw,51px);line-height:1.1;letter-spacing:-.065em;margin:13px 0 10px;font-weight:840}.title-dot{color:var(--red)}.hero p{margin:0;color:var(--muted);font-size:14px;line-height:1.6}.updated{text-align:right;display:flex;flex-direction:column;gap:5px;padding-bottom:6px;font-size:12px;color:#bac1ca}.updated-title{font-size:10px;font-weight:750;letter-spacing:.13em;color:#818a99}.updated #refresh-timer{font-size:11px;color:#777f8e}.overall{display:flex;align-items:center;gap:20px;padding:25px 29px;border:1px solid #3b3840;background:linear-gradient(115deg,#20191f,#191a20);border-radius:15px;margin:13px 0 42px;box-shadow:0 13px 36px #0002}.overall[data-state=up]{background:linear-gradient(115deg,#14261f,#191d21);border-color:#275943}.overall[data-state=down]{background:linear-gradient(115deg,#311a22,#1c1b20);border-color:#713044}.overall[data-state=degraded]{background:linear-gradient(115deg,#302318,#1e1c1d);border-color:#6a4e32}.overall-icon{width:50px;height:50px;flex:0 0 50px;border-radius:13px;background:#3c343b;display:grid;place-items:center;color:#bfc5cc;font-size:26px}.overall[data-state=up] .overall-icon{background:#1e4e3a;color:#4bebb0}.overall[data-state=down] .overall-icon{background:#5c2834;color:#ff778e}.overall[data-state=degraded] .overall-icon{background:#674522;color:#ffd086}.overall-copy{flex:1;min-width:0}.overall h2{margin:0 0 6px;font-weight:800;font-size:19px;letter-spacing:-.035em}.overall p{font-size:12px;color:#acb3bf;margin:0;line-height:1.5}.overall-pill{font-size:11px;font-weight:700;color:#d4d8df;border:1px solid #454149;border-radius:30px;padding:7px 11px;white-space:nowrap}.overall[data-state=up] .overall-pill{color:#5bdda8;border-color:#286249}.overall[data-state=down] .overall-pill{color:#ff8399;border-color:#81404c}.overall[data-state=degraded] .overall-pill{color:#ffd086;border-color:#876442}.spinner{height:19px;width:19px;border:2px solid #9995;border-top-color:#fafafa;border-radius:50%;animation:rotate .85s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}.section{margin-top:10px}.section-header{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-bottom:17px}.section-header h2{font-size:24px;letter-spacing:-.045em;margin:9px 0 0}.count{font-size:11px;vertical-align:middle;background:#252b32;color:#aeb4be;border:1px solid #323945;border-radius:6px;padding:4px 8px;margin-left:6px}.legend{font-size:11px;color:#969eab;display:flex;flex-wrap:wrap;gap:14px;padding-bottom:4px}.legend span{display:flex;gap:6px;align-items:center}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#697281}.dot.up{background:var(--green)}.dot.down{background:var(--red)}.dot.unknown{background:#687482}.monitor-list{display:flex;flex-direction:column;gap:13px}.monitor{background:var(--surface);border:1px solid var(--border);border-radius:13px;padding:23px 25px 20px;transition:border-color .2s}.monitor:hover{border-color:#46505c}.monitor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.monitor-name{font-weight:800;font-size:15px;letter-spacing:-.015em;overflow-wrap:anywhere}.monitor-meta{color:#8993a2;font-size:11px;margin-top:8px}.monitor-state{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:740;white-space:nowrap;padding:5px 9px;border-radius:6px;background:#2a2e36;color:#a8b0bc}.monitor-state.up{color:#5ce4ad;background:#1b372e}.monitor-state.down{color:#ff758b;background:#3c252b}.monitor-state.degraded{color:#ffc77b;background:#3e3226}.monitor-state.paused,.monitor-state.pending,.monitor-state.unknown{color:#aeb6c2;background:#2b3039}.uptime-row{display:flex;justify-content:space-between;align-items:end;gap:10px;margin-top:22px;margin-bottom:10px}.uptime-row span{font-size:11px;color:#909aa9}.uptime-row b{font-size:12px;color:#d2d7df;font-variant-numeric:tabular-nums}.bar-track{display:grid;grid-template-columns:repeat(30,minmax(0,1fr));gap:4px;height:37px}.bar{border-radius:3px;background:#424b58;cursor:default;min-width:0}.bar.good{background:#3ac68d}.bar.partial{background:#e6af56}.bar.bad{background:#eb5267}.bar.unknown{background:#3f4652}.bar:hover{outline:2px solid #fafafa50;outline-offset:1px}.bar-caption{font-size:10px;color:#76818f;display:flex;justify-content:space-between;margin-top:9px}.monitor-insight{font-size:10px;color:#a3abb7;margin-top:9px}.monitor-insight strong{color:#d6dce4;font-weight:650}.skeleton{height:174px;border:1px solid var(--border);border-radius:13px;background:linear-gradient(90deg,#171b21 10%,#242a33 50%,#171b21 90%);background-size:300% 100%;animation:shimmer 1.6s infinite}@keyframes shimmer{to{background-position-x:-300%}}.bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:28px}.info-panel{background:#14181e;border:1px solid #29303a;border-radius:12px;padding:22px 24px}.panel-label{color:#ff637c;font-weight:800;letter-spacing:.13em;font-size:10px;margin-bottom:14px}.info-panel h3{font-size:15px;letter-spacing:-.025em;margin:0 0 9px}.info-panel p{font-size:12px;color:#9ca5b2;line-height:1.65;margin:0 0 16px}.provider-row{font-size:12px;color:#e5e9ee;font-weight:700}.provider-dot{display:inline-block;background:#31d090;height:8px;width:8px;border-radius:50%;margin-right:5px}.provider-sub{font-size:11px;font-weight:400;color:#8c95a3}.support-button{display:inline-block;border:1px solid #ab3e4f;background:#552431;padding:9px 14px;font-weight:700;color:#ffd2da;text-decoration:none;border-radius:7px;font-size:11px}.support-button:hover{background:#783141}footer{border-top:1px solid #2c323c;color:#7f8896;font-size:11px;display:flex;justify-content:space-between;gap:10px;margin:50px 0 26px;padding-top:22px}footer>span:last-child{display:flex;gap:20px}footer a{color:#959eab;text-decoration:none}footer a:hover{color:#fff}@media(max-width:750px){.hero-row{align-items:flex-start;flex-direction:column;gap:13px}.updated{text-align:left;flex-direction:row;flex-wrap:wrap;gap:8px}.updated-title{width:100%}.bottom-grid{grid-template-columns:1fr}.overall{padding:19px 17px}.overall-pill{display:none}.section-header{align-items:flex-start;flex-direction:column}.legend{gap:10px}.site-header{min-height:80px}}@media(max-width:450px){.shell{padding:0 15px}.brand-name{font-size:18px}.brand-name small{display:none}.header-right{gap:10px}.live-indicator{display:none}.home{font-size:11px}.hero{padding:34px 0 25px}.hero p{font-size:12px}.overall{margin-bottom:30px;gap:12px}.overall-icon{width:42px;height:42px;flex-basis:42px}.overall h2{font-size:16px}.overall p{font-size:11px}.section-header h2{font-size:22px}.monitor{padding:17px 14px}.monitor-name{font-size:14px}.bar-track{gap:3px;height:30px}.info-panel{padding:20px 17px}footer{flex-direction:column}footer>span:last-child{flex-wrap:wrap;gap:12px}}
/* Contain the decorative glow so narrow screens never scroll horizontally. */
body{overflow-x:clip}
.page-glow{max-width:85vw}
.page-glow{left:50%;transform:translateX(-50%);width:700px;max-width:90vw}


/* R2 brand wordmark + remove monitoring info card layout */
.brand.wordmark{gap:0}
.brand-mark,.brand-name small{display:none}
.brand-name{display:none}
.brand-wordmark{display:inline-flex;align-items:baseline;gap:6px;font-weight:900;font-size:24px;letter-spacing:-.06em;line-height:1;white-space:nowrap}
.brand-bs{color:#ffffff}
.brand-booster{color:var(--red)}
.bottom-grid{display:block;max-width:620px;margin-top:28px}
.support-panel{width:100%}
@media(max-width:450px){.brand-wordmark{font-size:20px}}

/* R3: 24h-first Kuma-style uptime strips with expandable history. */
.monitor{padding-top:20px;padding-bottom:15px}
.monitor .uptime-row{margin-top:19px;margin-bottom:11px}
.monitor .uptime-row span{font-size:12px;color:#bec6d3;font-weight:600}
.monitor .uptime-row b{font-size:12px;color:#e7eaf0;font-weight:750}
.bar-track.hourly-bars{grid-template-columns:repeat(24,minmax(0,1fr));height:30px;gap:6px}
.bar-track.hourly-bars .bar{border-radius:5px}
.bar-track.daily-bars{grid-template-columns:repeat(30,minmax(0,1fr));height:24px;gap:5px}
.bar-track .bar{transition:filter .15s ease}
.bar-track .bar:hover{filter:brightness(1.2)}
.monitor-details{border-top:1px solid var(--border);margin-top:17px}
.details-toggle{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:10px;color:#c4cbd7;padding:14px 2px 1px;cursor:pointer;font-size:12px;font-weight:700;user-select:none}
.details-toggle::-webkit-details-marker{display:none}
.details-toggle:hover{color:#fff}
.details-toggle:focus-visible{outline:2px solid var(--red);outline-offset:3px;border-radius:4px}
.toggle-arrow{display:inline-block;font-size:19px;line-height:1;transition:transform .18s;color:#b6bfcb}
.monitor-details[open] .toggle-arrow{transform:rotate(180deg)}
.details-content{margin-top:19px;padding-top:15px;border-top:1px solid #2d3440}
.history-ratios{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px}
.history-ratios>div{display:flex;flex-direction:column;gap:7px;padding:12px 14px;border:1px solid #313944;border-radius:9px;background:#1a2028}
.history-ratios span{font-size:11px;color:#929eaf}
.history-ratios strong{font-size:15px;color:#f1f4f8;font-variant-numeric:tabular-nums}
.details-content .uptime-row{margin-top:12px}
.incident-title{font-size:12px;color:#e3e8f0;font-weight:750;margin:19px 0 10px}
.incident-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:9px}
.incident-list li{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#aeb7c2}
.incident-list strong{font-weight:650;color:#d7dfe8}
@media(max-width:450px){.bar-track.hourly-bars{gap:4px;height:28px}.bar-track.daily-bars{gap:3px;height:24px}.monitor .uptime-row span{font-size:11px}.history-ratios>div{padding:10px}}