.mascot{width:100%;max-width:220px;height:auto;display:block}.m-float{animation:3.6s ease-in-out infinite m-float}@keyframes m-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.m-lid{transform-box:fill-box;transform-origin:top;animation:4.8s infinite m-blink;transform:scaleY(0)}@keyframes m-blink{0%,93%,to{transform:scaleY(0)}95.5%,97%{transform:scaleY(1)}}.m-talk{transform-box:fill-box;transform-origin:50%;display:none}.mascot.talking .m-smile{display:none}.mascot.talking .m-talk{animation:.22s ease-in-out infinite alternate m-talk;display:block}@keyframes m-talk{0%{transform:scaleY(.35)}to{transform:scaleY(1)}}.m-arm-wave{transform-box:fill-box;transform-origin:25% 88%}.mascot.talking .m-arm-wave{animation:1.1s ease-in-out infinite m-wave}@keyframes m-wave{0%,to{transform:rotate(0)}50%{transform:rotate(-12deg)}}.m-brow{transform-box:fill-box;transform-origin:50%}.mascot.talking .m-brow{animation:1.4s ease-in-out infinite m-brow}@keyframes m-brow{0%,to{transform:translateY(0)}30%{transform:translateY(-3px)}}.m-head{transform-box:fill-box;transform-origin:50% 90%}.mascot.talking .m-head{animation:2.8s ease-in-out infinite m-tilt}@keyframes m-tilt{0%,to{transform:rotate(0)}30%{transform:rotate(-2deg)}70%{transform:rotate(2deg)}}@media (prefers-reduced-motion:reduce){.m-float,.m-lid,.m-talk,.m-arm-wave,.m-brow,.m-head{animation:none!important}}.reply-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;margin-top:3.2rem;padding:1.8rem 1.9rem}.reply-card h3{text-wrap:balance;margin:0 0 .5rem;font-family:Georgia,Iowan Old Style,Palatino Linotype,serif;font-size:1.3rem;font-weight:400}.reply-lede{color:var(--muted);max-width:56ch;margin:0 0 1.4rem;font-size:.94rem}.form-label{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin-bottom:.4rem;font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:.7rem;display:block}.reply-input,.reply-textarea{width:100%;color:var(--ink);background:var(--surface-2);border:1px solid var(--line);box-sizing:border-box;border-radius:8px;margin-bottom:1.2rem;padding:.7em .85em;font-family:inherit;font-size:.98rem}.reply-textarea{resize:vertical;min-height:6rem}.reply-input:focus,.reply-textarea:focus,.reply-send:focus-visible,.reply-rpa:focus-visible,.modal-ok:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.reply-actions{flex-wrap:wrap;align-items:center;gap:.8rem;display:flex}.reply-send{background:var(--accent);color:var(--surface-2);cursor:pointer;border:none;border-radius:8px;padding:.65em 1.4em;font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:.85rem}.reply-send:hover{opacity:.9}.reply-rpa{color:var(--accent-warm);border:1px solid var(--accent-warm);cursor:pointer;background:0 0;border-radius:8px;padding:.65em 1.4em;font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:.85rem}.reply-rpa:hover:not(:disabled){background:var(--chip-warm-bg)}.reply-rpa:disabled{opacity:.6;cursor:wait}.rpa-explainer{color:var(--muted);border-top:1px dashed var(--line);max-width:60ch;margin:1rem 0 0;padding-top:.9rem;font-size:.83rem}.rpa-hint{color:var(--muted);max-width:56ch;margin:.9rem 0 0;font-size:.85rem}.rpa-hint-error{color:var(--accent-warm)}.modal-overlay{z-index:50;background:#00000073;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal-box{background:var(--surface-2);border:1px solid var(--line);text-align:center;border-radius:14px;width:100%;max-width:380px;padding:1.9rem;animation:.18s modal-pop}.modal-box h4{margin:0 0 .6rem;font-family:Georgia,Iowan Old Style,Palatino Linotype,serif;font-size:1.3rem;font-weight:400}.modal-box p{color:var(--muted);margin:0 0 1.4rem;font-size:.95rem}.modal-ok{background:var(--accent);color:var(--surface-2);cursor:pointer;border:none;border-radius:8px;padding:.6em 1.6em;font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:.85rem}@media (prefers-reduced-motion:reduce){.modal-box{animation:none}}@keyframes modal-pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media (width<=480px){.reply-card{padding:1.5rem 1.3rem}.reply-actions{flex-direction:column;align-items:stretch}.reply-send,.reply-rpa{text-align:center;width:100%}}.start-hero{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;margin-top:3rem;display:flex}.start-hero .mascot{max-width:240px}.start-button{background:var(--accent);color:var(--surface-2);cursor:pointer;border:none;border-radius:999px;padding:.95em 2.1em;font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:1rem;box-shadow:0 6px 18px #2b6b5747}.start-button:hover{opacity:.92;transform:translateY(-1px)}.start-hint{color:var(--muted);margin:0;font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:.75rem}.stage{grid-template-columns:230px minmax(0,1fr);align-items:start;gap:2.2rem;margin-top:2.6rem;display:grid}.mascot-col{flex-direction:column;align-items:center;gap:.9rem;display:flex;position:sticky;top:1.4rem}.controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem;display:flex}.ctrl-play{background:var(--accent);width:3.2rem;height:3.2rem;color:var(--surface-2);cursor:pointer;border:none;border-radius:50%;font-size:1rem}.ctrl-play:hover:not(:disabled){opacity:.9}.ctrl-play:disabled{opacity:.4;cursor:default}.ctrl-sec{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;padding:.5em 1em;font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:.75rem}.ctrl-sec:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.ctrl-sec:disabled{opacity:.4;cursor:default}.progress-label{letter-spacing:.05em;color:var(--muted);font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:.72rem}.bubble{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:1.6rem 1.7rem;animation:.5s cubic-bezier(.18,.89,.32,1.18) both card-in;position:relative}.bubble:before{content:"";background:var(--surface);border-left:1px solid var(--line);border-bottom:1px solid var(--line);width:15px;height:15px;position:absolute;top:36px;left:-8.5px;transform:rotate(45deg)}@keyframes card-in{0%{opacity:0;transform:translateY(28px)scale(.95)}to{opacity:1;transform:none}}.bubble-top{align-items:center;gap:.8rem;margin-bottom:.7rem;display:flex}.bubble-chip{letter-spacing:.04em;text-transform:uppercase;background:var(--chip-warm-bg);color:var(--accent-warm);border-radius:999px;padding:.28em .75em;font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:.68rem}.bubble h2{text-wrap:balance;margin:0 0 .7rem;font-family:Georgia,Iowan Old Style,Palatino Linotype,serif;font-size:1.35rem;font-weight:400}.bubble p{max-width:64ch;margin:0 0 .9rem}.qa-project{background:var(--chip-warm-bg);color:var(--accent-warm);border-radius:5px;padding:.25em .6em;font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:.7rem;display:inline-block}.audio-fallback{color:var(--accent-warm);margin-top:.5rem;font-size:.85rem}.bubble .reply-card{margin-top:1.6rem}.caret{background:var(--accent);vertical-align:text-bottom;width:2px;height:1em;margin-left:2px;animation:.8s step-end infinite caret-blink;display:inline-block}@keyframes caret-blink{0%,to{opacity:1}50%{opacity:0}}.stack-groups{flex-direction:column;gap:.55rem;margin:.4rem 0 .9rem;animation:.4s both card-in;display:flex}.stack-group{flex-wrap:wrap;align-items:baseline;gap:.7rem;display:flex}.stack-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);flex:none;min-width:8.5rem;font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:.66rem}.stack-chips{flex-wrap:wrap;gap:.35rem;display:inline-flex}.stack-chip{background:var(--chip-bg);color:var(--accent);border-radius:5px;padding:.22em .6em;font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:.68rem}.speaking{align-items:flex-end;gap:3px;height:14px;display:inline-flex}.speaking i{background:var(--accent);border-radius:2px;width:3px;height:4px;animation:.7s ease-in-out infinite spk;display:block}.speaking i:nth-child(2){animation-delay:.15s}.speaking i:nth-child(3){animation-delay:.3s}@keyframes spk{0%,to{height:4px}50%{height:14px}}.step-chips{flex-wrap:wrap;gap:.4rem;margin-top:1.4rem;display:flex}.step-chip{border:1px solid var(--line);background:var(--surface);color:var(--muted);cursor:pointer;border-radius:999px;padding:.32em .75em;font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:.68rem}.step-chip:hover{border-color:var(--accent);color:var(--accent)}.step-chip.done{background:var(--chip-bg);color:var(--accent);border-color:#0000}.step-chip.current{background:var(--accent);color:var(--surface-2);border-color:var(--accent)}@media (width<=700px){.stage{grid-template-columns:1fr;gap:1.3rem}.mascot-col{position:static}.mascot-col .mascot{max-width:130px}.start-hero .mascot{max-width:190px}.bubble:before{border-left:1px solid var(--line);border-top:1px solid var(--line);border-bottom:none;top:-8.5px;left:40px}.bubble{padding:1.3rem 1.2rem}}:root{--bg:#e8eae1;--surface:#f6f7f1;--surface-2:#fff;--ink:#1e2420;--muted:#5c6459;--accent:#2b6b57;--accent-warm:#a9702e;--gap:#a3402c;--line:#cfd3c4;--chip-bg:#2b6b571f;--chip-warm-bg:#a9702e24;--chip-gap-bg:#a3402c1f;--code-bg:#1e2420;--code-ink:#d7e0d3;--code-accent:#7fcbae}@media (prefers-color-scheme:dark){:root{--bg:#12161a;--surface:#191e1b;--surface-2:#1f2521;--ink:#e7e9e1;--muted:#9aa398;--accent:#4fae8e;--accent-warm:#d6a15c;--gap:#d97a64;--line:#2b322c;--chip-bg:#4fae8e29;--chip-warm-bg:#d6a15c29;--chip-gap-bg:#d97a6424;--code-bg:#0e1210;--code-ink:#cbd6c6;--code-accent:#7fcbae}}:root[data-theme=dark]{--bg:#12161a;--surface:#191e1b;--surface-2:#1f2521;--ink:#e7e9e1;--muted:#9aa398;--accent:#4fae8e;--accent-warm:#d6a15c;--gap:#d97a64;--line:#2b322c;--chip-bg:#4fae8e29;--chip-warm-bg:#d6a15c29;--chip-gap-bg:#d97a6424;--code-bg:#0e1210;--code-ink:#cbd6c6;--code-accent:#7fcbae}:root[data-theme=light]{--bg:#e8eae1;--surface:#f6f7f1;--surface-2:#fff;--ink:#1e2420;--muted:#5c6459;--accent:#2b6b57;--accent-warm:#a9702e;--gap:#a3402c;--line:#cfd3c4;--chip-bg:#2b6b571f;--chip-warm-bg:#a9702e24;--chip-gap-bg:#a3402c1f;--code-bg:#1e2420;--code-ink:#d7e0d3;--code-accent:#7fcbae}*{box-sizing:border-box}html,body,#root{margin:0;padding:0}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.65}::selection{background:var(--chip-bg)}a{color:inherit}code{font-family:ui-monospace,SF Mono,Consolas,monospace}.page{max-width:820px;margin:0 auto;padding:4.5rem 1.5rem 6rem}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-family:ui-monospace,SF Mono,Cascadia Code,Consolas,monospace;font-size:.72rem}h1.headline{text-wrap:balance;margin:.5rem 0 0;font-family:Georgia,Iowan Old Style,Palatino Linotype,serif;font-size:clamp(2rem,5.5vw,2.7rem);font-weight:400;line-height:1.15}.lede{color:var(--muted);max-width:62ch;margin:1.1rem 0 0;font-size:1.05rem}.lede b{color:var(--ink);font-weight:600}.nav-row{flex-wrap:wrap;gap:1.3rem;margin-top:1.4rem;display:flex}.nav-link{color:var(--accent);border-bottom:1px solid;padding-bottom:.1em;font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:.78rem;text-decoration:none}.masthead-rule{background:var(--line);border:none;height:1px;margin:2.4rem 0 0}.group-head{margin:3.2rem 0 1.4rem}.group-head:first-of-type{margin-top:3rem}.group-head .eyebrow{margin-bottom:.3rem;display:block}.group-head h2{color:var(--muted);margin:0;font-family:Georgia,Iowan Old Style,Palatino Linotype,serif;font-size:1.4rem;font-weight:400}.tag-row{flex-wrap:wrap;gap:.5rem;display:flex}.tag{border:1px solid var(--line);color:var(--muted);border-radius:6px;padding:.3em .7em;font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:.76rem}.proj-tag{background:var(--chip-bg);color:var(--accent);border-radius:5px;padding:.25em .55em;font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:.68rem}a.req-tag{background:var(--chip-warm-bg);color:var(--accent-warm);border:1px solid #0000;border-radius:5px;padding:.25em .6em;font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:.7rem;text-decoration:none;display:inline-block}a.req-tag:hover{border-color:var(--accent-warm)}.status-pill{letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:.28em .7em;font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:.68rem;display:inline-block}.status-pill.ok{background:var(--chip-bg);color:var(--accent)}.status-pill.partial{background:var(--chip-warm-bg);color:var(--accent-warm)}.status-pill.gap{background:var(--chip-gap-bg);color:var(--gap)}.callout{background:var(--chip-warm-bg);border-left:3px solid var(--accent-warm);border-radius:0 8px 8px 0;margin-top:.9rem;padding:.9rem 1.1rem;font-size:.92rem}.callout strong{color:var(--accent-warm)}.callout p{margin:0}footer.page-footer{border-top:1px solid var(--line);color:var(--muted);margin-top:3rem;padding-top:1.6rem;font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:.82rem}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}}@media (width<=560px){.page{padding:2.6rem 1.1rem 4rem}}