:root{--bg: #f4f3ef;--surface: #ffffff;--ink: #111111;--ink-muted: #6b6b6b;--ink-faint: #a8a6a0;--rule: #e3e1dc;--rule-strong: #d1cec7;--accent: #d24a1f;--accent-ink: #ffffff;--ok: #3a7a3a;--warn: #c79a1a;--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--s-1: 4px;--s-2: 8px;--s-3: 16px;--s-4: 24px;--s-5: 32px;--s-6: 48px;--s-7: 64px;--s-8: 96px;--read-w: 640px;--container-w: 1080px;--t-fast: .12s ease-out}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-size:16px;line-height:1.55;font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{font-weight:700;letter-spacing:-.01em;line-height:1.2;margin:0}h1{font-size:32px}h2{font-size:22px}h3{font-size:18px;font-weight:500}p{margin:0}button{font:inherit;background:none;border:none;padding:0;margin:0;cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.eyebrow{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted)}.rule{border:0;border-top:1px solid var(--rule);margin:0}.rule-strong{border-top-color:var(--rule-strong)}.shell{max-width:var(--container-w);margin:0 auto;padding:var(--s-7) var(--s-5)}@media (max-width: 720px){.shell{padding:var(--s-5) var(--s-3)}h1{font-size:26px}.runner>header{padding:14px 16px!important;gap:12px!important}.runner>header>div:nth-child(2){display:none}}.reader{max-width:var(--read-w)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);padding:12px 20px;border:1px solid var(--ink);background:var(--surface);color:var(--ink);font-weight:500;font-size:14px;letter-spacing:.02em;transition:background var(--t-fast),color var(--t-fast)}.btn:hover,.btn-primary{background:var(--ink);color:var(--bg)}.btn-primary:hover{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn-ghost{border-color:transparent}.btn-ghost:hover{background:transparent;color:var(--accent)}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent)}.feedback{margin-top:var(--s-4);padding:var(--s-3) var(--s-4);border-left:2px solid var(--ink);font-size:14px;background:var(--surface)}.feedback.ok{border-left-color:var(--ok)}.feedback.warn{border-left-color:var(--warn)}.feedback .label{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;display:block;margin-bottom:6px;color:var(--ink-muted)}.feedback.ok .label{color:var(--ok)}.feedback.warn .label{color:var(--warn)}