:root{--color-background-body:#f5f7f7;--color-background-surface:#ffffff;--color-background-popover:#ffffff;--text:#1a1d1c;--text-dim:#454e4c;--text-faint:#63706d;--border:#dce3e1;--border-strong:#c3cdca;--color-accent:#0e8f86;--color-text-accent:#0a6b64;--color-icon-accent:#0e8f86;--success:#16a34a;--warning:#b45309;--danger:#dc2626;--gray:#c3cdca;--success-bg:rgb(22 163 74/0.1);--warning-bg:rgb(180 83 9/0.1);--danger-bg:rgb(220 38 38/0.1);--accent-bg:rgb(14 143 134/0.1);--gray-bg:rgb(99 112 109/0.12);--radius:10px}@media (prefers-color-scheme:dark){:root{--color-background-body:#0f1413;--color-background-surface:#181d1c;--color-background-popover:#202625;--text:#eceeed;--text-dim:#aab3b1;--text-faint:#7c8886;--border:#232a28;--border-strong:#2f3835;--color-accent:#2ed8c6;--color-text-accent:#5fe9d8;--color-icon-accent:#2ed8c6;--success:#4ade80;--warning:#fbbf24;--danger:#f87171;--gray:#3a4441;--success-bg:rgb(74 222 128/0.14);--warning-bg:rgb(251 191 36/0.14);--danger-bg:rgb(248 113 113/0.14);--accent-bg:rgb(46 216 198/0.12);--gray-bg:rgb(124 136 134/0.16)}}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--color-background-body);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--color-text-accent);text-decoration:none}a:focus-visible,a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.page{max-width:760px;margin:0 auto;padding:48px 20px 64px}.header{margin-bottom:32px}.brand{gap:10px;font-size:18px;font-weight:700;letter-spacing:-.02em}.brand,.brand-mark{display:flex;align-items:center}.brand-mark{color:var(--color-icon-accent);flex-shrink:0}.banner{gap:14px;padding:20px 22px;border-radius:var(--radius);border:1px solid var(--border);background:var(--color-background-surface);margin-bottom:28px}.banner,.banner-icon{display:flex;align-items:center}.banner-icon{width:28px;height:28px;border-radius:50%;flex-shrink:0;justify-content:center;font-size:15px;font-weight:700}.banner-title{font-size:17px;font-weight:700}.banner-sub{color:var(--text-dim);font-size:12.5px;margin-top:2px}.banner-operational{border-color:var(--success);background:var(--success-bg)}.banner-operational .banner-icon{background:var(--success-bg);color:var(--success)}.banner-degraded{border-color:var(--warning);background:var(--warning-bg)}.banner-degraded .banner-icon{background:var(--warning-bg);color:var(--warning)}.banner-down{border-color:var(--danger);background:var(--danger-bg)}.banner-down .banner-icon{background:var(--danger-bg);color:var(--danger)}.banner-maintenance{border-color:var(--color-accent);background:var(--accent-bg)}.banner-maintenance .banner-icon{background:var(--accent-bg);color:var(--color-accent)}.banner-unreachable{border-color:var(--text-faint);background:var(--gray-bg)}.banner-unreachable .banner-icon{background:var(--gray-bg);color:var(--text-dim)}.section-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);margin:32px 0 12px}.component-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--color-background-surface);padding:16px 18px 14px;margin-bottom:14px}.component-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:4px}.component-name{font-weight:600;font-size:14px}.pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:3px 10px;border-radius:999px;white-space:nowrap}.pill-dot{width:7px;height:7px;border-radius:50%}.pill-operational{color:var(--success);background:var(--success-bg)}.pill-operational .pill-dot{background:var(--success)}.pill-degraded{color:var(--warning);background:var(--warning-bg)}.pill-degraded .pill-dot{background:var(--warning)}.pill-down{color:var(--danger);background:var(--danger-bg)}.pill-down .pill-dot{background:var(--danger)}.pill-maintenance{color:var(--color-text-accent);background:var(--accent-bg)}.pill-maintenance .pill-dot{background:var(--color-accent)}.pill-unknown{color:var(--text-dim);background:var(--gray-bg)}.pill-unknown .pill-dot{background:var(--gray)}.uptime{margin-top:12px}.uptime-label{font-size:12px;color:var(--text-dim);display:flex;justify-content:space-between;margin-bottom:6px}.uptime-bars{gap:2px;height:34px}.bar-wrap,.uptime-bars{display:flex;align-items:flex-end}.bar-wrap{flex:1 1;height:100%;position:relative;cursor:default;border-radius:2px;border:none;background:none;padding:0;margin:0;font:inherit;color:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}.bar{display:block;width:100%;border-radius:2px;min-height:4px}.bar-ok{background:var(--success)}.bar-degraded{background:var(--warning)}.bar-down{background:var(--danger)}.bar-empty{background:var(--gray)}.bar-wrap .tooltip{display:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background:var(--color-background-popover);border:1px solid var(--border-strong);border-radius:6px;padding:6px 9px;font-size:11.5px;white-space:nowrap;color:var(--text);z-index:5;pointer-events:none;line-height:1.4}.bar-wrap:focus-visible .tooltip,.bar-wrap:hover .tooltip{display:block}.bar-wrap:focus-visible .bar,.bar-wrap:hover .bar{filter:brightness(1.2)}.uptime-range{display:flex;justify-content:space-between;font-size:11px;color:var(--text-faint);margin-top:6px}.active-incidents,.maintenance-section,.past-incidents{margin-top:8px}.incident-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--color-background-surface);padding:14px 16px;margin-bottom:12px}.incident-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.incident-title{font-weight:600;font-size:13.5px}.incident-meta{color:var(--text-faint);font-size:12px;margin-top:4px}.impact-badge{display:inline-flex;align-items:center;font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;white-space:nowrap}.impact-none{color:var(--text-dim);background:var(--gray-bg)}.impact-minor{color:var(--warning);background:var(--warning-bg)}.impact-critical,.impact-major{color:var(--danger);background:var(--danger-bg)}.incident-timeline{list-style:none;margin:12px 0 0;padding:0}.incident-timeline,.timeline-item{border-left:2px solid var(--border)}.timeline-item{position:relative;padding:0 0 12px 16px;margin-left:-2px}.timeline-item:last-child{padding-bottom:0}.timeline-dot{position:absolute;left:-5px;top:3px;width:8px;height:8px;border-radius:50%;background:var(--color-accent);border:2px solid var(--color-background-surface)}.timeline-meta{display:flex;align-items:baseline;gap:8px;font-size:12px}.timeline-status{font-weight:700;color:var(--text)}.timeline-status-completed,.timeline-status-resolved{color:var(--success)}.timeline-time{color:var(--text-faint)}.timeline-text{color:var(--text-dim);font-size:12.5px;margin-top:2px}.past-day{margin-bottom:18px}.past-day-heading{font-size:13px;font-weight:600;color:var(--text-dim);margin-bottom:8px}.no-incidents{color:var(--text-faint);font-size:12.5px;padding:2px 0 4px}.footer{margin-top:40px;text-align:center}.footer-links{display:flex;justify-content:center;gap:16px;margin-bottom:10px;font-size:12.5px;font-weight:600}.footer-meta{color:var(--text-faint);font-size:12px}.error-box{color:var(--danger);background:var(--danger-bg);border:1px solid var(--danger);border-radius:var(--radius);padding:10px 14px;font-size:13px;margin-bottom:16px}.skeleton{color:var(--text-faint);font-size:13px}@media (prefers-reduced-motion:reduce){*{animation-duration:.001ms;animation-iteration-count:1;transition-duration:.001ms;scroll-behavior:auto}}