.st-wrap{--st-good:color-mix(in srgb,var(--ds-success) 55%,var(--ds-warning));display:flex;flex-direction:column;gap:var(--ds-space-6)}.st-head{margin-bottom:0}.st-banner{display:flex;align-items:center;gap:var(--ds-space-4);padding:var(--ds-space-5) var(--ds-space-6);border-radius:var(--ds-radius-xl);border:1px solid var(--ds-border);background:var(--ds-surface);box-shadow:var(--ds-inset-top)}.st-banner-dot{width:12px;height:12px;border-radius:50%;flex:none;background:var(--ds-fg-disabled)}.st-banner-title{font-size:1.125rem;font-weight:600;letter-spacing:-.02em;color:var(--ds-fg);line-height:1.3}.st-banner-sub{font-size:var(--ds-text-sm);color:var(--ds-fg-muted);margin-top:2px}.st-banner-operational{border-color:var(--ds-success-border);background:linear-gradient(90deg,var(--ds-success-soft),transparent 70%),var(--ds-surface)}.st-banner-operational .st-banner-dot{background:var(--ds-success);box-shadow:0 0 0 4px var(--ds-success-soft);animation:st-pulse 2.4s ease-in-out infinite}.st-banner-partial{border-color:var(--ds-warning-border);background:linear-gradient(90deg,var(--ds-warning-soft),transparent 70%),var(--ds-surface)}.st-banner-partial .st-banner-dot{background:var(--ds-warning);box-shadow:0 0 0 4px var(--ds-warning-soft)}.st-banner-outage{border-color:var(--ds-danger-border);background:linear-gradient(90deg,var(--ds-danger-soft),transparent 70%),var(--ds-surface)}.st-banner-outage .st-banner-dot{background:var(--ds-danger);box-shadow:0 0 0 4px var(--ds-danger-soft)}.st-banner-unknown{border-style:dashed;border-color:var(--ds-border-dashed);box-shadow:none}@keyframes st-pulse{0%,to{box-shadow:0 0 0 3px var(--ds-success-soft)}50%{box-shadow:0 0 0 8px transparent}}.st-notice{border-radius:var(--ds-radius-lg);border:1px dashed var(--ds-warning-border);background:var(--ds-warning-soft);color:var(--ds-warning);font-size:var(--ds-text-sm);line-height:1.55;padding:12px 16px}.st-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--ds-border);border-radius:var(--ds-radius-xl);background:var(--ds-surface);overflow:hidden}@media (min-width:720px){.st-facts{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1040px){.st-facts{grid-template-columns:repeat(6,minmax(0,1fr))}}.st-fact{position:relative;min-width:0;padding:var(--ds-space-4) var(--ds-space-5);display:flex;flex-direction:column;gap:4px;box-shadow:inset -1px 0 0 var(--ds-border-subtle),inset 0 -1px 0 var(--ds-border-subtle)}.st-fact span{font-size:var(--ds-text-xs);font-weight:500;color:var(--ds-fg-subtle)}.st-fact strong{font-size:1.375rem;font-weight:600;color:var(--ds-fg);letter-spacing:-.025em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1.2}.st-fact em{font-style:normal;font-size:var(--ds-text-xs);color:var(--ds-warning)}.st-fact em.st-fact-sub{color:var(--ds-fg-subtle);font-family:var(--ds-font-mono)}.st-fact .st-ok{color:var(--ds-success)}.st-fact .st-bad{color:var(--ds-danger)}.st-group{display:flex;flex-direction:column;gap:var(--ds-space-3)}.st-group-title{font-size:var(--ds-text-xs);font-weight:600;letter-spacing:var(--ds-ls-caps);text-transform:uppercase;color:var(--ds-fg-subtle);margin:var(--ds-space-4) 2px 0}.st-card{position:relative;border-radius:var(--ds-radius-xl);border:1px solid var(--ds-border);background:var(--ds-surface);box-shadow:var(--ds-inset-top);padding:var(--ds-space-5) var(--ds-space-6);display:flex;flex-direction:column;gap:var(--ds-space-4);min-width:0;transition:border-color var(--ds-dur) var(--ds-ease)}.st-card:hover{border-color:var(--ds-border-strong)}.st-card.st-down{border-color:var(--ds-danger-border)}.st-card.st-unknown{border-style:dashed}.st-card-head{justify-content:space-between;flex-wrap:wrap}.st-card-head,.st-name{display:flex;align-items:center;gap:var(--ds-space-3)}.st-name{min-width:0}.st-name h3{margin:0;font-size:1rem;font-weight:600;letter-spacing:-.015em;color:var(--ds-fg);overflow-wrap:anywhere}.st-note{font-size:var(--ds-text-xs);color:var(--ds-danger);margin-top:2px}.st-dot{width:10px;height:10px;border-radius:50%;flex:none;background:var(--ds-fg-disabled)}.st-dot-up{background:var(--ds-success);box-shadow:0 0 0 3px var(--ds-success-soft)}.st-dot-down{background:var(--ds-danger);box-shadow:0 0 0 3px var(--ds-danger-soft)}.st-head-right{display:flex;align-items:center;gap:var(--ds-space-3)}.st-pill{font-family:var(--ds-font-mono);font-size:var(--ds-text-sm);font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.st-badge{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:var(--ds-radius-full);border:1px solid var(--ds-border);background:var(--ds-tint);font-size:var(--ds-text-xs);font-weight:500;color:var(--ds-fg-muted);white-space:nowrap}.st-badge-up{color:var(--ds-success);border-color:var(--ds-success-border);background:var(--ds-success-soft)}.st-badge-down{color:var(--ds-danger);border-color:var(--ds-danger-border);background:var(--ds-danger-soft)}.st-beats{display:flex;gap:3px;height:28px}.st-beat{flex:1 1;min-width:0;border-radius:3px;background:var(--ds-tint-hover)}.st-beat-up{background:var(--ds-success)}.st-beat-warn{background:var(--ds-warning)}.st-beat-down{background:var(--ds-danger)}.st-beat-empty{background:var(--ds-tint)}.st-beat:hover{filter:brightness(1.25)}.st-stats{display:flex;align-items:flex-end;gap:var(--ds-space-6);flex-wrap:wrap}.st-stat{display:flex;flex-direction:column;gap:2px}.st-stat span{font-size:var(--ds-text-xs);color:var(--ds-fg-subtle)}.st-stat strong{font-size:var(--ds-text-sm);font-weight:600;font-family:var(--ds-font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.st-more{margin-left:auto;display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;font:500 var(--ds-text-xs)/1 var(--ds-font-sans);color:var(--ds-fg-body);background:transparent;border:1px dashed var(--ds-border-dashed);border-radius:var(--ds-radius-md);cursor:pointer;transition:background-color var(--ds-dur-fast) var(--ds-ease),border-color var(--ds-dur-fast) var(--ds-ease)}.st-more:hover{background:var(--ds-tint);border-color:var(--ds-border-strong);color:var(--ds-fg)}.st-more:focus-visible{outline:none;box-shadow:var(--ds-focus-ring)}@media (max-width:640px),(pointer:coarse){.st-more{min-height:44px}}.st-detail{border-top:1px dashed var(--ds-border-dashed);padding-top:var(--ds-space-4)}.st-detail-title{font-size:var(--ds-text-xs);font-weight:600;color:var(--ds-fg-muted);margin-bottom:8px}.st-detail-title em{font-style:normal;font-weight:400;color:var(--ds-fg-subtle);margin-left:8px}.st-detail-title--spaced{margin-top:var(--ds-space-4)}.st-chart{width:100%;height:120px;display:block;border-radius:var(--ds-radius-md);background:var(--ds-tint)}.st-chart-stop{stop-color:var(--ds-accent)}.st-chart-line{stroke:var(--ds-accent-fg)}.st-chart-dot{fill:var(--ds-accent-fg)}.st-chart-down{fill:var(--ds-danger);opacity:.22}.st-days{display:flex;gap:2px;height:26px}.st-day{flex:1 1;min-width:0;border-radius:2px}.st-day-empty{background:var(--ds-tint)}.st-empty{color:var(--ds-fg-subtle);padding:6px 0}.st-empty,.st-ssl{font-size:var(--ds-text-sm)}.st-ssl{color:var(--ds-fg-muted);margin:0 2px}.st-ssl strong{color:var(--ds-fg);font-weight:600}.st-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr));grid-gap:var(--ds-space-6);gap:var(--ds-space-6)}.st-metric{display:flex;flex-direction:column;gap:8px}.st-metric-top{display:flex;justify-content:space-between;gap:8px;font-size:var(--ds-text-sm);color:var(--ds-fg-muted)}.st-metric-top strong{color:var(--ds-fg);font-family:var(--ds-font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.st-meter{height:6px;border-radius:999px;background:var(--ds-tint-hover);overflow:hidden}.st-meter span{display:block;height:100%;border-radius:999px;transition:width .6s ease,background .3s ease}.st-metric-sub{font-size:var(--ds-text-xs);color:var(--ds-fg-subtle);font-family:var(--ds-font-mono)}.st-metrics-wrap{gap:var(--ds-space-4)}.st-host-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.st-host-name{font-weight:600;color:var(--ds-fg);font-size:.9375rem}.st-host-stale{border-style:dashed}.st-host-stale .st-badge{color:var(--ds-warning);border-color:var(--ds-warning-border);background:var(--ds-warning-soft);white-space:normal}.st-incidents{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--ds-space-3)}.st-incidents li{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-bottom:var(--ds-space-3);border-bottom:1px dashed var(--ds-border-dashed)}.st-incidents li:last-child{border-bottom:0;padding-bottom:0}.st-incidents strong{color:var(--ds-fg);font-weight:600}.st-when{margin-left:auto;font-size:var(--ds-text-xs);color:var(--ds-fg-subtle)}@media (max-width:640px){.st-card{padding:var(--ds-space-4)}.st-beats{gap:2px;height:24px}.st-days{gap:1px}.st-beat,.st-day{border-radius:1.5px}.st-head-right{width:100%;justify-content:space-between}.st-banner{padding:var(--ds-space-4)}.st-stats{gap:var(--ds-space-4)}.st-more,.st-when{margin-left:0}.st-when{width:100%}}@media (prefers-reduced-motion:reduce){.st-banner-operational .st-banner-dot{animation:none}.st-card,.st-meter span,.st-more{transition:none}}