:root{--bg: #0a0a0b;--surface: #121214;--surface-2: #19191c;--line: rgba(255, 255, 255, .07);--line-strong: rgba(255, 255, 255, .12);--text: #ececee;--muted: #8c8c94;--faint: #5f5f66;--accent: #f26b1d;--accent-hover: #ff7d33;--accent-ink: #ffffff;--accent-soft: rgba(242, 107, 29, .12);--accent-glow: rgba(242, 107, 29, .45);--pass: #34d399;--pass-soft: rgba(52, 211, 153, .12);--fail: #f87171;--fail-soft: rgba(248, 113, 113, .12);--warn: #fbbf24;--code-bg: #0d0d0f;--radius: 14px;--radius-sm: 9px;--shadow: 0 1px 0 rgba(255, 255, 255, .03) inset, 0 12px 32px -18px rgba(0, 0, 0, .7);--sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;color-scheme:dark}@media(prefers-color-scheme:light){:root{--bg: #f7f7f8;--surface: #ffffff;--surface-2: #f3f3f5;--line: rgba(15, 15, 20, .08);--line-strong: rgba(15, 15, 20, .14);--text: #18181b;--muted: #63636b;--faint: #9a9aa3;--accent: #e85d10;--accent-hover: #d65208;--accent-soft: rgba(232, 93, 16, .08);--accent-glow: rgba(232, 93, 16, .32);--pass: #0f9b6c;--pass-soft: rgba(15, 155, 108, .1);--fail: #d63b3b;--fail-soft: rgba(214, 59, 59, .08);--warn: #a16207;--code-bg: #f6f6f8;--shadow: 0 1px 2px rgba(15, 15, 20, .04), 0 12px 32px -20px rgba(15, 15, 20, .25);color-scheme:light}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.6 var(--sans);-webkit-font-smoothing:antialiased;font-feature-settings:"cv11","ss01"}code,pre{font-family:var(--mono);font-size:.85em}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.topbar{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:saturate(140%) blur(12px);backdrop-filter:saturate(140%) blur(12px);border-bottom:1px solid var(--line)}.topbar-inner{max-width:1180px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.wordmark{display:flex;align-items:center;gap:10px;margin:0;font-weight:650;letter-spacing:-.01em}.wordmark-mark{width:26px;height:26px;display:block;filter:drop-shadow(0 4px 10px var(--accent-glow))}.page{max-width:1180px;margin:0 auto;padding:40px 20px 80px}.hero{margin-bottom:28px}.hero h1{font-size:clamp(1.7rem,3.2vw,2.4rem);line-height:1.12;letter-spacing:-.025em;font-weight:650;margin:0 0 14px;max-width:24ch}.lede{color:var(--muted);max-width:68ch;margin:0;font-size:1rem}.mode{display:inline-flex;align-items:center;gap:8px;margin:0;padding:5px 12px;border-radius:999px;font-size:.78rem;font-weight:550;color:var(--muted);background:var(--surface-2);border:1px solid var(--line)}.mode:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--faint)}.mode-live:before{background:var(--pass);box-shadow:0 0 8px var(--pass)}.mode-replay:before,.mode-demo:before{background:var(--accent);box-shadow:0 0 8px var(--accent-glow)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px;margin-bottom:16px;min-width:0;box-shadow:var(--shadow)}.panel h2{font-size:.82rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 16px}.panel h3{font-size:.95rem;font-weight:600;margin:22px 0 10px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.examples{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-bottom:20px}.example{position:relative;display:grid;gap:6px;padding:16px 16px 16px 44px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;transition:background .15s,box-shadow .15s,border-color .15s,transform .15s}.example:hover{border-color:var(--line-strong)}.example:before{content:"";position:absolute;left:16px;top:19px;width:14px;height:14px;border-radius:50%;border:1.5px solid var(--faint);transition:all .15s}.example input{position:absolute;opacity:0;pointer-events:none}.example code{font-size:.88rem;font-weight:600;color:var(--text)}.example span{color:var(--muted);font-size:.88rem;line-height:1.5}.example-on{background:linear-gradient(180deg,var(--accent-soft),transparent 140%),var(--surface-2);border-color:color-mix(in srgb,var(--accent) 40%,transparent);box-shadow:0 14px 36px -16px var(--accent-glow)}.example-on:before{border-color:var(--accent);background:var(--accent);box-shadow:inset 0 0 0 3px var(--surface-2)}.example:focus-within{outline:2px solid var(--accent);outline-offset:2px}.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}button.primary{background:var(--accent);color:var(--accent-ink);border:0;border-radius:10px;padding:10px 18px;font:600 .92rem/1 var(--sans);cursor:pointer;box-shadow:0 8px 22px -10px var(--accent-glow),inset 0 1px #ffffff2e;transition:background .15s,transform .1s}button.primary:hover:not(:disabled){background:var(--accent-hover)}button.primary:active:not(:disabled){transform:translateY(1px)}button.primary:disabled{opacity:.6;cursor:progress}button.secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--line-strong);border-radius:10px;padding:9px 16px;font:550 .9rem/1 var(--sans);cursor:pointer;transition:border-color .15s}button.secondary:hover{border-color:var(--muted)}.phases{display:inline-flex;gap:2px;list-style:none;padding:4px;margin:0 0 16px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--line);border-radius:12px}.phase{padding:6px 12px;border-radius:8px;color:var(--faint);font-size:.82rem;font-weight:550}.phase-active{background:var(--accent);color:var(--accent-ink);box-shadow:0 6px 18px -8px var(--accent-glow)}.phase-done{color:var(--muted)}.phase-done:before{content:"✓ ";color:var(--pass)}.callout{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;background:var(--fail-soft);border:1px solid color-mix(in srgb,var(--fail) 25%,transparent);padding:12px 16px;border-radius:var(--radius-sm);margin:0 0 16px;font-size:.92rem}.callout strong,.error{color:var(--fail)}.note{color:var(--muted);font-size:.86rem}.grid{display:grid;gap:16px;grid-template-columns:minmax(0,1fr)}@media(min-width:980px){.grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start}}.tree{list-style:none;margin:0;padding:0}.tree-children>.tree{margin-left:12px;padding-left:16px;border-left:1px dashed var(--line-strong)}.branch{margin:0 0 12px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden;transition:box-shadow .15s,border-color .15s}.branch-selected{border-color:color-mix(in srgb,var(--accent) 40%,transparent);box-shadow:0 12px 30px -16px var(--accent-glow)}.branch-head{all:unset;box-sizing:border-box;width:100%;display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;padding:11px 14px;cursor:pointer;border-bottom:1px solid var(--line)}.branch-head:hover{background:#ffffff05}.branch-kind{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--faint);font-weight:600}.branch-title{font-weight:600;font-size:.92rem}.checks{list-style:none;margin:0;padding:10px 14px;display:grid;gap:8px}.check{display:grid;grid-template-columns:5.4rem minmax(0,1fr);gap:4px 10px;align-items:baseline;font-size:.88rem}.check>.chip{justify-self:start}.check-name{color:var(--text)}.check-message{grid-column:2;color:var(--fail);font-family:var(--mono);font-size:.76rem;overflow-wrap:anywhere;opacity:.9}.chip{display:inline-flex;align-items:center;gap:6px;padding:2px 9px;border-radius:999px;font-size:.72rem;font-weight:600;white-space:nowrap;background:var(--surface);color:var(--muted)}.chip-passed{background:var(--pass-soft);color:var(--pass)}.chip-failed,.chip-error{background:var(--fail-soft);color:var(--fail)}.chip-timed_out{background:color-mix(in srgb,var(--warn) 14%,transparent);color:var(--warn)}.chip-discarded{background:transparent;color:var(--faint);border:1px dashed var(--line-strong)}.spinner{width:8px;height:8px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation:none}.example{transition:none}}.badge-winner,.badge-ok,.badge-bad{font-size:.7rem;padding:3px 9px;border-radius:999px;font-weight:600}.badge-winner{background:var(--accent);color:var(--accent-ink);box-shadow:0 6px 16px -8px var(--accent-glow)}.badge-ok{background:var(--pass-soft);color:var(--pass)}.badge-bad{background:var(--fail-soft);color:var(--fail)}.verdict{font-weight:600;padding:12px 16px;border-radius:var(--radius-sm);margin:0 0 14px;font-size:.95rem}.verdict-repaired{background:var(--pass-soft);color:var(--pass)}.verdict-no_repair,.verdict-broken_baseline,.verdict-no_valid_scenarios{background:var(--fail-soft);color:var(--fail)}.verdict-no_failure{background:var(--surface-2);color:var(--muted)}.failures{list-style:none;padding:0;margin:0;display:grid;gap:14px}.failures li{display:grid;gap:4px}.fault{font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);font-weight:700}blockquote{margin:0;padding:9px 12px;border-radius:8px;background:var(--code-bg);border:1px solid var(--line);font-family:var(--mono);font-size:.78rem;color:var(--fail);overflow-wrap:anywhere}.matrix{width:100%;border-collapse:collapse;font-size:.88rem}.matrix th,.matrix td{text-align:left;padding:9px 6px;border-bottom:1px solid var(--line);vertical-align:top}.matrix th{color:var(--faint);font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.transition{display:inline-flex;gap:6px;align-items:center;white-space:nowrap;color:var(--faint)}.code{background:var(--code-bg);border:1px solid var(--line);border-radius:10px;padding:14px;overflow-x:auto;margin:0;line-height:1.55;font-size:.8rem}.diff span{display:block;padding:0 6px;margin:0 -6px;border-radius:4px}.diff-add{background:var(--pass-soft);color:var(--pass)}.diff-del{background:var(--fail-soft);color:var(--fail)}.diff-hunk{color:var(--accent)}.diff-file{color:var(--faint)}details{margin-top:16px}summary{cursor:pointer;font-weight:600;font-size:.9rem}summary::marker{color:var(--faint)}.pr{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.pr-title{font-weight:600;margin:0 0 4px}.pr-files{margin:8px 0 0;padding-left:18px;font-size:.85rem}.activity{margin:0;padding-left:20px;display:grid;gap:7px;font-size:.9rem;color:var(--text)}.activity li::marker{color:var(--faint);font-size:.8rem}.activity-now{color:var(--muted);list-style:none;margin-left:-20px;display:flex;gap:8px;align-items:center}.activity-done{padding:14px 22px}.activity-done summary{font-size:.88rem;color:var(--muted)}.activity-done .activity{margin-top:12px}.attempts{list-style:none;padding:0;margin:0;display:grid;gap:8px}.attempts li{display:flex;gap:8px;align-items:baseline;justify-content:space-between;flex-wrap:wrap;font-size:.9rem}.hosting-notice{margin-top:18px;max-width:76ch;padding:12px 16px;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--line);color:var(--muted);font-size:.86rem}.hosting-notice strong{color:var(--text);font-weight:600}