:root{--bg: #fafaf9;--fg: #1c1917;--muted: #78716c;--line: #e7e5e4;--accent: #be185d;--ok: #15803d;--bad: #b91c1c;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--fg);background:var(--bg)}@media(prefers-color-scheme:dark){:root{--bg: #1c1917;--fg: #f5f5f4;--muted: #a8a29e;--line: #44403c;--accent: #f472b6;--ok: #4ade80;--bad: #f87171}}*{box-sizing:border-box}body{margin:0;background:var(--bg)}.page{max-width:960px;margin:0 auto;padding:24px 16px}.header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.header h1{margin:0;font-size:1.75rem}.tagline{margin:4px 0 0;color:var(--muted)}.steps{list-style:none;padding:0;margin:24px 0;display:flex;flex-wrap:wrap;gap:8px}.step{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:transparent;color:inherit;font:inherit;cursor:pointer}.step--active{border-color:var(--accent);color:var(--accent)}.step__num{display:inline-grid;place-items:center;width:1.5em;height:1.5em;border-radius:50%;border:1px solid currentColor;font-size:.85em}.panel{border:1px solid var(--line);border-radius:12px;padding:24px;min-height:240px}.panel h2{margin-top:0}.health{font-size:.875rem;color:var(--muted)}.health--ok{color:var(--ok)}.health--bad{color:var(--bad)}