:root{--font-family:"Inter", system-ui, sans-serif;--font-family-heading:"Plus Jakarta Sans", system-ui, sans-serif;--color-brand:#5b5ef7;--color-brand-hover:#4547e0;--color-brand-light:#ededfd;--color-ok:#22c55e;--color-degraded:#f59e0b;--color-error:#ef4444;--color-ok-bg:#f0fdf4;--color-degraded-bg:#fffbeb;--color-error-bg:#fef2f2;--pico-primary:var(--color-brand);--pico-primary-hover:var(--color-brand-hover);--pico-primary-focus:rgba(91,94,247,.25);--pico-primary-inverse:#fff;--pico-background-color:#f8f8ff;--pico-card-background-color:#fff;--pico-card-border-color:#e8e8f0;--section-gap:3rem}[data-theme=dark]{--color-brand-light:rgba(91,94,247,.15);--color-ok-bg:rgba(34,197,94,.12);--color-degraded-bg:rgba(245,158,11,.12);--color-error-bg:rgba(239,68,68,.12);--pico-background-color:#12121a;--pico-card-background-color:#1c1c28;--pico-card-border-color:#2a2a3c}body{font-family:var(--font-family)}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);letter-spacing:-.02em;font-weight:700}header{border-bottom:1px solid var(--pico-card-border-color);margin-bottom:var(--section-gap);padding-block:1rem}.brand{font-family:var(--font-family-heading);color:var(--color-brand);letter-spacing:-.02em;font-size:1.15rem}.theme-toggle{padding:.35rem .9rem;font-size:.85rem}.hero{text-align:center;padding-block:3rem 2rem}.hero h1{margin-bottom:.5rem;font-size:clamp(2rem,5vw,3.5rem);font-weight:800}.hero p{color:var(--pico-muted-color);font-size:1.15rem}.health-card{flex-direction:column;gap:1rem;max-width:36rem;display:flex}.health-status{border-radius:var(--pico-border-radius);border:1px solid var(--pico-card-border-color);padding:1.25rem 1.5rem}.health-status.status-ok{background-color:var(--color-ok-bg);border-color:var(--color-ok)}.health-status.status-degraded{background-color:var(--color-degraded-bg);border-color:var(--color-degraded)}.health-status.status-error{background-color:var(--color-error-bg);border-color:var(--color-error)}.health-status header{border:none;align-items:center;gap:.6rem;margin-bottom:.75rem;padding:0;display:flex}.status-dot{background-color:currentColor;border-radius:50%;flex-shrink:0;width:.65rem;height:.65rem;display:inline-block}.status-ok .status-dot{color:var(--color-ok)}.status-degraded .status-dot{color:var(--color-degraded)}.status-error .status-dot{color:var(--color-error)}.health-status dl{grid-template-columns:auto 1fr;gap:.35rem 1.5rem;margin:0;display:grid}.health-status dl div{display:contents}.health-status dt{color:var(--pico-muted-color);text-transform:uppercase;letter-spacing:.04em;font-size:.85rem;font-weight:600}.health-status dd{margin:0;font-size:.95rem}.section-description{color:var(--pico-muted-color);margin-bottom:1.5rem;font-size:.9rem}.click-counter{flex-direction:column;align-items:flex-start;gap:1.25rem;max-width:28rem;display:flex}.click-display{background:var(--pico-card-background-color);border:1px solid var(--pico-card-border-color);border-radius:var(--pico-border-radius);flex-direction:column;align-items:flex-start;gap:.25rem;width:100%;padding:1.25rem 1.75rem;display:flex}.click-count{font-family:var(--font-family-heading);letter-spacing:-.04em;color:var(--color-brand);font-size:clamp(2.5rem,8vw,4rem);font-weight:800;line-height:1}.click-count.click-error{color:var(--color-error)}.click-label{text-transform:uppercase;letter-spacing:.06em;color:var(--pico-muted-color);font-size:.8rem;font-weight:600}.click-btn{font-family:var(--font-family-heading);letter-spacing:-.01em;min-width:9rem;padding:.65rem 2rem;font-size:1.05rem;font-weight:700;transition:transform 80ms,box-shadow 80ms}.click-btn:active:not(:disabled){transform:scale(.96)}.click-hint{color:var(--pico-muted-color);margin:0;font-size:.8rem;line-height:1.5}footer{border-top:1px solid var(--pico-card-border-color);margin-top:var(--section-gap);color:var(--pico-muted-color);text-align:center;padding-block:1.5rem;font-size:.875rem}