:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;line-height:1.5;font-weight:400;color:#e9e9e9;background:#121212;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--surface: #121212;--surface-muted: #1f1f1f;--surface-raised: #181818;--line: #2b2b2b;--line-strong: #3a3a3a;--text: #eeeeee;--muted: #a8a8a8;--faint: #7d7d7d;--green: oklch(.72 .18 156);--green-soft: oklch(.27 .07 156);--yellow: oklch(.82 .15 82);--yellow-soft: oklch(.28 .06 82);--red: oklch(.68 .18 28);--red-soft: oklch(.27 .07 28);--blue: oklch(.73 .13 232);--blue-soft: oklch(.27 .06 232);--gray-soft: #343434;--shadow: 0 20px 70px rgb(0 0 0 / .34)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--surface)}button,input,textarea{font:inherit}.page-shell{width:min(760px,calc(100vw - 32px));margin:0 auto;padding:42px 0 34px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:34px}.brand-lockup{display:flex;align-items:center;gap:14px;min-width:0}.brand-wordmark{display:block;width:156px;height:auto;flex:0 0 auto}.brand-wordmark-skeleton{width:156px;height:49px}.brand-lockup p,.component-row p,.metric-row p,.incident-body p,.active-incident p,.footer,.section-heading span,.component-summary,.component-numbers{margin:0;color:var(--muted);font-size:.82rem}.status-text{color:var(--muted);font-size:.76rem;font-weight:700;line-height:1.2;white-space:nowrap}.overall-status{text-align:right}.status-text-operational,.status-text-resolved,.status-text-none{color:#53dc91}.status-text-degraded,.status-text-monitoring,.status-text-identified,.status-text-minor{color:#ffd077;color:oklch(.88 .13 82)}.status-text-outage,.status-text-investigating,.status-text-major,.status-text-critical{color:#ff9689;color:oklch(.78 .16 28)}.status-text-unknown,.status-text-scheduled{color:#6dcaf8}.active-incident,.error-banner{border:1px solid oklch(.44 .12 28);border-radius:8px;background:var(--red-soft);padding:16px 18px;margin-bottom:26px}.active-incident h2{margin:8px 0 6px;color:var(--text);font-size:1rem;line-height:1.28;font-weight:720}.incident-kicker{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.78rem}.error-banner{color:#ffaba0;color:oklch(.82 .14 28);font-size:.88rem;font-weight:650}.section-block{margin-top:30px}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-bottom:12px}.section-heading h2{margin:0;color:var(--text);font-size:1rem;line-height:1.2;font-weight:720;letter-spacing:0}.component-list,.metric-list,.incident-list{display:grid;gap:10px}.component-row,.metric-row,.empty-state{border:1px solid var(--line);border-radius:8px;background:var(--surface-raised);box-shadow:0 1px #ffffff0a,var(--shadow)}.component-row{padding:14px 14px 12px}.component-main{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:start}.component-title-line,.incident-title-line{display:flex;align-items:center;gap:9px;min-width:0}.component-title-line h3,.metric-row h3,.incident-title-line h3{margin:0;color:var(--text);font-size:.9rem;line-height:1.25;font-weight:700;letter-spacing:0}.component-row p{margin-top:3px}.component-numbers{display:grid;gap:2px;justify-items:end;white-space:nowrap}.component-numbers span:first-child{color:var(--text);font-weight:680}.component-summary{display:flex;justify-content:space-between;gap:12px;margin:12px 0 8px}.uptime-bars{position:relative;display:grid;grid-template-columns:repeat(90,minmax(1px,1fr));gap:2px;height:30px;align-items:stretch;overflow:visible}.uptime-bar{position:relative;display:block;min-width:1px;border-radius:2px;background:var(--gray-soft)}.uptime-tooltip{position:absolute;left:50%;bottom:calc(100% + 9px);z-index:20;display:grid;gap:2px;width:max-content;max-width:min(190px,calc(100vw - 32px));padding:7px 9px;border:1px solid var(--line-strong);border-radius:6px;background:#101010fa;box-shadow:0 12px 30px #0000006b;color:var(--muted);font-size:.72rem;font-weight:650;line-height:1.2;opacity:0;pointer-events:none;text-align:center;transform:translate(-50%,4px);transition:opacity .12s ease,transform .12s ease;white-space:nowrap}.uptime-tooltip:after{position:absolute;left:50%;bottom:-5px;width:8px;height:8px;border-right:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong);background:#101010fa;content:"";transform:translate(-50%) rotate(45deg)}.uptime-tooltip strong{color:var(--text);font-size:.74rem}.uptime-bar:hover .uptime-tooltip{opacity:1;transform:translate(-50%)}.uptime-operational{background:var(--green)}.uptime-degraded{background:var(--yellow)}.uptime-outage{background:var(--red)}.uptime-unknown{background:var(--blue)}.metric-row{display:grid;grid-template-columns:170px minmax(0,1fr);gap:18px;align-items:center;min-height:82px;padding:14px}.metric-row p{margin-top:4px;color:var(--text);font-weight:680}.sparkline{width:100%;height:46px;overflow:visible}.sparkline polyline{fill:none;stroke:var(--blue);stroke-width:2;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.sparkline-empty,.empty-state{color:var(--muted);font-size:.84rem}.sparkline-empty{display:flex;align-items:center;justify-content:center;min-height:46px;border-radius:8px;background:var(--surface-muted)}.empty-state{padding:18px}.incident-item{display:grid;grid-template-columns:132px minmax(0,1fr);gap:22px;padding:18px 0;border-top:1px solid var(--line)}.incident-item:first-child{border-top:0}.incident-date{color:var(--text);font-size:.82rem;font-weight:700}.incident-body{display:grid;gap:5px}.incident-title-line{justify-content:space-between}.incident-body span{color:var(--faint);font-size:.78rem}.footer{display:flex;justify-content:space-between;gap:12px;padding-top:34px;margin-top:36px;border-top:1px solid var(--line)}.skeleton-line,.skeleton-bar,.skeleton-sparkline{background:linear-gradient(90deg,var(--surface-muted),#2a2a2a,var(--surface-muted));background-size:220% 100%;animation:skeleton 1.3s ease-in-out infinite;color:transparent}.skeleton-line{display:block;height:12px;border-radius:999px}.skeleton-last-checked{width:112px}.skeleton-overall-status{width:136px}.skeleton-component-title{width:112px;height:14px}.skeleton-component-status{width:72px;flex:0 0 auto}.skeleton-description{width:min(280px,100%)}.skeleton-latency{width:60px;height:13px}.skeleton-time{width:72px}.skeleton-summary{width:min(260px,55%)}.skeleton-uptime{width:92px;flex:0 0 auto}.skeleton-metric-title{width:118px;height:14px}.skeleton-metric-value{width:64px;height:13px}.skeleton-sparkline{height:46px;border-radius:8px}.skeleton-empty-state{display:flex;align-items:center}.skeleton-empty-line{width:160px}.skeleton-footer-left{width:86px}.skeleton-footer-right{width:128px}@keyframes skeleton{0%{background-position:120% 0}to{background-position:-120% 0}}@media(max-width:680px){.page-shell{width:min(100vw - 24px,760px);padding-top:24px}.topbar{align-items:flex-start;flex-direction:column;margin-bottom:24px}.component-main,.metric-row,.incident-item{grid-template-columns:1fr}.component-numbers{justify-items:start;grid-template-columns:auto auto;gap:12px}.component-summary,.footer,.incident-title-line{align-items:flex-start;flex-direction:column}.uptime-bars{gap:1px}.incident-item{gap:8px}}