@font-face{font-family:CK Display;src:url('/assets/bricolage.ttf') format('truetype');font-display:swap}
*{box-sizing:border-box}html{color-scheme:light;--bg:#f5f6f8;--surface:#fff;--ink:#202633;--muted:#78818f;--line:#e9edf3;--soft:#eef1f5;--green:#149875;--green-soft:#edf9f4;--red:#d46272;--amber:#bb8c35;--blue:#7194db;--brand:#bf0000;--shadow:0 3px 15px #23314a03;--ease-out:cubic-bezier(.23,1,.32,1)}html[data-theme=dark]{color-scheme:dark;--bg:#101318;--surface:#191e26;--ink:#e8ecf4;--muted:#909bab;--line:#2a313d;--soft:#222936;--green:#50cba6;--green-soft:#172e28;--red:#e98392;--amber:#dfb260;--blue:#94adf2;--brand:#ef6d71;--shadow:none}
body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--blue);outline-offset:4px}button:disabled{cursor:wait;opacity:.5}a{color:inherit;text-decoration:none}p,h1,h2,h3{margin:0}h1,h2,h3,.brand,.current-latency strong{font-family:CK Display,-apple-system,sans-serif;font-weight:600}.page-shell{max-width:1000px;margin:auto;padding:0 28px}
.header{height:88px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:11px;font-size:19px;white-space:nowrap}.brand img{object-fit:contain;flex:none}.header-actions{display:flex;align-items:center;gap:17px}.unofficial{font-size:11px;color:var(--muted)}.icon-button{display:grid;place-items:center;width:36px;height:36px;border:0;background:var(--soft);border-radius:12px;flex:none}.icon-button svg{display:block}
main{padding:24px 0 18px}.page-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}h1{font-size:29px;line-height:1.2}.refresh-group{display:flex;gap:11px;align-items:center;color:var(--muted);font-size:11px;white-space:nowrap}.refresh-group .icon-button{background:transparent;width:30px;height:30px}
.health-panel{display:flex;align-items:center;gap:16px;background:var(--green-soft);padding:26px 28px;border-radius:24px;margin-bottom:38px;min-height:114px}.health-icon{width:37px;height:37px;border:0;border-radius:50%;background:var(--green);color:#fff;font-size:21px;display:grid;place-items:center;flex:none}.health-copy{flex:1;min-width:0}.health-copy h2{font-size:20px;line-height:1.25}.health-copy p{font-size:12px;color:var(--muted);margin-top:5px}.current-latency{text-align:right;flex:none;margin-left:18px}.current-latency>span{display:flex;align-items:center;justify-content:flex-end;gap:4px;font-size:11px;color:var(--muted)}.current-latency strong{font-size:26px;display:block;line-height:1.25;font-variant-numeric:tabular-nums}.info-button{border:0;background:transparent;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;padding:0;color:var(--muted);font-size:15px;flex:none}.health-panel.unknown{background:var(--soft)}.health-panel.unknown .health-icon{background:var(--muted)}.health-panel.degraded{background:color-mix(in srgb,var(--amber) 12%,var(--surface))}.health-panel.degraded .health-icon{background:var(--amber)}.health-panel.disruption{background:color-mix(in srgb,var(--red) 12%,var(--surface))}.health-panel.disruption .health-icon{background:var(--red)}
.section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:19px}h2{font-size:19px}.section-note{font-size:12px;color:var(--muted);margin-top:3px}.segmented{display:flex;background:var(--soft);border-radius:13px;padding:4px;gap:2px}.segmented button{position:relative;border:0;background:none;color:var(--muted);border-radius:10px;padding:8px 15px;font-size:12px;min-height:34px}.segmented button.active{background:var(--surface);color:var(--ink);font-weight:600;box-shadow:0 2px 6px #0000000a}.segmented button.active:after{content:'';position:absolute;bottom:3px;left:calc(50% - 7px);width:14px;height:2px;border-radius:2px;background:var(--brand)}
.graph-surface{background:var(--surface);border-radius:24px;padding:26px;box-shadow:var(--shadow)}.graph-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.graph-heading h3,.chart-head h3{font:500 12px/1.5 -apple-system,sans-serif;color:var(--muted)}.legend{display:flex;gap:9px}.legend button{border:0;background:transparent;color:var(--muted);font-size:10px;display:flex;align-items:center;gap:5px;border-radius:6px;padding:5px 3px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;flex:none}.green{background:var(--green)}.amber{background:var(--amber)}.red{background:var(--red)}.gray{background:var(--muted);opacity:.4}
.availability{display:flex;gap:3px;height:32px;margin-top:17px}.bar{flex:1;min-width:1px;appearance:none;padding:0;border:0;border-radius:4px;background:var(--soft);touch-action:manipulation}.bar.operational{background:var(--green)}.bar.degraded{background:var(--amber)}.bar.disruption{background:var(--red)}.bar[aria-describedby]{box-shadow:0 0 0 2px var(--ink)}.axis{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;margin:9px 0 29px}.chart-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.chart-head>div{display:flex;align-items:center;gap:9px}.chart-average{font-size:11px;color:var(--ink)}.chart{height:auto;min-height:190px;position:relative}.chart svg{display:block;width:100%;height:auto;overflow:visible}.chart svg rect[role=button]{cursor:crosshair}.empty{display:grid;place-items:center;background:var(--soft);color:var(--muted);font-size:12px;border-radius:12px}
.activity{margin-top:35px}.activity .section-heading{margin-bottom:14px}.activity-list{display:grid;gap:8px}.activity-row{display:flex;align-items:center;gap:13px;padding:19px 22px;border-radius:20px;background:var(--surface);box-shadow:var(--shadow)}.activity-row h3{font-size:14px}.activity-row p{font-size:11px;color:var(--muted);margin-top:4px}.activity-meta{margin-left:auto;text-align:right;display:grid;gap:5px;flex:none}.activity-meta>span:last-child{color:var(--muted);font-size:10px}.event-state{font-size:10px;padding:3px 10px;border-radius:99px;background:var(--soft);color:var(--muted)}.event-state.recovered{background:var(--green-soft);color:var(--green)}.event-state.ongoing{color:var(--red);background:color-mix(in srgb,var(--red) 10%,var(--surface))}.activity-empty{display:flex;align-items:center;gap:10px;padding:21px;background:var(--surface);border-radius:20px;color:var(--muted);font-size:12px}footer{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:10px;padding:28px 0 32px}
.metric-tooltip{position:fixed;z-index:10;max-width:min(280px,calc(100vw - 24px));padding:13px 15px;border-radius:14px;background:var(--surface);color:var(--ink);box-shadow:0 8px 32px #0003;font-size:11px;line-height:1.55;pointer-events:auto}.metric-tooltip[hidden]{display:none}.metric-tooltip strong{font-size:12px;display:block;font-weight:600;margin-bottom:6px}.metric-tooltip p{color:var(--muted);margin-top:3px}
@media(hover:hover) and (pointer:fine){.icon-button:hover,.info-button:hover,.legend button:hover{background:var(--soft);color:var(--ink)}.bar:hover{filter:brightness(.88)}}
@media(prefers-reduced-motion:no-preference){html[data-input=pointer] button{transition:transform 140ms var(--ease-out),background 140ms ease,color 140ms ease}html[data-input=pointer] button:active{transform:scale(.97)}}
@media(max-width:640px){.page-shell{padding:0 18px}.header{height:76px}.brand{font-size:18px}.brand-status{font-size:16px}.header-actions{gap:10px}.unofficial{font-size:10px}main{padding-top:20px}.page-title{align-items:flex-start;gap:12px;margin-bottom:20px}h1{font-size:25px}.refresh-group{gap:3px;font-size:10px;padding-top:1px}.health-panel{padding:21px;gap:12px;border-radius:22px;margin-bottom:30px;flex-wrap:wrap}.health-copy{flex-basis:calc(100% - 60px)}.health-copy h2{font-size:19px}.health-copy p{font-size:11px}.current-latency{margin:4px 0 0 49px;display:flex;align-items:center;gap:12px;text-align:left}.current-latency strong{font-size:22px}.current-latency>span{font-size:11px}.section-heading{gap:12px}h2{font-size:18px}.section-note{font-size:11px}.segmented{padding:3px;gap:0}.segmented button{padding:8px 11px;font-size:11px;min-height:36px}.graph-surface{padding:21px 17px;border-radius:22px}.graph-heading h3{font-size:11px}.legend{gap:5px}.legend button{font-size:9px;gap:4px}.availability{height:30px;gap:2px;margin-top:14px}.axis{font-size:9px;margin-bottom:25px}.chart-head>div{gap:8px}.chart-head h3{font-size:11px}.chart-average{font-size:10px}.activity{margin-top:30px}.activity-row{padding:17px;gap:10px}.activity-row h3{font-size:13px}.activity-row p{font-size:10px}.event-state{font-size:9px;padding:3px 8px}.activity-meta>span:last-child{font-size:9px}.metric-tooltip{max-width:min(260px,calc(100vw - 24px))}}
@media(max-width:380px){.page-shell{padding:0 14px}.brand{gap:8px;font-size:17px}.brand-status{font-size:15px}.brand img{width:25px}.unofficial{display:none}h1{font-size:23px}.refresh-group #updated{max-width:75px;white-space:normal;text-align:right}.section-heading{align-items:flex-start;flex-wrap:wrap}.history .section-heading>div:first-child{flex:1}.segmented button{padding:8px 10px}.graph-heading{align-items:flex-start;flex-wrap:wrap}.legend{margin-left:-3px}.activity-row{padding:15px 13px}.activity-meta{gap:4px}}
.icon-button,.info-button,.bar{position:relative}.icon-button:before{content:'';position:absolute;inset:-4px}.info-button:before{content:'';position:absolute;inset:-8px}.bar:before{content:'';position:absolute;inset:-6px -1px}
@media(max-width:520px){.page-title{flex-wrap:wrap;gap:8px}.page-title h1{flex-basis:100%}.page-title .refresh-group{margin-left:auto}.segmented button{min-height:40px}.health-icon{width:40px;height:40px}}
@media(max-width:380px){.availability{gap:1px}}
@media(max-width:380px){.header{gap:8px}.brand{font-size:16px}.brand-status{font-size:13px;margin-left:2px}.unofficial{display:inline;font-size:9px}.header-actions{gap:6px}}
.show-more{display:block;margin:14px auto 0;border:0;border-radius:12px;background:var(--soft);padding:11px 20px;color:var(--ink);font-size:12px;min-height:44px}.show-more[hidden]{display:none}footer{align-items:flex-start;gap:30px}.footer-credit{flex:none;padding-top:1px}.fan-notice{max-width:530px;text-align:right;font-size:11px;line-height:1.7}.fan-notice a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:640px){footer{flex-direction:column;gap:10px;padding-top:26px}.fan-notice{text-align:left;font-size:11px}}

/* One header owns the API title, attribution and controls. Inline paths keep
   the crown visible independently of external image loading. */
.header{height:auto;min-height:96px;gap:24px}.brand{gap:14px;min-width:0;white-space:normal}.brand-logo{display:block;flex:none;width:34px;height:28px}.brand-copy{min-width:0}.brand-copy h1{font-size:22px;line-height:1.25;font-weight:600}.brand-copy p{font:11px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--muted);margin-top:4px}.brand-copy p span{margin:0 4px}.header-actions{gap:15px}.header-actions .refresh-group{font-size:11px}main{padding-top:10px}
@media(max-width:640px){.header{display:grid;grid-template-columns:minmax(0,1fr) auto;row-gap:10px;min-height:0;padding:22px 0 14px}.brand{grid-column:1;grid-row:1;gap:11px}.brand-copy h1{font-size:20px}.brand-logo{width:30px;height:26px}.header-actions{display:contents}.header-actions>#theme{grid-column:2;grid-row:1}.header-actions>.refresh-group{grid-column:1/-1;grid-row:2;justify-self:end;font-size:10px;gap:7px}.header-actions .refresh-group #updated{max-width:none;white-space:nowrap;text-align:left}main{padding-top:6px}}
@media(max-width:380px){.brand-copy h1{font-size:18px}.brand-copy p{font-size:10px}.brand-logo{width:28px;height:24px}.brand{gap:10px}}

.brand-logo{width:36px;height:43px}.brand-copy h1{font-size:22px}@media(max-width:640px){.brand-logo{width:31px;height:37px}.brand-copy h1{font-size:19px}}@media(max-width:380px){.brand-logo{width:28px;height:34px}.brand-copy h1{font-size:17px}}
.graph-controls{display:flex;align-items:center;gap:12px}.interval-control{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px}.interval-control select{appearance:auto;font:inherit;color:var(--ink);background:var(--soft);border:0;border-radius:11px;padding:10px 9px;min-height:40px;cursor:pointer}.interval-control select:focus-visible{outline:2px solid var(--blue);outline-offset:3px}@media(max-width:700px){.history>.section-heading{flex-wrap:wrap}.graph-controls{width:100%;justify-content:space-between;gap:8px}.interval-control{font-size:10px}}