:root{--st-bg:#08090b;--st-card:#ffffff06;--st-line:#ffffff14;--st-line-2:#ffffff1f;--st-ink:#f2f2f5;--st-muted:#8b919c;--st-soft:#c4c8d0;--st-ok:#34d17f;--st-degraded:#f5b83d;--st-partial:#f58a3d;--st-down:#f04452;--st-maint:#5b9cff;--st-none:#23252a;--st-accent:#ff7a00;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body.st{background:radial-gradient(60rem 30rem at 50% -10rem, #ffffff0b, transparent 70%), var(--st-bg);min-height:100vh;color:var(--st-ink);-webkit-font-smoothing:antialiased;flex-direction:column;margin:0;font:15px/1.5 Inter,system-ui,-apple-system,Segoe UI,sans-serif;display:flex}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}.st-wrap{width:min(860px,100% - 32px);margin:0 auto}.st-skip{background:var(--st-ink);color:#000;z-index:10;border-radius:8px;padding:8px 12px;position:absolute;top:8px;left:-999px}.st-skip:focus{left:8px}.st-muted{color:var(--st-muted)}.st-pad{padding:18px 20px}.st-top{border-bottom:1px solid var(--st-line);z-index:5;background:#08090bcc;position:sticky;top:0}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.st-top{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#08090ba6}}.st-top-row{justify-content:space-between;align-items:center;gap:16px;height:64px;display:flex}.st-brand{align-items:center;gap:10px;text-decoration:none;display:inline-flex}.st-brand img{display:block}.st-wordmark{letter-spacing:.06em;font-size:15px;font-weight:800}.st-brand-sep{background:var(--st-line-2);width:1px;height:18px}.st-brand-sub{color:var(--st-soft);font-size:15px;font-weight:600}.st-nav{align-items:center;gap:6px;display:flex}.st-nav a{color:var(--st-soft);border-radius:999px;padding:8px 12px;font-size:14px;text-decoration:none;transition:color .15s,background .15s}.st-nav a:hover{color:var(--st-ink);background:#ffffff0d}.st-nav .st-nav-app{background:var(--st-ink);color:#08090b;font-weight:600}.st-nav .st-nav-app:hover{color:#000;background:#fff}.st-main{outline:none;flex:1;padding:40px 0 64px}.st-foot{border-top:1px solid var(--st-line);padding:22px 0 calc(22px + env(safe-area-inset-bottom));color:var(--st-muted);font-size:13px}.st-foot-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.st-foot-brand{align-items:center;gap:8px;display:inline-flex}.st-foot-links{flex-wrap:wrap;gap:18px;display:flex}.st-foot-links a{text-decoration:none}.st-foot-links a:hover{color:var(--st-ink)}.st-summary{--c:var(--st-muted);border:1px solid color-mix(in srgb, var(--c) 35%, transparent);background:linear-gradient(120deg, color-mix(in srgb, var(--c) 14%, transparent), color-mix(in srgb, var(--c) 3%, transparent) 60%), var(--st-card);border-radius:22px;align-items:center;gap:18px;margin-bottom:22px;padding:26px 28px;display:flex;position:relative;overflow:hidden}.st-summary[data-state=ok]{--c:var(--st-ok)}.st-summary[data-state=degraded]{--c:var(--st-degraded)}.st-summary[data-state=down]{--c:var(--st-down)}.st-summary[data-state=maintenance]{--c:var(--st-maint)}.st-summary h1{letter-spacing:-.02em;margin:0;font-size:clamp(22px,4vw,28px);font-weight:800;line-height:1.2}.st-summary p{color:var(--st-soft);margin:4px 0 0;font-size:14px}.st-summary-dot{background:var(--c);width:18px;height:18px;box-shadow:0 0 0 6px color-mix(in srgb, var(--c) 18%, transparent), 0 0 28px color-mix(in srgb, var(--c) 60%, transparent);border-radius:50%;flex:none;position:relative}.st-summary-dot:after{content:"";border-radius:inherit;border:2px solid var(--c);animation:2.4s ease-out infinite st-pulse;position:absolute;inset:0}.st-summary[data-state=loading] .st-summary-dot:after,.st-summary[data-state=unknown] .st-summary-dot:after{animation-duration:1.2s}@keyframes st-pulse{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(2.6)}}@media (prefers-reduced-motion:reduce){.st-summary-dot:after{animation:none}}.st-card{border:1px solid var(--st-line);background:var(--st-card);border-radius:20px;margin-bottom:22px;overflow:hidden}.st-card-head{border-bottom:1px solid var(--st-line);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.st-card-head h2{margin:0;font-size:15px;font-weight:700}.st-legend{color:var(--st-muted);gap:14px;margin:0;font-size:12px;display:flex}.st-legend span{align-items:center;gap:6px;display:inline-flex}.st-legend span:before{content:"";background:var(--st-none);border-radius:2px;width:8px;height:8px}.st-legend .is-ok:before{background:var(--st-ok)}.st-legend .is-degraded:before{background:var(--st-degraded)}.st-legend .is-down:before{background:var(--st-down)}.st-legend .is-partial:before{background:var(--st-partial)}.st-comp{--c:var(--st-muted);padding:18px 20px 16px}.st-comp+.st-comp{border-top:1px solid var(--st-line)}.st-comp[data-state=ok]{--c:var(--st-ok)}.st-comp[data-state=degraded]{--c:var(--st-degraded)}.st-comp[data-state=down]{--c:var(--st-down)}.st-comp[data-state=maintenance]{--c:var(--st-maint)}.st-comp-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.st-comp-name h3{margin:0;font-size:15px;font-weight:600}.st-comp-name p{color:var(--st-muted);margin:2px 0 0;font-size:13px}.st-state{color:var(--c);white-space:nowrap;flex:none;align-items:center;gap:7px;padding-top:1px;font-size:13px;font-weight:600;display:inline-flex}.st-state i{background:var(--c);width:8px;height:8px;box-shadow:0 0 10px color-mix(in srgb, var(--c) 70%, transparent);border-radius:50%}.st-comp-note{color:var(--c);margin:8px 0 0;font-size:13px}.st-bars{gap:2px;height:34px;margin-top:14px;display:flex}.st-bar{background:var(--st-none);cursor:pointer;transform-origin:bottom;border-radius:2px;flex:1 1 0;min-width:0;transition:transform .12s,filter .12s}.st-bar.is-ok{background:var(--st-ok)}.st-bar.is-degraded{background:var(--st-degraded)}.st-bar.is-partial{background:var(--st-partial)}.st-bar.is-down{background:var(--st-down)}.st-bar.is-maint{background:var(--st-maint)}@media (hover:hover){.st-bar:hover{filter:brightness(1.25);transform:scaleY(1.08)}}.st-bars-foot{color:var(--st-muted);white-space:nowrap;align-items:center;gap:10px;margin-top:8px;font-size:12px;display:flex}.st-bars-foot i{background:var(--st-line);flex:1;height:1px}.st-narrow{display:none}@media (width<=640px){.st-bar:nth-child(-n+60),.st-wide{display:none}.st-narrow{display:inline}.st-legend{display:none}}.st-tip{z-index:20;border:1px solid var(--st-line-2);pointer-events:none;background:#16171bf7;border-radius:12px;width:max-content;max-width:min(280px,100vw - 16px);padding:10px 12px;font-size:13px;position:fixed;box-shadow:0 14px 40px #00000080}.st-tip strong{margin-bottom:4px;font-weight:600;display:block}.st-tip p{color:var(--st-soft);margin:2px 0 0}.st-tip .is-ok{color:var(--st-ok)}.st-tip .is-down{color:var(--st-down)}.st-tip .is-degraded{color:var(--st-degraded)}.st-tip .st-tip-incident{border-top:1px solid var(--st-line);color:var(--st-ink);margin-top:6px;padding-top:6px}.st-incident{--c:var(--st-degraded);border:1px solid color-mix(in srgb, var(--c) 35%, transparent);background:linear-gradient(160deg, color-mix(in srgb, var(--c) 9%, transparent), transparent 55%), var(--st-card);border-radius:20px;margin-bottom:22px;padding:20px 22px}.st-incident[data-impact=major]{--c:var(--st-down)}.st-incident[data-impact=maintenance]{--c:var(--st-maint)}.st-incident header h2{letter-spacing:-.01em;margin:6px 0 2px;font-size:18px;font-weight:700}.st-incident header p{margin:0;font-size:13px}.st-impact{text-transform:uppercase;letter-spacing:.06em;color:var(--c);align-items:center;gap:6px;font-size:12px;font-weight:700;display:inline-flex}.st-impact:before{content:"";background:var(--c);border-radius:50%;width:7px;height:7px}.st-timeline{border-left:1px solid var(--st-line-2);gap:14px;margin:16px 0 0;padding:0 0 0 18px;list-style:none;display:grid}.st-timeline li{position:relative}.st-timeline li:before{content:"";background:var(--st-bg);border:2px solid var(--st-soft);border-radius:50%;width:8px;height:8px;position:absolute;top:6px;left:-22.5px}.st-timeline li:first-child:before{border-color:var(--c,var(--st-ink));background:var(--c,var(--st-ink))}.st-timeline b{font-size:13px;font-weight:700}.st-timeline p{color:var(--st-soft);white-space:pre-line;overflow-wrap:anywhere;margin:2px 0;font-size:14px}.st-timeline time{color:var(--st-muted);font-size:12px}.st-history{margin-top:38px}.st-history>h2{margin:0 0 6px;font-size:18px;font-weight:700}.st-day{border-bottom:1px solid var(--st-line);padding:16px 0}.st-day h3{color:var(--st-soft);margin:0 0 6px;font-size:14px;font-weight:600}.st-day>p{margin:0;font-size:14px}.st-past{--c:var(--st-degraded);border-left:2px solid var(--c);margin-top:8px;padding-left:12px}.st-past[data-impact=major]{--c:var(--st-down)}.st-past[data-impact=maintenance]{--c:var(--st-maint)}.st-past h4{margin:0;font-size:15px;font-weight:600}.st-past>p{margin:2px 0 0;font-size:13px}.st-past details{margin-top:6px;font-size:13px}.st-past summary{cursor:pointer;color:var(--st-soft);width:max-content}.st-past summary:hover{color:var(--st-ink)}.st-more{margin-top:18px}.st-staffbar{border:1px dashed var(--st-line-2);color:var(--st-soft);border-radius:16px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;padding:12px 14px 12px 18px;font-size:14px;display:flex}.st-form{gap:14px;display:grid}.st-form label,.st-form legend{color:var(--st-soft);gap:6px;font-size:13px;font-weight:600;display:grid}.st-form fieldset{border:0;margin:0;padding:0}.st-form legend{margin-bottom:6px}.st-input{border:1px solid var(--st-line-2);width:100%;color:var(--st-ink);background:#00000059;border-radius:12px;padding:10px 12px;font-size:14px;font-weight:400}.st-input:focus{border-color:var(--st-soft);outline:none}textarea.st-input{resize:vertical;min-height:64px}.st-chips{flex-wrap:wrap;gap:8px;display:flex}.st-chip{position:relative;display:inline-flex!important}.st-chip input{opacity:0;pointer-events:none;position:absolute}.st-chip span{border:1px solid var(--st-line-2);color:var(--st-soft);cursor:pointer;border-radius:999px;padding:7px 12px;font-size:13px;font-weight:500}.st-chip input:checked+span{background:var(--st-ink);color:#08090b;border-color:var(--st-ink)}.st-chip input:focus-visible+span{outline-offset:2px;outline:2px solid #ffb066}.st-update{border-top:1px solid var(--st-line);gap:10px;margin-top:18px;padding-top:16px;display:grid}.st-update select{width:auto}.st-row{align-items:center;gap:10px;display:flex}.st-row-end{justify-content:flex-end}.st-btn{border:1px solid var(--st-ink);background:var(--st-ink);color:#08090b;cursor:pointer;border-radius:999px;padding:9px 16px;font-size:14px;font-weight:600}.st-btn:hover{background:#fff}.st-btn:disabled{opacity:.5;cursor:default}.st-btn-ghost{color:var(--st-ink);border-color:var(--st-line-2);background:0 0}.st-btn-ghost:hover{background:#ffffff0f}.st-btn-danger{color:var(--st-down)}.st-link{color:var(--st-muted);cursor:pointer;background:0 0;border:0;margin-top:4px;padding:0;font-size:12px;text-decoration:underline}.st-link-danger:hover{color:var(--st-down)}.st-toast{left:50%;bottom:calc(24px + env(safe-area-inset-bottom));z-index:30;background:var(--st-ink);color:#08090b;border-radius:999px;padding:10px 16px;font-size:14px;font-weight:600;position:fixed;transform:translate(-50%);box-shadow:0 10px 30px #00000080}.st-toast[hidden]{display:none}:focus-visible{outline-offset:2px;outline:2px solid #ffb066}@media (width<=640px){.st-main{padding-top:24px}.st-summary{border-radius:18px;gap:14px;padding:20px}.st-nav a:not(.st-nav-app){display:none}.st-brand-sub{font-size:14px}.st-comp,.st-card-head{padding-left:16px;padding-right:16px}.st-incident{padding:18px}.st-staffbar{flex-direction:column;align-items:stretch}}
