:root{color-scheme:light dark;--grouped:#f5f5f7;--elevated:#ffffff;--label:#1d1d1f;--label-secondary:#606065;--tint:#0b66a1;--tint-foreground:#ffffff;--fill:rgb(118 118 128 / 0.12);--separator:rgb(60 60 67 / 0.16);--success:#17703a;--success-soft:rgb(52 199 89 / 0.16);--warning:#a04800;--warning-soft:rgb(255 159 10 / 0.18);--danger:#c00012;--danger-soft:rgb(255 59 48 / 0.12);--viz-good:#248a3d;--viz-warning:#fab219;--viz-serious:#ec835a;--viz-critical:#ff3b30;--viz-empty:#e8e8ed;--card:0 0 0 .5px rgb(0 0 0/.05),0 1px 2px rgb(0 0 0/.04)}
.w0{color:#d52d00}.w1{color:#078d70}.w2{color:#d60270}.w3{color:#0038a8}
@media (prefers-color-scheme:dark){:root{--grouped:#000000;--elevated:#1c1c1e;--label:#f5f5f7;--label-secondary:#a1a1a6;--tint:#5bcefa;--tint-foreground:#052638;--fill:rgb(118 118 128 / 0.24);--separator:rgb(84 84 88 / 0.6);--success:#30d158;--success-soft:rgb(48 209 88 / 0.18);--warning:#ff9f0a;--warning-soft:rgb(255 159 10 / 0.18);--danger:#ff6961;--danger-soft:rgb(255 69 58 / 0.2);--viz-good:#30d158;--viz-warning:#fab219;--viz-serious:#ec835a;--viz-critical:#ff453a;--viz-empty:#2c2c2e;--card:0 0 0 .5px rgb(255 255 255/.06)}.w0{color:#ff9a56}.w1{color:#26ceaa}.w2{color:#d362a4}.w3{color:#5bcefa}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--grouped);color:var(--label);font:15px/22px -apple-system,BlinkMacSystemFont,system-ui,"Geist",sans-serif;letter-spacing:-.006em;-webkit-font-smoothing:antialiased}
a{color:var(--tint);border-radius:4px;outline-offset:2px}
:focus-visible{outline:3px solid var(--tint);outline-offset:2px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.top,main,footer{width:100%;max-width:1024px;margin:0 auto;padding:0 16px}
@media (min-width:768px){.top,main,footer{padding:0 40px}}
.top{display:flex;align-items:center;min-height:56px}
.brand{display:inline-flex;align-items:baseline;gap:6px;min-height:44px;align-items:center;text-decoration:none;color:var(--label);font-size:17px;line-height:22px;font-weight:600}
.wordmark{letter-spacing:-.02em;white-space:nowrap}
.product{color:var(--label-secondary);font-weight:400}
main{display:flex;flex-direction:column;gap:32px;padding-top:8px;padding-bottom:40px}
h1{margin:0;font-size:28px;line-height:34px;letter-spacing:-.02em;font-weight:700;text-wrap:balance}
@media (min-width:768px){h1{font-size:34px;line-height:41px}}
h2{margin:0 0 8px;padding:0 16px;font-size:12px;line-height:16px;font-weight:400;text-transform:uppercase;letter-spacing:.02em;color:var(--label-secondary)}
.section-head{display:flex;align-items:center;gap:4px}
.section-head h2{margin-bottom:8px}
h3{margin:0;font-size:17px;line-height:22px;font-weight:600;letter-spacing:-.02em;overflow-wrap:anywhere}
p{margin:0}
.card{background:var(--elevated);border-radius:16px;box-shadow:var(--card)}
.list{list-style:none;margin:0;padding:0}
.list>li{padding:16px}
.list>li+li{border-top:.5px solid var(--separator)}
@media (min-width:768px){.list>li{padding:20px 24px}}
.empty{padding:16px;color:var(--label-secondary)}
.hero{padding:24px}
@media (min-width:768px){.hero{padding:32px}}
.hero-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.down-list{margin-top:8px;color:var(--danger);font-weight:500}
.overall{display:flex;align-items:center;gap:4px;margin-top:16px}
.figure{font-size:20px;line-height:25px;font-weight:600;letter-spacing:-.016em}
.updated{margin-top:4px;font-size:13px;line-height:18px;color:var(--label-secondary)}
.badge{display:inline-flex;align-items:center;gap:6px;flex:none;padding:2px 10px;border-radius:999px;font-size:12px;line-height:16px;font-weight:500;letter-spacing:0;white-space:nowrap}
.badge .dot{width:6px;height:6px;border-radius:50%;background:currentColor}
.badge.up{background:var(--success-soft);color:var(--success)}
.badge.degraded{background:var(--warning-soft);color:var(--warning)}
.badge.down{background:var(--danger-soft);color:var(--danger)}
.badge.unknown{background:var(--fill);color:var(--label-secondary)}
.head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.name{min-width:0}
.detail{margin-top:2px;font-size:13px;line-height:18px;color:var(--label-secondary);overflow-wrap:anywhere}
.issues{list-style:none;margin:8px 0 0;padding:0;font-size:13px;line-height:18px}
.issues li+li{margin-top:2px}
.issues .bad,.bad-text{color:var(--danger)}
.issues .warn,.warn-text{color:var(--warning)}
.ok-text{color:var(--success)}
.muted{color:var(--label-secondary)}
.days{position:relative;margin-top:12px;border-radius:6px}
.days ol{display:flex;align-items:flex-end;gap:2px;height:32px;margin:0;padding:0;list-style:none}
@media (min-width:768px){.days ol{gap:3px}}
.day{flex:1;min-width:0;height:100%;border-radius:3px;transition:opacity .15s cubic-bezier(.32,.72,0,1)}
.day:hover{opacity:.7}
.u-none{background:var(--viz-empty)}
.u-good{background:var(--viz-good)}
.u-warning{background:var(--viz-warning);height:70%}
.u-serious{background:var(--viz-serious);height:45%}
.u-critical{background:var(--viz-critical);height:25%}
.day[data-active]{outline:3px solid var(--tint);outline-offset:2px;position:relative;z-index:1}
.tip{position:absolute;bottom:calc(100% + 8px);transform:translateX(-50%);padding:6px 10px;border-radius:10px;background:var(--label);color:var(--elevated);font-size:12px;line-height:16px;white-space:nowrap;pointer-events:none;z-index:2}
.axis{display:flex;justify-content:space-between;gap:8px;margin-top:6px;font-size:11px;line-height:13px;color:var(--label-secondary)}
.axis span:nth-child(2){text-align:center}
.uptimes{display:flex;flex-wrap:wrap;gap:4px 24px;margin:12px 0 0}
.uptimes div{display:flex;gap:6px;align-items:baseline}
.uptimes dt{font-size:13px;line-height:18px;color:var(--label-secondary)}
.uptimes dd{margin:0;font-size:15px;font-weight:600;font-variant-numeric:tabular-nums}
details.checks{margin-top:8px}
details.checks summary{display:inline-flex;align-items:center;min-height:44px;cursor:pointer;color:var(--tint);font-size:14px}
table{width:100%;border-collapse:collapse;font-size:13px;line-height:18px}
th{text-align:left;font-weight:400;color:var(--label-secondary);padding:4px 8px 4px 0}
td{padding:6px 8px 6px 0;border-top:.5px solid var(--separator);vertical-align:top;overflow-wrap:anywhere}
.tag{display:inline-block;margin-left:4px;padding:0 6px;border-radius:999px;background:var(--fill);color:var(--label-secondary);font-size:11px;line-height:16px;white-space:nowrap}
@media (max-width:671px){thead{display:none}table,tbody,tr,td{display:block}tr{padding:8px 0;border-top:.5px solid var(--separator)}td{border:0;padding:1px 0}td::before{content:attr(data-label) ": ";color:var(--label-secondary)}}
details.info{position:relative;display:inline-block}
details.info summary{list-style:none;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin:-12px -10px;cursor:pointer}
details.info summary::-webkit-details-marker{display:none}
details.info summary span{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;border:1.5px solid var(--label-secondary);color:var(--label-secondary);font:600 11px/1 ui-serif,Georgia,serif;font-style:italic}
.info-text{position:absolute;left:-8px;top:calc(100% + 8px);z-index:3;width:min(320px,calc(100vw - 48px));padding:12px 14px;border-radius:16px;background:var(--elevated);box-shadow:0 0 0 .5px var(--separator),0 8px 24px rgb(0 0 0/.16);font-size:13px;line-height:18px;color:var(--label);text-transform:none;letter-spacing:0}
.info-text p+p{margin-top:6px}
.outages li{display:flex;flex-direction:column;gap:2px}
.outage-name{font-weight:600}
.outages .badge{vertical-align:1px;margin-right:4px}
footer{padding-bottom:40px}
footer .tor{margin:0;text-align:center;font-size:12px;line-height:16px;color:var(--label-secondary)}
footer .tor a{display:inline-block;min-height:0;padding:14px 0;color:var(--tint);text-decoration:underline}
footer .tor span.onion{display:inline-block;padding:14px 0;color:var(--label)}
.onion{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;overflow-wrap:anywhere}
footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:0 8px;border-top:.5px solid var(--separator);padding-top:8px}
footer a{display:inline-flex;align-items:center;min-height:44px;padding:0 8px;font-size:12px;color:var(--label-secondary);text-decoration:none}
footer a:hover{color:var(--label)}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}