@layer sections{#ch-ask .chapter-stage{aspect-ratio:6 / 5;background:radial-gradient(90% 70% at 50% 108%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 62%),radial-gradient(70% 60% at 50% -8%,color-mix(in srgb,var(--claude) 6%,transparent),transparent 70%),var(--sunken)}@media(min-width:1000px){#ch-ask .chapter-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}#ch-ask .chapter-stage{max-height:calc(100svh - var(--site-header-h) - 10vh)}}@media(min-width:1000px)and (prefers-reduced-motion:no-preference){.chapters-live #ch-ask .chapter-step:last-child{min-height:70vh}.chapters-live #ch-ask .chapter-step{opacity:1}.chapters-live #ch-ask .chapter-step :is(h3,p){transition:color var(--dur-2) var(--ease-out)}.chapters-live #ch-ask .chapter-step:not(.is-active) h3{color:var(--text-2)}.chapters-live #ch-ask .chapter-step:not(.is-active) p{color:var(--text-3)}}.ch-ask-stage{position:absolute;inset:0;container-type:size;display:grid;place-items:center}.ch-ask-stage:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,color-mix(in srgb,var(--text) 7%,transparent) 1px,transparent 1.6px);background-size:22px 22px;background-position:center;-webkit-mask-image:radial-gradient(70% 60% at 50% 40%,black,transparent);mask-image:radial-gradient(70% 60% at 50% 40%,black,transparent)}.ch-ask-scene{--sw: 600;--sh: 500;--u: min(calc(100cqw / var(--sw)), calc(100cqh / var(--sh)));position:relative;width:calc(var(--sw) * var(--xr-px));height:calc(var(--sh) * var(--xr-px))}.ch-ask-scene>*{position:absolute}.ch-ask-rooms{left:0;right:0;top:calc(26 * var(--xr-px));height:calc(80 * var(--xr-px))}.ch-ask-room{--fx: 0;--fy: 0;--fr: 0;position:absolute;left:50%;top:0;width:calc(184 * var(--xr-px));margin-left:calc(-92 * var(--xr-px));translate:calc(var(--fx) * var(--xr-px)) calc(var(--fy) * var(--xr-px));rotate:calc(var(--fr) * 1deg);background:var(--surface);box-shadow:0 calc(12 * var(--xr-px)) calc(30 * var(--xr-px)) var(--shadow-soft)}.ch-ask-room-l{--fx: -190;--fy: 16;--fr: -6}.ch-ask-room-r{--fx: 190;--fy: 16;--fr: 6}.ch-ask-room-c{background:color-mix(in srgb,var(--accent) 6%,var(--surface))}.ch-ask-room .xr-room-text strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ch-ask-modes,.ch-ask-answers{left:calc(22 * var(--xr-px));right:calc(22 * var(--xr-px));top:calc(130 * var(--xr-px))}.ch-ask-modes{padding:calc(12 * var(--xr-px)) calc(14 * var(--xr-px)) calc(12 * var(--xr-px));border-radius:var(--xr-r-panel);background:var(--surface);border:var(--xr-hair) solid var(--divider-soft);box-shadow:var(--xr-shadow-card);visibility:hidden;opacity:0}.ch-ask-turns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(26 * var(--xr-px));margin:0;padding:0;list-style:none}.ch-ask-turn{position:relative;display:grid;gap:calc(6 * var(--xr-px));align-content:start;min-width:0}.ch-ask-turn-head{display:flex;align-items:center;gap:calc(6 * var(--xr-px));min-width:0;font-size:var(--xr-sm)}.ch-ask-badge{margin-left:auto}.ch-ask-badge .xr-tag{gap:calc(3 * var(--xr-px))}.ch-ask-turn-head>.xr-tag{color:var(--text-3)}.ch-ask-role{font-size:var(--xr-md);font-weight:600;color:var(--text);line-height:1.35}.ch-ask-role>:not(:first-child),.ch-ask-badge>:not(:first-child),.ch-ask-desc>:not(:first-child){visibility:hidden;opacity:0}.ch-ask-turn:not(:last-child):after{content:"→";position:absolute;top:calc(1 * var(--xr-px));right:calc(-20 * var(--xr-px));font-size:var(--xr-md);line-height:calc(20 * var(--xr-px));color:var(--text-3)}.ch-ask-desc{display:grid;margin-top:calc(10 * var(--xr-px));padding-top:calc(9 * var(--xr-px));border-top:var(--xr-hair) solid var(--divider-soft);font-size:var(--xr-sm);line-height:1.45;color:var(--attention-text)}.ch-ask-asked{display:flex;align-items:center;gap:calc(10 * var(--xr-px));min-width:0;font-size:var(--xr-sm);color:var(--text-3);white-space:nowrap}.ch-ask-asked .xr-request-who{flex:none}.ch-ask-prompt{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;color:var(--text-2);contain:inline-size}.ch-ask-replies{display:grid;grid-template-columns:1fr 1fr;gap:calc(12 * var(--xr-px));margin-top:calc(12 * var(--xr-px))}.ch-ask-reply{display:grid;gap:calc(4 * var(--xr-px));align-content:start;min-width:0;padding:calc(11 * var(--xr-px)) calc(13 * var(--xr-px)) calc(12 * var(--xr-px));border-radius:var(--xr-r-panel);background:var(--surface);border:var(--xr-hair) solid var(--divider-soft);box-shadow:var(--xr-shadow-card);border-top:calc(2 * var(--xr-px)) solid color-mix(in srgb,var(--tone) 55%,transparent)}.ch-ask-reply-head{display:flex;align-items:center;gap:calc(7 * var(--xr-px));font-size:var(--xr-sm)}.ch-ask-reply-label{margin-top:calc(2 * var(--xr-px));font-size:calc(19 * var(--xr-px));line-height:1.25;font-weight:700;letter-spacing:-.015em;color:var(--text)}.ch-ask-reply-why{font-size:var(--xr-sm);line-height:1.45;color:var(--text-2);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.ch-ask-scene>.ch-ask-composer{--gy: 0;left:calc(22 * var(--xr-px));right:calc(22 * var(--xr-px));bottom:calc(22 * var(--xr-px));width:auto;translate:0 calc(var(--gy) * var(--xr-px))}.ch-ask-composer .xr-pill-radio{--sel: 0;background:color-mix(in srgb,color-mix(in srgb,var(--tone, var(--other)) 14%,transparent) calc(var(--sel) * 100%),transparent);border-color:color-mix(in srgb,color-mix(in srgb,var(--tone, var(--other)) 55%,transparent) calc(var(--sel) * 100%),var(--divider));color:color-mix(in srgb,var(--text) calc(var(--sel) * 100%),var(--text-2))}.ch-ask-composer .xr-pill-radio[data-checked]{--sel: 1}.ch-ask-composer .xr-typed{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ch-ask-composer .ch-ask-hints{flex:1;min-width:0;display:grid}.ch-ask-composer .ch-ask-hints>*{grid-area:1 / 1}@media(max-width:999.98px){#ch-ask .chapter-stage-wrap{width:100%;max-width:560px;justify-self:center}#ch-ask .chapter-stage{aspect-ratio:42 / 47}.ch-ask-scene{--sw: 420;--sh: 470}.ch-ask-rooms{top:calc(20 * var(--xr-px))}.ch-ask-room{width:calc(128 * var(--xr-px));margin-left:calc(-64 * var(--xr-px));padding:calc(7 * var(--xr-px)) calc(8 * var(--xr-px));gap:calc(6 * var(--xr-px))}.ch-ask-room .xr-room-text strong{font-size:calc(13 * var(--xr-px))}.ch-ask-room-l{--fx: -133;--fy: 12;--fr: -6}.ch-ask-room-r{--fx: 133;--fy: 12;--fr: 6}.ch-ask-composer .xr-composer-bar{gap:calc(8 * var(--xr-px))}.ch-ask-composer .xr-pills{gap:calc(4 * var(--xr-px))}.ch-ask-composer .xr-pill-radio{padding-right:calc(8 * var(--xr-px))}.ch-ask-modes,.ch-ask-answers{left:calc(14 * var(--xr-px));right:calc(14 * var(--xr-px));top:calc(112 * var(--xr-px))}.ch-ask-turns{gap:calc(18 * var(--xr-px))}.ch-ask-turn-head .xr-agent-name{display:none}.ch-ask-turn:not(:last-child):after{right:calc(-15 * var(--xr-px))}.ch-ask-scene>.ch-ask-composer{left:calc(14 * var(--xr-px));right:calc(14 * var(--xr-px));bottom:calc(14 * var(--xr-px))}.ch-ask-composer .xr-segment>span{display:none}}#ch-handoff{--hx-cap-h: 136px;--hx-stage-h: min(calc(100svh - var(--site-header-h) - 24px), calc(min(100vw - 32px, 1600px) * .47 + var(--hx-cap-h) + 48px));--hx-top: calc(var(--site-header-h) + max(12px, (100svh - var(--site-header-h) - var(--hx-stage-h)) / 2));--hx-run: 256vh}#ch-handoff .chapter-stage{aspect-ratio:16 / 10;background:radial-gradient(55% 65% at 20% 28%,color-mix(in srgb,var(--claude) 9%,transparent),transparent 70%),radial-gradient(55% 65% at 62% 78%,color-mix(in srgb,var(--codex) 8%,transparent),transparent 70%),var(--sunken)}.ch-handoff-stage{position:absolute;inset:0}.ch-handoff-stage:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,color-mix(in srgb,var(--text) 8%,transparent) 1px,transparent 1.6px);background-size:26px 26px;background-position:center;-webkit-mask-image:radial-gradient(80% 80% at 50% 45%,black,transparent);mask-image:radial-gradient(80% 80% at 50% 45%,black,transparent)}.ch-handoff-wide,.ch-handoff-compact{position:absolute;inset:0}.ch-handoff-wide{container-type:size;display:grid;place-items:center}.ch-handoff-compact{display:none;padding:4%}.ch-handoff-compact>svg{width:100%;height:100%;overflow:visible}.ch-handoff-scene{position:relative;container-type:inline-size;aspect-ratio:2 / 1;width:min(100cqw - 6cqw,(100cqh - 6cqw) * 2)}.ch-handoff-scene>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.ch-handoff-html{position:absolute;inset:0;--u: calc(100cqw / 1200)}.ch-handoff-lane{fill:none;stroke:color-mix(in srgb,var(--tone) 36%,transparent);stroke-width:2;stroke-linecap:round}.ch-handoff-span{fill:color-mix(in srgb,var(--tone) 55%,transparent)}.ch-handoff-node{fill:var(--sunken);stroke:var(--tone);stroke-width:3}.ch-handoff-tile{fill:var(--logo-tile);stroke:var(--logo-stroke);stroke-width:12}.ch-handoff-path{fill:none;stroke:var(--tone);stroke-linecap:round}.ch-handoff-glow{fill:none;stroke:var(--tone);stroke-width:22;stroke-linecap:round;stroke-opacity:.16}.ch-handoff-cap-body{fill:var(--tone);stroke:color-mix(in srgb,var(--tone) 30%,transparent);stroke-width:14;paint-order:stroke}.ch-handoff-cap-icon{fill:none;stroke:var(--sunken);stroke-width:3.6;stroke-linecap:round;stroke-linejoin:round}.ch-handoff-mono-bg{fill:color-mix(in srgb,var(--tone) 16%,var(--surface));stroke:color-mix(in srgb,var(--tone) 42%,transparent);stroke-width:2}.ch-handoff-dot{fill:var(--tone)}.ch-handoff-mono-text{fill:var(--tone);font-family:var(--font-sans);font-weight:700;font-size:31px;letter-spacing:-.02em;text-anchor:middle}.ch-handoff-ring{fill:none;stroke:color-mix(in srgb,var(--tone) 60%,transparent);stroke-width:4;transform-box:fill-box;transform-origin:center}.ch-handoff-mono[data-state=working] .ch-handoff-ring{animation:ch-handoff-ring 1.8s var(--ease) infinite}.ch-handoff-ripple{fill:color-mix(in srgb,var(--tone) 22%,transparent);stroke:var(--tone);stroke-width:3}.ch-handoff-svg-label{font-family:var(--font-sans);font-size:34px;font-weight:650;fill:var(--tone);text-anchor:middle}.ch-handoff-svg-turns{font-family:var(--font-sans);font-size:30px;font-weight:600;fill:var(--text-2);text-anchor:end}.ch-handoff-chip-bg{fill:color-mix(in srgb,var(--tone) 14%,var(--sunken));stroke:color-mix(in srgb,var(--tone) 40%,transparent);stroke-width:2}.ch-handoff-chip-text{font-family:var(--font-sans);font-size:27px;font-weight:650;fill:var(--tone);text-anchor:middle}.ch-handoff-svg-caption{font-family:var(--font-sans);font-size:46px;font-weight:720;letter-spacing:-.025em;text-anchor:middle}.ch-handoff-svg-caption tspan{fill:var(--tone)}:is(.ch-handoff-lanes,.ch-handoff-glow,.ch-handoff-capsule,.ch-handoff-ripple,.ch-handoff-ring,.ch-handoff-mono-bg,.ch-handoff-mono-text,.ch-handoff-head,.ch-handoff-label,.ch-handoff-card,.ch-handoff-activity,.ch-handoff-rail){visibility:hidden;opacity:0}.ch-handoff-mono[data-state=working] .ch-handoff-ring{visibility:visible}.ch-handoff-html>*{position:absolute}.ch-handoff-head{left:calc(160 * var(--xr-px));right:calc(50 * var(--xr-px));top:calc(30 * var(--xr-px));display:flex;align-items:center;gap:calc(12 * var(--xr-px));color:var(--text-3);white-space:nowrap}.ch-handoff-head .xr-request-who{flex:none}.ch-handoff-prompt{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;color:var(--text-2);contain:inline-size}.ch-handoff-turns{flex:none;font-size:var(--xr-sm);font-weight:600;color:var(--text-2)}.ch-handoff-roll{display:block;height:1.5em;line-height:1.5;overflow:clip}.ch-handoff-roll>span{display:block;height:1.5em;transform:translateY(-100%)}.ch-handoff-label{top:calc(190 * var(--xr-px));right:calc((1200 - 140) * var(--xr-px));transform:translateY(-50%);font-size:calc(17 * var(--xr-px));font-weight:650;letter-spacing:-.01em;color:var(--tone)}.ch-handoff-label[data-tone=codex]{top:calc(410 * var(--xr-px))}.ch-handoff-events{inset:0;margin:0;padding:0;list-style:none}.ch-handoff-card{position:absolute;padding:calc(7 * var(--xr-px)) calc(12 * var(--xr-px));border-radius:var(--xr-r-card);background:color-mix(in srgb,var(--surface) 92%,transparent);border:var(--xr-hair) solid var(--divider-soft);box-shadow:0 calc(10 * var(--xr-px)) calc(28 * var(--xr-px)) var(--shadow-soft)}.ch-handoff-card.xr-node{display:flex;align-items:center;gap:calc(8 * var(--xr-px))}.ch-handoff-card .xr-node-mark{position:static;width:auto;height:auto;background:none}.ch-handoff-card .xr-event-line{width:auto;flex:1;min-width:0;flex-wrap:nowrap}.ch-handoff-ask{left:calc(512 * var(--xr-px));top:calc(430 * var(--xr-px));width:calc(620 * var(--xr-px))}.ch-handoff-back{left:calc(936 * var(--xr-px));top:calc(118 * var(--xr-px))}.ch-handoff-activity{left:calc(530 * var(--xr-px));top:calc(484 * var(--xr-px));margin:0;white-space:nowrap}.ch-handoff-review{left:calc(512 * var(--xr-px));top:calc(512 * var(--xr-px));width:calc(520 * var(--xr-px));display:grid;gap:calc(4 * var(--xr-px));padding:calc(9 * var(--xr-px)) calc(14 * var(--xr-px)) calc(11 * var(--xr-px))}.ch-handoff-review-head{display:flex;align-items:center;gap:calc(8 * var(--xr-px))}.ch-handoff-review-line{color:var(--md-text);font-size:var(--xr-body);line-height:1.5}.ch-handoff-review-points{display:flex;gap:calc(18 * var(--xr-px));color:var(--text);font-weight:650;font-size:var(--xr-md);counter-reset:hx-point}.ch-handoff-review-points>span{counter-increment:hx-point}.ch-handoff-review-points>span:before{content:counter(hx-point) "  ";color:var(--text-3);font-weight:600;white-space:pre}.ch-handoff-caption{left:calc(690 * var(--xr-px));top:50%;width:calc(470 * var(--xr-px));transform:translateY(-50%)}.ch-handoff-eyebrow{font-size:max(calc(13 * var(--xr-px)),10.5px);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-3)}.ch-handoff-headline{display:grid;margin-top:calc(10 * var(--xr-px));font-size:max(calc(54 * var(--xr-px)),26px);line-height:1.04;font-weight:720;letter-spacing:-.035em}.ch-handoff-headline>span{color:var(--tone)}.ch-handoff-note{margin-top:calc(16 * var(--xr-px));font-size:max(calc(17 * var(--xr-px)),13px);line-height:1.5;color:var(--text-2);max-width:24em}.ch-handoff-rail{position:absolute;left:48px;right:48px;bottom:0;height:2px;border-radius:2px;background:color-mix(in srgb,var(--divider) 70%,transparent);display:none}.ch-handoff-rail-fill{position:absolute;inset:0;border-radius:inherit;transform-origin:left center;background:linear-gradient(90deg,var(--claude),var(--codex))}@keyframes ch-handoff-ring{0%{transform:scale(.86);opacity:.9}to{transform:scale(1.22);opacity:0}}@media(min-width:1000px)and (prefers-reduced-motion:no-preference){.chapters-live #ch-handoff .chapter-grid{width:min(100% - 32px,1600px);grid-template-columns:minmax(0,1fr);grid-template-areas:"eyebrow" "title" "lead" "scene";grid-template-rows:auto auto auto calc(var(--s-7) + var(--hx-stage-h) + var(--hx-run));row-gap:0;justify-items:center}.chapters-live #ch-handoff .chapter-text{display:contents}.chapters-live #ch-handoff .eyebrow{grid-area:eyebrow}.chapters-live #ch-handoff .chapter-title{grid-area:title;text-align:center;max-width:16ch}.chapters-live #ch-handoff .chapter-lead{grid-area:lead;text-align:center;max-width:36rem}.chapters-live #ch-handoff .chapter-stage-wrap{grid-area:scene;align-self:start;justify-self:stretch;margin-top:var(--s-7);height:var(--hx-stage-h);position:sticky;top:var(--hx-top)}.chapters-live #ch-handoff .chapter-stage{height:100%;aspect-ratio:auto}.chapters-live #ch-handoff .trunk{z-index:2}.chapters-live #ch-handoff .trunk-stop{display:none}.chapters-live #ch-handoff .ch-handoff-wide{bottom:var(--hx-cap-h)}.chapters-live #ch-handoff .ch-handoff-rail{display:block}.chapters-live #ch-handoff .chapter-steps{grid-area:scene;align-self:start;justify-self:stretch;z-index:1;margin-top:calc(var(--s-7) + var(--hx-stage-h) - var(--hx-cap-h));height:var(--hx-cap-h);position:sticky;top:calc(var(--hx-top) + var(--hx-stage-h) - var(--hx-cap-h));display:grid;padding:0 48px;counter-reset:hx-step}.chapters-live #ch-handoff .chapter-step{grid-area:1 / 1;min-height:0;padding:0;border:0;background:none;counter-increment:hx-step;display:grid;grid-template-columns:minmax(12rem,.42fr) minmax(0,1fr);column-gap:var(--s-7);align-items:center;align-content:center;opacity:0;translate:0 8px;transition:opacity .42s var(--ease-out),translate .42s var(--ease-out)}.chapters-live #ch-handoff .chapter-step.is-active,.chapters-live #ch-handoff .chapter-steps:not(:has(.is-active)) .chapter-step:first-child{opacity:1;translate:0 0}.chapters-live #ch-handoff .chapter-step h3{font-size:1.3rem;letter-spacing:-.015em}.chapters-live #ch-handoff .chapter-step h3:before{content:counter(hx-step,decimal-leading-zero) " / 04";content:counter(hx-step,decimal-leading-zero) " / 04" / "";display:block;margin-bottom:6px;font-family:var(--font-mono);font-size:.75rem;font-weight:500;letter-spacing:.06em;color:var(--accent)}.chapters-live #ch-handoff .chapter-step p{margin-top:0;font-size:1.02rem;line-height:1.55;max-width:44rem}}@media(max-width:999.98px){#ch-handoff .chapter-stage{aspect-ratio:4 / 3}.ch-handoff-wide{display:none}.ch-handoff-compact{display:block}}}@layer sections{:is(#ch-review,#ch-approve,#ch-change) .chapter-stage{container-type:size}:is(.ch-review,.ch-approve,.ch-change){position:absolute;inset:0;margin:auto;width:calc(var(--cw) * var(--xr-px));height:calc(var(--ch) * var(--xr-px));--u: min(calc(100cqw / var(--cw)), calc(100cqh / var(--ch)))}:is(.ch-review,.ch-approve,.ch-change)>*{position:absolute;margin:0;left:calc(var(--x, 0) * var(--xr-px));top:calc(var(--y, 0) * var(--xr-px));width:calc(var(--w, 0) * var(--xr-px))}:is(.ch-review,.ch-approve,.ch-change) :is(.ch-review-card,.ch-approve-card,.ch-change-card){padding:calc(12 * var(--xr-px));border-radius:var(--xr-r-panel);background:var(--surface);border:var(--xr-hair) solid var(--divider-soft);box-shadow:0 calc(16 * var(--xr-px)) calc(40 * var(--xr-px)) var(--shadow),var(--xr-shadow-card)}:is(.ch-review-glow,.ch-approve-glow,.ch-change-glow){--w: 440;--h: 340;height:calc(var(--h) * var(--xr-px));pointer-events:none;background:radial-gradient(closest-side,color-mix(in srgb,var(--tone, var(--accent)) 30%,transparent),color-mix(in srgb,var(--tone, var(--accent)) 11%,transparent) 60%,transparent)}:is(.ch-review-caption,.ch-approve-caption,.ch-change-caption){display:flex;align-items:flex-start;gap:calc(8 * var(--xr-px));padding:calc(10 * var(--xr-px)) calc(12 * var(--xr-px));border-radius:var(--xr-r-card);background:color-mix(in srgb,var(--raised) 72%,transparent);border:var(--xr-hair) solid var(--divider);font-family:var(--font-app);font-size:calc(13 * var(--xr-px));font-weight:550;line-height:1.45;color:var(--text);font-size-adjust:.5}:is(.ch-review-caption,.ch-approve-caption,.ch-change-caption) .xr-icon{margin-top:calc(2 * var(--xr-px));color:var(--tone, var(--accent))}@media(min-width:1000px)and (prefers-reduced-motion:no-preference){.chapters-live :is(#ch-review,#ch-approve,#ch-change) .chapter-step{opacity:1}:is(#ch-review,#ch-approve,#ch-change) .chapter-step :is(h3,p){transition:color var(--dur-2) var(--ease-out)}.chapters-live :is(#ch-review,#ch-approve,#ch-change) .chapter-step:not(.is-active) :is(h3,p){color:var(--text-3)}}#ch-review .chapter-stage{aspect-ratio:640 / 440}.ch-review{--cw: 640;--ch: 440}.ch-review-glow{--x: 200;--y: 60}.ch-review-glow[data-tone=claude]{--x: -47;--y: 10}.ch-review-ask{--x: 24;--y: 18;--w: 298;display:flex;align-items:center;gap:calc(6 * var(--xr-px));height:calc(26 * var(--xr-px));font-size:var(--xr-sm);color:var(--text-2);white-space:nowrap}.ch-review-ask .xr-agent-name{font-weight:600}.ch-review-ask-mark{display:grid;place-items:center;color:var(--text-3)}.ch-review-ask-mark .xr-icon{box-sizing:border-box;width:calc(20 * var(--xr-px));height:calc(20 * var(--xr-px));padding:calc(3 * var(--xr-px));border-radius:50%;border:var(--xr-hair) solid var(--divider);background:var(--raised)}.ch-review-ask-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;color:var(--text-3);contain:inline-size}.ch-review-plan{--x: 24;--y: 56;--w: 298}.ch-review-code{position:relative;margin-top:calc(10 * var(--xr-px))}.ch-review-code .xr-code-body{position:relative}.ch-review-code .xr-code-body:after{content:"";position:absolute;top:0;right:0;bottom:0;width:calc(36 * var(--xr-px));pointer-events:none;background:linear-gradient(to right,transparent,var(--sunken))}.ch-review .xr-cl{position:relative;isolation:isolate}.ch-review .xr-cl:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:calc(-14 * var(--xr-px));right:calc(-14 * var(--xr-px));background:linear-gradient(to left,color-mix(in srgb,var(--codex) 20%,transparent),color-mix(in srgb,var(--codex) 9%,transparent) 70%);box-shadow:inset calc(-2 * var(--xr-px)) 0 0 var(--codex);transform:scaleX(var(--ch-hl, 0));transform-origin:right center}.ch-review .xr-cl:is([data-line="2"],[data-line="4"],[data-line="5"]){--ch-hl: 1}.ch-review-band{position:absolute;left:var(--xr-hair);right:var(--xr-hair);top:calc(45 * var(--xr-px));height:calc(20.8 * var(--xr-px));pointer-events:none;background:linear-gradient(90deg,color-mix(in srgb,var(--codex) 24%,transparent),color-mix(in srgb,var(--codex) 9%,transparent) 55%,transparent 92%);box-shadow:inset calc(2 * var(--xr-px)) 0 0 var(--codex),0 0 calc(22 * var(--xr-px)) color-mix(in srgb,var(--codex) 16%,transparent);visibility:hidden;opacity:0}.ch-review-head{display:flex;align-items:center;gap:calc(8 * var(--xr-px));height:calc(28 * var(--xr-px))}.ch-review-head .xr-agent-name{font-weight:650}.ch-review-reply{--x: 372;--y: 18;--w: 244}.ch-review-fold{display:flex;align-items:center;gap:calc(4 * var(--xr-px));margin-top:calc(4 * var(--xr-px));color:var(--text-3);font-size:var(--xr-sm)}.ch-review-chev{display:grid}.ch-review-live{color:var(--accent)}.ch-review-body{position:relative;margin-top:calc(8 * var(--xr-px))}.ch-review-activity{position:absolute;left:0;right:0;top:0;display:flex;align-items:center;gap:calc(8 * var(--xr-px));font-size:var(--xr-sm);color:var(--accent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ch-review-intro,.ch-review-point p{font-size:calc(12.5 * var(--xr-px));line-height:1.48;color:var(--md-text)}.ch-review-points{display:flex;flex-direction:column;gap:calc(8 * var(--xr-px));margin-top:calc(8 * var(--xr-px))}.ch-review-point{display:grid;grid-template-columns:calc(24 * var(--xr-px)) minmax(0,1fr);align-items:start}.ch-review-point strong{color:var(--text);font-weight:650}.ch-review-point .xr-ic,.ch-review-answer .xr-ic{font-size:.86em;padding:0 calc(4 * var(--xr-px))}.ch-review-num{display:grid;place-items:center;width:calc(18 * var(--xr-px));height:calc(18 * var(--xr-px));margin-top:calc(1 * var(--xr-px));border-radius:50%;font-family:var(--font-mono);font-size:calc(10.5 * var(--xr-px));font-weight:700;line-height:1;font-size-adjust:none;color:var(--codex);background:color-mix(in srgb,var(--codex) 14%,var(--surface));border:var(--xr-hair) solid color-mix(in srgb,var(--codex) 55%,transparent)}.ch-review-links{--w: 640;height:100%;overflow:visible;pointer-events:none;z-index:3}.ch-review-link{fill:none;stroke:var(--codex);stroke-width:1.5;stroke-linecap:round;opacity:.9}.ch-review-dot{fill:var(--codex);stroke:color-mix(in srgb,var(--codex) 32%,transparent);stroke-width:5;paint-order:stroke}.ch-review-spark{fill:var(--text);stroke:color-mix(in srgb,var(--codex) 45%,transparent);stroke-width:7;paint-order:stroke}.ch-review-think{--x: 166;--y: 96;--w: 308;z-index:4;box-shadow:0 calc(24 * var(--xr-px)) calc(60 * var(--xr-px)) var(--shadow),0 0 0 var(--xr-hair) var(--divider)}.ch-review-prompt{display:flex;align-items:flex-start;gap:calc(8 * var(--xr-px));padding:calc(8 * var(--xr-px)) calc(10 * var(--xr-px));border-radius:var(--xr-r-card);background:var(--raised);border:var(--xr-hair) solid var(--divider);font-size:var(--xr-sm);line-height:1.45;margin-bottom:calc(8 * var(--xr-px))}.ch-review-took{margin-left:auto}.ch-review-thoughts{position:relative;height:calc(84 * var(--xr-px));margin-top:calc(6 * var(--xr-px));overflow:clip;padding-left:calc(12 * var(--xr-px));border-left:calc(2 * var(--xr-px)) solid var(--divider);color:var(--text-2);font-size:calc(12.5 * var(--xr-px));line-height:1.5;clip-path:inset(0 0 100% 0);-webkit-mask-image:linear-gradient(to bottom,transparent,black var(--ch-fade, 0%));mask-image:linear-gradient(to bottom,transparent,black var(--ch-fade, 0%))}.ch-review-thoughts-inner>*+*{margin-top:calc(6 * var(--xr-px))}.ch-review-answer{margin-top:calc(-84 * var(--xr-px));min-height:calc(84 * var(--xr-px));font-size:calc(12.5 * var(--xr-px));line-height:1.5;color:var(--md-text)}.ch-review-answer strong{color:var(--text);font-weight:650}.ch-review-caption{--x: 24;--y: 330;--w: 298;--tone: var(--codex)}.ch-review-links[data-links=tall]{display:none}@media(max-width:599.98px){#ch-review .chapter-stage{aspect-ratio:360 / 610}.ch-review{--cw: 360;--ch: 610}.ch-review-ask{--x: 16;--y: 12;--w: 328}.ch-review>.ch-review-plan{--x: 34;--y: 48;--w: 310;padding:0;background:none;border:0;box-shadow:none}.ch-review-plan>.ch-review-head{display:none}.ch-review-code{margin-top:0}.ch-review-code .xr-code{box-shadow:0 calc(16 * var(--xr-px)) calc(40 * var(--xr-px)) var(--shadow)}.ch-review-reply{--x: 34;--y: 244;--w: 310}.ch-review-intro{display:none}.ch-review-points{margin-top:0}.ch-review .xr-cl:before{background:linear-gradient(to right,color-mix(in srgb,var(--codex) 20%,transparent),color-mix(in srgb,var(--codex) 9%,transparent) 70%);box-shadow:inset calc(2 * var(--xr-px)) 0 0 var(--codex);transform-origin:left center}.ch-review-links[data-links=wide]{display:none}.ch-review-links[data-links=tall]{display:block;--w: 360}.ch-review-think{--x: 24;--y: 150;--w: 312}.ch-review-caption{--x: 34;--y: 542;--w: 310}.ch-review-glow{--x: -40;--y: 220}.ch-review-glow[data-tone=claude]{--x: -40;--y: -30}}#ch-approve .chapter-stage{aspect-ratio:640 / 500}.ch-approve{--cw: 640;--ch: 500}.ch-approve-glow{--x: 216;--y: 75}.ch-approve-perms{--x: 24;--y: 20;--w: 214}.ch-approve-who{display:flex;align-items:center;gap:calc(7 * var(--xr-px));height:calc(22 * var(--xr-px))}.ch-approve-who .xr-meta{margin-left:auto;text-transform:uppercase;letter-spacing:.07em;font-weight:700;font-size:calc(11 * var(--xr-px))}.ch-approve-seg{display:grid;width:100%;margin-top:calc(10 * var(--xr-px))}.ch-approve-seg .xr-segment{padding:0 calc(2 * var(--xr-px));font-size:calc(12 * var(--xr-px));color:color-mix(in srgb,var(--text) calc(var(--ch-on, 0) * 100%),var(--text-3))}.ch-approve-seg .xr-segment[data-checked]{--ch-on: 1}.ch-approve-levels{display:grid;gap:calc(8 * var(--xr-px));margin-top:calc(10 * var(--xr-px))}.ch-approve-level{position:relative;display:grid;gap:calc(3 * var(--xr-px));padding:calc(9 * var(--xr-px)) calc(11 * var(--xr-px)) calc(10 * var(--xr-px));border-radius:var(--xr-r-card);background:var(--sunken);border:var(--xr-hair) solid var(--divider-soft);font-size:calc(12 * var(--xr-px));line-height:1.45;color:var(--text-2)}.ch-approve-level strong{font-size:var(--xr-sm);color:var(--text);font-weight:650}.ch-approve-level:before{content:"";position:absolute;inset:calc(-1 * var(--xr-hair));border-radius:inherit;pointer-events:none;border:var(--xr-hair) solid color-mix(in srgb,var(--accent) 55%,transparent);background:color-mix(in srgb,var(--accent) 7%,transparent);box-shadow:inset calc(2 * var(--xr-px)) 0 0 var(--accent);opacity:var(--ch-on, 0)}.ch-approve-level[data-checked]{--ch-on: 1}.ch-approve-room{--x: 256;--y: 20;--w: 360}.ch-approve-bar{display:flex;align-items:center;gap:calc(8 * var(--xr-px));margin:calc(-12 * var(--xr-px)) calc(-12 * var(--xr-px)) 0;padding:calc(9 * var(--xr-px)) calc(12 * var(--xr-px));border-bottom:var(--xr-hair) solid var(--divider-soft)}.ch-approve-bar .xr-room-name{font-size:calc(15 * var(--xr-px))}.ch-approve-pause{margin-left:auto}.ch-approve-reply{margin-top:calc(12 * var(--xr-px))}.ch-approve-reply+.ch-approve-reply{margin-top:calc(14 * var(--xr-px))}.ch-approve-head{display:flex;align-items:center;gap:calc(8 * var(--xr-px));height:calc(28 * var(--xr-px))}.ch-approve-head .xr-agent-name{font-weight:650}.ch-approve-reply .xr-attachments{margin-top:calc(6 * var(--xr-px))}.ch-approve-reply .xr-approval{margin:calc(6 * var(--xr-px)) 0 0}.ch-approve .xr-approval>.xr-swap{align-items:start}.ch-approve .ch-approve-caption{--tone: var(--ok);margin-top:calc(6 * var(--xr-px));padding:calc(6 * var(--xr-px)) calc(10 * var(--xr-px));font-size:calc(12.5 * var(--xr-px));align-items:center}.ch-approve .ch-approve-caption .xr-icon{margin-top:0}.ch-approve :is(.xr-approval .xr-btn,.ch-approve-stop,.xr-attachment){position:relative}.ch-approve :is(.xr-approval .xr-btn,.ch-approve-stop,.xr-attachment):after{content:"";position:absolute;inset:calc(-4 * var(--xr-px));border-radius:calc(11 * var(--xr-px));pointer-events:none;border:calc(2 * var(--xr-px)) solid var(--ring, var(--accent));box-shadow:0 0 calc(14 * var(--xr-px)) color-mix(in srgb,var(--ring, var(--accent)) 40%,transparent);opacity:var(--ch-ring, 0);transform:scale(var(--ch-grow, 1))}.ch-approve-stop{--ring: var(--danger)}.ch-approve .xr-attachment{--ring: var(--ok)}.ch-approve .xr-attachment:after{inset:calc(-3 * var(--xr-px));border-radius:calc(13 * var(--xr-px))}@media(max-width:599.98px){#ch-approve .chapter-stage{aspect-ratio:360 / 640}.ch-approve{--cw: 360;--ch: 640}.ch-approve-perms{--x: 16;--y: 16;--w: 328}.ch-approve-levels{grid-template-areas:"level"}.ch-approve-level{grid-area:level}.ch-approve-level:not([data-checked]){visibility:hidden;opacity:0}.ch-approve-room{--u: calc(min(calc(100cqw / 360), .15625cqh )*.85) ;--x: 18.82;--y: 263.5;--w: 385.88}.ch-approve-glow{--x: -40;--y: 250}}#ch-change .chapter-stage{aspect-ratio:640 / 520}.ch-change{--cw: 640;--ch: 520}.ch-change-glow{--x: -51;--y: 214}.ch-change-title{font-size:calc(15 * var(--xr-px));font-weight:650;letter-spacing:-.01em;color:var(--text)}.ch-change-main{--x: 24;--y: 18;--w: 290}.ch-change-main>.ch-change-card-link{margin:0}.ch-change-card-link .xr-attachment{gap:calc(8 * var(--xr-px));padding:calc(9 * var(--xr-px)) calc(11 * var(--xr-px));font-size:calc(12.5 * var(--xr-px));white-space:nowrap;background:var(--surface);box-shadow:0 calc(10 * var(--xr-px)) calc(28 * var(--xr-px)) var(--shadow)}.ch-change-review{margin-top:calc(8 * var(--xr-px))}.ch-change-review .xr-review-head{gap:calc(10 * var(--xr-px))}.ch-change-review .xr-review-tags{gap:calc(8 * var(--xr-px));margin-top:calc(3 * var(--xr-px))}.ch-change-diff{margin-top:calc(12 * var(--xr-px))}.ch-change-diff .xr-diff-text{color:var(--diff-text)}.ch-change-commit{--x: 24;--y: 287;--w: 290}.ch-change-commit-head{display:flex;align-items:center;justify-content:space-between;gap:calc(8 * var(--xr-px))}.ch-change-message{min-height:0;margin-top:calc(10 * var(--xr-px));padding:calc(8 * var(--xr-px)) calc(9 * var(--xr-px));font-size:calc(10.5 * var(--xr-px))}.ch-change-commit-actions{display:flex;margin-top:calc(10 * var(--xr-px))}.ch-change-mode{--x: 326;--y: 18;--w: 290}.ch-change-mode[data-mode=writer]{--y: 244}.ch-change-mode-head{display:flex;align-items:center;gap:calc(8 * var(--xr-px));height:calc(24 * var(--xr-px))}.ch-change-mode-head .ch-change-title{margin-right:auto}.ch-change-undo-off{gap:calc(5 * var(--xr-px))}.ch-change-scene{position:relative;height:calc(88 * var(--xr-px));margin-top:calc(8 * var(--xr-px))}.ch-change-who{position:absolute;bottom:calc(19.8 * var(--xr-px));display:flex;flex-direction:column;gap:calc(8 * var(--xr-px))}.ch-change-who[data-agent=claude]{left:0;align-items:flex-start}.ch-change-who[data-agent=codex]{right:0;align-items:flex-end}.ch-change-readonly{width:calc(70 * var(--xr-px));font-size:calc(10.5 * var(--xr-px));font-weight:600;line-height:1.3;text-align:right;color:var(--text-2)}.ch-change-file{position:absolute;left:calc(80 * var(--xr-px));top:calc(4 * var(--xr-px));width:calc(104 * var(--xr-px));display:grid;padding:calc(5 * var(--xr-px)) 0 calc(6 * var(--xr-px));border-radius:var(--xr-r-control);overflow:clip;background:var(--sunken);border:var(--xr-hair) solid var(--code-border);font-family:var(--font-mono);font-size:calc(10.5 * var(--xr-px));line-height:1.6;font-size-adjust:none;color:var(--code-text)}.ch-change-file-name{padding:0 calc(8 * var(--xr-px)) calc(3 * var(--xr-px));color:var(--text-3);font-size:calc(10 * var(--xr-px));white-space:nowrap}.ch-change-line{position:relative;isolation:isolate;padding:0 calc(8 * var(--xr-px));white-space:pre;contain:inline-size}.ch-change-line:before,.ch-change-line:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:color-mix(in srgb,var(--tone) 22%,transparent);box-shadow:inset calc(2 * var(--xr-px)) 0 0 var(--tone)}.ch-change-line:before{--tone: var(--claude);opacity:var(--ch-a, 0)}.ch-change-line:after{--tone: var(--codex);opacity:var(--ch-b, 0)}[data-mode=agents] .ch-change-line[data-line="9"]{--ch-b: 1}[data-mode=writer] .ch-change-line[data-line="9"]{--ch-a: 1}.ch-change-pulses{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.ch-change-trail{fill:none;stroke-width:1.5;stroke-linecap:round;opacity:.6}[data-trail=claude]{stroke:var(--claude)}[data-trail=codex]{stroke:var(--codex)}.ch-change-wall{fill:none;stroke:var(--text-3);stroke-width:2;stroke-linecap:round}.ch-change-pulse{stroke-width:6;paint-order:stroke;visibility:hidden;opacity:0}[data-pulse=claude]{fill:var(--claude);stroke:color-mix(in srgb,var(--claude) 30%,transparent)}[data-pulse=codex]{fill:var(--codex);stroke:color-mix(in srgb,var(--codex) 30%,transparent)}.ch-change-note{margin-top:calc(10 * var(--xr-px));font-size:calc(12 * var(--xr-px));line-height:1.45;color:var(--text-2)}.ch-change-undo{display:flex;align-items:center;gap:calc(8 * var(--xr-px));margin-top:calc(10 * var(--xr-px))}.ch-change-undo .xr-btn{font-size:calc(12 * var(--xr-px))}.ch-change-win{font-size:calc(10.5 * var(--xr-px));color:var(--attention-text);background:color-mix(in srgb,var(--attention) 8%,transparent);border-color:color-mix(in srgb,var(--attention) 22%,transparent)}.ch-change-commit-btn,.ch-change-card-link .xr-attachment-go{position:relative}.ch-change :is(.ch-change-commit-btn,.xr-attachment-go):after{content:"";position:absolute;inset:calc(-5 * var(--xr-px)) calc(-7 * var(--xr-px));border-radius:calc(10 * var(--xr-px));pointer-events:none;border:calc(2 * var(--xr-px)) solid var(--accent);box-shadow:0 0 calc(14 * var(--xr-px)) color-mix(in srgb,var(--accent) 40%,transparent);opacity:var(--ch-ring, 0);transform:scale(var(--ch-grow, 1))}@media(max-width:599.98px){#ch-change .chapter-stage{aspect-ratio:360 / 700}.ch-change{--cw: 360;--ch: 700}.ch-change-main{--x: 16;--y: 16;--w: 328}.ch-change-main>.ch-change-card-link{display:none}.ch-change-review{margin-top:0}.ch-change-mode{--x: 16;--y: 240;--w: 328}.ch-change-mode[data-mode=writer]{--y: 398}.ch-change-mode .ch-change-note{display:none}.ch-change-scene{width:calc(264 * var(--xr-px));margin-inline:auto}.ch-change-commit{--x: 16;--y: 592;--w: 328;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:calc(8 * var(--xr-px))}.ch-change-commit-head{justify-content:flex-start}.ch-change-commit-head .ch-change-title{display:none}.ch-change-message{grid-column:1 / -1;grid-row:2;margin-top:0;max-height:calc(33 * var(--xr-px));overflow:clip}.ch-change-commit-actions{margin-top:0}.ch-change-glow{--x: -40;--y: 470}}}@layer sections{.chapter-grid{display:grid;gap:var(--s-7) var(--s-8);align-items:start;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.chapter-text{max-width:34rem}.chapter-title{margin-top:var(--s-3)}.chapter-lead{margin-top:var(--s-4)}.chapter-steps{margin-top:var(--s-7);display:grid;gap:var(--s-2)}.chapter-step{position:relative;padding:var(--s-4) var(--s-5) var(--s-4) var(--s-6);border-left:var(--line-w) solid color-mix(in srgb,var(--divider) 90%,transparent)}.chapter-step:before{content:"";position:absolute;left:calc(-1 * var(--line-w));top:0;bottom:0;width:var(--line-w);background:var(--station);transform:scaleY(0);transform-origin:center top;transition:transform var(--dur-3) var(--ease-out)}.chapter-step h3{position:relative}.chapter:not(#ch-handoff) .chapter-step h3:before{content:"";position:absolute;left:calc(-1 * (var(--s-6) + var(--line-w) / 2) - 12px);top:50%;width:24px;height:24px;margin-top:-12px;box-sizing:border-box;border-radius:50%;border:5px solid var(--station);background:var(--canvas);transition:background var(--dur-2) var(--ease-out)}.chapter-step.is-active:before{transform:scaleY(1)}.chapter:not(#ch-handoff) .chapter-step.is-active h3:before{background:var(--station)}#ch-handoff .chapter-step:before{content:none}.chapter-step h3{font-size:1.15rem;font-weight:800;letter-spacing:-.01em;transition:color var(--dur-2) var(--ease-out)}.chapter-step p{margin-top:var(--s-2);color:var(--text-2);font-size:.97rem;transition:color var(--dur-2) var(--ease-out)}.chapter-stage-wrap{position:relative}.chapter-stage{position:relative;aspect-ratio:16 / 11;width:100%;border-radius:var(--r-2xl);overflow:clip;background:radial-gradient(circle,color-mix(in srgb,var(--text) 7%,transparent) 1px,transparent 1.5px) 0 0 / 22px 22px,var(--sunken);border:1px solid var(--divider);box-shadow:var(--shadow-float)}.chapter-replay{position:absolute;right:var(--s-3);bottom:calc(-1 * var(--s-7))}@media(min-width:1000px)and (prefers-reduced-motion:no-preference){.chapters-live .chapter-step{min-height:46vh;display:flex;flex-direction:column;justify-content:center}.chapters-live .chapter-step:not(.is-active) :is(h3,p){color:var(--text-3)}.chapters-live .chapter-stage-wrap{position:sticky;top:calc(var(--site-header-h) + 6vh)}.chapters-live:not(.chapters-built) .chapter-stage{visibility:hidden}}@media(max-width:999.98px){.chapter-grid{grid-template-columns:1fr}.chapter-text{max-width:none}.chapter-steps{margin-top:var(--s-5)}.chapter-stage{aspect-ratio:4 / 3}}}