:root{--bg:#f8fafc;--panel:#fff;--text:#0f172a;--muted:#64748b;--border:#e2e8f0;--code-bg:#f1f5f9;--accent:#0284c7;--accent-text:#fff;--t0:#2563eb;--t0-soft:#dbeafe;--t1:#c2410c;--t1-soft:#ffedd5;--ok:#15803d;--ok-soft:#dcfce7;--bad:#b91c1c;--bad-soft:#fee2e2;--wait:#a16207;--wait-soft:#fef9c3;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#0b1220;--panel:#111a2e;--text:#e2e8f0;--muted:#94a3b8;--border:#1e293b;--code-bg:#0f172a;--accent:#38bdf8;--accent-text:#0b1220;--t0:#60a5fa;--t0-soft:#172554;--t1:#fb923c;--t1-soft:#431407;--ok:#4ade80;--ok-soft:#052e16;--bad:#f87171;--bad-soft:#450a0a;--wait:#facc15;--wait-soft:#422006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:8px;padding:7px 12px}button:disabled{cursor:default;opacity:.55}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}a{color:var(--accent)}pre{white-space:pre-wrap;word-break:break-word;margin:0;font:13px/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.page{max-width:1180px;margin:0 auto;padding:24px 16px 48px}.header h1{margin:0;font-size:1.6rem}.lead{color:var(--muted);max-width:70ch;margin:6px 0 18px}.muted{color:var(--muted);font-weight:400}.small{font-size:.85rem}.tabs{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.tab.active{background:var(--text);color:var(--bg);border-color:var(--text)}.story{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:12px 16px}.story p{margin:4px 0}.invariant{color:var(--muted)}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:14px 0 8px;display:flex}.segmented{flex-wrap:wrap;gap:6px;display:flex}.seg.active.broken{background:var(--bad-soft);border-color:var(--bad);color:var(--bad)}.seg.active.fixed{background:var(--ok-soft);border-color:var(--ok);color:var(--ok)}.actions{gap:6px;display:flex}.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:600}.explanation{color:var(--muted);max-width:90ch;margin:4px 0 12px}.outcome{border:1px solid;border-radius:10px;margin-bottom:12px;padding:10px 14px}.outcome.ok{background:var(--ok-soft);border-color:var(--ok)}.outcome.bad{background:var(--bad-soft);border-color:var(--bad)}.outcome strong{margin-right:4px}.link{color:var(--accent);background:0 0;border:none;padding:0;text-decoration:underline}.stuck{color:var(--bad)}.columns{grid-template-columns:1fr 1fr;gap:12px;display:grid}.panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;min-width:0;padding:12px 14px}.panel h2{margin:0 0 8px;font-size:1rem}.tx-0{border-top:4px solid var(--t0)}.tx-1{border-top:4px solid var(--t1)}.tx-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.dot{border-radius:50%;width:10px;height:10px;display:inline-block}.tx-0 .dot{background:var(--t0)}.tx-1 .dot{background:var(--t1)}.badge{background:var(--code-bg);color:var(--muted);white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:.8rem}.state-waiting{background:var(--wait-soft);color:var(--wait)}.state-committed{background:var(--ok-soft);color:var(--ok)}.state-rolled-back{background:var(--bad-soft);color:var(--bad)}.steps{gap:6px;margin:0 0 10px;padding:0;list-style:none;display:grid}.step{border:1px solid var(--border);background:var(--code-bg);border-radius:8px;padding:7px 9px}.step.meta{font:13px ui-monospace,Menlo,Consolas,monospace}.step.done{opacity:.55}.step.done pre:before,.step.done.meta:before{content:"✓ ";color:var(--ok)}.step.current{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 35%, transparent)}.step.waiting{border-color:var(--wait);background:var(--wait-soft)}.step.app{background:0 0;border-style:dashed}.kind{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:.72rem;display:block}.note{margin:0 0 10px;font-size:.9rem}.note-waiting{color:var(--wait)}.note-rolled-back{color:var(--bad)}.step-button{width:100%}.bottom{grid-template-columns:3fr 2fr;gap:12px;margin-top:12px;display:grid}.table-block h3{margin:10px 0 4px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.9rem}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.88rem}th,td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:5px 8px}th{color:var(--muted);font-weight:500}tr.dead td{color:var(--muted);text-decoration:line-through}td.state{white-space:normal}.tag{border-radius:6px;margin:1px 4px 1px 0;padding:1px 6px;font-size:.78rem;display:inline-block}.tag-0{background:var(--t0-soft);color:var(--t0)}.tag-1{background:var(--t1-soft);color:var(--t1)}.log ol{gap:4px;margin:0;padding-left:20px;font-size:.9rem;display:grid}.who{font-weight:600}.log-wait{color:var(--wait)}.log-error{color:var(--bad)}.log-done{color:var(--ok)}.footer{color:var(--muted);max-width:90ch;margin-top:24px;font-size:.88rem}@media (width<=760px){.columns,.bottom{grid-template-columns:1fr}.toolbar{flex-direction:column;align-items:stretch}.actions button{flex:1}}