:root{--bg:#0a0a0a;--bg-soft:#101014;--surface:#14141b;--surface-raised:#191923;--border:#2b2b38;--text:#f4f1ff;--muted:#aaa3c4;--accent-purple:#784ffe;--accent-purple-soft:#784ffe24;--good:#17c964;--warn:#f5a524;--bad:#f31260;--cold:#3f93f8}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;margin:0}body{background:var(--bg);color:var(--text);overscroll-behavior-y:none;font-family:DM Sans,sans-serif}#app{min-height:100vh}.status-page{max-width:1024px;margin:0 auto;padding:40px 20px 64px;position:relative}.page-header{align-items:center;gap:14px;margin-bottom:30px;display:flex;position:relative}.brand-mark{object-fit:contain;border-radius:8px;width:36px;height:36px;box-shadow:0 10px 24px #784ffe52}.brand-title{align-items:center;gap:10px;display:flex}.brand-logo{object-fit:contain;width:128px;height:auto}.brand-eyebrow{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:0;font-family:IBM Plex Mono,monospace;font-size:12px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Space Grotesk,sans-serif}h1{font-size:clamp(26px,4.5vw,42px)}.status-hero,.system-panel{border:1px solid var(--border);background:var(--surface);border-radius:20px;box-shadow:0 4px 12px #00000052}.status-hero{margin-bottom:18px;padding:26px}.hero-label{color:var(--muted);margin-bottom:8px;font-size:14px}.hero-state{text-shadow:0 0 18px #784ffe2e;margin-bottom:8px;font-size:clamp(28px,5vw,44px);line-height:1.05}.hero-state--operational{color:var(--good)}.hero-state--degraded{color:var(--warn)}.hero-state--outage{color:var(--bad)}.hero-state--no_data{color:var(--cold)}.hero-subtle{color:var(--muted);font-family:IBM Plex Mono,monospace;font-size:13px}.system-panel{padding:18px}.panel-header{justify-content:space-between;align-items:baseline;gap:12px;padding:4px 4px 14px;display:flex}.window-label{color:#b6abd8;text-transform:uppercase;letter-spacing:.06em;font-family:IBM Plex Mono,monospace;font-size:12px}.system-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.system-row{border:1px solid var(--border);background:var(--surface-raised);border-radius:14px;grid-template-columns:minmax(0,1fr) minmax(250px,340px);align-items:center;gap:12px 22px;padding:16px;display:grid;box-shadow:0 4px 12px #00000040}.system-title-row{align-items:center;gap:10px;margin-bottom:8px;display:flex}.system-copy p{color:var(--muted);font-size:14px}.pill{text-transform:uppercase;letter-spacing:.04em;border:1px solid #3a3159;border-radius:999px;justify-content:center;align-items:center;padding:4px 9px;font-family:IBM Plex Mono,monospace;font-size:11px;display:inline-flex}.pill--operational{color:#89ffc0;background:color-mix(in srgb, var(--accent-purple-soft) 50%, #17c9641f);border-color:#784ffe59}.pill--degraded{color:#ffdca3;background:color-mix(in srgb, var(--accent-purple-soft) 55%, #f5a52424);border-color:#784ffe59}.pill--outage{color:#ffb5cf;background:color-mix(in srgb, var(--accent-purple-soft) 55%, #f3126024);border-color:#784ffe59}.pill--no_data{color:#d6ccff;background:var(--accent-purple-soft);border-color:#784ffe61}.system-telemetry{justify-self:end;width:min(100%,340px)}.candle-strip{background:#121218;border:1px solid #302c42;border-radius:10px;grid-template-columns:repeat(24,1fr);gap:4px;padding:6px;display:grid}.candle{aspect-ratio:1/2.2;opacity:.95;border-radius:4px;outline:none;width:100%;display:block;position:relative}.candle:after{content:attr(data-tooltip);color:#eff5ff;white-space:pre;opacity:0;pointer-events:none;z-index:4;background:#080e1af5;border:1px solid #2a4270;border-radius:8px;min-width:170px;padding:8px 10px;font-family:IBM Plex Mono,monospace;font-size:11px;line-height:1.4;transition:opacity .14s,transform .14s;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%,6px);box-shadow:0 16px 28px #02060e73}.candle:before{content:"";opacity:0;pointer-events:none;z-index:4;background:#080e1af5;border-bottom:1px solid #2a4270;border-right:1px solid #2a4270;width:8px;height:8px;transition:opacity .14s;position:absolute;bottom:calc(100% + 5px);left:50%;transform:translate(-50%)rotate(45deg)}.candle:hover:after,.candle:focus-visible:after,.candle:hover:before,.candle:focus-visible:before{opacity:1;transform:translate(-50%)}.candle--operational{background:linear-gradient(#2ee87f,#17c964)}.candle--degraded{background:linear-gradient(#f8be5d,#f5a524)}.candle--outage{background:linear-gradient(#ff5b93,#f31260)}.candle--no_data{opacity:.58;background:linear-gradient(#7bb6ff,#3f93f8)}.metric-value{text-align:right;color:var(--muted);margin-top:8px;font-family:IBM Plex Mono,monospace;font-size:12px}.error-shell,.not-found-shell{border:1px solid var(--border);background:#0e182be6;border-radius:16px;max-width:760px;margin:40px auto;padding:20px}.error-actions,.not-found-actions{gap:10px;margin-top:14px;display:flex}.status-link-btn{color:var(--text);cursor:pointer;background:#1b1730;border:1px solid #3f3565;border-radius:10px;padding:8px 11px;font-size:13px;text-decoration:none}@media (width<=860px){.system-row{grid-template-columns:minmax(0,1fr)}.system-telemetry{justify-self:stretch;width:100%}.metric-value{text-align:left}}@media (width<=640px){.status-page{padding:26px 14px 42px}.status-hero,.system-panel{border-radius:16px}.system-row{padding:13px}.brand-logo{width:108px}}