:root{--bg: #f5f6fb;--bg-elevated: #ffffff;--surface: rgba(10, 13, 22, .035);--surface-strong: rgba(10, 13, 22, .06);--border: rgba(10, 13, 22, .09);--text-primary: #12141c;--text-muted: #5b6072;--text-faint: #8b8f9e;--accent-violet: #6a3df0;--accent-cyan: #0e9c93;--accent-gradient: linear-gradient(120deg, #6a3df0 0%, #0e9c93 100%);--status-up: #0ea968;--status-up-glow: rgba(14, 169, 104, .35);--status-down: #d92b2b;--status-down-glow: rgba(217, 43, 43, .35);--status-none: #b7bacb;--font-display: "Space Grotesk", "Inter", sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", "SFMono-Regular", Menlo, monospace;--radius-lg: 18px;--radius-md: 12px;--radius-sm: 7px;color-scheme:light}:root[data-theme=dark]{--bg: #090b12;--bg-elevated: #10131f;--surface: rgba(255, 255, 255, .035);--surface-strong: rgba(255, 255, 255, .06);--border: rgba(255, 255, 255, .09);--text-primary: #e9eaf3;--text-muted: #9195ab;--text-faint: #666b80;--accent-violet: #7c5cff;--accent-cyan: #34d6c7;--accent-gradient: linear-gradient(120deg, #7c5cff 0%, #34d6c7 100%);--status-up: #34d399;--status-up-glow: rgba(52, 211, 153, .35);--status-down: #fb4b4b;--status-down-glow: rgba(251, 75, 75, .35);--status-none: #454a5e;color-scheme:dark}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #090b12;--bg-elevated: #10131f;--surface: rgba(255, 255, 255, .035);--surface-strong: rgba(255, 255, 255, .06);--border: rgba(255, 255, 255, .09);--text-primary: #e9eaf3;--text-muted: #9195ab;--text-faint: #666b80;--accent-violet: #7c5cff;--accent-cyan: #34d6c7;--accent-gradient: linear-gradient(120deg, #7c5cff 0%, #34d6c7 100%);--status-up: #34d399;--status-up-glow: rgba(52, 211, 153, .35);--status-down: #fb4b4b;--status-down-glow: rgba(251, 75, 75, .35);--status-none: #454a5e;color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;transition:background-color .25s ease,color .25s ease}:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:2px}.page{max-width:880px;margin:0 auto;padding:28px 20px 80px}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.brand{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:600;font-size:18px;letter-spacing:.01em}.brand-mark{width:10px;height:10px;border-radius:3px;background:var(--accent-gradient);box-shadow:0 0 14px var(--accent-cyan);flex-shrink:0}.theme-toggle{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);width:38px;height:38px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .2s ease,color .2s ease}.theme-toggle:hover{border-color:var(--accent-cyan);color:var(--text-primary)}.hero{position:relative;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-elevated);padding:26px;margin-bottom:30px;overflow:hidden}.hero:before{content:"";position:absolute;inset:-40% -20% auto auto;width:340px;height:340px;background:var(--accent-gradient);opacity:.16;filter:blur(70px);pointer-events:none}.hero-row{position:relative;display:flex;align-items:center;gap:14px}.status-dot{width:13px;height:13px;border-radius:50%;flex-shrink:0;background:var(--status-up);box-shadow:0 0 0 4px var(--status-up-glow)}.status-dot.down{background:var(--status-down);box-shadow:0 0 0 4px var(--status-down-glow)}.status-dot.degraded{background:#e0a52c;box-shadow:0 0 0 4px #e0a52c4d}@media (prefers-reduced-motion: no-preference){.status-dot.up{animation:pulse-dot 2.4s ease-in-out infinite}}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 4px var(--status-up-glow)}50%{box-shadow:0 0 0 8px transparent}}.hero-title{font-family:var(--font-display);font-weight:600;font-size:22px;margin:0}.hero-sub{margin:4px 0 0;font-size:13.5px;color:var(--text-muted)}.service-card{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-elevated);margin-bottom:18px;overflow:hidden}.service-header{padding:18px 22px 14px;border-bottom:1px solid var(--border)}.service-name{font-family:var(--font-display);font-size:16px;font-weight:600;margin:0}.service-desc{margin:4px 0 0;font-size:13px;color:var(--text-muted)}.location-row{display:grid;grid-template-columns:1fr auto;gap:6px 16px;padding:16px 22px;border-bottom:1px solid var(--border);align-items:center}.location-row:last-child{border-bottom:none}.location-main{display:flex;align-items:center;gap:10px;min-width:0}.location-flag{font-size:18px;line-height:1;flex-shrink:0}.location-text{min-width:0}.location-name-row{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.location-name{font-weight:500;font-size:14px}.location-country{font-family:var(--font-mono);font-size:11px;color:var(--text-faint);letter-spacing:.04em}.location-host{font-family:var(--font-mono);font-size:12px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.location-metrics{display:flex;align-items:center;gap:16px;justify-self:end;font-family:var(--font-mono);font-size:12.5px;color:var(--text-muted);white-space:nowrap}.metric-value{color:var(--text-primary);font-weight:500}.metric-up{color:var(--status-up)}.metric-down{color:var(--status-down)}.location-ledger-wrap{grid-column:1 / -1}.ledger{display:flex;gap:3px;margin-top:10px;height:26px}.ledger-seg{flex:1;border-radius:3px;background:var(--surface-strong);position:relative;display:flex;align-items:center;justify-content:center;color:var(--status-none);cursor:default}.ledger-seg.up{color:var(--status-up);background:color-mix(in srgb,var(--status-up) 14%,transparent)}.ledger-seg.down{color:var(--status-down);background:color-mix(in srgb,var(--status-down) 16%,transparent)}.ledger-seg svg{width:100%;height:60%;overflow:visible}.ledger-seg path{stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.ledger-legend{display:flex;justify-content:space-between;margin-top:4px;font-size:10px;color:var(--text-faint);font-family:var(--font-mono)}.footer{margin-top:34px;text-align:center;font-size:12px;color:var(--text-faint);font-family:var(--font-mono)}.empty-state{border:1px dashed var(--border);border-radius:var(--radius-lg);padding:40px 20px;text-align:center;color:var(--text-muted);font-size:14px}@media (max-width: 560px){.location-row{grid-template-columns:1fr}.location-metrics{justify-self:start}}