:root{color-scheme:dark;--bg: #090909;--panel: #111111;--ink: #f3efe6;--muted: #a39c90;--line: #2a2a2a;--red: #e63946;--red-ink: #ffd7da;--ok: #d5e2c4;--fail: #ffb0a8;--skip: #c8b88a;--shadow: 0 0 0 1px #2c2c2c;font-family:Avenir Next,Segoe UI,sans-serif;line-height:1.45}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(1200px 500px at 10% -10%,#2a0c10 0%,transparent 55%),var(--bg);color:var(--ink)}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.shell{width:min(40rem,calc(100% - 1.5rem));margin:0 auto;padding:1.25rem 0 3rem}.top{display:flex;gap:.85rem;align-items:center}.mark{margin:0;width:2.6rem;height:2.6rem;display:grid;place-items:center;border:1px solid var(--red);color:var(--red);font-weight:700;letter-spacing:.04em}.eyebrow{margin:0;color:var(--muted);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase}h1{margin:.1rem 0 0;font-size:1.7rem;font-weight:650;letter-spacing:-.03em}h2{margin:0;font-size:1.35rem;letter-spacing:-.02em}.lede,.foot,.hint{color:var(--muted)}.lede{margin:.8rem 0 1rem}.steps{list-style:none;display:flex;gap:.35rem;padding:0 0 .2rem;margin:0 0 1rem;overflow-x:auto}.steps li{margin:0}.step{border:1px solid var(--line);background:transparent;color:var(--muted);padding:.35rem .6rem;border-radius:999px;white-space:nowrap}.step.is-current{color:var(--ink);border-color:var(--red)}.panel{background:var(--panel);box-shadow:var(--shadow);padding:1.1rem 1rem 1.25rem}.stack{display:grid;gap:.85rem}.stack>*{margin:0}.row{display:flex;flex-wrap:wrap;gap:.6rem}.primary,.ghost,.choice,.texty{border-radius:2px}.primary,.ghost{border:1px solid var(--red);padding:.55rem .8rem}.primary{background:var(--red);color:#140406;font-weight:650}.ghost{background:transparent;color:var(--red-ink)}.texty{justify-self:start;border:0;background:transparent;color:var(--muted);padding:0;text-decoration:underline;text-underline-offset:.2em}.choices{display:grid;gap:.7rem}.choice{display:grid;gap:.25rem;text-align:left;padding:.85rem;background:#0c0c0c;border:1px solid var(--line)}.choice:hover,.choice:focus-visible,.primary:focus-visible,.ghost:focus-visible,.step:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--red);outline-offset:2px}.choice-title{font-weight:650}.choice-body{color:var(--muted)}.field{display:grid;gap:.3rem}label{font-size:.92rem}input,textarea{width:100%;background:#070707;border:1px solid var(--line);padding:.6rem .65rem;border-radius:2px}textarea{resize:vertical;min-height:5.5rem}.hint{font-size:.92rem}.banner{border-left:3px solid var(--red);padding:.35rem 0 .35rem .7rem;color:var(--red-ink)}.alert{color:var(--fail);margin:0}.charm-wrap{display:grid;justify-content:center;padding:.4rem 0 .2rem}.charm{width:10.5rem;height:13.2rem;background:#000;border:1px solid #3a3a3a;border-radius:1.6rem;box-shadow:0 0 0 .45rem #161616;display:grid;align-content:center;justify-items:center;gap:.7rem;text-align:center}.charm-kicker,.charm-foot{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.62rem;letter-spacing:.14em;color:var(--muted)}.charm-code{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.35rem;letter-spacing:.08em;color:var(--ink)}.checks{list-style:none;padding:0;margin:0;display:grid;gap:.65rem}.check{border-top:1px solid var(--line);padding-top:.55rem}.check p{margin:.25rem 0 0;color:var(--muted);font-size:.92rem}.check-top{display:flex;justify-content:space-between;gap:.6rem;align-items:baseline}.badge{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.68rem;letter-spacing:.06em;border:1px solid var(--line);padding:.1rem .35rem;white-space:nowrap}.badge-mock,.badge-stub{color:var(--skip);border-color:#5c4b2a}.badge-ok{color:var(--ok);border-color:#3d5230}.badge-fail{color:var(--fail);border-color:#6a3030}.badge-skip{color:var(--muted)}.log{display:grid;gap:.7rem}.bubble{padding:.7rem .75rem;background:#0b0b0b;box-shadow:var(--shadow)}.bubble-mock{border-left:3px solid var(--skip)}.bubble-live{border-left:3px solid var(--ok)}.bubble-owner{border-left:3px solid var(--line)}.who{display:flex;gap:.45rem;align-items:center;margin:0 0 .35rem;color:var(--muted);font-size:.85rem}.said{margin:0;white-space:pre-wrap}h3{margin:0;font-size:1rem}.badge-row{display:inline-flex;gap:.35rem;flex-wrap:wrap;justify-content:flex-end}.connection{display:grid;gap:.45rem;padding:.75rem 0;border-top:1px solid var(--line)}.connection h3{font-size:1rem}.perm-account{padding-top:.4rem}.rule{display:grid;gap:.35rem}.rule-label{margin:0}.segment{display:flex;flex-wrap:wrap}.segment-btn{border:1px solid var(--line);background:transparent;color:var(--muted);padding:.35rem .7rem;text-transform:uppercase;letter-spacing:.06em;font-size:.78rem}.segment-btn.is-selected{background:var(--red);border-color:var(--red);color:#140406;font-weight:650}.approval{border-top:1px solid var(--line);padding-top:.8rem}.stub-table{width:100%;border-collapse:collapse}.stub-table th,.stub-table td{text-align:left;padding:.55rem 0;border-bottom:1px solid var(--line);vertical-align:baseline;font-weight:500}.stub-table td{color:var(--muted)}.plain{margin:0;padding-left:1.1rem;display:grid;gap:.35rem}.foot{margin-top:1rem;font-size:.85rem}@media(min-width:860px){.shell{width:min(52rem,calc(100% - 3rem))}.panel{padding:1.4rem 1.5rem 1.6rem}.choices{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}