.sp{--sp-ok:#4abf89;--sp-warn:#f4ce34;--sp-partial:#f9862f;--sp-bad:#ee586c;--sp-none:#272c3f;--sp-unavailable:var(--text-tertiary);--sp-text-mix:78%}.sp [data-state=operational]{--sp-c:var(--sp-ok)}.sp [data-state=degraded]{--sp-c:var(--sp-warn)}.sp [data-state=partial_outage]{--sp-c:var(--sp-partial)}.sp [data-state=major_outage]{--sp-c:var(--sp-bad)}.sp [data-state=no_data],.sp [data-state=loading]{--sp-c:var(--sp-none)}.sp [data-state=unavailable]{--sp-c:var(--sp-unavailable)}.sp-h2{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.02em;color:var(--text-primary);font-size:1.6rem;font-weight:700}.sp-hero{border:1px solid color-mix(in oklab, var(--sp-c) 35%, var(--border));background:radial-gradient(120% 140% at 0% 0%, color-mix(in oklab, var(--sp-c) 16%, transparent), transparent 60%), var(--surface);border-radius:0;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.9rem 1.25rem;padding:1.5rem;transition:border-color .4s,background .4s;display:grid}@media (width>=640px){.sp-hero{grid-template-columns:auto minmax(0,1fr) auto;padding:1.75rem 2rem}}.sp-beacon{background:var(--sp-c);width:1.1rem;height:1.1rem;box-shadow:0 0 0 5px color-mix(in oklab, var(--sp-c) 18%, transparent);border-radius:999px;position:relative}.sp-hero:not([data-state=loading]):not([data-state=no_data]):not([data-state=unavailable]) .sp-beacon:after{content:"";border-radius:inherit;border:2px solid var(--sp-c);animation:2.4s cubic-bezier(0,0,.2,1) infinite sp-ping;position:absolute;inset:0}.sp-hero[data-state=loading] .sp-beacon{animation:1.2s ease-in-out infinite alternate sp-breathe}@keyframes sp-ping{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(2.6)}}@keyframes sp-breathe{0%{opacity:.35}to{opacity:1}}.sp-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.005em;color:var(--text-primary);text-wrap:balance;font-size:clamp(2.2rem,1.6rem + 3vw,4rem);font-weight:700;line-height:.96}.sp-detail{color:var(--text-secondary);text-wrap:pretty;margin-top:.35rem;font-size:.95rem}.sp-updated{font-family:var(--font-mono);color:var(--text-tertiary);font-variant-numeric:tabular-nums;grid-column:1/-1;font-size:.75rem}@media (width>=640px){.sp-updated{text-align:right;white-space:nowrap;grid-column:auto;align-self:start}}.sp-card{border:1px solid var(--border);background:var(--surface);border-radius:0;overflow:hidden}.sp-row{padding:1.15rem 1.25rem 1rem}.sp-row+.sp-row,.sp-past+.sp-past{border-top:1px solid var(--border)}@media (width>=640px){.sp-row{padding:1.3rem 1.5rem 1.1rem}}.sp-row-head{justify-content:space-between;align-items:center;gap:1rem;display:flex}.sp-name{color:var(--text-primary);font-weight:600}.sp-desc{color:var(--text-tertiary);text-wrap:pretty;margin-top:.2rem;font-size:.85rem}.sp-pill{white-space:nowrap;color:color-mix(in oklab, var(--sp-c) var(--sp-text-mix), var(--text-primary));background:color-mix(in oklab, var(--sp-c) 12%, transparent);border-radius:999px;flex-shrink:0;align-items:center;gap:.45rem;padding:.25rem .65rem .25rem .55rem;font-size:.78rem;font-weight:600;display:inline-flex}.sp-pill[data-state=no_data]{color:var(--text-tertiary)}.sp-dot{background:var(--sp-c);border-radius:999px;width:.5rem;height:.5rem}.sp-strip{grid-template-columns:repeat(var(--sp-days,90), minmax(0, 1fr));cursor:crosshair;border-radius:0;outline:none;gap:2px;height:2.1rem;margin-top:.95rem;display:grid}.sp-strip:focus-visible{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--text-brand)}.sp-bar{background:var(--sp-c);transform-origin:bottom;border-radius:0;transition:opacity .12s,transform .12s}.sp-strip.is-inspecting .sp-bar:not(.is-active){opacity:.45}.sp-bar.is-active{transform:scaleY(1.12)}.sp-axis{color:var(--text-tertiary);font-variant-numeric:tabular-nums;justify-content:space-between;gap:1rem;margin-top:.5rem;font-size:.72rem;display:flex}.sp-axis-uptime{font-family:var(--font-mono);color:var(--text-secondary)}.sp-strip-note{color:var(--text-tertiary);margin-top:.9rem;font-size:.85rem}.sp-legend,.sp-defs dt{color:var(--text-tertiary);flex-wrap:wrap;align-items:center;gap:.5rem 1.1rem;font-size:.78rem;display:flex}.sp-legend li,.sp-defs dt{align-items:center;gap:.45rem;display:inline-flex}.sp-swatch{background:var(--sp-c);border-radius:0;flex-shrink:0;width:.7rem;height:.7rem}.sp-defs{gap:.85rem;display:grid}.sp-defs dt{color:var(--text-primary);font-size:.85rem;font-weight:600}.sp-defs dd{color:var(--text-secondary);margin:.15rem 0 0 1.15rem;font-size:.85rem}.sp-tooltip{z-index:60;border:1px solid var(--border);background:var(--elevated);pointer-events:none;border-radius:0;min-width:12rem;padding:.65rem .8rem;font-size:.8rem;position:fixed;top:0;left:0;box-shadow:0 12px 32px -12px #00000059}.sp-tip-date{font-family:var(--font-mono);color:var(--text-tertiary);font-size:.72rem}.sp-tip-state{color:var(--text-primary);align-items:center;gap:.45rem;margin-top:.25rem;font-weight:600;display:flex}.sp-tip-detail{color:var(--text-secondary);font-variant-numeric:tabular-nums;margin-top:.15rem}.sp-incident{--sp-c:var(--sp-bad);border:1px solid color-mix(in oklab, var(--sp-c) 45%, var(--border));background:color-mix(in oklab, var(--sp-c) 6%, var(--surface));border-radius:0;padding:1.25rem 1.4rem}.sp-incident[data-severity=minor]{--sp-c:var(--sp-partial)}.sp-incident-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;display:flex}.sp-incident-title{color:var(--text-primary);font-size:1.05rem;font-weight:650}.sp-chip{text-transform:uppercase;letter-spacing:.06em;color:color-mix(in oklab, var(--sp-c) 80%, var(--text-primary));background:color-mix(in oklab, var(--sp-c) 14%, transparent);border-radius:999px;padding:.2rem .6rem;font-size:.72rem;font-weight:600}.sp-incident-meta,.sp-past-meta{color:var(--text-tertiary);margin-top:.3rem;font-size:.8rem}.sp-timeline{border-left:2px solid var(--border);gap:.9rem;margin-top:1rem;padding-left:1rem;display:grid}.sp-update-meta{color:var(--text-tertiary);flex-wrap:wrap;align-items:baseline;gap:.35rem .75rem;font-size:.78rem;display:flex}.sp-update-status{color:var(--text-primary);font-weight:650}.sp-auto{font-family:var(--font-mono);border:1px solid var(--border);border-radius:0;padding:.05rem .4rem;font-size:.68rem}.sp-update-body{color:var(--text-secondary);max-width:65ch;margin-top:.2rem;font-size:.9rem;line-height:1.55}.sp-month+.sp-month{margin-top:1.75rem}.sp-month-title{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:.6rem;font-size:.75rem}.sp-past details{padding:1rem 1.25rem}.sp-past summary{cursor:pointer;gap:.1rem;list-style:none;display:grid}.sp-past summary::-webkit-details-marker{display:none}.sp-past summary:focus-visible{outline:2px solid var(--text-brand);outline-offset:4px;border-radius:0}.sp-past-title{color:var(--text-primary);font-weight:600}.sp-past-title:after{content:" +";color:var(--text-tertiary);font-weight:400}.sp-past details[open] .sp-past-title:after{content:" −"}.sp-empty{border:1px dashed var(--border);color:var(--text-tertiary);border-radius:0;padding:1.25rem 1.4rem;font-size:.9rem}.sp-sk{background:var(--elevated);border-radius:0;animation:1.1s ease-in-out infinite alternate sp-breathe}.sp-sk-name{width:40%;height:1rem}.sp-sk-pill{border-radius:999px;width:6rem;height:1.4rem}.sp-sk-strip{height:2.1rem;margin-top:.95rem}.sp-visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.sp-beacon:after,.sp-hero .sp-beacon,.sp-sk{animation:none!important}.sp-bar,.sp-hero{transition:none}}