:root{color-scheme:dark;--bg:#0d0f11;--surface:#141719;--raised:#191d20;--border:#292e32;--text:#edf0f1;--muted:#969fa7;--dim:#717b83;--accent:#55d6ad;--accent-soft:#163c32;--bad:#f18484;--unknown:#333a40;--radius:12px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;font-weight:400;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button{cursor:pointer}button:active{transform:scale(.96)}::selection{background:#286653;color:#fff}.shell{width:min(100% - 48px,800px);margin-inline:auto}.masthead{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:42px 36px}.brand{text-decoration:none;display:flex;align-items:center;gap:12px;font-size:1rem;font-weight:600;letter-spacing:-.02em}.monogram{width:34px;height:34px;border:1px solid #38413f;border-radius:9px;display:flex;align-items:center;justify-content:center;font:600 21px/1 ui-monospace,SFMono-Regular,monospace;background:linear-gradient(145deg,#202827,#161b1b)}.monogram span{color:var(--accent);font-size:16px}.page-label{font-size:.8125rem;color:var(--muted)}.overview{padding-block:12px 32px;border-bottom:1px solid var(--border)}.overview-top{display:flex;align-items:center;gap:9px;margin-bottom:14px}.status-icon{width:21px;height:21px;border-radius:50%;display:inline-grid;place-items:center;color:var(--bg);background:var(--accent);font-size:14px;font-weight:700}.status-icon.unknown{background:var(--unknown);color:var(--muted)}.status-icon.down{background:var(--bad)}.eyebrow{color:var(--accent);font-size:.8125rem;font-weight:500}.eyebrow.down{color:var(--bad)}.eyebrow.unknown{color:var(--muted)}h1{font-size:clamp(1.65rem,4.5vw,2rem);font-weight:550;letter-spacing:-.035em;line-height:1.15;text-wrap:balance;margin:0 0 16px}p{margin:0}.overview-bottom{display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:.875rem;align-items:baseline}.updated{font-size:.75rem;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--dim)}.notice{margin-block:20px;padding:14px 16px;background:#38291c;border:1px solid #685034;border-radius:var(--radius);font-size:.875rem;color:#f1cf9a}.notice[hidden]{display:none}.service-section{padding-top:30px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}h2{font-size:1rem;line-height:1.3;letter-spacing:-.01em;font-weight:550;margin:0}.count{display:inline-block;margin-inline-start:7px;padding:1px 6px;border:1px solid var(--border);border-radius:5px;font:400 .75rem/1.4 ui-monospace,SFMono-Regular,monospace;color:var(--muted);vertical-align:middle}.range-control{display:flex;padding:3px;border:1px solid var(--border);border-radius:8px;gap:2px}.range-control button{background:none;border:0;color:var(--muted);padding:5px 10px;border-radius:5px;font-size:.75rem;line-height:1.5;transition:background-color 150ms,color 150ms}.range-control button:hover{color:var(--text)}.range-control button[aria-pressed=true]{background:#2c3338;color:var(--text);box-shadow:0 1px 3px #0004}.legend{display:flex;gap:18px;font-size:.75rem;color:var(--dim);margin-bottom:18px;flex-wrap:wrap}.legend span{display:inline-flex;align-items:center;gap:6px}.swatch{width:7px;height:7px;border-radius:2px;background:var(--unknown)}.swatch.up{background:var(--accent)}.swatch.down{background:var(--bad)}.service-groups{display:flex;flex-direction:column;gap:12px}.group{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow:clip}.group-summary{list-style:none;display:flex;align-items:center;gap:10px;padding:18px 20px;cursor:pointer;min-height:60px}.group-summary::-webkit-details-marker,.service-summary::-webkit-details-marker{display:none}.chevron{height:12px;width:12px;display:inline-grid;place-items:center;color:var(--dim);transition:transform 150ms;font-size:15px}.group[open]>.group-summary .chevron{transform:rotate(90deg)}.group-title{font-size:.875rem;font-weight:550}.group-count{font-size:.75rem;color:var(--dim);font-variant-numeric:tabular-nums}.group-state{margin-inline-start:auto;font-size:.75rem;color:var(--accent);display:flex;align-items:center;gap:7px}.dot{width:6px;height:6px;border-radius:50%;display:inline-block;background:var(--accent);flex-shrink:0}.down{color:var(--bad)}.down .dot{background:var(--bad)}.unknown{color:var(--muted)}.unknown .dot{background:var(--dim)}.group[open]>.group-summary{border-bottom:1px solid var(--border);background:#171b1e}.service{padding:0 20px;border-bottom:1px solid #242a2e}.service:last-child{border-bottom:0}.service-summary{list-style:none;cursor:pointer;padding-block:17px 15px}.service-heading{display:flex;align-items:center;gap:16px;margin-bottom:11px}.service-name{font-size:.875rem;font-weight:450;overflow-wrap:break-word;line-height:1.4;flex:1;min-width:0}.service-state{font-size:.75rem;white-space:nowrap;color:var(--accent)}.service-state.down{color:var(--bad)}.service-state.unknown{color:var(--muted)}.uptime{font:400 .75rem/1.5 ui-monospace,SFMono-Regular,monospace;color:var(--muted);min-width:7ch;text-align:end;white-space:nowrap}.bars{display:grid;grid-template-columns:repeat(60,minmax(0,1fr));gap:3px;height:14px}.bar{border-radius:2px;background:var(--unknown);min-width:0;transition:opacity 120ms}.bar.up{background:#3cbf97}.bar.down{background:var(--bad)}.bar:hover{opacity:.65}.service-foot{display:flex;justify-content:space-between;margin-top:7px;font-size:.75rem;color:var(--dim);font-variant-numeric:tabular-nums}.detail{padding-block:2px 18px;display:flex;gap:28px;font-size:.75rem;flex-wrap:wrap}.detail dt{color:var(--dim);margin-bottom:2px}.detail dd{margin:0;color:var(--text);font-variant-numeric:tabular-nums}.detail-note{font-size:.75rem;color:var(--muted);padding-bottom:16px;max-width:64ch}.history-note{font-size:.75rem;color:var(--dim);margin-block:16px 0;line-height:1.6;max-width:70ch}.events-section{padding-block:34px 0}.muted{font-size:.75rem;color:var(--dim)}.events{border:1px solid var(--border);border-radius:var(--radius);padding:20px;background:var(--surface)}.empty-events{display:flex;gap:13px;align-items:flex-start}.empty-events .empty-icon{color:var(--muted);font-size:18px;line-height:1.4}.empty-events strong{font-size:.875rem;font-weight:450}.empty-events p{color:var(--dim);font-size:.75rem;margin-top:4px}.event{padding-block:12px;border-bottom:1px solid var(--border);font-size:.875rem}.event:first-child{padding-top:0}.event:last-child{border-bottom:0;padding-bottom:0}.event time{display:block;font-size:.75rem;color:var(--dim);margin-top:4px}footer{display:flex;justify-content:space-between;gap:20px;padding-block:28px 38px;margin-top:32px;border-top:1px solid var(--border);font-size:.75rem;color:var(--dim)}.footer-separator{margin-inline:8px;color:#434d55}.initial-state{padding:30px;border:1px solid var(--border);border-radius:12px;color:var(--muted);font-size:.875rem}.loading-line{display:block;width:80px;height:3px;background:var(--unknown);margin-bottom:16px}
@media(max-width:600px){.shell{width:calc(100% - 32px)}.masthead{padding-block:26px 30px}.page-label{display:none}.brand{font-size:.9375rem}.overview-bottom{flex-direction:column;gap:8px}.section-heading{gap:12px}.range-control button{padding:6px 8px}.group-summary{padding:16px 14px}.group-state .state-word{display:none}.service{padding-inline:14px}.service-state{display:none}.service-heading{gap:10px}.bars{gap:2px;height:12px}.service-name{font-size:.875rem}.group-count{margin-inline-start:auto}.group-state{margin-inline-start:4px}.legend{gap:12px}.service-foot{font-size:.75rem}.detail{gap:16px}footer{flex-direction:column;gap:8px}.overview{padding-bottom:26px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.service-link{display:block;text-decoration:none;padding-block:17px 15px}.service-link:hover .service-name{color:var(--accent)}.row-arrow{font-size:12px;color:var(--dim);opacity:0;transition:opacity 120ms;margin-inline-start:-6px}.service-link:hover .row-arrow,.service-link:focus-visible .row-arrow{opacity:1}.back-link{font-size:.8125rem;color:var(--muted);display:inline-block;text-decoration:none;margin-block:6px 28px}.back-link:hover{color:var(--text)}.detail-title{display:flex;gap:20px;justify-content:space-between;align-items:center}.detail-title h1{margin:0}.detail-subtitle{font-size:.8125rem;color:var(--muted);margin-top:12px}.detail-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-block:27px;margin-block:28px;border-block:1px solid var(--border)}.detail-metric dt{font-size:.75rem;color:var(--muted)}.detail-metric dd{font-size:1.75rem;letter-spacing:-.025em;margin:8px 0 0;font-variant-numeric:tabular-nums;line-height:1.2}.detail-metric small{font-size:.75rem;color:var(--dim);display:block;margin-top:6px}.detail-panel{padding:20px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.detail-section-title{margin-block:32px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.latency-chart{display:block;width:100%;height:auto;overflow:visible}.latency-chart text{font-family:inherit;font-size:10px;fill:var(--muted);font-variant-numeric:tabular-nums}.chart-grid{stroke:var(--border);stroke-width:1}.check-table{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}table{width:100%;border-collapse:collapse;text-align:start;font-size:.8125rem;font-variant-numeric:tabular-nums}th{font-size:.75rem;color:var(--muted);font-weight:450;padding:13px 18px;background:var(--raised)}td{padding:12px 18px;border-top:1px solid var(--border)}td:last-child,th:last-child{text-align:end}td.up{color:var(--accent)}[hidden]{display:none!important}@media(max-width:600px){.row-arrow{display:none}.detail-title{align-items:flex-start;flex-direction:column;gap:12px}.detail-title .group-state{margin-inline-start:0}.detail-metrics{gap:12px}.detail-metric dd{font-size:1.35rem}.detail-metric small{font-size:.75rem}.detail-panel{padding:16px 12px}.detail-section-title .muted{font-size:.75rem}.latency-chart text{font-size:12px}td,th{padding-inline:12px}}
/* Chart cards share one quiet surface and a consistent numeric rhythm. */
.chart-card{margin-top:28px;border:1px solid var(--border);border-radius:16px;background:linear-gradient(155deg,#171d20,#121719);overflow:hidden}.card-heading{display:flex;justify-content:space-between;align-items:center;padding:22px 24px 18px}.card-heading p,.card-subtitle{font-size:.8125rem;color:var(--muted);margin-top:6px}.chart-key{font-size:.75rem;color:var(--muted);display:flex;align-items:center;gap:8px}.chart-key i{width:16px;height:3px;border-radius:2px;background:var(--accent)}.chart-layout{display:flex;gap:12px;padding:0 24px 20px}.chart-axis{display:flex;flex-direction:column;justify-content:space-between;width:60px;flex-shrink:0;height:200px;padding-top:20px;font-size:.75rem;color:var(--muted);font-variant-numeric:tabular-nums;text-align:right}.chart-canvas{min-width:0;flex:1;position:relative}.latency-chart{height:220px;overflow:visible}.chart-grid{stroke-dasharray:3 5;stroke:#30383e}.response-line{stroke:var(--accent);stroke-width:2;fill:none;vector-effect:non-scaling-stroke;stroke-linejoin:round}.chart-point{fill:var(--accent);stroke:var(--surface);stroke-width:1;vector-effect:non-scaling-stroke;cursor:crosshair;outline:none}.chart-point:hover,.chart-point:focus{r:5;stroke:var(--text);stroke-width:2}.failed-point{fill:var(--bad)}.chart-readout{font-size:.75rem;color:var(--muted);font-variant-numeric:tabular-nums;min-height:22px;text-align:right;margin-top:6px}.chart-time{display:flex;justify-content:space-between;font-size:.75rem;color:var(--muted);font-variant-numeric:tabular-nums;margin-top:10px}.chart-summary{border-top:1px solid var(--border);padding:14px 24px;display:flex;gap:24px;color:var(--muted);font-size:.75rem;background:#111618}.chart-summary strong{color:var(--text);font-weight:500;margin-left:6px;font-variant-numeric:tabular-nums}.chart-summary>span:last-child{margin-left:auto}.detail-metrics{gap:12px;border:0;padding:0}.detail-metric{padding:18px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.detail-metric dd{font-size:1.6rem}.detail-panel .bars{height:26px;gap:4px}.detail-panel .bar{border-radius:4px}.check-table{border-radius:14px}.table-scroll{max-height:430px;overflow:auto;scrollbar-color:#3a454b transparent;scrollbar-width:thin}.table-scroll:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}thead{position:sticky;top:0;z-index:1}th{height:44px;background:#1a2024}td{height:50px;border-color:#242c31}tbody tr:hover{background:#1a2125}.status-pill{display:inline-flex;align-items:center;gap:7px;font-size:.75rem;padding:3px 8px;border-radius:6px;background:#18372c;color:var(--accent)}.status-pill.down{color:var(--bad);background:#3c2529}.response-cell{display:flex;gap:14px;align-items:center;justify-content:flex-end}.response-cell>span{min-width:68px}.response-bar{width:80px;height:8px}.bar-track{fill:#293339}.bar-value{fill:#589c8a}.table-footer{padding:12px 18px;border-top:1px solid var(--border);font-size:.75rem;color:var(--muted);background:#111618}.period-label{font-size:.75rem;color:var(--muted);border:1px solid var(--border);padding:5px 10px;border-radius:7px;white-space:nowrap}
@media(max-width:600px){.card-heading{padding:18px 16px}.chart-layout{padding:0 14px 16px;gap:8px}.chart-axis{width:48px}.chart-summary{padding:12px 16px;gap:12px;flex-wrap:wrap}.chart-summary>span:last-child{margin-left:0}.detail-metric{padding:12px}.detail-metric dd{font-size:1.2rem}.detail-panel .bars{gap:2px;height:22px}.response-bar{width:44px}.response-cell{gap:8px}.card-subtitle{max-width:25ch}.chart-key{display:none}}
@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url('/preview/fonts/manrope-400.ttf') format('truetype')}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url('/preview/fonts/manrope-500.ttf') format('truetype')}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url('/preview/fonts/manrope-600.ttf') format('truetype')}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url('/preview/fonts/manrope-700.ttf') format('truetype')}
:root{font-family:Manrope,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--tint:#171b1e;--subtle:#111618;--hover:#1a2125;--pill:#18372c;--pill-bad:#3c2529;--track:#293339;--selected:#2c3338;--bar:#3cbf97}h1{font-weight:600;letter-spacing:-.04em}h2,.group-title,.service-name{font-weight:600}.service-name{font-size:.9rem}.uptime,.count{font-family:inherit;font-variant-numeric:tabular-nums}.detail-metric dd{font-weight:500;letter-spacing:-.045em}.theme-toggle{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:9px;padding:8px 12px;font-size:.75rem;white-space:nowrap}.theme-toggle:hover{background:var(--hover)}#theme-icon{font-size:17px;line-height:1}
:root[data-theme=light]{color-scheme:light;--bg:#f7f8fa;--surface:#fff;--raised:#f2f4f6;--border:#dce2e6;--text:#19262b;--muted:#53636c;--dim:#62737d;--accent:#087956;--accent-soft:#e5f4ec;--bad:#b83346;--unknown:#dce3e8;--tint:#f6f8f9;--subtle:#f8fafb;--hover:#f0f5f5;--pill:#e5f5ed;--pill-bad:#fce9ed;--track:#e5ecef;--selected:#e5ebef;--bar:#249975}
.group[open]>.group-summary{background:var(--tint)}.service{border-color:var(--border)}.chart-card{background:var(--surface)}.chart-summary,.table-footer{background:var(--subtle)}th{background:var(--raised)}td{border-color:var(--border)}tbody tr:hover{background:var(--hover)}.chart-grid{stroke:var(--border)}.status-pill{background:var(--pill)}.status-pill.down{background:var(--pill-bad)}.bar-track{fill:var(--track)}.bar-value{fill:var(--accent)}.range-control button[aria-pressed=true]{background:var(--selected)}.bar.up{background:var(--bar)}.table-scroll{scrollbar-color:var(--border) transparent}.monogram{background:var(--surface);border-color:var(--border)}.footer-separator{color:var(--dim)}:root[data-theme=light] .notice{background:#fff4df;border-color:#e4c48a;color:#775012}:root[data-theme=light] .status-icon.up{color:white}::selection{background:var(--accent-soft);color:var(--text)}
@media(max-width:600px){.masthead{gap:12px}.brand{font-size:.8125rem;gap:8px}.theme-toggle{padding:8px}.theme-toggle #theme-label{display:none}.theme-toggle{min-width:36px;justify-content:center}}
/* Emil's interaction principles: small feedback, stable geometry, quiet motion. */
:root{--ease-out:cubic-bezier(.23,1,.32,1);--card-shadow:0 1px 2px #00000012}.group,.chart-card,.check-table,.detail-metric{box-shadow:var(--card-shadow)}.masthead{padding-bottom:40px}.overview{padding-bottom:36px}.overview h1{max-width:22ch}.service-section{padding-top:32px}.group-summary{min-height:64px}.service-link{padding-block:20px 18px}.service-heading{margin-bottom:13px}.service-foot{margin-top:9px}.detail-subtitle{line-height:1.7}.detail-metric{padding:20px}.detail-metric dt{font-weight:500}.card-heading{padding-block:24px}.chart-summary{min-height:48px;align-items:center}.theme-toggle{min-height:38px;min-width:116px;justify-content:center}.range-control button{min-height:30px}.theme-toggle,button{transition:transform 140ms var(--ease-out)}button:active{transform:scale(.97)}.chevron{transition:transform 160ms var(--ease-out)}.row-arrow{opacity:.5;transition:opacity 120ms ease}.bar{transition:none}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}h1:focus{outline:none}.service-link:hover .service-name{color:inherit}.bar:hover{opacity:1}.theme-toggle:hover{background:var(--surface)}tbody tr:hover{background:transparent}.back-link:hover{color:var(--muted)}
@media(hover:hover) and (pointer:fine){.service-link:hover .service-name{color:var(--accent)}.service-link:hover .row-arrow{opacity:1}.theme-toggle:hover{background:var(--hover)}.group-summary:hover{background:var(--hover)}tbody tr:hover{background:var(--hover)}.back-link:hover{color:var(--text)}.bar:hover{opacity:.72}}
:root[data-input=keyboard] *{transition:none!important}:root[data-input=keyboard] button:active{transform:none}
@media(prefers-reduced-motion:reduce){button:active{transform:none}*{transition:none!important}}
@media(max-width:600px){.theme-toggle{min-width:40px;min-height:40px}.masthead{padding-bottom:28px}.service-link{padding-block:18px 16px}.detail-metric{padding:14px 12px}.group-summary{min-height:60px}.row-arrow{display:block;opacity:.5}.overview{padding-bottom:28px}}
/* Use geometric icons rather than font baselines for disclosure alignment. */
.chevron{display:block;width:16px;height:16px;flex:0 0 16px;align-self:center;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transform-origin:50% 50%}.group-summary{align-items:center}.group-title{line-height:24px}
/* One alphabetical list, with stronger type throughout. */
:root{font-weight:500}.brand,h1,h2,.service-name{font-weight:700}.service-name{font-size:.9375rem}.service-groups{display:block;border:1px solid var(--border);border-radius:14px;overflow:hidden;background:var(--surface)}.service-groups>.service{padding-inline:20px}.service-state,.uptime,.count,.updated,.eyebrow,.muted,.history-note,.service-foot,.legend,.theme-toggle,.range-control button,footer,.detail-subtitle,.detail-metric dt,.detail-metric small,.card-heading p,.card-subtitle,.chart-axis,.chart-time,.chart-readout,.chart-summary,.table-footer,.period-label,th,td,.status-pill{font-weight:600}.detail-metric dd,.chart-summary strong{font-weight:700}.empty-events strong{font-weight:600}.uptime,.count{font-weight:600}.initial-state{border:0}.service-link{padding-block:20px}.service-heading{gap:16px}.row-arrow{opacity:.6}@media(max-width:600px){.service-groups>.service{padding-inline:14px}.service-name{font-size:.875rem}}

@font-face{font-family:'Geist Sans';font-style:normal;font-weight:500;font-display:swap;src:url('/preview/fonts/geist-500.ttf') format('truetype')}
@font-face{font-family:'Geist Sans';font-style:normal;font-weight:600;font-display:swap;src:url('/preview/fonts/geist-600.ttf') format('truetype')}
@font-face{font-family:'Geist Sans';font-style:normal;font-weight:700;font-display:swap;src:url('/preview/fonts/geist-700.ttf') format('truetype')}
@font-face{font-family:'Geist Mono';font-style:normal;font-weight:500;font-display:swap;src:url('/preview/fonts/geist-mono-500.ttf') format('truetype')}
@font-face{font-family:'Geist Mono';font-style:normal;font-weight:600;font-display:swap;src:url('/preview/fonts/geist-mono-600.ttf') format('truetype')}
@font-face{font-family:'Geist Mono';font-style:normal;font-weight:700;font-display:swap;src:url('/preview/fonts/geist-mono-700.ttf') format('truetype')}
:root{font-family:'Geist Sans',sans-serif;font-weight:600}.back-link,.group-state,.service-name,.detail-subtitle{font-weight:600}.uptime,.count,.updated,.service-foot,.detail-metric dd,.chart-axis,.chart-time,.chart-readout,.chart-summary strong,.response-cell,td time,.monogram{font-family:'Geist Mono',monospace;font-weight:600}h1,h2,.brand{font-weight:700}
.theme-toggle{min-width:40px;width:40px;height:40px;padding:8px}#theme-label{display:none}.monogram svg{display:block;color:var(--accent)}.detail-subtitle{display:flex;gap:8px;flex-wrap:wrap}.info-pill{display:inline-flex;padding:5px 10px;border:1px solid var(--border);background:var(--surface);border-radius:7px;font-size:.75rem}.count{margin-inline:0 6px}
.service-groups>.service{padding-block:20px}.service-name{text-decoration:none}.chart-switch{display:flex;gap:2px;padding:3px;border:1px solid var(--border);border-radius:7px;flex-shrink:0}.chart-switch button{font-size:.75rem;background:transparent;border:0;color:var(--muted);padding:4px 7px;border-radius:4px;font-weight:600}.chart-switch button[aria-pressed=true]{background:var(--selected);color:var(--text)}.mini-chart svg{display:block;width:100%;height:52px}.mini-chart .chart-readout{text-align:left;font-size:.75rem;min-height:18px}.mini-chart rect:hover,.mini-chart rect:focus{opacity:1;outline:none;stroke:var(--text);stroke-width:1}.service-heading{flex-wrap:wrap}.service-name{flex:1}.theme-picker{position:relative}.theme-menu{position:absolute;right:0;top:48px;width:200px;padding:6px;border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 30px #0002;background:var(--surface);z-index:10}.theme-menu button{display:block;width:100%;text-align:left;padding:9px 12px;border:0;border-radius:6px;background:none;color:var(--text);font-size:.8125rem;font-weight:600}.theme-menu button:hover,.theme-menu button[aria-pressed=true]{background:var(--selected)}@media(max-width:600px){.service-heading{gap:8px}.chart-switch{margin-left:auto}.section-heading{flex-wrap:wrap}}
:root[data-theme=catppuccin]{color-scheme:dark;--bg:#1e1e2e;--surface:#242436;--raised:#313244;--border:#45475a;--text:#cdd6f4;--muted:#bac2de;--dim:#a6adc8;--accent:#a6e3a1;--bad:#f38ba8;--unknown:#45475a;--tint:#313244;--subtle:#181825;--hover:#313244;--pill:#304438;--pill-bad:#493042;--track:#45475a;--selected:#45475a;--bar:#a6e3a1}
:root[data-theme=dracula]{color-scheme:dark;--bg:#282a36;--surface:#30323f;--raised:#383a49;--border:#44475a;--text:#f8f8f2;--muted:#d2d2dc;--dim:#b4b7cc;--accent:#50fa7b;--bad:#ff5555;--unknown:#44475a;--tint:#383a49;--subtle:#242631;--hover:#44475a;--pill:#244c37;--pill-bad:#573037;--track:#44475a;--selected:#44475a;--bar:#50fa7b}
:root[data-theme=solarized-dark]{color-scheme:dark;--bg:#002b36;--surface:#073642;--raised:#0c3e49;--border:#28515b;--text:#eee8d5;--muted:#a6b9b8;--dim:#93a1a1;--accent:#7fbcac;--bad:#ee7772;--unknown:#28515b;--tint:#0c3e49;--subtle:#002b36;--hover:#174550;--pill:#164d49;--pill-bad:#583736;--track:#28515b;--selected:#28515b;--bar:#7fbcac}
:root[data-theme=solarized-light]{color-scheme:light;--bg:#fdf6e3;--surface:#fffaf0;--raised:#eee8d5;--border:#d6cfb9;--text:#073642;--muted:#526b70;--dim:#586e75;--accent:#16776f;--bad:#b3312c;--unknown:#ddd6c1;--tint:#f5efdc;--subtle:#f6efdc;--hover:#eee8d5;--pill:#dcebd7;--pill-bad:#f4dcd1;--track:#ddd6c1;--selected:#e6dec7;--bar:#268b79}
.global-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}#services-heading{display:flex;align-items:baseline;gap:10px;font-size:1.1rem}#service-count{font-size:2rem;line-height:1.1;font-weight:700;border:0;padding:0;margin:0;color:var(--text);letter-spacing:-.06em}.service-section>.section-heading{margin-bottom:24px}.service-section>.legend{margin-block:22px 0}.service-groups>.service{padding-block:22px}.mini-chart{display:block;width:100%;margin-top:16px}.mini-chart svg{display:block;width:100%;height:76px}.mini-chart .chart-readout{margin-top:10px}.service-heading{display:flex;align-items:center;line-height:1.5;margin-bottom:0}.service-state,.uptime{line-height:1.5}.inline-icon,#theme-icon svg{width:20px;height:20px;display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.back-link{display:inline-flex;align-items:center;gap:8px}.status-icon svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.dot,.swatch{display:inline-block;vertical-align:middle;flex-shrink:0}.theme-toggle{display:grid;place-items:center}.brand{align-items:center}.chart-summary span{display:inline-flex;align-items:baseline;gap:6px}.chart-summary strong{margin:0}@media(max-width:600px){.global-controls{gap:8px;width:100%;justify-content:space-between}#services-heading{font-size:1rem}#service-count{font-size:1.85rem}.service-section>.section-heading{gap:16px}.mini-chart svg{height:68px}}
.appearance-controls{display:flex;align-items:center;gap:8px}#mode-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.theme-menu{max-height:min(65vh,480px);overflow:auto;overscroll-behavior:contain}.service-name{display:inline-flex;align-items:center;gap:10px}.service-health{width:22px;height:22px;flex:0 0 22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.service-health.up{color:var(--accent)}.service-health.down{color:var(--bad)}.chart-readout:empty{visibility:hidden}.chart-switch,.range-control{gap:0;padding:3px;border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--border) 35%,transparent)}.chart-switch button,.range-control button{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;min-height:36px;min-width:44px;padding:4px 12px;line-height:1;font-weight:600}.chart-switch button{padding:4px 8px}.chart-switch button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.chart-switch button[aria-pressed=true],.range-control button[aria-pressed=true]{background:color-mix(in srgb,var(--text) 10%,transparent);box-shadow:none;color:var(--text)}
/* Shared geometry: 12px surfaces, 8px nested items, fully rounded pills. */
:root{--radius:12px;--radius-inner:8px;--radius-pill:999px}.service-groups,.group,.chart-card,.check-table,.detail-panel,.detail-metric,.events,.notice,.theme-menu,.initial-state{border-radius:var(--radius)}.theme-menu button,.monogram{border-radius:var(--radius-inner)}.info-pill,.status-pill,.period-label,.theme-toggle,.chart-switch,.range-control,.chart-switch button,.range-control button{border-radius:var(--radius-pill)}.chart-switch button:focus-visible,.range-control button:focus-visible,.theme-toggle:focus-visible{border-radius:var(--radius-pill)}.chart-switch,.range-control{position:relative;isolation:isolate;overflow:visible}.chart-switch button,.range-control button{position:relative;z-index:1}.hover-capsule{position:absolute;inset-block:3px;left:0;pointer-events:none;z-index:0;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--text) 6%,transparent);opacity:0;transition:translate .28s cubic-bezier(.34,1.3,.64,1),width .28s cubic-bezier(.34,1.3,.64,1),opacity .16s ease}.hover-capsule.visible{opacity:1}.chart-switch button[aria-pressed=true],.range-control button[aria-pressed=true]{background:color-mix(in srgb,var(--text) 9%,transparent)}@media(prefers-reduced-motion:reduce){.hover-capsule{transition:none;display:none}}
.summary-card{display:grid;grid-template-columns:1fr 1.7fr;gap:28px;padding:28px;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 6%,var(--surface)),var(--surface) 60%);box-shadow:var(--card-shadow);margin-block:4px 0}.summary-primary{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.summary-label{font-size:.75rem;font-weight:600;color:var(--muted);line-height:1.5}.summary-value{display:flex;align-items:baseline;gap:9px;font-family:'Geist Mono',monospace;font-weight:700;font-size:2.8rem;line-height:1.1;letter-spacing:-.06em}.summary-total{font-size:1.3rem;font-weight:500;color:var(--dim);letter-spacing:-.03em}.summary-state{font-size:.75rem;font-weight:600;color:var(--accent)}.summary-secondary{display:grid;grid-template-columns:1fr 1fr;gap:20px 24px;align-content:center;padding-inline-start:28px;border-inline-start:1px solid var(--border)}.summary-stat{display:flex;flex-direction:column;gap:8px}.summary-stat strong{font:600 1.3rem/1.2 'Geist Mono',monospace;letter-spacing:-.025em}.summary-stat strong small{font-family:'Geist Sans',sans-serif;font-size:.8rem;color:var(--muted)}.summary-refresh{grid-column:1/-1;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid var(--border)}.summary-refresh #updated{font-size:.875rem;color:var(--text)}@media(max-width:480px){.summary-card{padding:20px;gap:20px;grid-template-columns:1fr}.summary-value{font-size:2.6rem}.summary-secondary{border-inline-start:0;border-top:1px solid var(--border);padding-inline-start:0;padding-top:20px}.summary-primary{display:grid;grid-template-columns:1fr auto;width:100%}.summary-primary>.summary-label{grid-column:1}.summary-value{grid-column:2;grid-row:1/3}.summary-state{grid-column:1}}
.graph-tooltip{position:fixed;z-index:100;pointer-events:none;display:flex;flex-direction:column;gap:5px;max-width:min(280px,calc(100vw - 16px));padding:11px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-inner);box-shadow:0 5px 20px #0003;font-size:.75rem;line-height:1.4;color:var(--muted)}.graph-tooltip strong{font-family:'Geist Mono',monospace;font-size:.875rem;font-weight:600;color:var(--text)}.chart-readout{display:none}
/* One radius across surfaces and controls; circles remain semantic icons. */
:root{--radius:12px;--radius-inner:12px;--radius-pill:12px}.service-groups,.group,.chart-card,.check-table,.detail-panel,.detail-metric,.summary-card,.theme-menu,.theme-menu button,.theme-toggle,.monogram,.info-pill,.status-pill,.period-label,.chart-switch,.range-control,.chart-switch button,.range-control button,.hover-capsule,.graph-tooltip,.notice{border-radius:var(--radius)!important}.chart-switch button:focus-visible,.range-control button:focus-visible,.theme-toggle:focus-visible{border-radius:var(--radius)!important}.service-section>.section-heading{justify-content:stretch;margin-bottom:20px}.global-controls{width:100%;justify-content:space-between}.summary-card{display:block;padding:0;overflow:hidden;background:var(--surface);margin-block:4px 0;box-shadow:0 1px 2px #0000000d}.summary-main{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:28px}.summary-primary{display:flex;flex-direction:column;gap:10px;width:auto}.summary-label{font-size:.8125rem;color:var(--muted);font-weight:600}.summary-value{display:flex;align-items:baseline;gap:10px;font-size:3rem;line-height:1.05;letter-spacing:-.06em}.summary-total{font-size:1.5rem;color:var(--dim);font-weight:500}.summary-health{text-align:end;display:flex;flex-direction:column;align-items:flex-end;gap:10px}.summary-state{font-size:.875rem;line-height:1.4;color:var(--accent)}.summary-attention-line{display:flex;align-items:baseline;gap:6px;font-size:.75rem;color:var(--muted)}#summary-attention{font-family:'Geist Mono',monospace;font-weight:600}.summary-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 28px;background:var(--subtle);border-top:1px solid var(--border);font-size:.75rem;font-weight:500;color:var(--muted)}.summary-cadence{display:inline-flex;align-items:center;gap:7px}.summary-cadence svg{width:16px;height:16px}.summary-updated{display:inline-flex;align-items:baseline;gap:7px}.summary-updated #updated{font-size:.75rem;color:var(--text)}.service-section{padding-top:24px}@media(max-width:480px){.summary-main{padding:22px 20px;gap:16px}.summary-primary{display:flex}.summary-value{font-size:2.5rem}.summary-total{font-size:1.25rem}.summary-health{max-width:45%}.summary-state{font-size:.8125rem}.summary-meta{padding:12px 20px;flex-wrap:wrap;gap:8px}.global-controls{width:100%;gap:10px}.range-control button{min-width:36px;padding-inline:9px}}
/* Calternal geometry: 17px content cards and fully rounded control pills. */
:root{--radius:17px;--radius-inner:17px;--radius-pill:9999px}.service-groups,.group,.chart-card,.check-table,.detail-panel,.detail-metric,.summary-card,.theme-menu,.graph-tooltip,.notice{border-radius:var(--radius)!important}.theme-menu button,.theme-toggle,.monogram,.info-pill,.status-pill,.period-label,.chart-switch,.range-control,.chart-switch button,.range-control button,.hover-capsule{border-radius:var(--radius-pill)!important}.chart-switch button:focus-visible,.range-control button:focus-visible,.theme-toggle:focus-visible{border-radius:var(--radius-pill)!important}
.range-control{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;max-width:100%;min-width:0;scrollbar-width:thin;scrollbar-color:var(--border) transparent;overscroll-behavior-inline:contain}.range-control button{flex:0 0 auto}.global-controls{flex-wrap:nowrap;min-width:0}.global-controls>.range-control{flex:1;max-width:580px}.global-controls>#global-chart-switch{flex-shrink:0}.section-heading>.range-control{min-width:0;flex:1;max-width:580px}.summary-main{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;padding:26px 28px;gap:0}.summary-primary{gap:12px}.summary-health{align-items:flex-start;text-align:start;max-width:none;padding-inline-start:28px;border-inline-start:1px solid var(--border);gap:12px}.summary-value,#summary-attention{font-family:'Geist Mono',monospace;font-size:2.5rem;font-weight:700;line-height:1.1;letter-spacing:-.055em}.summary-total{font-size:1.1rem;letter-spacing:-.03em}.summary-health #summary-attention.up{color:var(--text)}.summary-meta{background:transparent}.summary-card,.service-groups,.chart-card,.detail-panel,.detail-metric,.check-table{border-color:color-mix(in srgb,var(--text) 25%,var(--bg));background:var(--surface)}.response-line{stroke-width:2.5}.chart-grid{stroke:color-mix(in srgb,var(--text) 23%,var(--bg))}.service{border-color:color-mix(in srgb,var(--text) 22%,var(--bg))}.chart-axis,.chart-time,.service-foot,.history-note{color:var(--muted)}@media(max-width:480px){.global-controls{gap:12px}.global-controls>.range-control{width:0;max-width:none}.summary-main{padding:22px;grid-template-columns:1fr 1fr}.summary-health{padding-inline-start:20px;gap:12px}.summary-value,#summary-attention{font-size:2rem}.summary-primary{gap:12px}.summary-total{font-size:1rem}.section-heading>.range-control{flex-basis:100%}}
.graph-tooltip,.theme-menu{background:color-mix(in srgb,var(--surface) 82%,transparent);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border:1px solid color-mix(in srgb,var(--text) 24%,transparent);box-shadow:0 10px 32px #0003}.theme-menu button{background:transparent}.theme-menu button:hover,.theme-menu button[aria-pressed=true]{background:color-mix(in srgb,var(--text) 12%,transparent)}@supports not (backdrop-filter:blur(1px)){.graph-tooltip,.theme-menu{background:var(--surface)}}
/* Three visible ranges; scroll in either direction for the remaining periods. */
.range-control,.global-controls>.range-control,.section-heading>.range-control{flex:0 0 168px;width:168px;max-width:168px;min-width:168px;box-sizing:content-box;padding:3px;gap:0;scrollbar-width:none;scroll-snap-type:x proximity}.range-control::-webkit-scrollbar{display:none}.range-control button{box-sizing:border-box;min-width:56px;width:56px;flex:0 0 56px;padding-inline:0;scroll-snap-align:start}.range-control{overflow-x:auto;overflow-y:hidden}.global-controls{justify-content:space-between}

/* Keep detail statistics readable on narrow phones. */
@media(max-width:480px){
 .detail-metrics{grid-template-columns:1fr;gap:8px}
 .detail-metric{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 12px;padding:14px 16px}
 .detail-metric dd{margin:0;font-size:1.25rem;white-space:nowrap}
 .detail-metric small{grid-column:1/-1}
 .card-heading{flex-wrap:wrap;gap:12px}
 .card-heading>div:first-child{min-width:0}
 .chart-summary{flex-wrap:wrap;gap:10px}
}