.st{--st-ink:#111;--st-sub:#6b6b6b;--st-line:#e5e5e5;--st-panel:#fff;--st-ok:#16a34a;--st-warn:#d97706;--st-bad:#dc2626;--st-none:#e7e7e7;width:100%;max-width:960px;color:var(--st-ink);flex-direction:column;gap:40px;margin:0 auto;padding:112px 16px 80px;display:flex}.st h1,.st h2,.st h3{margin:0}.st-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--st-sub);margin:0 0 14px;font-size:13px}.st-operational{--c:var(--st-ok)}.st-degraded{--c:var(--st-warn)}.st-outage{--c:var(--st-bad)}.st-unknown{--c:#a3a3a3}.st-banner{border:1px solid var(--st-line);background:color-mix(in srgb, var(--c) 7%, var(--st-panel));border-color:color-mix(in srgb, var(--c) 30%, var(--st-line));border-radius:12px;align-items:center;gap:18px;padding:22px 24px;display:flex}.st-banner>div{flex:1;min-width:0}.st-banner h1{letter-spacing:-.02em;font-size:clamp(22px,3.4vw,30px);font-weight:600}.st-banner p{color:var(--st-sub);margin:6px 0 0;font-size:14px}.st-pulse{background:var(--c);border-radius:50%;flex-shrink:0;width:14px;height:14px;position:relative}.st-pulse:after{content:"";background:var(--c);border-radius:50%;animation:2s cubic-bezier(0,0,.2,1) infinite st-ping;position:absolute;inset:0}@keyframes st-ping{75%,to{opacity:0;transform:scale(2.4)}}@media (prefers-reduced-motion:reduce){.st-pulse:after{animation:none}}.st-live{color:var(--st-sub);border:1px solid var(--st-line);background:var(--st-panel);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:500}.st-kpis{grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0 0;display:grid}.st-kpis div{border:1px solid var(--st-line);background:var(--st-panel);border-radius:12px;padding:16px 18px}.st-kpis dt{color:var(--st-sub);font-size:13px}.st-kpis dd{letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin:6px 0 0;font-size:26px;font-weight:600}.st-card{border:1px solid var(--st-line);background:var(--st-panel);border-radius:12px}.st-card-head{border-bottom:1px solid var(--st-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;display:flex}.st-card-head h2,.st-h2{letter-spacing:-.01em;font-size:17px;font-weight:600}.st-h2{margin-bottom:14px!important}.st-legend{color:var(--st-sub);flex-wrap:wrap;gap:14px;font-size:12px;display:flex}.st-legend span{align-items:center;gap:6px;display:inline-flex}.st-legend i{background:var(--c);border-radius:2px;width:10px;height:10px}.st-legend i.st-unknown{background:var(--st-none)}.st-row{border-bottom:1px solid var(--st-line);padding:18px 22px}.st-row:last-child{border-bottom:0}.st-row-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.st-name{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:flex}.st-name strong{font-size:15px;font-weight:600}.st-name code{color:var(--st-sub);background:#f5f5f5;border-radius:4px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.st-dot{background:var(--c);border-radius:50%;flex-shrink:0;width:9px;height:9px}.st-row-right{flex-shrink:0;align-items:center;gap:14px;display:flex}.st-lat{color:var(--st-sub);font-variant-numeric:tabular-nums;font-size:13px}.st-state{color:var(--c);font-size:13px;font-weight:500}.st-bars{gap:3px;height:34px;display:flex}.st-bar{background:var(--c);border-radius:2px;outline:none;flex:1;transition:opacity .15s;position:relative}.st-bar.st-unknown{background:var(--st-none)}.st-bars:hover .st-bar{opacity:.55}.st-bars .st-bar:hover,.st-bar:focus-visible{opacity:1}.st-tip{z-index:5;color:#fff;pointer-events:none;background:#111;border-radius:8px;flex-direction:column;width:max-content;max-width:220px;padding:10px 12px;font-size:12px;line-height:1.5;display:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 6px 24px #0000002e}.st-tip b{font-weight:600}.st-bar:hover .st-tip,.st-bar:focus-visible .st-tip{display:flex}.st-bar:nth-child(-n+4) .st-tip{left:0;transform:none}.st-bar:nth-last-child(-n+4) .st-tip{left:auto;right:0;transform:none}.st-axis{color:var(--st-sub);justify-content:space-between;margin-top:8px;font-size:12px;display:flex}.st-axis span:nth-child(2){color:var(--st-ink);font-variant-numeric:tabular-nums;font-weight:500}.st-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.st-mini{padding:16px 18px 14px}.st-mini-head{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:12px;font-size:14px;display:flex}.st-mini-head span{color:var(--st-sub);font-size:12px}.st-spark{width:100%;height:64px;display:block;overflow:visible}.st-spark-line{fill:none;stroke:var(--st-ink);stroke-width:1.5px;stroke-linejoin:round}.st-spark-fill{fill:#f2f2f2}.st-spark-fail{stroke:var(--st-bad);stroke-width:1.5px;opacity:.7}.st-spark-meta{color:var(--st-sub);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:8px;font-size:12px;display:flex}.st-spark-empty{height:64px;color:var(--st-sub);background:#fafafa;border-radius:6px;place-items:center;font-size:13px;display:grid}.st-timeline{padding:4px 22px}.st-day{border-bottom:1px solid var(--st-line);padding:16px 0}.st-day:last-child{border-bottom:0}.st-day h3{margin-bottom:8px;font-size:14px;font-weight:600}.st-none{color:var(--st-sub);margin:0;font-size:14px}.st-inc{align-items:baseline;gap:10px;padding:4px 0;display:flex}.st-inc strong{font-size:14px;font-weight:500}.st-inc p{color:var(--st-sub);margin:2px 0 0;font-size:13px}.st-how{color:#333;padding:20px 22px;font-size:14px;line-height:1.65}.st-how h2{margin-bottom:8px;font-size:17px;font-weight:600}.st-how p{margin:0 0 10px}.st-how p:last-child{margin:0}.st-how a{color:var(--st-ink);text-underline-offset:2px;text-decoration:underline}.st-empty{color:var(--st-sub);margin:0;padding:22px}@media (max-width:760px){.st{gap:32px;padding-top:92px}.st-grid{grid-template-columns:1fr}.st-kpis{grid-template-columns:1fr 1fr 1fr;gap:8px}.st-kpis div{padding:12px}.st-kpis dd{font-size:20px}.st-banner{flex-wrap:wrap;padding:18px}.st-row,.st-card-head{padding-left:16px;padding-right:16px}.st-timeline{padding:4px 16px}.st-bars{gap:2px;height:30px}.st-lat{display:none}}
