.sp-body{background:var(--surface-2);flex-direction:column;min-height:100vh;display:flex}.sp-wrap{width:min(760px,100% - 32px);margin-inline:auto}.sp-top{border-bottom:1px solid var(--line);background:#fff}.sp-top-inner{justify-content:space-between;align-items:center;gap:16px;height:64px;display:flex}.sp-brand{letter-spacing:-.02em;align-items:center;gap:10px;min-width:0;font-size:16px;font-weight:700;display:inline-flex}.sp-brand>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sp-mark{border-radius:var(--radius-md);background:var(--ink);color:#fff;flex:none;place-items:center;width:30px;height:30px;font-size:14px;font-weight:700;display:grid}.sp-top-tag{font-size:var(--fs-sm);color:var(--muted);flex:none}.sp-top-tag--example{background:var(--accent-tint);color:var(--accent);border-radius:999px;padding:2px 10px;font-weight:700}.sp-example{border:1px solid var(--line);border-radius:var(--radius-lg);font-size:var(--fs-md);background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;margin:-24px 0 32px;padding:14px 16px;line-height:1.6;display:flex}.sp-example p{flex:320px;min-width:0}.sp-example-links{flex-wrap:wrap;gap:8px 14px;display:flex}.sp-example-links a{min-height:32px;color:var(--accent);align-items:center;font-weight:600;display:inline-flex}.sp-example-links a:hover{text-underline-offset:3px;text-decoration:underline}.sp-example-links .sp-example-primary{border-radius:var(--radius-md);background:var(--ink);color:#fff;padding:0 14px}.sp-example-links .sp-example-primary:hover{opacity:.9;text-decoration:none}#main.sp-wrap{flex:1;min-height:0;padding:48px 0 32px}.sp-banner{text-align:center;padding:8px 0 32px}.sp-banner-icon{color:#fff;background:var(--neutral);border-radius:50%;place-items:center;width:52px;height:52px;margin-bottom:16px;display:inline-grid}.sp-banner--up .sp-banner-icon{background:var(--ok);box-shadow:0 0 0 8px var(--ok-tint)}.sp-banner--down .sp-banner-icon{background:var(--red);box-shadow:0 0 0 8px var(--red-tint)}.sp-banner--pending .sp-banner-icon{background:var(--warn);box-shadow:0 0 0 8px var(--warn-tint)}.sp-banner--unknown .sp-banner-icon,.sp-banner--paused .sp-banner-icon,.sp-banner--empty .sp-banner-icon{box-shadow:0 0 0 8px var(--surface-3)}.sp-banner h1{font-size:26px}.sp-banner p{font-size:var(--fs-sm);flex-wrap:wrap;justify-content:center;gap:6px;margin-top:6px;display:flex}.sp-description{text-align:center;white-space:pre-line;max-width:560px;margin:-12px auto 28px;font-size:14px;line-height:1.7}.sp-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff;overflow:hidden}.sp-monitor{padding:20px 24px}.sp-monitor+.sp-monitor{border-top:1px solid var(--line)}.sp-monitor-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;display:flex}.sp-monitor-head h2{overflow-wrap:anywhere;min-width:0;font-size:15px;font-weight:650}.sp-pill{min-height:24px;font-size:var(--fs-sm);background:var(--surface-3);color:var(--muted);border-radius:999px;flex:none;align-items:center;gap:6px;padding:2px 10px;font-weight:600;display:inline-flex}.sp-pill i{background:currentColor;border-radius:50%;width:7px;height:7px}.sp-pill--up{background:var(--ok-tint);color:var(--ok)}.sp-pill--down{background:var(--red-tint);color:var(--red)}.sp-pill--pending{background:var(--warn-tint);color:var(--warn)}.sp-monitor-meta{font-size:var(--fs-sm);color:var(--muted);flex-wrap:wrap;gap:4px 16px;margin:8px 0 14px;display:flex}.sp-monitor-meta b{color:var(--ink);font-weight:600}.sp-days{gap:3px;height:34px;display:flex}.sp-days li{background:var(--line);border-radius:2px;flex:1 1 0;min-width:0;transition:transform .12s;position:relative}.sp-days li:hover{transform:scaleY(1.08)}.sp-days li.is-ok{background:var(--ok)}.sp-days li.is-partial{background:#c99a3a}.sp-days li.is-down{background:var(--red)}.sp-days li.is-empty{background:repeating-linear-gradient(135deg, var(--surface-3) 0 3px, var(--line) 3px 5px)}.sp-days li.is-picked{outline:2px solid var(--ink);outline-offset:1px}.sp-readout{font-size:var(--fs-sm);color:var(--ink);margin-top:6px}.sp-axis{font-size:var(--fs-xs);color:var(--subtle);justify-content:space-between;gap:12px;margin-top:6px;display:flex}.sp-sr{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sp-response{border-top:1px dashed var(--line);margin-top:14px;padding-top:10px}.sp-response summary{min-height:28px;font-size:var(--fs-sm);color:var(--muted);align-items:center;gap:10px;display:flex}.sp-response summary span:first-child{color:var(--ink);font-weight:600}.sp-chevron{margin-left:auto;transition:transform .15s}.sp-response[open] .sp-chevron{transform:rotate(180deg)}.sp-spark{background:linear-gradient(var(--surface-2), var(--surface-2)) bottom / 100% 1px no-repeat;width:100%;height:64px;margin-top:8px;display:block}.sp-spark-line{fill:none;stroke:var(--accent);stroke-width:1.6px;vector-effect:non-scaling-stroke;stroke-linejoin:round}.sp-spark-area{fill:var(--accent-tint)}.sp-incidents{margin-top:36px}.sp-incidents h2{margin-bottom:12px;font-size:16px}.sp-incidents ul{border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff}.sp-incidents li{padding:14px 20px}.sp-incidents li+li{border-top:1px solid var(--line)}.sp-incidents li div{justify-content:space-between;align-items:center;gap:12px;display:flex}.sp-incidents strong{overflow-wrap:anywhere;font-size:14px;font-weight:600}.sp-incident-state{font-size:var(--fs-sm);color:var(--ok);flex:none;font-weight:600}.sp-incidents li.is-open .sp-incident-state{color:var(--red)}.sp-incidents li p{font-size:var(--fs-sm);flex-wrap:wrap;gap:4px 12px;margin-top:4px;display:flex}.sp-empty{border:1px dashed var(--line-strong);border-radius:var(--radius-lg);text-align:center;font-size:var(--fs-md);background:#fff;padding:20px}.sp-note{font-size:var(--fs-xs);color:var(--subtle);text-align:center;margin-top:20px}.sp-foot{padding:28px 0 36px}.sp-foot .sp-wrap{font-size:var(--fs-sm);color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 20px;display:flex}.sp-powered{align-items:center;gap:8px;min-height:24px;display:inline-flex}.sp-powered svg{color:var(--accent)}.sp-make{min-height:24px;color:var(--accent);align-items:center;font-weight:600;display:inline-flex}.sp-make:hover,.sp-powered:hover span{text-underline-offset:3px;text-decoration:underline}@media (width<=640px){#main.sp-wrap{padding-top:32px}.sp-banner h1{font-size:21px}.sp-monitor{padding:16px}.sp-days{gap:2px;height:30px}.sp-incidents li{padding:12px 16px}}@media (prefers-reduced-motion:reduce){.sp-days li,.sp-chevron{transition:none}}