:root{--ink: #102a43;--ink-2: #334e68;--paper: #f3f8fd;--paper-2: #e7f0fa;--night: #071a2b;--night-2: #0b253d;--night-3: #10314f;--accent: #4da3ff;--cyan: #67d5ff;--soft-blue: #a8ccff;--pale-blue: #d9eaff;--coral: #ff9292;--rule: rgba(30, 86, 132, .18);--text-caption: .75rem;--text-small: .875rem;--text-body: 1rem;--text-lead: 1.125rem;--mono: "SFMono-Regular", "Cascadia Code", Consolas, "Liberation Mono", monospace;--display: "Aptos Display", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--body: "PingFang SC", "Microsoft YaHei", system-ui, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{margin:0;overflow-x:hidden;color:var(--ink);background:linear-gradient(rgba(38,107,166,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(38,107,166,.035) 1px,transparent 1px),var(--paper);background-size:36px 36px;font-family:var(--body);font-size:16px;-webkit-font-smoothing:antialiased}button,a{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.app-shell{min-height:100vh}.site-header{position:sticky;top:0;z-index:30;height:72px;display:grid;grid-template-columns:minmax(245px,1fr) auto minmax(150px,1fr);align-items:center;gap:22px;padding:0 34px;color:#edf6ff;background:#071a2bf2;border-bottom:1px solid rgba(103,213,255,.3);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.wordmark{display:flex;min-width:0;max-width:100%;align-items:center;justify-self:start;gap:10px;overflow:hidden;padding:0;border:0;color:#fff;background:transparent;font:650 19px var(--display);cursor:pointer}.wordmark-logo{width:50px;height:48px;flex:0 0 auto;display:block;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.18))}.wordmark-copy{min-width:0;white-space:nowrap}.wordmark-muted{color:#86a9c6;font-weight:500}.chapter-nav{display:flex;align-items:stretch;height:72px}.chapter-nav button{min-width:112px;padding:0 14px;border:0;border-left:1px solid rgba(255,255,255,.08);color:#9ab5ca;background:transparent;font:550 12.5px var(--body);cursor:pointer;transition:color .16s ease,background .16s ease}.chapter-nav button:last-child{border-right:1px solid rgba(255,255,255,.08)}.chapter-nav button .chapter-number{display:block;margin-bottom:3px;color:#658ca9;font-size:11px}.chapter-nav button strong{display:block;color:inherit;font:inherit;white-space:nowrap}.chapter-nav button:hover{color:#edf7ff;background:#4da3ff14}.chapter-nav button.active{color:var(--cyan);background:#4da3ff1f;box-shadow:inset 0 -3px var(--cyan)}.github-links{display:inline-flex;align-items:center;gap:8px}.github-link{display:grid;width:34px;height:34px;place-items:center;color:#a9c3d8;border:1px solid transparent;border-radius:7px;transition:color .16s ease,background .16s ease,border-color .16s ease}.github-link:hover,.github-link:focus-visible{color:var(--cyan);background:#4da3ff1a;border-color:#9ccff64d;outline:0}.github-link svg{width:23px;height:23px;flex:none;fill:currentColor}.hero{position:relative;min-height:min(790px,calc(100vh - 72px));display:grid;grid-template-columns:minmax(0,1.03fr) minmax(430px,.97fr);align-items:center;overflow:hidden;padding:82px max(5vw,54px) 66px;color:#eff7ff;background:radial-gradient(circle at 76% 44%,rgba(77,163,255,.23),transparent 34%),radial-gradient(circle at 55% 90%,rgba(103,213,255,.1),transparent 30%),linear-gradient(125deg,#0b2843,#071827 60%,#0b2238);border-bottom:8px solid var(--accent)}.hero:before{content:"";position:absolute;inset:0;opacity:.28;background-image:radial-gradient(rgba(183,222,255,.4) .7px,transparent .8px);background-size:10px 10px;-webkit-mask-image:linear-gradient(90deg,black,transparent 78%);mask-image:linear-gradient(90deg,black,transparent 78%)}.hero-copy{position:relative;z-index:2;max-width:820px}.eyebrow{margin:0 0 26px;color:var(--cyan);font:650 12px var(--body);letter-spacing:.1em}.hero h1{margin:0;font:680 clamp(50px,5.4vw,82px)/1.08 var(--display);letter-spacing:-.055em}.hero h1 .hero-line{display:block;color:inherit;white-space:nowrap}.hero h1 .hero-line-accent{color:var(--cyan)}.hero-intro{max-width:680px;margin:30px 0 0;color:#b8cee0;font-size:18px;line-height:1.9}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:36px}.primary-action{display:flex;align-items:center;gap:22px;padding:15px 19px 15px 23px;border:1px solid var(--cyan);color:#061928;background:var(--cyan);border-radius:8px;box-shadow:0 10px 28px #168bce38;font:650 14px var(--body);cursor:pointer}.primary-action:hover{background:#a2e8ff}.primary-action span{font-size:19px}.offline-badge{display:flex;align-items:center;gap:9px;color:#9db9cf;font-size:13px}.offline-badge i{width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.hero-facts{display:flex;width:min(100%,650px);margin-top:58px;border-top:1px solid rgba(173,216,249,.17)}.hero-facts div{min-width:175px;padding:21px 26px 0 0}.hero-facts b{display:block;color:#fff;font:600 28px var(--mono)}.hero-facts span{color:#86a5bd;font-size:12px}.orbit-art{position:relative;z-index:1;width:min(48vw,630px);aspect-ratio:1.05;justify-self:end}.orbit-art svg{position:absolute;inset:0;width:100%;height:100%}.orbit-grid{position:absolute;inset:10%;border:1px solid rgba(156,209,248,.08);transform:skewY(-7deg);background:repeating-linear-gradient(0deg,rgba(146,202,245,.04) 0 1px,transparent 1px 32px),repeating-linear-gradient(90deg,rgba(146,202,245,.04) 0 1px,transparent 1px 32px)}.orbit-line{fill:none;stroke:#79b2dc4d;stroke-width:1;stroke-dasharray:4 8;transform-origin:300px 282px}.orbit-a{animation:spin 55s linear infinite}.orbit-b{animation:spin 42s linear infinite reverse}.signal-path{fill:none;stroke:url(#path);stroke-width:2.8;stroke-dasharray:7 8;animation:dash 12s linear infinite}.failed-path{fill:none;stroke:#ff92928c;stroke-width:1.5;stroke-dasharray:3 9}.node{stroke:#071a2b;stroke-width:4}.node-green{fill:var(--cyan)}.node-muted{fill:#557995}.node-failed{fill:#18334a;stroke:var(--coral)}.failure-x{stroke:var(--coral);stroke-width:2}.satellite rect,.satellite path{fill:#102e48;stroke:#9bc9ea;stroke-width:1.4}.satellite circle{fill:var(--cyan);stroke:#071a2b;stroke-width:3}.art-label{position:absolute;display:grid;gap:3px;padding-left:12px;border-left:2px solid;font:500 12px var(--body)}.art-label b{font:600 12px var(--mono);letter-spacing:.06em}.art-label span{color:#88aac4}.label-a{top:10%;right:4%;border-color:var(--cyan);color:var(--cyan)}.label-b{bottom:20%;left:50%;border-color:var(--coral);color:var(--coral)}.telemetry-strip{position:absolute;right:2%;bottom:6%;display:flex;align-items:center;gap:6px;color:#81a4bf;font:500 11.5px var(--mono)}.telemetry-strip i{width:22px;height:7px;background:#274863}.telemetry-strip i.hot{background:var(--coral)}.telemetry-strip b{color:var(--coral);font-weight:600}.hero-caption{position:absolute;z-index:2;right:5vw;bottom:23px;margin:0;color:#7292aa;font-size:11.5px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes dash{to{stroke-dashoffset:-150}}.typescript-primer{max-width:1680px;margin:0 auto;padding:30px max(5vw,54px);background:#f6fafff7;border-inline:1px solid var(--rule);border-bottom:1px solid var(--rule)}.primer-summary{display:flex;align-items:center;justify-content:space-between;gap:28px;cursor:pointer;list-style:none}.primer-summary::-webkit-details-marker{display:none}.primer-summary .eyebrow{margin:0 0 7px;color:#3a78aa}.primer-summary h2{margin:0;font:670 clamp(23px,2vw,31px)/1.25 var(--display);letter-spacing:-.025em}.primer-summary>span{flex:none;min-width:110px;padding:10px 13px;color:#236fa5;background:#e5f1fb;border:1px solid #b6d0e4;border-radius:6px;font-size:12px;text-align:center}.primer-summary>span:before{content:attr(data-expand)}.typescript-primer[open] .primer-summary>span:before{content:attr(data-collapse)}.primer-body{padding-top:28px}.primer-intro{max-width:850px;margin:0;color:#49677f;font-size:15px;line-height:1.85}.primer-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:28px;background:#244b6b;border:1px solid #244b6b;border-radius:10px;overflow:hidden}.primer-cards article{min-width:0;padding:22px;background:#edf5fd}.primer-cards article>span{color:#5f86a5;font-size:12px}.primer-cards h3{min-height:48px;margin:12px 0;font:650 16px/1.5 var(--display)}.primer-cards pre{min-height:105px;overflow:auto;margin:0 -8px 17px;padding:14px;color:#c6e5ff;background:var(--night);border-radius:6px;font:500 12.5px/1.75 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere}.primer-cards p{margin:0;color:#46657e;font-size:14px;line-height:1.85}.primer-cards p code{color:#145b91;font:500 12.5px var(--mono)}.build-prelude{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(480px,1.1fr);gap:clamp(45px,6vw,100px);max-width:1680px;margin:0 auto;padding:72px max(5vw,54px);background:#eaf4fd;border-inline:1px solid var(--rule);border-bottom:1px solid var(--rule)}.build-prelude-copy{align-self:center}.build-prelude-copy .eyebrow{margin:0 0 14px;color:#3679ad}.build-prelude h2{margin:0;font:680 clamp(34px,3vw,48px)/1.15 var(--display);letter-spacing:-.04em}.build-prelude-copy>p:last-of-type{max-width:610px;margin:20px 0 0;color:#44647c;font-size:16px;line-height:1.9}.prelude-actions{display:flex;align-items:center;gap:15px;margin-top:28px}.prelude-actions button{min-height:44px;padding:0 18px;border:1px solid #1475b8;color:#fff;background:#1475b8;border-radius:6px;font-size:14px;font-weight:650;cursor:pointer}.prelude-actions button:hover{background:#0d6099}.prelude-actions span{color:#648198;font-size:12px;line-height:1.55}.scaffold-tree{padding:24px 25px 25px;color:#dceeff;background:#071a2b;border:1px solid #214762;border-radius:10px;box-shadow:0 18px 45px #164e771f;font:500 13px var(--mono)}.scaffold-tree>b{display:block;padding-bottom:14px;color:#72d8ff;border-bottom:1px solid #1d405a;font-weight:650}.scaffold-tree div{display:grid;grid-template-columns:24px minmax(120px,.7fr) minmax(210px,1fr);align-items:center;gap:9px;min-height:62px;color:#7996ab;border-bottom:1px solid rgba(133,182,217,.1);transition:color .26s,transform .26s,background .26s;transition-delay:calc(var(--file-index) * 55ms)}.scaffold-tree div:last-child{border-bottom:0}.scaffold-tree i{display:grid;width:18px;height:18px;place-content:center;border:1px dashed #55758d;border-radius:4px;color:#08243a;font:700 11px var(--body)}.scaffold-tree code{color:#9db8cc;font:inherit;white-space:nowrap}.scaffold-tree span{overflow:hidden;color:#67869d;font:500 12px var(--body)}.scaffold-chapter{display:grid;gap:4px;min-width:0}.scaffold-chapter strong,.scaffold-chapter small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scaffold-chapter strong{color:inherit;font-size:12px;font-weight:650}.scaffold-chapter small{overflow:visible;color:#8ba2b4;font-size:11px;font-weight:450;text-overflow:clip;white-space:normal}.build-prelude.scaffolded .scaffold-tree div{color:#d8e9f5;transform:translate(5px);background:linear-gradient(90deg,rgba(49,143,204,.08),transparent 65%)}.build-prelude.scaffolded .scaffold-tree i{color:#08243a;background:var(--cyan);border-style:solid;border-color:var(--cyan)}.build-prelude.scaffolded .scaffold-tree code{color:#f0f7ff}.learning-layout{display:grid;grid-template-columns:minmax(520px,1.05fr) minmax(460px,.95fr);max-width:1680px;margin:0 auto;border-inline:1px solid var(--rule)}.chapters{min-width:0;background:#f6fafff2}.chapter{position:relative;min-height:930px;display:grid;grid-template-columns:1fr;border-bottom:1px solid var(--rule);scroll-margin-top:72px}.chapter.active:before{content:"";position:absolute;z-index:1;top:89px;left:22px;width:9px;height:9px;border-radius:50%;background:var(--accent);border:2px solid #f7fbff;box-shadow:0 0 0 1px var(--accent)}.chapter-content{position:relative;z-index:1;min-width:0;padding:72px clamp(28px,3vw,46px) 88px}.chapter-kicker{display:flex;justify-content:space-between;gap:16px;color:#6f8da4;font-size:16.5px;line-height:1.5;letter-spacing:.04em}.chapter-kicker span:first-child{color:#256faa;font-weight:650}.chapter h2{max-width:720px;margin:18px 0 12px;font:680 clamp(30px,2.8vw,42px)/1.18 var(--display);letter-spacing:-.03em}.chapter-question{max-width:620px;margin:0;color:#4d6d85;font-size:18px;line-height:1.75}.chapter-file{display:flex;align-items:center;gap:10px;margin-top:28px}.chapter-file span{color:#55778f;font-size:16.5px;line-height:1.5}.chapter-file code{padding:6px 9px;color:#0f639e;background:#dfedf9;border:1px solid #b9d4e9;border-radius:5px;font:600 16.5px/1.5 var(--mono)}.reading-order{display:flex;align-items:center;gap:10px;margin-top:25px;color:#58768c;font-size:12px}.reading-order span{display:flex;align-items:center;gap:7px}.reading-order b{display:grid;width:22px;height:22px;place-content:center;color:#176da8;border:1px solid #91b8d4;border-radius:50%;font:650 10px var(--mono)}.reading-order i{color:#8ca9be;font-style:normal}.code-guide-card{margin:24px 0 6px;padding:13px 16px;background:#fbfdff;border:1px solid #c9ddef;border-radius:10px;box-shadow:0 1px 2px #143c640d}.card-heading{display:flex;align-items:center;gap:10px}.card-heading>span{flex:none;padding:3px 10px;color:#0b527c;background:#d7eeff;border-radius:999px;font:650 12.5px var(--mono);letter-spacing:.04em}.card-heading h3{min-width:0;margin:0;font:650 20px var(--display)}.code-guide-card p{margin:7px 0 0;color:#3e617a;font-size:14px;line-height:1.75}.fill-card{margin:22px 0;padding:13px 16px 11px;background:#fbfdff;border:1px solid #c9ddef;border-radius:10px;box-shadow:0 1px 2px #143c640d;transition:border-color .22s,background .22s,box-shadow .22s}.fill-card:hover{border-color:#9cc4e4;box-shadow:0 2px 6px #143c6414}.fill-card.done{border-color:#a8d4bc;background:#f4fbf7}.fill-card.done:hover{border-color:#86c4a4}.fill-card-index{flex:none;padding:3px 10px;color:#0b527c;background:#d7eeff;border-radius:999px;font:650 12.5px var(--mono);letter-spacing:.04em}.fill-card.done .fill-card-index{color:#0c5c41;background:#d5f2e4}.fill-card.skeleton{border-color:#d0c4ee;background:#f7f5fc}.fill-card.skeleton .fill-card-index{color:#4c3f8f;background:#e6e0fa}.fill-card.skeleton.done{border-color:#b3a5de;background:#f0edfa}.fill-card.skeleton.done .fill-card-index{color:#4c3f8f;background:#ddd6f8}.fill-card-heading{display:flex;align-items:center;gap:10px;margin-top:4px}.fill-card-heading h4{min-width:0;margin:0;color:#1c3f5c;font:650 20px/1.45 var(--display)}.fill-card p{margin:7px 0 0;color:#33566f;font-size:14px;line-height:1.75}.evidence-content-card{margin:24px 0;padding:14px 16px 16px;background:#fbfdff;border:1px solid #d3e4f2;border-radius:10px;box-shadow:0 1px 2px #143c640d}.evidence-content-heading{display:flex;align-items:center;gap:10px}.evidence-content-heading span{flex:none;padding:3px 10px;color:#0b527c;background:#d7eeff;border-radius:999px;font:650 12.5px var(--mono);letter-spacing:.04em}.evidence-content-heading h4{margin:0;color:#1c3f5c;font:650 20px var(--display)}.evidence-content-description{margin:6px 0 10px;color:#4a687f;font-size:13.5px;line-height:1.7}.evidence-card-body{color:#385870;font-size:13.5px}.evidence-card-empty{color:#6d8ca3;line-height:1.8}.evidence-card-more{margin-top:10px;color:#7d99ae;font-size:12px}.request-step-title{margin:0;color:#256faa;font:650 13px var(--mono)}.request-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:8px}.request-total{color:#6d8ca3;font:500 11.5px var(--mono)}.request-bar{display:flex;height:22px;gap:3px;overflow:hidden;border-radius:5px}.request-bar span{min-width:3px}.request-legend{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;margin-top:7px;color:#6d8ca3;font-size:11.5px}.request-legend span{display:inline-flex;align-items:center;gap:5px}.request-legend i{width:10px;height:10px;border-radius:3px}.request-legend i.stable{background:var(--accent)}.request-legend i.append-only{background:var(--cyan)}.request-legend i.step-variable{background:var(--soft-blue)}.request-legend .request-shared{margin-left:auto;color:#55778f;font:500 11px var(--mono)}.invalidation{display:flex;justify-content:space-between;gap:10px;margin:4px 0 12px;padding:9px 12px;background:#fdf3e3;border:1px solid #ecd9b4;border-radius:6px;font-size:12px}.invalidation span{color:#8a6d3b}.invalidation b{color:#7a5a26;font-weight:650}.request-compare-heading{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 16px;margin-bottom:13px}.request-compare-heading b{color:#17377f;font-size:13px}.request-compare-heading span{color:#6a7fa1;font-size:11.5px}.request-comparison{display:grid;gap:8px}.request-compare-row{display:grid;grid-template-columns:78px minmax(0,1fr);gap:10px;align-items:stretch}.request-row-label{display:grid;align-content:center;gap:3px}.request-row-label small{color:#768aa8;font-size:10.5px}.request-row-label b{color:#405980;font:600 11.5px/1.5 var(--mono)}.request-compare-row.current .request-row-label b{color:#17377f}.request-segments{display:flex;gap:6px;min-width:0}.request-segments>span{position:relative;min-width:0;flex:1 1 0;display:grid;align-content:center;gap:3px;min-height:66px;padding:10px 11px;border-radius:7px}.request-segments>span.shared{flex-grow:1.45;color:#405b88;background:#e8f0fa;border:1px solid #b7cde8}.request-segments>span.added{color:#17377f;background:#fff;border:1px solid #789ed5;box-shadow:inset 3px 0 #315fba}.request-segments>span.variable{color:#607596;background:#f7fafdb8;border:1px dashed #b6c9e0}.request-segments b{overflow-wrap:anywhere;font-size:11.5px;font-weight:650;line-height:1.45}.request-segments small{color:inherit;opacity:.75;font-size:10px}.request-segments i{position:absolute;top:5px;right:6px;color:#315fba;font:650 8.5px var(--mono);font-style:normal}.request-rebuild-arrow{display:flex;align-items:center;gap:9px;margin-left:88px;color:#6f84a4;font-size:10.5px}.request-rebuild-arrow i{color:#315fba;font:600 17px/1 var(--body);font-style:normal}.request-compare-conclusion{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:11px;margin-top:13px;padding:11px 13px;color:#53698e;background:#edf4fb;border-radius:7px;font-size:12px;line-height:1.65}.request-compare-conclusion b{color:#315fba;font-weight:650}.request-card .technical-details{margin-top:13px}.trace-summary{margin-bottom:10px;color:#256faa;font-size:12px}.trace-focus-summary{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:3px 11px;margin-bottom:12px;padding:11px 13px;background:#edf4fb;border-radius:7px}.trace-focus-summary span{grid-row:1 / span 2;align-self:center;color:#315fba;font-size:10.5px;font-weight:650}.trace-focus-summary b{color:#17377f;font-size:12.5px}.trace-focus-summary small{color:#7185a4;font-size:10.5px}.trace-card ol{display:grid;gap:6px;margin:0;padding:0;list-style:none}.trace-card li{display:grid;grid-template-columns:30px 10px 1fr;gap:9px;align-items:start;padding:8px 10px;background:#f2f7fc;border:1px solid transparent;border-radius:6px}.trace-card li.focus{background:#e8f1fc;border-color:#9ebde6;box-shadow:inset 3px 0 #315fba}.trace-card li>span{color:#7d99ae;font:500 10.5px var(--mono)}.trace-card li>i{width:7px;height:7px;margin-top:4px;border-radius:50%;background:#9db8cc}.trace-card li.tool>i{background:#4da3ff}.trace-card li.runtime>i{background:#c084fc}.trace-card li.goal>i{background:#2f9e6e}.trace-card li.request>i{background:#f0a24c}.trace-card li small{display:block;color:#6d8ca3;font-size:10.5px}.trace-card li b{color:#2c4e68;font-size:12.5px;font-weight:600}.trace-detail{display:block;margin-top:3px;color:#657a9b;font:500 10.5px/1.55 var(--mono);overflow-wrap:anywhere}.trace-card li.focus b{color:#17377f}.trace-card li.focus .trace-detail{color:#405b88}.graph-ledger{display:grid;gap:9px}.graph-ledger section{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.graph-ledger small{color:#6d8ca3;font-size:11px}.graph-ledger span{padding:3px 8px;color:#0f639e;background:#e4f0fa;border:1px solid #c4dcf0;border-radius:999px;font:500 11px var(--mono)}.graph-relations{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:baseline;margin:11px 0 0;color:#58768c;font-size:11.5px}.graph-relations b{color:#256faa;font-size:11px}.dependency-snapshot{display:grid;gap:16px}.dependency-flow{display:grid;grid-template-columns:minmax(0,1fr) 118px minmax(0,1fr);gap:10px;align-items:stretch}.dependency-node{display:grid;align-content:center;gap:5px;min-height:104px;padding:14px 16px;background:#fff;border:1px solid #9ebde6;border-radius:8px;box-shadow:inset 3px 0 #315fba}.dependency-node small{color:#7188aa;font-size:10.5px}.lesson-copy .dependency-node code{width:fit-content;padding:0;color:#17377f;background:transparent;border:0;font:650 13px/1.6 var(--mono)}.dependency-link{display:grid;align-content:center;justify-items:center;gap:5px;color:#315fba;text-align:center}.dependency-link span{color:#617697;font-size:10.5px;line-height:1.45}.dependency-link b{font:500 27px/1 var(--body)}.dependency-contributions{display:grid;justify-items:center;gap:8px;padding:0 12px}.dependency-branch{color:#7898ca;font-size:21px;line-height:1}.dependency-contributions>b{color:#405b88;font-size:11.5px;font-weight:600}.dependency-contributions>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;width:100%}.dependency-contributions>div>span{display:grid;gap:4px;padding:11px 13px;background:#edf4fb;border-radius:7px}.dependency-contributions small{color:#7188aa;font:650 9.5px var(--mono);letter-spacing:.06em}.lesson-copy .dependency-contributions code{padding:0;color:#17377f;background:transparent;border:0;font:600 12px/1.6 var(--mono);overflow-wrap:anywhere}.dependency-conclusion{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:11px;padding-top:13px;color:#53698e;border-top:1px solid #d6e3f2;font-size:12.5px;line-height:1.7}.dependency-conclusion b{color:#315fba;font-weight:650}.evolution-snapshot{display:grid;gap:18px}.evolution-steps{position:relative;display:grid;grid-template-columns:repeat(3,1fr);margin:0;padding:0 4px;list-style:none}.evolution-steps:before{content:"";position:absolute;top:13px;right:16.67%;left:16.67%;height:1px;background:#c6d9ee}.evolution-steps li{position:relative;z-index:1;display:grid;justify-items:center;gap:6px;color:#8a9bb5;font-size:11.5px}.evolution-steps i{display:grid;width:27px;height:27px;place-items:center;color:#6c82a4;background:#f8fbff;border:1px solid #b9cde5;border-radius:50%;font:650 10px var(--mono);font-style:normal}.evolution-steps li.done{color:#5f7394}.evolution-steps li.done i{color:#fff;background:#7898ca;border-color:#7898ca}.evolution-steps li.current{color:#17377f;font-weight:650}.evolution-steps li.current i{color:#fff;background:#315fba;border-color:#315fba;box-shadow:0 0 0 4px #315fba1a}.evolution-flow{display:grid;grid-template-columns:minmax(0,1fr) 108px minmax(0,1fr);align-items:stretch;gap:10px}.evolution-node{min-width:0;display:grid;align-content:center;gap:5px;min-height:116px;padding:15px 16px;background:#fffefcf5;border:1px solid #9ebde6;border-radius:8px;box-shadow:inset 3px 0 #315fba}.evolution-node small{color:#7188aa;font:650 10px var(--mono);letter-spacing:.08em}.lesson-copy .evolution-node code{width:fit-content;max-width:100%;padding:0;overflow-wrap:anywhere;color:#17377f;background:transparent;border:0;font:600 12.5px/1.6 var(--mono)}.evolution-node span{color:#53698e;font-size:12px}.evolution-link{display:grid;align-content:center;justify-items:center;gap:4px;color:#315fba;text-align:center}.evolution-link span{color:#6d82a3;font-size:10.5px;line-height:1.4}.evolution-link b{font:500 28px/1 var(--body)}.evolution-snapshot.baseline .evolution-node,.evolution-snapshot.restored .evolution-node{background:#f7fafdb8;border-color:#bacce2;border-style:dashed;box-shadow:none}.evolution-snapshot.baseline .evolution-node code,.evolution-snapshot.restored .evolution-node code{color:#637796}.evolution-snapshot.baseline .evolution-link,.evolution-snapshot.restored .evolution-link{color:#8ca0bc}.evolution-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.evolution-metrics>div{display:flex;align-items:baseline;gap:9px;padding:11px 13px;background:#edf4fb;border-radius:7px}.evolution-metrics small{color:#6f83a3;font-size:11px}.evolution-metrics strong{color:#17377f;font:650 17px var(--mono)}.evolution-metrics strong i{margin:0 7px;color:#8aa0be;font-style:normal;font-weight:400}.evolution-metrics span{margin-left:auto;padding:2px 6px;color:#315fba;background:#fff;border:1px solid #b7ceea;border-radius:999px;font:650 10.5px var(--mono)}.evolution-snapshot.restored .evolution-metrics span{color:#607596}.evolution-note{display:flex;flex-wrap:wrap;align-items:baseline;gap:7px 14px;color:#7185a4;font-size:11.5px}.evolution-note span{color:#8ca0bc;font-size:10.5px}.evolution-note b{color:#586e92;font-weight:500}.evolution-timing{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:11px;padding-top:13px;color:#52688d;border-top:1px solid #d6e3f2;font-size:12.5px;line-height:1.7}.evolution-timing b{color:#315fba;font-weight:650}.summary-card .summary-question{margin:0 0 8px;color:#58768c;font-size:13px}.summary-card h4{margin:0 0 9px;color:#1c3f5c;font:650 18px var(--display)}.summary-card>p{line-height:1.85}.summary-role{margin-top:12px;padding:10px 12px;background:#eef6fd;border-radius:6px}.summary-role b{display:block;margin-bottom:3px;color:#256faa;font-size:11px}.summary-connection{margin-top:10px;color:#55778f;font-size:12.5px}.chapter-summary-card{margin:28px 0 14px;padding:15px 18px 14px;background:#fbfdff;border:1px solid #d3e4f2;border-radius:10px;box-shadow:0 1px 2px #143c640d}.chapter-summary-card .card-heading>span{color:#3978a8}.chapter-summary-card .card-heading h3{font-size:20px}.chapter-summary-card>p{margin:12px 0 0;color:#3e617a;font-size:14.5px;line-height:1.85}.chapter-summary-card dl{display:grid;gap:8px;margin:16px 0 0}.chapter-summary-card dl div{padding:10px 12px;background:#f6fafd;border:1px solid #dce8f2;border-radius:7px}.chapter-summary-card dt{color:#256faa;font-size:11px;font-weight:650}.chapter-summary-card dd{margin:4px 0 0;color:#48687f;font-size:13px;line-height:1.7}.chapter-summary-card ul{display:grid;gap:7px;margin:15px 0 0;padding:0;list-style:none}.chapter-summary-card li{display:flex;gap:8px;color:#33566f;font-size:13px;line-height:1.6}.chapter-summary-card li i{color:#2f9e6e;font-style:normal}.chapter-summary-card>small{display:block;margin-top:15px;color:#7d99ae;font-size:11.5px}.pressure-note{margin:38px 0;padding:19px 23px;color:#385870;background:#e8f2fc;border-left:4px solid #5c9fda;border-radius:0 8px 8px 0;font-size:15px;line-height:1.75}.pressure-note span{display:block;margin-bottom:5px;color:#2e78b4;font-size:12px;font-weight:650;letter-spacing:.05em}.lesson-copy{max-width:800px}.lesson-copy h3{margin:36px 0 12px;font:650 20px var(--display)}.lesson-copy p{margin:0 0 18px;color:var(--ink-2);font-size:16.5px;line-height:2;text-indent:2em}.lesson-copy p:first-of-type{text-indent:0}.lesson-copy code{padding:2px 6px;color:#145c91;background:#e1effd;border:1px solid #b9d6f1;border-radius:4px;font:500 13.5px var(--mono)}.mode-contrast{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;margin:40px 0;padding:21px;border:1px solid #bfd6e9;border-radius:10px;background:#edf5fc}.mode-contrast>div:not(.mode-arrow):not(.mode-intro){padding:19px;background:#f8fbff;border:1px solid #d2e3f2;border-radius:8px}.mode-intro{grid-column:1 / -1;padding-bottom:4px}.mode-intro span,.mode-contrast>div>span{display:block;color:#3978a8;font-size:12px;font-weight:650}.mode-intro p{margin:7px 0 0;color:#3e617a;font-size:14px;line-height:1.8}.mode-contrast b{display:block;margin:9px 0;font:650 17px var(--display)}.mode-contrast>div:not(.mode-intro) p{margin:0;color:#4a687f;font-size:14px;line-height:1.7}.mode-arrow{align-self:center;color:#6688a1;font-size:11.5px;line-height:1.65;text-align:center}.ptc-example{grid-column:1 / -1;border-top:1px solid #c6dbe9}.ptc-example summary{padding:15px 2px 2px;color:#2a70a7;font-size:13px;font-weight:650;cursor:pointer}.ptc-example pre{overflow:auto;margin:13px 0 0;padding:17px;color:#c8e8ff;background:var(--night);border-radius:8px;font:500 12.5px/1.75 var(--mono)}.context-cutaway{margin:36px 0;padding:20px 22px;color:#d8edff;background:var(--night);border:1px solid #204766;border-radius:9px}.context-cutaway p{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 15px;color:#a3bfd4;font-size:12px}.context-cutaway p span,.context-cutaway p i,.context-cutaway p b{width:13px;height:5px;display:inline-block;border-radius:3px}.context-cutaway p span{background:var(--accent)}.context-cutaway p i{background:var(--cyan)}.context-cutaway p b{background:var(--soft-blue)}.request-bar{display:flex;height:25px;gap:3px}.request-bar span{min-width:3px;border-radius:3px}.request-bar span.stable{background:var(--accent)}.request-bar span.append-only{background:var(--cyan)}.request-bar span.step-variable{background:var(--soft-blue)}.context-cutaway small{display:block;margin-top:12px;color:#91afc6;font-size:12px}.preset-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:34px 0;background:#7ba5c4;border:1px solid #7ba5c4;border-radius:9px;overflow:hidden}.preset-grid div{min-height:106px;padding:18px;background:#edf5fc}.preset-grid b{display:block;margin-bottom:10px;font:650 16px var(--display)}.preset-grid span{color:#4d6d84;font-size:13px;line-height:1.65}.sequence-strip{display:flex;align-items:center;justify-content:space-between;gap:9px;margin:36px 0;padding:19px 20px;color:#52738c;background:#e4eff9;border-radius:9px;font-size:12px}.sequence-strip strong{padding:9px 11px;color:#08243a;background:var(--cyan);border-radius:6px;font-weight:650}.sequence-strip i{color:#8caac0;font-style:normal}.round-strip{display:grid;grid-template-columns:auto 1fr auto 1fr auto auto;align-items:center;gap:13px;margin:36px 0}.round-strip div{display:grid;width:92px;aspect-ratio:1;place-content:center;text-align:center;border:1px solid #4d7fa6;border-radius:50%;background:#f8fbff}.round-strip b{font:650 13px var(--body)}.round-strip span{color:#64839a;font-size:12px}.round-strip i{height:1px;background:#9db8cc}.round-strip strong{padding:9px 12px;color:#0d527c;background:#d7eeff;border-radius:6px;font-size:12px}.chapter-exercise{margin-top:48px;overflow:hidden;background:#e9f3fc;border:1px solid #afd0e6;border-radius:10px}.chapter-exercise>header{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:20px 21px;background:#deedf9;border-bottom:1px solid #b8d3e7}.chapter-exercise>header>div{min-width:0}.chapter-exercise>header small{display:block;margin-bottom:5px;color:#2874aa;font-size:11.5px;font-weight:650}.chapter-exercise>header h3{margin:0;font:650 19px/1.4 var(--display)}.chapter-exercise>header span{display:block;margin-top:5px;color:#668399;font-size:11.5px}.exercise-primary{flex:none;min-height:42px;padding:0 15px;border:1px solid #176fa9;color:#fff;background:#176fa9;border-radius:6px;font-size:12.5px;font-weight:650;cursor:pointer}.exercise-primary:hover{background:#0e5a8d}.exercise-primary:disabled{color:#718ca0;background:#d3e2ec;border-color:#bfd1dc;cursor:not-allowed}.exercise-stage{padding:18px}.exercise-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 19px;color:#708ba0;background:#dfedf8;border-top:1px solid #bfd5e5;font-size:11.5px}.exercise-footer button{padding:0;border:0;color:#1d6d9f;background:transparent;font-size:12px;font-weight:650;cursor:pointer}.exercise-grid{display:grid;grid-template-columns:minmax(190px,.8fr) minmax(250px,1.2fr);gap:10px}.agent-exercise{grid-template-columns:1fr}.exercise-grid>section,.record-strip,.rebuild-grid>section,.tool-catalog{min-width:0;background:#f9fcff;border:1px solid #c5dae9;border-radius:8px}.exercise-card-title{min-height:39px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 12px;color:#486a82;border-bottom:1px solid #d4e4ef;font-size:11.5px}.exercise-card-title b{color:#224f70;font-size:12px}.request-state dl,.rebuild-grid dl,.submission-card dl{display:grid;gap:0;margin:0;padding:7px 12px 11px}.request-state dl div,.rebuild-grid dl div,.submission-card dl div{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid #e0ebf3;font-size:11.5px}.request-state dl div:last-child,.rebuild-grid dl div:last-child,.submission-card dl div:last-child{border-bottom:0}.request-state dt,.rebuild-grid dt,.submission-card dt{color:#68859a}.request-state dd,.rebuild-grid dd,.submission-card dd{margin:0;color:#1e5478;font-weight:650;text-align:right}.agent-exercise .request-state dl{grid-template-columns:repeat(3,1fr);padding-block:9px}.agent-exercise .request-state dl div{display:grid;gap:5px;padding:2px 10px;border-bottom:0;border-right:1px solid #dce8f0}.agent-exercise .request-state dl div:last-child{border-right:0}.agent-exercise .request-state dd{text-align:left}.exercise-output{min-height:180px;display:grid;align-content:center}.exercise-empty,.accepted-card,.rejected-card,.survey-result{display:grid;justify-items:center;gap:7px;padding:25px;color:#607f95;text-align:center}.exercise-empty b,.accepted-card b,.rejected-card b,.survey-result b{color:#175f8f;font-size:15px}.accepted-card i{display:grid;width:38px;height:38px;place-content:center;color:#073a59;background:var(--cyan);border-radius:50%;font-style:normal;font-weight:750}.rejected-card i{display:grid;width:38px;height:38px;place-content:center;color:#fff;background:#6d87a0;border-radius:50%;font-style:normal;font-weight:750}.tool-call-card{display:grid;justify-items:center;gap:8px;padding:24px;text-align:center}.tool-call-card>span{color:#68869c;font-size:11.5px}.tool-call-card b{color:#155e8d;font-size:17px}.tool-call-card code{padding:6px 8px;color:#cceaff;background:#09243a;border-radius:4px;font:500 11px var(--mono)}.route-table{width:100%;padding-bottom:7px}.route-limits{margin:8px 9px 2px;color:#4f7188;font-size:10.5px;line-height:1.5}.route-row{width:calc(100% - 16px);display:grid;grid-template-columns:1.15fr 1fr 1fr .8fr;align-items:center;gap:7px;min-height:45px;margin:6px 8px 0;padding:6px 9px;border:1px solid transparent;color:#59788f;background:#edf4f9;border-radius:5px;font:500 10.5px var(--body);text-align:left}.route-row>span:first-child{display:flex;align-items:center;justify-content:space-between;gap:5px}.route-row i{color:#829aaa;font-size:9.5px;font-style:normal}.route-row:disabled{opacity:1;cursor:default}.route-row.valid{color:#155f89;background:#d8effc;box-shadow:inset 3px 0 #22a7dc}.route-row.valid i{color:#0b709d;font-weight:700}.route-table.selectable .route-row{cursor:pointer}.route-table.selectable .route-row:hover{border-color:#75acd0;background:#e3f1fa}.route-row.selected{color:#0b5680;background:#d4edfc;border-color:#258fc5;box-shadow:0 0 0 3px #258fc51c}.submission-card{padding:18px;text-align:center}.submission-card>span{color:#6a879b;font-size:11px}.submission-card>b{display:block;margin-top:5px;color:#106b9e;font:700 26px var(--mono)}.record-strip{margin-top:10px;padding-bottom:8px}.record-strip ol{display:flex;flex-wrap:wrap;gap:7px;margin:8px 0 0;padding:0 9px 2px;list-style:none}.record-strip li{flex:0 0 auto;display:flex;align-items:center;gap:6px;padding:7px 9px;color:#66849a;background:#edf5fa;border:1px solid #d2e2ec;border-radius:5px;font-size:10.5px}.record-strip li i{display:grid;width:17px;height:17px;place-content:center;color:#2a719f;background:#d5eaf7;border-radius:50%;font:650 9px var(--mono);font-style:normal}.record-strip li.new{color:#124f77;background:#d6effe;border-color:#52a9d8;animation:exercise-item-in .32s ease both}.projection-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px}.projection-metrics div{padding:14px;color:#718b9f;background:#f6fbfe;border:1px solid #c9dce9;border-radius:7px}.projection-metrics div.active{color:#1b638f;background:#dceffd;border-color:#4e9dca;box-shadow:inset 3px 0 #238bc1}.projection-metrics small{display:block}.projection-metrics b{display:inline-block;margin-top:7px;color:inherit;font:700 23px var(--mono)}.projection-metrics span{margin-left:5px;font-size:11px}.telemetry-view{max-height:235px;overflow:auto;margin:10px 0 0;padding:14px 16px;color:#b9d9ed;background:#082136;border-radius:7px;font:500 11.5px/1.65 var(--mono)}.plugin-summary{display:flex;align-items:baseline;gap:8px;margin-bottom:10px;color:#58778e}.plugin-summary b{color:#126b9f;font:700 26px var(--mono)}.plugin-summary span{font-size:12px}.plugin-slots{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.plugin-slots div{min-height:88px;display:grid;align-content:center;gap:4px;padding:13px;background:#f8fcff;border:1px solid #c4dae9;border-radius:7px}.plugin-slots div.present{background:#dcf0fc;border-color:#55a8d5;box-shadow:inset 3px 0 #2696cc}.plugin-slots div.cleared{background:#edf4f8;border-style:dashed}.plugin-slots small,.plugin-slots span{color:#6e899d;font-size:10.5px}.plugin-slots b{color:#275c7d;font-size:12px}.plugin-slots .empty b{color:#90a4b2}.install-failure{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:9px;padding:11px 13px;color:#66849a;background:#f6fbfe;border:1px solid #c7dae7;border-radius:6px;font-size:11px}.install-failure.phase-1{color:#365f7b;background:#dceffc;border-color:#5ea5cf}.install-failure.phase-2{color:#315f7c;background:#e5f2f9;border-left:3px solid #3d96c4}.request-choice{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:10px}.request-choice button{min-height:36px;border:1px solid #b8d1e2;color:#55768d;background:#f5faff;border-radius:5px;font-size:11.5px;cursor:pointer}.request-choice button.active{color:#fff;background:#1977af;border-color:#1977af}.rebuild-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:10px}.rebuild-grid section{min-height:180px}.rebuild-grid section>p{display:grid;grid-template-columns:42px 1fr;gap:8px;margin:0;padding:8px 11px;color:#5a798f;border-bottom:1px solid #e1ebf2;font-size:10.5px;line-height:1.45}.rebuild-grid section>p i{color:#1d75a8;font-style:normal;font-weight:650}.tool-catalog{padding-bottom:11px}.tool-catalog>div:last-child{display:flex;flex-wrap:wrap;gap:6px;padding:10px 11px 0}.tool-catalog>div:last-child span{padding:7px 8px;color:#55768d;background:#e9f3f9;border:1px solid #c8dce9;border-radius:5px;font-size:10.5px}.tool-catalog>div:last-child span.new{color:#075c87;background:#ccecff;border-color:#3ca4d5;box-shadow:0 0 0 3px #3ca4d51c}.tool-catalog+.route-table{margin-top:10px;overflow:hidden;background:#f9fcff;border:1px solid #c5dae9;border-radius:8px}.removed-note{margin:10px 0 0;padding:11px 13px;color:#376985;background:#dceef9;border-left:3px solid #4d9dc9;border-radius:4px;font-size:11.5px}.round-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.round-progress div{display:flex;align-items:center;gap:8px;padding:11px;color:#7790a2;background:#f5faff;border:1px solid #c9dce9;border-radius:6px;font-size:11.5px}.round-progress i{display:grid;width:22px;height:22px;place-content:center;border:1px solid #a5bfd1;border-radius:50%;font:650 10px var(--mono);font-style:normal}.round-progress div.current{color:#145e88;background:#d9effc;border-color:#459bc8}.round-progress div.done i{color:#fff;background:#237eaf;border-color:#237eaf}.round-result{min-height:190px;display:grid;align-content:center;margin-top:10px;background:#f9fcff;border:1px solid #c5dae9;border-radius:8px}.survey-result span{color:#577b91;font-size:12px}.round-result>.route-table{padding-bottom:8px}.exercise-flash{animation:exercise-stage-in .33s ease both}@keyframes exercise-stage-in{0%{opacity:.45;transform:translateY(4px);box-shadow:inset 0 0 0 999px #4aafe01f}to{opacity:1;transform:translateY(0);box-shadow:inset 0 0 0 999px #4aafe000}}@keyframes exercise-item-in{0%{opacity:0;transform:translate(7px)}to{opacity:1;transform:translate(0)}}.mobile-panel,.mobile-switcher{display:none}.code-dock{min-width:0;background:var(--night);border-left:1px solid rgba(5,20,33,.45)}.code-dock-shell{position:sticky;top:72px;height:calc(100vh - 72px);display:flex;flex-direction:column;color:#dcecff;background:var(--night)}.code-tabs{min-height:44px;display:flex;overflow-x:auto;background:#0b2237;border-bottom:1px solid rgba(155,205,244,.12);scrollbar-width:none}.code-tabs::-webkit-scrollbar{display:none}.code-tab{flex:1 0 auto;min-width:92px;max-width:220px;padding:0 14px;border:0;border-right:1px solid rgba(155,205,244,.1);color:#8ba8bd;background:transparent;font:550 12.5px var(--mono);cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.code-tab:hover{color:#e0f1ff;background:#4da3ff0f}.code-tab.is-active{color:var(--cyan);background:#071a2b;box-shadow:inset 0 -2px var(--cyan)}.code-dock-body{flex:1;min-height:0;display:flex;flex-direction:column}.code-dock-body>.code-lines{flex:1;min-height:0}.code-dock-hint{margin:0;padding:10px 17px;color:#6f9cba;background:#0b2237;border-top:1px solid rgba(155,205,244,.11);font-size:11.5px;text-align:center}.code-outline{padding:10px 0 7px;border-bottom:1px solid rgba(155,205,244,.1);background:#071a2b}.code-outline-line{display:flex;min-width:max-content;min-height:22px;padding-right:20px;color:#4d6a84;font:500 12.5px/1.9 var(--mono);white-space:pre;transition:color .2s}.code-outline-line .line-no{flex:0 0 55px;padding-right:14px;color:#334f67;text-align:right;-webkit-user-select:none;user-select:none}.code-outline-line.reached{color:#6f95b2}.code-outline-line.reached .line-no{color:#4d86ad}.code-outline-line.current{color:#dceeff}.code-outline-line.current .line-no{color:var(--cyan)}.code-segment-comment{margin-top:13px;color:#7990ae;background:#7189a914;border-top:1px solid rgba(113,137,169,.16)}.code-segment-comment:first-child{margin-top:0}.code-segment-comment code{font-style:italic}.chapter-code-mobile{display:none}.code-lines .code-line.is-new{background:#a855f724;box-shadow:inset 3px 0 #c084fc}.code-lines .code-line.is-new .line-no{color:#d8b4fe}.code-lines.has-line-focus .code-line.is-new{opacity:.75}.code-lines.has-line-focus .code-line.is-new.highlighted{opacity:1}.code-line.is-entering{max-height:0;overflow:hidden;animation:code-insert .32s cubic-bezier(.2,.9,.25,1) forwards;animation-delay:var(--write-delay, 0ms)}.code-line.is-entering code{display:block;width:max-content;clip-path:inset(0 100% 0 0);animation:code-write var(--write-duration, .76s) steps(18,end) forwards;animation-delay:calc(var(--write-delay, 0ms) + .41s)}@keyframes code-insert{0%{max-height:0;transform:translateY(8px)}to{max-height:200px;transform:translateY(0)}}@keyframes code-write{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px}.progress-track{width:88px;height:4px;overflow:hidden;background:#9ccff629;border-radius:999px}.progress-bar{height:100%;background:linear-gradient(90deg,var(--accent),var(--cyan));border-radius:999px;transition:width .26s ease}.progress-help,.language-control,.locale-control{position:relative;display:flex;align-items:center;min-height:34px}.progress-help{padding-inline:3px;cursor:help}.header-tooltip{position:absolute;z-index:50;top:calc(100% + 10px);right:0;display:grid;width:max-content;max-width:230px;gap:3px;padding:9px 11px;color:#eaf5ff;background:#102d48;border:1px solid rgba(156,207,246,.3);border-radius:7px;box-shadow:0 10px 26px #03152340;font-size:11px;line-height:1.45;text-align:left;opacity:0;pointer-events:none;transform:translateY(-3px);transition:opacity .15s ease,transform .15s ease;visibility:hidden}.header-tooltip:before{position:absolute;top:-5px;right:11px;width:8px;height:8px;background:#102d48;border-top:1px solid rgba(156,207,246,.3);border-left:1px solid rgba(156,207,246,.3);content:"";transform:rotate(45deg)}.header-tooltip b{color:#fff;font-size:11px}.header-tooltip span{color:#a6c4da}.progress-help:hover .header-tooltip,.language-control:hover .header-tooltip,.language-control:focus-within .header-tooltip{opacity:1;transform:translateY(0);visibility:visible}.lock-button{position:relative;width:34px;height:34px;display:grid;place-content:center;padding:0;border:1px solid rgba(156,207,246,.22);color:#9fc4de;background:#4da3ff12;border-radius:7px;cursor:pointer;transition:color .16s ease,background .16s ease,border-color .16s ease}.lock-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.lock-button:hover,.lock-button:focus-visible{color:#fff;background:#4da3ff29;border-color:#9ccff67a;outline:0}.lock-button.active{color:#08243a;background:var(--cyan);border-color:var(--cyan)}.lock-tooltip{position:absolute;z-index:50;top:calc(100% + 10px);right:0;display:grid;width:max-content;max-width:220px;gap:3px;padding:9px 11px;color:#eaf5ff;background:#102d48;border:1px solid rgba(156,207,246,.3);border-radius:7px;box-shadow:0 10px 26px #03152340;font-size:11px;line-height:1.45;text-align:left;opacity:0;pointer-events:none;transform:translateY(-3px);transition:opacity .15s ease,transform .15s ease;visibility:hidden}.lock-tooltip:before{position:absolute;top:-5px;right:11px;width:8px;height:8px;background:#102d48;border-top:1px solid rgba(156,207,246,.3);border-left:1px solid rgba(156,207,246,.3);content:"";transform:rotate(45deg)}.lock-tooltip b{color:#fff;font-size:11px}.lock-tooltip span{color:#a6c4da}.lock-button:hover .lock-tooltip,.lock-button:focus-visible .lock-tooltip{opacity:1;transform:translateY(0);visibility:visible}.panel-sync-note{position:absolute;z-index:20;top:53px;right:14px;display:flex;align-items:center;gap:7px;max-width:calc(100% - 28px);padding:9px 11px;color:#f4f9ff;background:#23477f;border:1px solid #7898ca;border-radius:6px;box-shadow:0 8px 24px #17275b33;font-size:11.5px;animation:panel-sync-in 2.5s ease forwards;pointer-events:none}.panel-sync-note i{width:7px;height:7px;flex:none;background:#b9d5f2;border-radius:50%}@keyframes panel-sync-in{0%{opacity:0;transform:translateY(-5px)}12%,76%{opacity:1;transform:translateY(0)}to{opacity:0}}.panel-topline{min-height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 19px;color:#89a9c1;background:#061522;border-bottom:1px solid rgba(155,205,244,.12);font-size:12px}.panel-topline div{display:flex;align-items:center;gap:8px}.panel-topline i{width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.panel-tabs{min-height:58px;display:flex;overflow-x:auto;background:#0b2237;border-bottom:1px solid rgba(155,205,244,.12);scrollbar-width:none}.panel-tabs button{flex:1 0 88px;min-width:0;border:0;color:#8ba8bd;background:transparent;font-size:13px;font-weight:550;cursor:pointer}.panel-tabs .primary-tab{border-right:1px solid rgba(155,205,244,.12);color:#c4dae9;font-weight:650}.secondary-tabs{display:contents}.panel-tabs button:hover{color:#e0f1ff}.panel-tabs button.active{color:var(--cyan);box-shadow:inset 0 -3px var(--cyan);background:#4da3ff17}.step-picker{min-height:48px;display:flex;align-items:center;gap:7px;padding:0 16px;border-bottom:1px solid rgba(155,205,244,.11);font-size:13px}.step-picker span{margin-right:7px;color:#81a0b7}.step-picker button{width:30px;height:30px;border:1px solid #315571;color:#a3bed2;background:transparent;border-radius:5px;font:550 12px var(--mono);cursor:pointer}.step-picker button.active{color:#061827;background:var(--cyan);border-color:var(--cyan)}.panel-content{flex:1;min-height:0;overflow:auto;scrollbar-color:#315571 transparent;scrollbar-width:thin}.panel-intro{padding:25px 24px 23px;background:linear-gradient(145deg,#102f4a,#0b243a);border-bottom:1px solid rgba(156,207,246,.15)}.panel-intro>span{display:block;margin-bottom:8px;color:var(--cyan);font-size:12px;font-weight:650}.panel-intro h3{margin:0;color:#f0f7ff;font:650 22px/1.35 var(--display);text-wrap:balance}.panel-intro p{margin:10px 0 0;color:#afc7da;font-size:15px;line-height:1.75;text-wrap:balance}.panel-intro .hover-hint{display:block;margin-top:13px;color:#76a2c0;font-size:12.5px;line-height:1.6;text-wrap:pretty}.panel-intro ol{display:grid;gap:8px;margin:18px 0 0;padding:0;counter-reset:guide;list-style:none}.panel-intro li{position:relative;padding-left:31px;color:#c4d8e7;border-radius:6px;font-size:var(--text-small);line-height:1.65;counter-increment:guide;transition:background .16s}.panel-intro li:before{content:counter(guide);position:absolute;z-index:1;left:0;top:8px;display:grid;width:21px;height:21px;place-content:center;color:#092138;background:var(--cyan);border-radius:50%;font:650 11px var(--mono);pointer-events:none}.panel-intro li button{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:7px 8px;border:0;color:inherit;background:transparent;border-radius:5px;font:inherit;line-height:inherit;text-align:left;cursor:pointer}.panel-intro li button:hover,.panel-intro li button:focus-visible,.panel-intro li.active button{color:#f0f8ff;background:#5ab5eb1c;outline:none}.panel-intro li button small{color:#6f9cba;font:500 var(--text-caption) var(--mono);white-space:nowrap}.panel-intro li.active:before{color:#051d30;background:#a5e7ff;box-shadow:0 0 0 3px #67d5ff1f}.focus-code{border-bottom:1px solid rgba(155,205,244,.14)}.file-label{display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr) auto;align-items:center;gap:2px 16px;padding:7px 12px;color:#405987;background:#e4effc;border-bottom:1px solid rgba(41,62,120,.12)}.file-meta{display:flex;flex-direction:column;gap:1px;min-width:0;align-self:stretch;justify-content:center}.file-name{overflow:hidden;color:#17377f;font:600 12.5px var(--mono);text-overflow:ellipsis;white-space:nowrap}.file-stage{color:#315fba;font:500 11px var(--mono)}.file-label button{flex:none;border:0;color:#315fba;background:transparent;font:600 12px var(--body);cursor:pointer}.file-label .code-outline{display:grid;gap:1px;padding:0;border-bottom:0;background:transparent}.file-label .code-outline-line{min-height:19px;padding:0 4px;color:#64799d;font-size:11.5px;line-height:19px}.file-label .code-outline-line .line-no{flex-basis:0;padding-right:8px;color:#8aa0c2}.file-label .code-outline-line.reached{color:#315fba}.file-label .code-outline-line.reached .line-no{color:#5578b5}.file-label .code-outline-line.current{color:#0a1b57;font-weight:600}.file-label .code-outline-line.current .line-no{color:#4e78c9}.code-lines{overflow:auto;padding:13px 0 28px;color:#d2e5f4;background:#071a2b;font:500 13.5px/1.7 var(--mono);tab-size:2}.code-lines>div{display:flex;min-width:max-content;min-height:22px;padding-right:20px;white-space:pre}.code-lines code{font:inherit}.code-lines .code-line{transition:opacity .15s,background .15s,box-shadow .15s}.code-lines.has-line-focus .code-line{opacity:.28}.code-lines.has-line-focus .code-line.highlighted{opacity:1;background:#43a8e22b;box-shadow:inset 3px 0 #67d5ff}.code-lines.has-line-focus .code-line.highlighted .line-no{color:#8bdfff}.line-no{flex:0 0 55px;padding-right:14px;color:#4d708b;text-align:right;-webkit-user-select:none;user-select:none}.code-lines .added{color:#c8efff;background:#48b4eb1a}.code-lines .removed{color:#f5b7b7;background:#ff929214}.code-lines .hunk{color:#a8ccff;background:#4d7ebe14}.diff-code{display:inline-flex}.diff-marker{display:inline-block;width:1.35em;color:#7193ad;font-weight:700}.added .diff-marker{color:#5fd2ff}.removed .diff-marker{color:#ff929e}.diff-meta{color:inherit}pre code{font:inherit}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#718da3;font-style:italic}.token.punctuation{color:#9bb6ca}.token.namespace{opacity:.8}.token.property,.token.tag,.token.constant,.token.symbol{color:#7dd3fc}.token.boolean,.token.number{color:#b9a7ff}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#8de1c2}.token.operator,.token.entity,.token.url,.token.variable{color:#c5d9e8}.token.atrule,.token.attr-value,.token.function,.token.class-name{color:#ffd18a}.token.keyword{color:#82aaff}.token.regex,.token.important{color:#ffad8f}.token.deleted{color:#ff929e}.token.bold{font-weight:700}.token.italic{font-style:italic}.technical-details{margin:18px;border:1px solid #294c68;border-radius:8px;background:#0a2033;overflow:hidden}.technical-details>summary{display:flex;justify-content:space-between;gap:16px;padding:16px 17px;color:#d7e9f7;cursor:pointer;font-size:var(--text-small)}.technical-details>summary::marker{color:var(--cyan)}.technical-details>summary span{font-weight:650}.technical-details>summary b{color:#8daac0;font-weight:500;text-align:right}.technical-details[open]>summary{border-bottom:1px solid #294c68}.details-note{margin:0;padding:14px 17px;color:#91aec3;background:#0d2942;font-size:13px;line-height:1.7;text-wrap:pretty}.change-intro{background:linear-gradient(145deg,#123a5c,#0c2941)}.change-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:18px;background:#31536e;border:1px solid #31536e;border-radius:8px;overflow:hidden}.change-metrics div{padding:18px 14px;background:#0d2941;text-align:center}.change-metrics b{display:block;color:var(--cyan);font:600 22px var(--mono)}.change-metrics span{display:block;margin-top:6px;color:#9ab5c9;font-size:12px}.outcome-list{display:grid;gap:10px;margin:18px;padding:0;list-style:none}.outcome-list li{display:grid;grid-template-columns:27px 1fr;align-items:center;gap:10px;padding:14px 15px;color:#d4e5f2;background:#0d2941;border:1px solid #264a67;border-radius:8px;font-size:14.5px;line-height:1.6;text-wrap:pretty}.outcome-list i{display:grid;width:24px;height:24px;place-content:center;color:#08233a;background:var(--cyan);border-radius:50%;font-style:normal;font-weight:700}.file-stats{display:grid;border-bottom:1px solid #294c68}.file-stats div{display:flex;justify-content:space-between;gap:14px;padding:12px 16px;border-bottom:1px solid rgba(155,205,244,.08);font:500 12px/1.5 var(--mono)}.file-stats span{min-width:0;overflow:hidden;color:#b7cede;text-overflow:ellipsis;white-space:nowrap}.file-stats b{flex:none;color:#82cfff;font-weight:500}.request-view{padding-bottom:30px}.concept-intro{background:linear-gradient(145deg,#123958,#0b253b)}.request-anatomy{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:18px}.request-anatomy div{min-width:0;padding:14px;border-top:4px solid;border-radius:7px;background:#0d2941}.request-anatomy .stable{border-color:var(--accent)}.request-anatomy .append-only{border-color:var(--cyan)}.request-anatomy .step-variable{border-color:var(--soft-blue)}.request-anatomy b{display:block;margin-bottom:6px;color:#e6f3fc;font-size:13px}.request-anatomy span{color:#91aec3;font-size:12px;line-height:1.55}.request-step-title{margin:4px 18px 10px;color:#c3d9e8;font-size:13px;font-weight:650}.request-metrics{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:0 18px;background:#31536e;border:1px solid #31536e;border-radius:8px;overflow:hidden}.request-metrics div{padding:17px;background:#0d2941}.request-metrics small{display:block;color:#8ca9be;font-size:12px}.request-metrics b{display:inline-block;margin-top:8px;color:var(--cyan);font:600 21px var(--mono)}.request-metrics span{margin-left:6px;color:#95b0c4;font:500 12px var(--mono)}.estimate-warning{margin:11px 18px 18px;color:#91aec3;font-size:12px;line-height:1.7}.request-parts{display:grid;justify-items:start;gap:8px;margin:0 18px}.request-parts details{width:fit-content;max-width:100%;border-left:4px solid;border-radius:0 7px 7px 0;background:#0d2941;overflow:hidden}.request-parts details.stable{border-color:var(--accent)}.request-parts details.append-only{border-color:var(--cyan)}.request-parts details.step-variable{border-color:var(--soft-blue)}.request-parts summary{display:flex;justify-content:space-between;gap:13px;padding:14px 15px;cursor:pointer}.request-parts summary span{color:#d9eaf6;font-size:13px;font-weight:600}.request-parts summary small{color:#8faac0;font:500 11.5px var(--mono);text-align:right}.request-parts pre{max-height:280px;overflow:auto;margin:0;padding:14px 15px;color:#bdd5e6;background:#061725;border-top:1px solid rgba(155,205,244,.1);white-space:pre-wrap;word-break:break-word;font:500 12px/1.7 var(--mono)}.technical-details .request-parts{margin:0;padding:14px 17px 18px}.invalidation{display:grid;gap:5px;margin:14px 18px 0;padding:14px 15px;color:#94b0c4;background:#0d2941;border:1px solid #294c68;border-radius:7px;font-size:12px}.invalidation b{color:var(--cyan);font-size:13px;font-weight:600}.trace-view{padding-bottom:40px}.trace-summary{margin:18px;padding:14px;color:#9bb5c8;background:#0d2941;border:1px solid #294c68;border-radius:7px;font-size:12.5px;text-align:center}.trace-summary b{color:var(--cyan);font:600 16px var(--mono)}.trace-summary span{margin:0 9px;color:#7595ad}.trace-view ol{margin:0 18px;padding:0;list-style:none}.trace-view li{display:grid;grid-template-columns:31px 13px 1fr;gap:9px;min-height:72px}.trace-view li>span{padding-top:3px;color:#567992;font:500 11.5px var(--mono)}.trace-view li>i{position:relative;width:9px;height:9px;margin-top:4px;border-radius:50%;background:#63859e}.trace-view li>i:after{content:"";position:absolute;top:12px;left:4px;bottom:-58px;width:1px;background:#29475f}.trace-view li:last-child>i:after{display:none}.trace-view li.tool>i{background:var(--cyan)}.trace-view li.runtime>i{background:var(--accent)}.trace-view li.goal>i{background:var(--soft-blue)}.trace-view li.request>i{background:#79a9ff}.trace-view li div{min-width:0;padding-bottom:17px}.trace-view small{display:flex;flex-wrap:wrap;align-items:center;gap:6px;color:#81a0b7;font-size:11.5px}.trace-view small code{padding:2px 5px;color:#7697af;background:#0d2941;border-radius:3px;font:500 11px var(--mono)}.trace-view li div>b{display:block;overflow:hidden;margin-top:4px;color:#d6e7f3;font-size:13px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.trace-view li p{margin:6px 0 0;color:#9eb8ca;font:500 12px/1.6 var(--mono);word-break:break-word}.trace-payload{margin-top:7px;color:#9eb8ca;font:500 12px/1.6 var(--mono)}.trace-payload summary{cursor:pointer;word-break:break-word}.trace-payload pre{max-height:280px;overflow:auto;margin:8px 0 0;padding:11px;color:#bdd4e4;background:#061725;border-radius:5px;white-space:pre-wrap;word-break:break-word;font:inherit}.graph-view{padding-bottom:30px}.graph-intro{padding-bottom:21px}.graph-stage{position:relative;min-height:340px;margin:18px;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(77,163,255,.18),transparent 44%),#081c2d;border:1px solid #315571;border-radius:9px}.graph-stage:before{content:"";position:absolute;inset:25px;border:1px dashed #315571;border-radius:50%}.graph-core{position:absolute;left:50%;top:50%;z-index:2;display:grid;width:105px;height:105px;place-content:center;transform:translate(-50%,-50%);color:#061a2a;background:var(--cyan);border:8px solid rgba(103,213,255,.14);border-radius:50%;box-shadow:0 0 0 1px var(--cyan),0 0 38px #4da3ff40;font:650 15px var(--display);text-align:center}.graph-core span{display:block;margin-top:4px;font-size:11px;font-weight:600}.graph-node{position:absolute;width:112px;padding:9px 7px;overflow:hidden;transform:translate(-50%,-50%);color:#bdd4e4;background:#102d46;border:1px solid #456984;border-radius:5px;text-overflow:ellipsis;white-space:nowrap;font-size:11px;text-align:center}.graph-node.capability{color:var(--cyan);border-color:var(--cyan);box-shadow:0 0 17px #67d5ff29}.graph-node i{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:var(--accent)}.graph-node.capability i{background:var(--cyan)}.graph-ledger{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:0 18px;background:#31536e;border:1px solid #31536e;border-radius:8px;overflow:hidden}.graph-ledger section{min-width:0;padding:14px;background:#0d2941}.graph-ledger small{display:block;margin-bottom:9px;color:#86a5bc;font-size:11.5px}.graph-ledger span{display:block;overflow:hidden;margin:5px 0;color:#bed3e2;font:500 11.5px var(--mono);text-overflow:ellipsis;white-space:nowrap}.graph-relations{margin:10px 18px 0;color:#93aec2}.graph-relations b{color:var(--cyan)}.empty-mechanism{display:grid;min-height:340px;align-content:center;justify-items:center;padding:34px;color:#9bb5c8;text-align:center}.empty-mechanism>span{padding:7px 10px;color:var(--cyan);border:1px solid rgba(103,213,255,.38);border-radius:999px;font-size:11.5px}.empty-mechanism h3{max-width:440px;margin:17px 0 9px;color:#e2eff8;font:650 21px/1.4 var(--display)}.empty-mechanism p{max-width:430px;margin:0;font-size:13px;line-height:1.8}.early-trace{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin-top:22px}.early-trace small{padding:7px 9px;color:#9db8ca;background:#102c44;border-radius:4px;font-size:11.5px}.mobile-more{min-height:520px;padding:34px 24px 60px;color:#c6dceb;background:var(--night)}.mobile-more>span{color:var(--cyan);font-size:11.5px;font-weight:650}.mobile-more h3{margin:9px 0 10px;color:#f0f7ff;font:650 22px/1.4 var(--display)}.mobile-more>p{margin:0;color:#8eacbf;font-size:13px;line-height:1.75}.mobile-more>div{display:grid;gap:9px;margin-top:24px}.mobile-more button{display:grid;gap:5px;padding:15px 16px;border:1px solid #294e69;color:#dcecf7;background:#0d2941;border-radius:7px;text-align:left;cursor:pointer}.mobile-more button:hover{border-color:#5c9dcc;background:#11314c}.mobile-more button b{font-size:13px}.mobile-more button span{color:#87a6bc;font-size:12px}footer{display:flex;justify-content:flex-end;gap:32px;padding:30px 5vw;color:#88a8c0;background:#061522;border-top:1px solid rgba(103,213,255,.24);font-size:12px}.site-footer-disclaimer{max-width:480px;margin:0;color:#7f9ab7;font-size:11px;line-height:1.7;text-align:right}.load-state{min-height:100vh;display:grid;place-content:center;gap:11px;padding:25px;color:#d7e9f6;background:var(--night);font-family:var(--body);text-align:center}.load-state b{color:var(--cyan);font-size:18px}.load-state span,.load-state p{color:#8faec4;font-size:13px}@media(max-width:1240px){.site-header{grid-template-columns:auto 1fr auto;padding:0 18px}.chapter-nav button{min-width:70px;padding:0 9px;font-size:0}.chapter-nav button .chapter-number{margin:0;font-size:11.5px}.chapter-nav button strong{display:none}.hero{grid-template-columns:1.08fr .92fr;padding-inline:5vw}.hero h1{font-size:clamp(48px,5.6vw,68px)}.learning-layout{grid-template-columns:minmax(460px,.9fr) minmax(490px,1.1fr)}.primer-cards{grid-template-columns:1fr 1fr}.primer-cards h3{min-height:0}.chapter-content{padding-inline:28px}}@media(max-width:960px){html{scroll-behavior:auto}.site-header{grid-template-columns:minmax(0,1fr) auto;height:64px;-webkit-backdrop-filter:none;backdrop-filter:none}.chapter-nav{position:fixed;z-index:31;left:0;right:0;bottom:0;height:calc(60px + env(safe-area-inset-bottom));justify-content:center;padding-bottom:env(safe-area-inset-bottom);background:#061522;border-top:1px solid rgba(103,213,255,.25)}.chapter-nav button{flex:1;min-width:0;height:60px;max-width:110px;padding-inline:4px;touch-action:manipulation}.chapter-nav button .chapter-number{white-space:nowrap}.repo-link{display:none}.hero{min-height:auto;grid-template-columns:1fr;padding:74px 28px 66px}.hero h1{font-size:clamp(44px,11vw,66px)}.hero-intro{font-size:17px}.orbit-art{width:min(100%,560px);margin:36px auto -20px;justify-self:center}.hero-caption{display:none}.hero-facts div{min-width:0;flex:1}.typescript-primer{padding:26px 28px;border-inline:0}.build-prelude{grid-template-columns:1fr;gap:34px;padding:58px 28px;border-inline:0}.primer-summary{gap:18px}.learning-layout{display:block;border:0}.code-dock{display:none}.chapter-code-mobile{display:block;margin:0 -25px 0 -23px;border-block:1px solid var(--rule)}.chapter-code-mobile .code-dock-shell{position:relative;top:auto;width:100%;height:clamp(440px,72svh,680px);min-height:0}.chapter-code-mobile .code-dock-body{min-height:0;max-height:none;overflow:hidden}.chapter-code-mobile .code-lines{overscroll-behavior:contain}.progress-track,.progress-help{display:none}.chapter{min-height:0;scroll-margin-top:64px}.chapter.active:before{display:none}.chapter-content{min-width:0;padding:46px 20px 72px}.chapter h2{font-size:clamp(28px,4.8vw,36px);text-wrap:balance}.chapter-kicker span+span{display:none}.lesson-copy p{font-size:16px}.mode-contrast{grid-template-columns:1fr}.mode-arrow{transform:rotate(90deg)}.preset-grid{grid-template-columns:1fr 1fr}.mobile-switcher{position:sticky;top:64px;z-index:10;display:flex;overflow-x:auto;margin:22px -25px 26px -23px;padding:0 10px;background:#f4f9fefa;border-block:1px solid var(--rule);scroll-margin-top:64px;scrollbar-width:none}.mobile-switcher button{flex:1 0 auto;min-width:82px;height:50px;padding:0 9px;border:0;color:#55758d;background:transparent;font-size:12px;font-weight:600;cursor:pointer}.mobile-switcher button.active{color:#0e5e99;box-shadow:inset 0 -3px var(--accent)}.chapter-body{display:none}.chapter-body.mobile-active{display:block}.mobile-panel{display:none;min-width:0;margin:0 -25px -80px -23px}.mobile-panel.mobile-active{display:block}.panel-shell.compact{position:relative;top:auto;width:100%;height:auto;min-height:0}.panel-shell.compact .panel-topline{padding-left:19px}.panel-shell.compact .panel-tabs{display:none}.panel-shell.compact .panel-content{overflow:visible}footer{padding-bottom:calc(92px + env(safe-area-inset-bottom))}}@media(max-width:560px){.site-header{height:56px;padding-inline:16px}.wordmark{gap:8px;font-size:17px}.wordmark-logo{width:40px;height:38px}.wordmark-copy{overflow:hidden;text-overflow:ellipsis}.chapter-nav{height:calc(54px + env(safe-area-inset-bottom))}.chapter-nav button{height:54px;padding-inline:2px}.chapter-nav button .chapter-number{font-size:clamp(9px,2.8vw,11px)}.hero{padding:48px 20px 44px}.hero .eyebrow{margin-bottom:20px}.hero h1{font-size:clamp(31px,9.8vw,44px);letter-spacing:-.045em}.hero-intro{margin-top:22px;font-size:16px;line-height:1.8}.hero-actions{align-items:flex-start;flex-direction:column;gap:20px;margin-top:28px}.hero-facts{margin-top:36px}.hero-facts div{padding-right:9px}.hero-facts b{font-size:23px}.hero-facts span{font-size:11px;line-height:1.35}.orbit-art{width:min(82vw,290px);aspect-ratio:1.05;margin:18px auto -8px}.art-label{font-size:11px}.telemetry-strip{right:0;font-size:11px}.typescript-primer{padding:22px 20px}.build-prelude{padding:48px 20px}.build-prelude h2{font-size:clamp(32px,9vw,40px)}.build-prelude-copy>p:last-of-type{font-size:15px}.prelude-actions{align-items:flex-start;flex-direction:column;gap:10px}.scaffold-tree{padding:18px 16px}.scaffold-tree div{grid-template-columns:22px minmax(115px,.85fr) minmax(145px,1.15fr);gap:7px}.scaffold-tree code{font-size:11.5px}.scaffold-tree span,.scaffold-chapter strong{font-size:11px}.scaffold-chapter small{font-size:10px}.primer-summary{align-items:flex-start}.primer-summary h2{font-size:21px}.primer-summary>span{min-width:88px;padding-inline:9px}.primer-cards{grid-template-columns:1fr}.primer-cards pre{min-height:0}.chapter{display:block;scroll-margin-top:56px}.chapter.active:before{display:none}.chapter-content{padding:44px 20px 72px}.chapter h2{margin-top:16px;font-size:clamp(26px,7.5vw,34px)}.chapter-question{font-size:17px}.evidence-content-card.evidence-graph .evidence-content-heading{align-items:flex-start;flex-direction:column;gap:2px}.evidence-content-card.evidence-graph .evidence-content-heading h4{font-size:17px}.request-compare-row{grid-template-columns:1fr;gap:6px}.request-row-label{display:flex;align-items:baseline;justify-content:space-between}.request-segments{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.request-segments>span{min-height:64px}.request-segments>span.shared,.request-segments>span.variable{grid-column:1 / -1}.request-rebuild-arrow{justify-content:center;margin-left:0}.request-compare-conclusion,.trace-focus-summary{grid-template-columns:1fr;gap:3px}.trace-focus-summary span{grid-row:auto}.dependency-flow{grid-template-columns:1fr;gap:7px}.dependency-link{min-height:48px}.dependency-link b{transform:rotate(90deg)}.dependency-contributions>div{grid-template-columns:1fr}.dependency-conclusion{grid-template-columns:1fr;gap:3px}.chapter-file{align-items:flex-start;flex-direction:column;gap:7px;margin-top:23px}.chapter-file code{max-width:100%;overflow-wrap:anywhere}.reading-order{display:grid;grid-template-columns:1fr;gap:8px;padding:13px 14px;background:#e8f2fb;border-radius:7px}.reading-order i{display:none}.chapter-exercise>header{align-items:stretch;flex-direction:column;gap:13px;padding:18px}.exercise-primary{width:100%}.exercise-stage{padding:14px}.exercise-grid,.rebuild-grid{grid-template-columns:1fr}.exercise-footer{align-items:flex-start;flex-direction:column;gap:6px}.route-row{grid-template-columns:repeat(3,1fr);padding-block:8px}.route-row>span:first-child{grid-column:1 / -1}.plugin-slots{grid-template-columns:1fr}.record-strip ol{padding-bottom:5px}.telemetry-view{max-height:none;overflow:visible}.mobile-switcher{top:56px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;margin:24px -20px 26px;padding:0;background:#f4f9fefc;scroll-margin-top:56px}.mobile-switcher button{min-width:0;height:44px;padding:0 4px;font-size:12px}.chapter-content.showing-panel .mobile-switcher{margin-bottom:0}.mobile-panel{margin:0 -20px -72px}.chapter-code-mobile{margin-inline:-20px}.panel-shell.compact .panel-topline{display:none}.focus-code .code-lines>div{min-width:100%;white-space:pre-wrap}.focus-code .code-lines code{min-width:0;overflow-wrap:anywhere}.ptc-example pre{white-space:pre-wrap;overflow-wrap:anywhere}.pressure-note{padding:16px 18px}.preset-grid{grid-template-columns:1fr}.sequence-strip{display:grid;grid-template-columns:1fr;justify-items:stretch;overflow:visible;text-align:center}.sequence-strip i{transform:rotate(90deg)}.round-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.round-strip div{justify-self:center}.round-strip i,.round-strip strong{display:none}.round-strip div{width:84px}.panel-intro{padding:22px 18px}.panel-intro h3{font-size:20px}.request-anatomy{grid-template-columns:1fr;padding:15px}.request-metrics{margin-inline:15px}.request-metrics b{font-size:18px}.request-parts{margin-inline:15px}.request-parts summary{align-items:flex-start;flex-direction:column;gap:5px}.request-parts summary small{text-align:left}.estimate-warning,.invalidation,.request-step-title,.change-metrics{margin-inline:15px}.change-metrics div{padding:15px 8px}.change-metrics b{font-size:18px}.change-metrics span{font-size:11px}.outcome-list,.technical-details,.summary-section{margin-inline:15px}.summary-checklist .outcome-list{margin-inline:0}.code-callbacks button{padding-inline:15px}.technical-details>summary{align-items:flex-start;flex-direction:column;gap:5px}.technical-details>summary b{text-align:left}.evolution-flow{grid-template-columns:1fr;gap:7px}.evolution-link{min-height:48px}.evolution-link b{transform:rotate(90deg)}.evolution-node{min-height:100px}.evolution-metrics>div{align-items:flex-start;flex-direction:column;gap:4px}.evolution-metrics span{margin-left:0}.evolution-timing{grid-template-columns:1fr;gap:3px}.graph-ledger{grid-template-columns:1fr}.graph-stage{min-height:330px;margin-inline:15px}.graph-node{width:94px;font-size:11.5px}.graph-core{width:94px;height:94px}.trace-view ol{margin-inline:15px}.trace-view li{grid-template-columns:27px 12px 1fr}footer{align-items:flex-start;flex-direction:column;padding-bottom:calc(82px + env(safe-area-inset-bottom))}.site-footer-disclaimer{max-width:none;text-align:left}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}:root{--ink: #17275b;--ink-2: #43577f;--paper: #f8fafc;--paper-2: #e5eff8;--night: #17275b;--night-2: #293e78;--night-3: #354f87;--accent: #5578b5;--cyan: #9fb9dc;--soft-blue: #7898ca;--pale-blue: #c9ddf0;--coral: #c6ad7f;--rule: rgba(41, 62, 120, .14)}html{background:#f8fafc}body{color:#17275b;background:radial-gradient(circle at 12% 9%,rgba(159,185,220,.16),transparent 26%),radial-gradient(circle at 88% 32%,rgba(201,221,240,.2),transparent 30%),linear-gradient(rgba(85,120,181,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(85,120,181,.025) 1px,transparent 1px),#f8fafc}button:focus-visible,a:focus-visible,summary:focus-visible{outline-color:#7898ca}.site-header{color:#f8fafc;background:#17275bf0;border-bottom-color:#9fb9dc57}.wordmark{color:#f8fafc}.wordmark-dot{background:#9fb9dc;box-shadow:0 0 22px #9fb9dc80}.wordmark-muted,.chapter-nav button{color:#9fb9dc}.chapter-nav button span{color:#7898ca}.chapter-nav button:hover{color:#f8fafc;background:#9fb9dc17}.chapter-nav button.active{color:#e5eff8;background:#9fb9dc21;box-shadow:inset 0 -3px #9fb9dc}.repo-link{color:#c9ddf0}.repo-link:hover{color:#f8fafc}.hero{color:#17275b;background:radial-gradient(circle at 77% 43%,rgba(120,152,202,.22),transparent 32%),radial-gradient(circle at 53% 92%,rgba(201,221,240,.45),transparent 32%),linear-gradient(125deg,#f8fafc,#edf4fa 58%,#e5eff8);border-bottom-color:#7898ca}.hero:before{opacity:.3;background-image:radial-gradient(rgba(85,120,181,.25) .7px,transparent .8px)}.eyebrow{color:#5578b5}.hero h1 .hero-line{color:#17275b}.hero h1 .hero-line-accent{color:#5578b5}.hero-intro{color:#43577f}.primary-action{color:#f8fafc;background:#293e78;border-color:#293e78;box-shadow:0 10px 28px #293e782e}.primary-action:hover{background:#17275b}.offline-badge{color:#55709b}.offline-badge i{background:#7898ca;box-shadow:0 0 12px #7898ca73}.hero-facts{border-top-color:#293e7829}.hero-facts b{color:#17275b}.hero-facts span{color:#64779b}.orbit-grid{border-color:#293e781a;background:repeating-linear-gradient(0deg,rgba(85,120,181,.045) 0 1px,transparent 1px 32px),repeating-linear-gradient(90deg,rgba(85,120,181,.045) 0 1px,transparent 1px 32px)}.orbit-line{stroke:#5578b557}.signal-path{stroke:#5578b5}.failed-path{stroke:#c6ad7fb8}.node{stroke:#e5eff8}.node-green{fill:#7898ca}.node-muted{fill:#9fb9dc}.node-failed{fill:#e5eff8;stroke:#c6ad7f}.failure-x{stroke:#a98d5f}.satellite rect,.satellite path{fill:#f8fafcc2;stroke:#5578b5}.satellite circle{fill:#7898ca;stroke:#f8fafc}.art-label span{color:#61779c}.label-a{border-color:#5578b5;color:#293e78}.label-b{border-color:#c6ad7f;color:#8d744a}.telemetry-strip{color:#61779c}.telemetry-strip i{background:#c9ddf0}.telemetry-strip i.hot{background:#c6ad7f}.telemetry-strip b{color:#8d744a}.hero-caption{color:#6b7ea1}.typescript-primer{background:#f8fafce6}.primer-summary .eyebrow{color:#5578b5}.primer-summary>span{color:#293e78;background:#e5eff8;border-color:#c9ddf0}.primer-intro{color:#53678d}.primer-cards{background:#7898ca;border-color:#7898ca}.primer-cards article{background:#e5eff8db}.primer-cards article>span{color:#6f86ac}.primer-cards pre{color:#dce8f5;background:#17275b}.primer-cards p{color:#4d6187}.primer-cards p code{color:#293e78}.build-prelude{background:#e5eff8b8}.build-prelude-copy .eyebrow{color:#5578b5}.build-prelude-copy>p:last-of-type{color:#43577f}.prelude-actions button{color:#f8fafc;background:#293e78;border-color:#293e78}.prelude-actions button:hover{background:#17275b}.prelude-actions span{color:#667a9d}.scaffold-tree{color:#e5eff8;background:#17275b;border-color:#354f87;box-shadow:0 18px 45px #293e7824}.scaffold-tree>b{color:#9fb9dc;border-bottom-color:#354f87}.scaffold-tree div{color:#899fc2;border-bottom-color:#c9ddf01a}.scaffold-tree i{color:#17275b;border-color:#7898ca}.scaffold-tree code{color:#b9cce3}.scaffold-tree span{color:#8298ba}.build-prelude.scaffolded .scaffold-tree div{color:#e5eff8;background:linear-gradient(90deg,rgba(159,185,220,.1),transparent 65%)}.build-prelude.scaffolded .scaffold-tree i{color:#17275b;background:#9fb9dc;border-color:#9fb9dc}.build-prelude.scaffolded .scaffold-tree code{color:#f8fafc}.chapters{background:#f8fafce0}.chapter-kicker{color:#6b80a3}.chapter-kicker span:first-child{color:#5578b5}.chapter-question{color:#43577f}.chapter-file span{color:#64799d}.chapter-file code{color:#293e78;background:#e5eff8;border-color:#c9ddf0}.reading-order{color:#586d91}.reading-order b{color:#293e78;border-color:#9fb9dc}.reading-order i{color:#9fb9dc}.pressure-note{color:#3f547b;background:#e5eff8cc;border-left-color:#7898ca}.pressure-note span{color:#5578b5}.lesson-copy code{color:#293e78;background:#e5eff8;border-color:#c9ddf0}.mode-contrast{border-color:#c9ddf0;background:#e5eff894}.mode-contrast>div:not(.mode-arrow):not(.mode-intro){background:#f8fafcd1;border-color:#d8e6f2}.mode-intro span,.mode-contrast>div>span{color:#5578b5}.mode-intro p,.mode-contrast>div:not(.mode-intro) p{color:#4d6186}.mode-arrow{color:#7185a7}.ptc-example{border-top-color:#c9ddf0}.ptc-example summary{color:#5578b5}.ptc-example pre,.context-cutaway{color:#d9e5f2;background:#17275b;border-color:#354f87}.context-cutaway p{color:#aebfda}.context-cutaway p span,.request-bar span.stable{background:#5578b5}.context-cutaway p i,.request-bar span.append-only{background:#9fb9dc}.context-cutaway p b,.request-bar span.step-variable{background:#7898ca}.context-cutaway small{color:#9fb2cf}.preset-grid{background:#7898ca;border-color:#7898ca}.preset-grid div{background:#e5eff8bf}.preset-grid span{color:#50658a}.sequence-strip{color:#53688d;background:#e5eff8e6}.sequence-strip strong{color:#f8fafc;background:#5578b5}.sequence-strip i{color:#91a8c8}.round-strip div{border-color:#7898ca;background:#f8fafce0}.round-strip span{color:#6b7fa2}.round-strip i{background:#9fb9dc}.round-strip strong{color:#293e78;background:#e5eff8}.evidence-dock{background:#edf3f9;border-left-color:#293e7829}.panel-shell{color:#17275b;background:#edf3f9}.panel-topline{color:#60759a;background:#f8fafceb;border-bottom-color:#293e781f}.panel-topline i{background:#7898ca;box-shadow:0 0 10px #7898ca61}.panel-tabs{background:#e5eff8;border-bottom-color:#293e781f}.panel-tabs button{color:#64799d}.panel-tabs .primary-tab{border-right-color:#293e781f;color:#293e78}.panel-tabs button:hover{color:#17275b}.panel-tabs button.active{color:#293e78;box-shadow:inset 0 -3px #5578b5;background:#f8fafc8f}.step-picker{border-bottom-color:#293e781a}.step-picker span{color:#667a9c}.step-picker button{border-color:#9fb9dc;color:#52688e}.step-picker button.active{color:#f8fafc;background:#293e78;border-color:#293e78}.panel-content{scrollbar-color:#9fb9dc transparent;background:#f3f7fb}.panel-intro,.change-intro,.concept-intro{background:linear-gradient(145deg,#c9ddf0b8,#e5eff8d6);border-bottom-color:#293e781f}.panel-intro>span{color:#5578b5}.panel-intro h3{color:#17275b}.panel-intro p{color:#52668a}.panel-intro .hover-hint{color:#7084a7}.panel-intro li{color:#43587e}.panel-intro li:before{color:#f8fafc;background:#5578b5}.panel-intro li button:hover,.panel-intro li button:focus-visible,.panel-intro li.active button{color:#17275b;background:#f8fafca6}.panel-intro li button small{color:#6b82a8}.panel-intro li.active:before{color:#17275b;background:#9fb9dc;box-shadow:0 0 0 3px #5578b51a}.focus-code{border-bottom-color:#293e7824}.file-label{color:#bdcde3;background:#293e78;border-bottom-color:#c9ddf024}.file-label button{color:#c9ddf0}.file-label button:hover{color:#f8fafc}.code-lines{color:#d6e2f0;background:#17275b}.code-lines.has-line-focus .code-line.highlighted{background:#9fb9dc29;box-shadow:inset 3px 0 #9fb9dc}.code-lines.has-line-focus .code-line.highlighted .line-no{color:#c9ddf0}.line-no{color:#7187ab}.code-lines .added{color:#d9e8f3;background:#9fb9dc1a}.code-lines .removed{color:#dccdb0;background:#c6ad7f17}.code-lines .hunk{color:#9fb9dc;background:#7898ca1a}.diff-marker{color:#8296b7}.added .diff-marker{color:#9fb9dc}.removed .diff-marker{color:#c6ad7f}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#8093b1}.token.punctuation{color:#bdcde2}.token.property,.token.tag,.token.constant,.token.symbol{color:#9fb9dc}.token.boolean,.token.number{color:#c6ad7f}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#b6cfc8}.token.operator,.token.entity,.token.url,.token.variable{color:#d0dceb}.token.atrule,.token.attr-value,.token.function,.token.class-name{color:#d6c49f}.token.keyword{color:#9fb9dc}.token.regex,.token.important{color:#cfb795}.token.deleted{color:#c6ad7f}.technical-details{border-color:#c9ddf0;background:#f8fafccc}.technical-details>summary{color:#293e78}.technical-details>summary::marker{color:#5578b5}.technical-details>summary b{color:#6d80a1}.technical-details[open]>summary{border-bottom-color:#c9ddf0}.details-note{color:#667b9e;background:#e5eff8}.change-metrics,.request-metrics,.graph-ledger{background:#c9ddf0;border-color:#c9ddf0}.change-metrics div,.request-metrics div,.graph-ledger section{background:#f8fafce0}.change-metrics b,.request-metrics b{color:#293e78}.change-metrics span,.request-metrics span,.request-metrics small{color:#687c9f}.outcome-list li{color:#354a72;background:#f8fafcdb;border-color:#c9ddf0}.outcome-list i{color:#f8fafc;background:#5578b5}.file-stats{border-bottom-color:#c9ddf0}.file-stats div{border-bottom-color:#293e7814}.file-stats span{color:#4e6389}.file-stats b{color:#5578b5}.request-anatomy div{background:#f8fafcdb}.request-anatomy .stable{border-color:#5578b5}.request-anatomy .append-only{border-color:#9fb9dc}.request-anatomy .step-variable{border-color:#7898ca}.request-anatomy b{color:#293e78}.request-anatomy span{color:#687c9f}.request-step-title{color:#43587f}.estimate-warning{color:#65799c}.request-parts details{background:#f8fafce0}.request-parts details.stable{border-color:#5578b5}.request-parts details.append-only{border-color:#9fb9dc}.request-parts details.step-variable{border-color:#7898ca}.request-parts summary span{color:#293e78}.request-parts summary small{color:#6f82a2}.request-parts pre{color:#d6e2ef;background:#17275b;border-top-color:#c9ddf024}.invalidation{color:#677a9c;background:#e5eff8;border-color:#c9ddf0}.invalidation b{color:#293e78}.trace-summary{color:#5f7498;background:#e5eff8;border-color:#c9ddf0}.trace-summary b{color:#293e78}.trace-summary span{color:#8295b4}.trace-view li>span{color:#7286a7}.trace-view li>i{background:#9fb9dc}.trace-view li>i:after{background:#c9ddf0}.trace-view li.tool>i{background:#7898ca}.trace-view li.runtime>i{background:#5578b5}.trace-view li.goal>i{background:#9fb9dc}.trace-view li.request>i{background:#6f8fc2}.trace-view small{color:#6b80a3}.trace-view small code{color:#64799d;background:#e5eff8}.trace-view li div>b{color:#293e78}.trace-view li p,.trace-payload{color:#566b90}.trace-payload pre{color:#d3e0ed;background:#17275b}.graph-stage{background:radial-gradient(circle at 50% 50%,rgba(120,152,202,.2),transparent 44%),#e5eff8;border-color:#9fb9dc}.graph-stage:before{border-color:#9fb9dc}.graph-core{color:#f8fafc;background:#293e78;border-color:#5578b524;box-shadow:0 0 0 1px #5578b5,0 0 38px #5578b533}.graph-node{color:#43587e;background:#f8fafce6;border-color:#9fb9dc}.graph-node.capability{color:#293e78;border-color:#5578b5;box-shadow:0 0 17px #5578b524}.graph-node i{background:#7898ca}.graph-node.capability i{background:#5578b5}.graph-ledger small{color:#6b80a3}.graph-ledger span{color:#43587f}.empty-mechanism{color:#64799c}.empty-mechanism>span{color:#293e78;border-color:#5578b561}.empty-mechanism h3{color:#17275b}.early-trace small{color:#53688d;background:#e5eff8}.mobile-more{color:#43587f;background:#edf3f9}.mobile-more>span{color:#5578b5}.mobile-more h3{color:#17275b}.mobile-more>p{color:#65799c}.mobile-more button{color:#293e78;background:#f8fafce0;border-color:#c9ddf0}.mobile-more button:hover{border-color:#7898ca;background:#e5eff8}.mobile-more button span{color:#6b80a3}footer{color:#9fb9dc;background:#17275b;border-top-color:#9fb9dc47}.load-state{color:#e5eff8;background:#17275b}.load-state b{color:#c9ddf0}.load-state span,.load-state p{color:#9fb9dc}@media(max-width:960px){.chapter-nav{background:#17275b;border-top-color:#9fb9dc47}.mobile-switcher{background:#f8fafcf7}}@media(max-width:560px){.reading-order{background:#e5eff8}.mobile-switcher{background:#f8fafcfa}}.chapter-exercise{background:#e5eff8b8;border-color:#c9ddf0}.chapter-exercise>header{background:#c9ddf08f;border-bottom-color:#c9ddf0}.chapter-exercise>header small{color:#5578b5}.chapter-exercise>header span{color:#64799d}.exercise-primary{color:#f8fafc;background:#293e78;border-color:#293e78}.exercise-primary:hover{background:#17275b}.exercise-footer{color:#687c9e;background:#c9ddf06b;border-top-color:#c9ddf0}.exercise-footer button{color:#435f8f}.exercise-grid>section,.record-strip,.rebuild-grid>section,.tool-catalog,.tool-catalog+.route-table,.round-result{background:#f8fafce0;border-color:#c9ddf0}.exercise-card-title{color:#5d7196;border-bottom-color:#d8e5f1}.exercise-card-title b{color:#293e78}.request-state dl div,.rebuild-grid dl div,.submission-card dl div{border-bottom-color:#e1eaf3}.request-state dt,.rebuild-grid dt,.submission-card dt{color:#7184a4}.request-state dd,.rebuild-grid dd,.submission-card dd{color:#354f7d}.agent-exercise .request-state dl div{border-right-color:#d8e5f1}.exercise-empty,.accepted-card,.survey-result{color:#65799c}.exercise-empty b,.accepted-card b,.survey-result b{color:#293e78}.accepted-card i{color:#17275b;background:#9fb9dc}.tool-call-card>span{color:#6b7fa1}.tool-call-card b{color:#293e78}.tool-call-card code{color:#d9e5f2;background:#17275b}.route-table>div:not(.exercise-card-title){color:#64789a;background:#edf3f9}.route-table>div.valid{color:#293e78;background:#e5eff8;box-shadow:inset 3px 0 #5578b5}.route-table>div i{color:#8294b2}.route-table>div.valid i{color:#5578b5}.submission-card>span{color:#7183a3}.submission-card>b{color:#293e78}.record-strip li{color:#697c9d;background:#eef4f9;border-color:#d4e1ed}.record-strip li i{color:#435f8f;background:#dce8f3}.record-strip li.new{color:#293e78;background:#e5eff8;border-color:#7898ca}.projection-metrics div{color:#6e81a1;background:#f8fafce6;border-color:#c9ddf0}.projection-metrics div.active{color:#293e78;background:#e5eff8;border-color:#7898ca;box-shadow:inset 3px 0 #5578b5}.telemetry-view{color:#c9d8e9;background:#17275b}.plugin-summary{color:#617598}.plugin-summary b{color:#293e78}.plugin-slots div{background:#f8fafce6;border-color:#c9ddf0}.plugin-slots div.present{background:#e5eff8;border-color:#7898ca;box-shadow:inset 3px 0 #5578b5}.plugin-slots small,.plugin-slots span{color:#6f82a2}.plugin-slots b{color:#354f7d}.plugin-slots .empty b{color:#8d9db6}.request-choice button{border-color:#c9ddf0;color:#5e7195;background:#f8fafceb}.request-choice button.active{color:#f8fafc;background:#293e78;border-color:#293e78}.rebuild-grid section>p{color:#607498;border-bottom-color:#e1eaf3}.rebuild-grid section>p i{color:#5578b5}.tool-catalog>div:last-child span{color:#607397;background:#edf3f9;border-color:#c9ddf0}.tool-catalog>div:last-child span.new{color:#293e78;background:#e5eff8;border-color:#7898ca;box-shadow:0 0 0 3px #5578b51a}.removed-note{color:#435a80;background:#e5eff8;border-left-color:#7898ca}.round-progress div{color:#7284a3;background:#f8fafce6;border-color:#c9ddf0}.round-progress i{border-color:#9fb9dc}.round-progress div.current{color:#293e78;background:#e5eff8;border-color:#7898ca}.round-progress div.done i{color:#f8fafc;background:#5578b5;border-color:#5578b5}.survey-result span{color:#607397}@keyframes exercise-stage-in{0%{opacity:.45;transform:translateY(4px);box-shadow:inset 0 0 0 999px #7898ca21}to{opacity:1;transform:translateY(0);box-shadow:inset 0 0 0 999px #7898ca00}}:root{--ink: #0a1b57;--ink-2: #405580;--paper: #fffefc;--paper-2: #eaf3fe;--night: #091a52;--night-2: #1f397f;--night-3: #315397;--accent: #4e78c9;--cyan: #b0ccf2;--soft-blue: #7da6e0;--pale-blue: #d6e7fa;--coral: #c7a96b;--rule: rgba(38, 65, 133, .15)}html{background:#fffefc}body{color:#0a1b57;background:radial-gradient(circle at 4% 8%,rgba(164,199,238,.26),transparent 19%),radial-gradient(circle at 94% 24%,rgba(82,128,207,.12),transparent 23%),radial-gradient(circle at 10% 91%,rgba(109,158,219,.13),transparent 21%),linear-gradient(rgba(78,120,201,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(78,120,201,.018) 1px,transparent 1px),#fffefc}.site-header{background:#091a52;border-bottom-color:#b0ccf26b;-webkit-backdrop-filter:none;backdrop-filter:none}.wordmark-dot{background:#b8dcff;box-shadow:0 0 22px #8bbbefa6}.wordmark-muted,.chapter-nav button{color:#a9c4eb}.chapter-nav button span{color:#789cd3}.chapter-nav button:hover{background:#b0ccf21c}.chapter-nav button.active{color:#fffefc;background:#7ea6e033;box-shadow:inset 0 -3px #b8dcff}.hero{color:#0a1b57;background:radial-gradient(circle at 95% 9%,rgba(23,56,137,.72),transparent 24%),radial-gradient(circle at 82% 43%,rgba(57,104,191,.63),transparent 31%),radial-gradient(circle at 92% 88%,rgba(37,77,167,.54),transparent 28%),radial-gradient(circle at 67% 47%,rgba(147,190,237,.62),transparent 39%),radial-gradient(circle at 55% 90%,rgba(211,231,251,.82),transparent 28%),linear-gradient(111deg,#fffefc,#fbfcff 45%,#e5f0fd 64%,#82ace2 84%,#315ca8);border-bottom-color:#4e78c9}.hero:before{opacity:.42;background-image:radial-gradient(rgba(255,255,255,.62) .7px,transparent .9px)}.hero h1 .hero-line{color:#0a1b57}.hero h1 .hero-line-accent,.hero .eyebrow{color:#315fba}.hero-intro{color:#405580}.primary-action{color:#fffefc;background:#17377f;border-color:#17377f;box-shadow:0 10px 28px #18377e33}.primary-action:hover{background:#0a1b57}.offline-badge{color:#536b98}.offline-badge i{background:#5d8bd4;box-shadow:0 0 12px #4e78c980}.hero-facts{border-top-color:#1a39812e}.hero-facts b{color:#0a1b57}.hero-facts span{color:#536b98}.orbit-grid{border-color:#ffffff40;background:repeating-linear-gradient(0deg,rgba(255,255,255,.11) 0 1px,transparent 1px 32px),repeating-linear-gradient(90deg,rgba(255,255,255,.11) 0 1px,transparent 1px 32px)}.orbit-line{stroke:#ffffff7a}.signal-path{stroke:#fffefc}.failed-path{stroke:#e0c997e0}.node{stroke:#24468f}.node-green{fill:#fffefc}.node-muted{fill:#b9d5f5}.node-failed{fill:#315397;stroke:#e2c98f}.failure-x{stroke:#f0d9a7}.satellite rect,.satellite path{fill:#fffefc42;stroke:#fffefc}.satellite circle{fill:#d6e7fa;stroke:#315397}.art-label span{color:#edf5ff}.label-a{border-color:#fffefc;color:#fffefc}.label-b{border-color:#e7cb8e;color:#fff0c9}.telemetry-strip{color:#e8f2ff}.telemetry-strip i{background:#ffffff6b}.telemetry-strip i.hot{background:#d7bb7d}.telemetry-strip b{color:#fff0c9}.hero-caption{color:#ffffffc7}.typescript-primer{background:radial-gradient(circle at 92% 18%,rgba(131,174,227,.15),transparent 24%),#fffefcf0}.build-prelude{background:radial-gradient(circle at 84% 25%,rgba(78,120,201,.17),transparent 29%),radial-gradient(circle at 13% 88%,rgba(174,207,242,.28),transparent 24%),linear-gradient(115deg,#f8fbff,#eaf3fe)}.primer-summary .eyebrow,.build-prelude-copy .eyebrow{color:#315fba}.primer-summary>span{color:#1f397f;background:#eaf3fe;border-color:#b9d2f2}.primer-cards{background:#7da6e0;border-color:#7da6e0}.primer-cards article{background:#fafcffeb}.prelude-actions button{background:#1f397f;border-color:#1f397f}.prelude-actions button:hover{background:#0a1b57}.scaffold-tree,.ptc-example pre,.context-cutaway{background:#091a52;border-color:#315397}.scaffold-tree>b{color:#b8d6f7;border-bottom-color:#315397}.build-prelude.scaffolded .scaffold-tree i{background:#b0ccf2;border-color:#b0ccf2}.chapters{background:#fffefcf0}.chapter-kicker span:first-child{color:#315fba}.chapter.active:before{background:#4e78c9;border-color:#fffefc;box-shadow:0 0 0 1px #4e78c9}.chapter-file code,.lesson-copy code{color:#1f397f;background:#eaf3fe;border-color:#c3daf5}.reading-order b{color:#1f397f;border-color:#a9c6ed}.pressure-note{background:#e6f0fce0;border-left-color:#6c96d7}.pressure-note span{color:#315fba}.mode-contrast{background:#e5effba1;border-color:#c4dcf6}.mode-contrast>div:not(.mode-arrow):not(.mode-intro){background:#fffefce6}.preset-grid{background:#7da6e0;border-color:#7da6e0}.preset-grid div{background:#f7fbfff0}.sequence-strip,.round-strip strong{background:#e7f1fc}.sequence-strip strong{color:#fffefc;background:#315fba}.chapter-exercise{background:#e6f0fcd1;border-color:#bfd8f4}.chapter-exercise>header{background:#cde1f8a3;border-bottom-color:#bfd8f4}.chapter-exercise>header small{color:#315fba}.exercise-primary{color:#fffefc;background:#1f397f;border-color:#1f397f}.exercise-primary:hover{background:#0a1b57}.accepted-card i{color:#0a1b57;background:#b0ccf2;border-color:#b0ccf2}.round-progress div.done i{color:#fffefc;background:#315fba;border-color:#315fba}.evidence-dock,.panel-shell,.mobile-more{background:#f2f7fd}.panel-shell{color:#0a1b57}.panel-topline{color:#526a96;background:#fffefcf0;border-bottom-color:#26418524}.panel-topline i{background:#5f8ed5;box-shadow:0 0 10px #4e78c975}.panel-tabs{background:#e2edf9}.panel-tabs button{color:#5c719b}.panel-tabs button.active{color:#17377f;box-shadow:inset 0 -3px #4e78c9;background:#fffefc9e}.step-picker button.active{color:#fffefc;background:#1f397f;border-color:#1f397f}.panel-content{background:#f6f9fd;scrollbar-color:#9ebde6 transparent}.panel-intro,.change-intro,.concept-intro{background:radial-gradient(circle at 93% 17%,rgba(95,143,211,.21),transparent 30%),linear-gradient(137deg,#fffefcf5,#dae9fae0)}.panel-intro>span{color:#315fba}.panel-intro h3{color:#0a1b57}.panel-intro li:before,.outcome-list i{color:#fffefc;background:#4e78c9}.panel-intro li.active:before{color:#0a1b57;background:#b0ccf2}.file-label{color:#c8dbf1;background:#1f397f}.code-lines,.request-parts pre,.trace-payload pre,.telemetry-view,.tool-call-card code{color:#dce8f5;background:#091a52}.code-lines.has-line-focus .code-line.highlighted{background:#8eb5e733;box-shadow:inset 3px 0 #b0ccf2}.line-no{color:#6787bc}.technical-details,.request-parts details,.exercise-grid>section,.record-strip,.rebuild-grid>section,.tool-catalog,.tool-catalog+.route-table,.round-result{background:#fffefcf0;border-color:#c6dcf4}.change-metrics,.request-metrics,.graph-ledger{background:#bfd8f4;border-color:#bfd8f4}.change-metrics div,.request-metrics div,.graph-ledger section{background:#fffefcf0}.change-metrics b,.request-metrics b,.submission-card>b,.exercise-card-title b,.exercise-empty b,.accepted-card b,.survey-result b,.tool-call-card b,.plugin-summary b{color:#1f397f}.outcome-list li{color:#314a7d;background:#fffefcf0;border-color:#c6dcf4}.change-intro .summary-question{margin:0 0 15px;padding:10px 12px;color:#17377f;background:#e7f1fcd1;border-left:3px solid #5f8ed5;border-radius:0 7px 7px 0;font-size:15px;font-weight:650;line-height:1.7;text-wrap:balance}.summary-section{margin:18px;background:#fffefcf0;border:1px solid #c6dcf4;border-radius:10px;overflow:hidden}.summary-section>header{padding:17px 18px;border-bottom:1px solid #d7e6f6}.summary-section>header>span{display:block;margin-bottom:5px;color:#315fba;font-size:var(--text-caption);font-weight:700;letter-spacing:.08em}.summary-section h4{margin:0;color:#0a1b57;font:650 var(--text-lead)/1.45 var(--display);text-wrap:balance}.summary-section header p{margin:8px 0 0;color:#52668a;font-size:var(--text-small);line-height:1.7;text-wrap:balance}.code-callbacks ol,.six-question-map{margin:0;padding:0;list-style:none}.code-callbacks li+li{border-top:1px solid #e0ebf7}.code-callbacks button{display:grid;width:100%;gap:5px;padding:15px 18px;color:inherit;background:transparent;border:0;text-align:left;cursor:pointer;transition:background .15s}.code-callbacks button:hover,.code-callbacks button:focus-visible{background:#edf5fd;outline:none}.code-callbacks small{color:#6683b2;font:500 var(--text-caption)/1.5 var(--mono)}.code-callbacks b{color:#17377f;font-size:var(--text-small);text-wrap:balance}.code-callbacks button>span{color:#52668a;font-size:var(--text-small);line-height:1.65;text-wrap:balance}.six-question-map{display:grid;padding:8px 13px 13px}.six-question-map li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;padding:10px 7px;border-bottom:1px solid #e3edf8}.six-question-map li:last-child{border-bottom:0}.six-question-map li>small{display:grid;width:28px;height:28px;place-content:center;color:#6981aa;background:#edf4fb;border:1px solid #cfdef0;border-radius:50%;font:650 11px var(--mono)}.six-question-map li div{display:grid;gap:3px;min-width:0}.six-question-map li b{color:#3f5782;font-size:var(--text-small);line-height:1.55;text-wrap:pretty}.six-question-map li span{color:#7487a8;font-size:13px;line-height:1.6;text-wrap:balance}.six-question-map li.answered>small{color:#fff;background:#7b9ed1;border-color:#7b9ed1}.six-question-map li.current{margin:3px -3px;padding-inline:10px;background:#e7f1fc;border:1px solid #9ebde6;border-radius:8px}.six-question-map li.current>small{color:#fff;background:#315fba;border-color:#315fba}.six-question-map li.current b{color:#0a1b57}.six-question-map li.current span{color:#405b88}.six-question-map li.upcoming{opacity:.68}.summary-checklist .outcome-list{gap:8px;margin:0;padding:14px}.summary-checklist .outcome-list li{padding:12px 13px;background:#f3f7fc;text-wrap:balance}.summary-checklist .outcome-list i{width:22px;height:22px;font-size:11px}.panel-intro p,.panel-intro li,.summary-section h4,.summary-section header p,.code-callbacks b,.code-callbacks button>span,.six-question-map li b,.six-question-map li span,.summary-checklist .outcome-list li{word-break:auto-phrase}.request-anatomy div{background:#fffefcf0}.request-anatomy .stable{border-color:#315fba}.request-anatomy .append-only{border-color:#8fb6e8}.request-anatomy .step-variable{border-color:#6c96d7}.invalidation,.trace-summary,.early-trace small,.removed-note{background:#e7f1fc}.trace-summary b,.invalidation b{color:#1f397f}.trace-view li.tool>i,.trace-view li.runtime>i,.trace-view li.request>i{background:#4e78c9}.graph-stage{background:radial-gradient(circle at 50% 50%,rgba(95,143,211,.34),transparent 45%),#dceafb;border-color:#8fb6e8}.graph-core{color:#fffefc;background:#1f397f;border-color:#4e78c92b;box-shadow:0 0 0 1px #4e78c9,0 0 38px #315fba3d}.graph-node{color:#314a7d;background:#fffefcf2;border-color:#9ebde6}.graph-node.capability{color:#17377f;border-color:#4e78c9}.exercise-footer{background:#cde1f87a;border-top-color:#bfd8f4}.route-table>div:not(.exercise-card-title),.record-strip li,.tool-catalog>div:last-child span{background:#f0f6fd}.route-table>div.valid,.record-strip li.new,.projection-metrics div.active,.plugin-slots div.present,.tool-catalog>div:last-child span.new,.round-progress div.current{color:#17377f;background:#dceafb;border-color:#6c96d7}.route-table>div.valid{box-shadow:inset 3px 0 #315fba}.projection-metrics div.active,.plugin-slots div.present{box-shadow:inset 3px 0 #315fba}.request-choice button.active{color:#fffefc;background:#1f397f;border-color:#1f397f}footer,.load-state{background:#091a52}footer{color:#a8c5ec;border-top-color:#b0ccf252}.load-state b{color:#d6e7fa}@media(max-width:960px){.chapter-nav{background:#091a52;border-top-color:#b0ccf257}.mobile-switcher{background:#fffefcfa}}@media(max-width:560px){.reading-order{background:#e7f1fc}.mobile-switcher{background:#fffefcfc}}.primer-cards pre,.ptc-example pre,.request-parts pre,.trace-payload pre,.telemetry-view,.tool-call-card code,.code-lines{color:#243969;background:#f7faff;border-color:#c7dcf5}.file-label{color:#405987;background:#e4effc;border-bottom-color:#c2d9f4}.file-label button{color:#315fba}.file-label button:hover{color:#0a1b57}.line-no{color:#8aa0c2}.code-lines .code-line{color:#243969}.code-lines.has-line-focus .code-line{opacity:.34}.code-lines.has-line-focus .code-line.highlighted{color:#0a1b57;background:#dceafb;box-shadow:inset 3px 0 #4e78c9}.code-lines.has-line-focus .code-line.highlighted .line-no{color:#315fba}.code-lines .added{color:#245c60;background:#edf7f5}.code-lines .removed{color:#846238;background:#fbf5e9}.code-lines .hunk{color:#315fba;background:#e8f1fc}.diff-marker{color:#7388aa}.added .diff-marker{color:#397f80}.removed .diff-marker{color:#a27c45}.diff-meta{color:#5b73a0}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#7d8da8}.token.punctuation{color:#536584}.token.namespace{color:#687997}.token.property,.token.tag,.token.constant,.token.symbol{color:#2f67b8}.token.boolean,.token.number{color:#7655a4}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#39796d}.token.operator,.token.entity,.token.url,.token.variable{color:#334b78}.token.atrule,.token.attr-value,.token.function,.token.class-name{color:#95651e}.token.keyword{color:#4f55aa}.token.regex,.token.important{color:#a15e4d}.token.deleted{color:#9b5260}.request-parts pre,.trace-payload pre,.telemetry-view{border-top-color:#c7dcf5;scrollbar-color:#9ebde6 transparent}.scaffold-tree{color:#344c78;background:#fff;border-color:#bfd8f4;box-shadow:0 18px 45px #2648901a}.scaffold-tree>b{color:#1f397f;border-bottom-color:#c7dcf5;font-size:16px}.scaffold-tree div{color:#61759b;border-bottom-color:#4e78c91a;font-size:16px}.scaffold-tree i{color:#315fba;border-color:#8fb6e8;font-size:12px}.scaffold-tree code{color:#263f72;font-size:16px}.scaffold-tree span{color:#7083a5;font-size:16px}.build-prelude.scaffolded .scaffold-tree div{color:#243969;background:#fff}.scaffold-chapter strong{color:#0a1b57;font-size:16px}.scaffold-chapter small{color:#405580;font-size:16px}.build-prelude.scaffolded .scaffold-tree i{color:#315fba;background:#fff;border-color:#8fb6e8}.build-prelude.scaffolded .scaffold-tree code{color:#0a1b57}.context-cutaway{color:#314a78;background:#edf5fd;border-color:#bfd8f4}.context-cutaway p{color:#526990}.context-cutaway small{color:#62789d}.live-replay{max-width:1600px;margin:0 auto;padding:82px max(5vw,54px) 88px;background:radial-gradient(circle at 86% 7%,rgba(79,124,205,.2),transparent 28%),radial-gradient(circle at 8% 92%,rgba(176,204,242,.28),transparent 24%),linear-gradient(132deg,#f8fbff,#eaf3fe);border-inline:1px solid var(--rule);border-bottom:1px solid var(--rule)}.replay-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.72fr);align-items:end;gap:clamp(38px,6vw,92px);margin-bottom:34px}.replay-heading .eyebrow{margin:0 0 13px;color:#315fba}.replay-heading h2{max-width:780px;margin:0;font:680 clamp(38px,4vw,59px)/1.12 var(--display);letter-spacing:-.045em}.replay-heading>div>p:last-child{max-width:790px;margin:22px 0 0;color:#405580;font-size:16px;line-height:1.9}.replay-provenance{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;margin:0;border:1px solid #bfd8f4;border-radius:10px;background:#fffefcb8}.replay-provenance div{min-width:0;padding:15px 17px;border-right:1px solid #d1e2f5;border-bottom:1px solid #d1e2f5}.replay-provenance div:nth-child(2n){border-right:0}.replay-provenance div:nth-last-child(-n+2){border-bottom:0}.replay-provenance dt{margin-bottom:6px;color:#7186aa;font-size:11px}.replay-provenance dd{overflow:hidden;margin:0;color:#17377f;font:600 12px var(--mono);text-overflow:ellipsis;white-space:nowrap}.replay-provenance dd i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#4d83d1;box-shadow:0 0 9px #4d83d1a6}.replay-console{overflow:hidden;color:#e4effc;background:#091a52;border:1px solid #24468f;border-radius:13px;box-shadow:0 24px 70px #132f7033}.replay-controls{min-height:62px;display:flex;align-items:center;gap:10px;padding:10px 16px;background:#102564;border-bottom:1px solid rgba(176,204,242,.18)}.replay-controls button{height:36px;border:1px solid rgba(176,204,242,.25);color:#cfe2f8;background:#ffffff0b;border-radius:6px;font-size:12px;cursor:pointer}.replay-controls button:hover:not(:disabled){color:#fff;background:#b0ccf221}.replay-controls button:disabled{opacity:.42;cursor:default}.replay-controls .replay-play{min-width:145px;padding:0 18px;color:#091a52;background:#b8dcff;border-color:#b8dcff;font-weight:700}.replay-controls .replay-play:hover:not(:disabled){color:#091a52;background:#d7ebff}.replay-play span{display:inline-block;min-width:17px;margin-right:8px;font-size:10px}.replay-restart{padding-inline:13px}.replay-speed{display:flex;overflow:hidden;margin-left:4px;border:1px solid rgba(176,204,242,.22);border-radius:6px}.replay-speed button{width:43px;border:0;border-right:1px solid rgba(176,204,242,.18);border-radius:0}.replay-speed button:last-child{border-right:0}.replay-speed button.active{color:#fff;background:#315fba}.replay-status{display:flex;align-items:center;gap:8px;margin-left:auto;color:#9fb9dc;font-size:11.5px}.replay-status i{width:7px;height:7px;border-radius:50%;background:#667fb2}.replay-status.active{color:#dcecff}.replay-status.active i{background:#b8dcff;box-shadow:0 0 10px #8dbdeb;animation:replay-pulse 1.2s ease-in-out infinite}.replay-progress{height:3px;background:#172d6d}.replay-progress span{display:block;height:100%;background:linear-gradient(90deg,#5f8ed5,#b8dcff);transition:width 90ms linear}.replay-signal-map{--signal-accent: #9fb9dc;display:grid;grid-template-columns:minmax(245px,.58fr) minmax(660px,1.7fr);align-items:center;gap:26px;padding:17px 18px 15px;background:radial-gradient(circle at 78% 0%,rgba(96,143,207,.13),transparent 34%),#0a1d57;border-bottom:1px solid rgba(176,204,242,.16)}.replay-signal-map.phase-prepare{--signal-accent: #91b8eb}.replay-signal-map.phase-generate{--signal-accent: #b8dcff}.replay-signal-map.phase-commit{--signal-accent: #e2c985}.replay-signal-map.phase-feedback{--signal-accent: #9fd2c0}.replay-signal-map.phase-settle{--signal-accent: #c3d4ec}.signal-readout{min-width:0;display:grid;align-content:center;gap:9px}.signal-kicker{display:flex;align-items:center;gap:8px;color:#7692c2;font:650 9.5px var(--mono);letter-spacing:.12em}.signal-kicker i{width:6px;height:6px;flex:none;border-radius:50%;background:var(--signal-accent);box-shadow:0 0 10px color-mix(in srgb,var(--signal-accent) 68%,transparent)}.signal-readout>div{min-width:0;display:grid;gap:3px}.signal-readout small{color:var(--signal-accent);font:650 9.5px var(--mono);letter-spacing:.08em}.signal-readout b{overflow:hidden;color:#edf6ff;font-size:13px;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}.signal-readout p{min-height:31px;margin:0;color:#718dbb;font-size:10.5px;line-height:1.5}.signal-route{min-width:0;overflow-x:auto;padding:2px 1px 1px;scrollbar-color:#355691 transparent;scrollbar-width:thin}.signal-track{min-width:650px;display:grid;grid-template-columns:repeat(4,minmax(122px,1fr));gap:42px;margin:0;padding:0;list-style:none}.signal-step{position:relative;min-width:0}.signal-node{min-height:74px;display:grid;grid-template-columns:28px minmax(0,1fr);grid-template-rows:auto auto auto;align-content:center;column-gap:9px;padding:10px 11px;color:#748fbe;background:#0e2a67a3;border:1px solid rgba(111,145,197,.22);border-radius:7px;transition:color .22s ease,background-color .22s ease,border-color .22s ease,box-shadow .24s ease,transform .24s var(--motion-gentle, ease-out)}.signal-node>i{grid-row:1 / 4;align-self:center;display:grid;width:25px;height:25px;place-content:center;color:#6681b1;border:1px solid #3d5c96;border-radius:50%;font:650 9.5px var(--mono);font-style:normal}.signal-node>span{overflow:hidden;color:#5874a8;font:600 8.5px var(--mono);letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap}.signal-node>b{overflow:hidden;color:#a9c0df;font-size:11.5px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.signal-node>small{overflow:hidden;color:#5e79aa;font-size:9px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.signal-step.active .signal-node{color:#eef7ff;background:#1f4386d1;border-color:var(--signal-accent);box-shadow:0 8px 24px #020c2f33,inset 0 -2px #ffffff0a;transform:translateY(-2px)}.signal-step.active .signal-node>i{color:#07184c;background:var(--signal-accent);border-color:var(--signal-accent);box-shadow:0 0 15px #b8dcff42;animation:signal-node-land .36s var(--motion-land, ease-out) both}.signal-step.active .signal-node>span{color:var(--signal-accent)}.signal-step.active .signal-node>b{color:#fff}.signal-step.active .signal-node>small{color:#9db8db}.signal-bridge{position:absolute;top:37px;left:calc(100% + 8px);width:26px;height:1px;background:#385791}.signal-bridge:after{content:"";position:absolute;top:-3px;right:-1px;width:5px;height:5px;border-top:1px solid #5876aa;border-right:1px solid #5876aa;transform:rotate(45deg)}.signal-bridge>i{position:absolute;top:-3px;left:-3px;width:7px;height:7px;opacity:0;border-radius:50%;background:var(--signal-accent);box-shadow:0 0 9px var(--signal-accent)}.signal-bridge.active{background:var(--signal-accent)}.signal-bridge.active:after{border-color:var(--signal-accent)}.replay-signal-map.playing .signal-bridge.active>i{animation:signal-bridge-travel .72s var(--motion-gentle, ease-out) infinite}.signal-feedback{min-width:650px;display:flex;align-items:center;justify-content:flex-end;gap:7px;margin-top:7px;color:#5875a8;font-size:9px;line-height:1.35}.signal-feedback>i{display:grid;width:18px;height:18px;place-content:center;color:#6684b5;border:1px solid #3e5e98;border-radius:50%;font:650 11px var(--mono);font-style:normal}.signal-feedback>span{color:#7893bf;font-weight:650}.signal-feedback>b{color:#5d78a8;font-weight:500}.signal-feedback.active>i{color:#07184c;background:var(--signal-accent);border-color:var(--signal-accent)}.signal-feedback.active>span{color:var(--signal-accent)}.signal-feedback.active>b{color:#9bb6da}.replay-signal-map.playing .signal-feedback.active>i{animation:signal-feedback-return .62s var(--motion-gentle, ease-out) both}.replay-rounds{display:grid;grid-template-columns:repeat(3,1fr) 1.15fr;padding:15px 16px;background:#0d205d;border-bottom:1px solid rgba(176,204,242,.16)}.replay-rounds>*{position:relative;min-width:0;display:flex;align-items:center;gap:11px;padding:7px 15px 7px 7px;border:0;color:#718dc0;background:transparent;text-align:left}.replay-rounds button{cursor:pointer}.replay-rounds>*:not(:last-child):after{content:"";position:absolute;right:5px;width:26px;height:1px;background:#345397;transform:translate(50%)}.replay-rounds>*>i{flex:0 0 auto;display:grid;width:28px;height:28px;place-content:center;border:1px solid #48649d;border-radius:50%;font:650 11px var(--mono)}.replay-rounds span{display:grid;gap:2px;font-size:13px;font-weight:650}.replay-rounds small{color:#5e79ad;font-size:10px;font-weight:500}.replay-rounds>*.active{color:#fff}.replay-rounds>*.active i{color:#091a52;background:#b8dcff;border-color:#b8dcff;box-shadow:0 0 16px #b8dcff61}.replay-rounds>*.done{color:#b8d6f7}.replay-rounds>*.done i{color:#fff;background:#315fba;border-color:#5f8ed5}.replay-stage{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.75fr);min-height:610px}.model-stream-panel,.harness-receipts{min-width:0}.model-stream-panel{border-right:1px solid rgba(176,204,242,.17)}.model-stream-panel>header,.harness-receipts>header{height:52px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 18px;color:#9fb9dc;background:#10235f;border-bottom:1px solid rgba(176,204,242,.14)}.model-stream-panel>header span,.harness-receipts>header span{font:650 11px var(--mono);letter-spacing:.08em}.model-stream-panel>header span i{display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:50%;background:#b8dcff}.model-stream-panel>header small,.harness-receipts>header small{color:#6682b5;font-size:10.5px;font-weight:450}.model-stream-feed,.harness-receipts>div{height:610px;overflow:auto;scrollbar-color:#4264a5 transparent}.model-stream-feed{padding:18px;background:linear-gradient(145deg,rgba(16,35,95,.42),transparent 55%),#091a52}.replay-empty{min-height:510px;display:grid;align-content:center;justify-items:center;gap:9px;color:#7089b7;text-align:center}.replay-empty b{color:#b8d1ed;font:650 16px var(--display)}.replay-empty span{max-width:380px;font-size:12px;line-height:1.7}.generation-block{padding:16px 17px;border:1px solid rgba(128,163,214,.18);border-radius:8px;background:#132a6875}.generation-block+.generation-block{margin-top:12px}.generation-block.current{border-color:#b8dcff75;box-shadow:inset 3px 0 #79a9e5}.generation-meta{display:flex;align-items:center;gap:10px;min-width:0;margin-bottom:12px;color:#88a8d4}.generation-meta span{font-size:11px;font-weight:650}.generation-meta code{overflow:hidden;color:#5f80b7;font:500 10.5px var(--mono);text-overflow:ellipsis;white-space:nowrap}.generation-meta small{margin-left:auto;color:#6f8fc2;font-size:10px;white-space:nowrap}.generation-block pre{margin:0;color:#e7f1fc;font:450 13px/1.85 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere}.stream-cursor{display:inline-block;width:7px;height:1.15em;margin-left:3px;vertical-align:-.2em;background:#b8dcff;animation:stream-blink .8s steps(1) infinite}.stream-tool{display:grid;grid-template-columns:auto 1fr;gap:7px 12px;margin-top:13px;padding:12px 13px;border:1px solid rgba(126,166,224,.33);border-radius:6px;background:#06133ea3}.stream-tool>span{align-self:center;color:#6f91c7;font:650 9.5px var(--mono);letter-spacing:.08em}.stream-tool>b{color:#b8d9fa;font:600 12px var(--mono)}.stream-tool>code{grid-column:1 / -1;padding-top:8px;color:#d2e5f8;border-top:1px solid rgba(176,204,242,.12);font:500 11.5px/1.7 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere}.waiting-token{display:flex;align-items:center;gap:9px;margin:0;color:#7895c2;font:500 11.5px var(--mono)}.waiting-token i{width:7px;height:7px;border:1px solid #8fb6e8;border-top-color:transparent;border-radius:50%;animation:spin .9s linear infinite}.harness-receipts{background:#0c1d56}.harness-receipts>div{padding:10px 15px 22px}.harness-receipts>div>p{margin:26px 4px;color:#6982b1;font-size:12px}.harness-receipts article{position:relative;display:grid;grid-template-columns:13px 1fr;gap:9px;padding:12px 0}.harness-receipts article>i{position:relative;z-index:1;width:8px;height:8px;margin-top:4px;border:2px solid #0c1d56;border-radius:50%;background:#5578b5;box-shadow:0 0 0 1px #5578b5}.harness-receipts article:not(:last-child)>i:after{content:"";position:absolute;top:8px;left:2px;width:1px;height:calc(100% + 19px);background:#29447f}.harness-receipts article>div{min-width:0;display:grid;gap:4px}.harness-receipts article small{color:#607caf;font:500 9.5px var(--mono)}.harness-receipts article b{color:#c7dbf2;font-size:12px;line-height:1.45}.harness-receipts article p{overflow-wrap:anywhere;margin:0;color:#7f9ac5;font-size:10.5px;line-height:1.55}.harness-receipts article.tool>i,.harness-receipts article.result>i{background:#88addf;box-shadow:0 0 0 1px #88addf}.harness-receipts article.runtime>i{background:#d3e7fb;box-shadow:0 0 9px #b8dcff80}.harness-receipts article.complete>i{background:#b8dcff;box-shadow:0 0 12px #b8dcffb8}.live-replay>.replay-note{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:17px 4px 0;color:#526b97;background:transparent;border:0;font-size:11.5px}.replay-note span{flex:0 0 auto;color:#315fba;font-weight:650}.replay-note span i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#4e78c9}.replay-note p{max-width:850px;margin:0;line-height:1.7;text-align:right}@keyframes stream-blink{50%{opacity:0}}@keyframes replay-pulse{50%{opacity:.45;transform:scale(.82)}}@keyframes signal-node-land{0%{transform:scale(.72)}72%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes signal-bridge-travel{0%{opacity:0;transform:translate(0) scale(.65)}18%{opacity:1}82%{opacity:1}to{opacity:0;transform:translate(27px) scale(.88)}}@keyframes signal-feedback-return{0%{opacity:.45;transform:rotate(0) scale(.72)}74%{opacity:1;transform:rotate(-390deg) scale(1.08)}to{opacity:1;transform:rotate(-360deg) scale(1)}}@media(max-width:1100px){.replay-heading{grid-template-columns:1fr}.replay-provenance{max-width:700px}.replay-signal-map{grid-template-columns:1fr;align-items:start;gap:13px}.signal-readout{grid-template-columns:150px minmax(0,1fr);align-items:start;gap:16px}.signal-readout p{min-height:0}.replay-stage{grid-template-columns:minmax(0,1.4fr) minmax(270px,.7fr)}}@media(max-width:960px){.live-replay{padding:66px 28px 72px;border-inline:0}.replay-stage{display:block}.model-stream-panel{border-right:0;border-bottom:1px solid rgba(176,204,242,.17)}.model-stream-feed{height:560px}.harness-receipts>div{height:360px}.live-replay>.replay-note{align-items:flex-start}}@media(max-width:640px){.live-replay{padding:52px 20px 58px}.replay-heading{gap:27px;margin-bottom:25px}.replay-heading h2{font-size:clamp(34px,10vw,44px)}.replay-heading>div>p:last-child{font-size:15px}.replay-provenance{grid-template-columns:1fr}.replay-provenance div,.replay-provenance div:nth-child(2n),.replay-provenance div:nth-last-child(-n+2){border-right:0;border-bottom:1px solid #d1e2f5}.replay-provenance div:last-child{border-bottom:0}.replay-controls{flex-wrap:wrap;padding:12px}.replay-controls .replay-play{flex:1;min-width:135px}.replay-status{order:4;width:100%;margin:2px 2px 0}.replay-signal-map{padding:14px 12px 12px}.signal-readout{grid-template-columns:1fr;gap:7px}.signal-track,.signal-feedback{min-width:610px}.signal-track{grid-template-columns:repeat(4,minmax(112px,1fr));gap:38px}.signal-node{min-height:68px;padding:8px 9px}.signal-bridge{top:34px;left:calc(100% + 7px);width:24px}.replay-rounds{grid-template-columns:repeat(3,1fr);gap:5px;padding:11px 9px;overflow-x:auto}.replay-rounds>*{justify-content:center;min-width:83px;padding:5px 2px;text-align:center}.replay-rounds>*:not(:last-child):after{display:none}.replay-rounds>*>i{width:25px;height:25px}.replay-rounds span{font-size:11px}.replay-rounds small{font-size:9px}.replay-rounds>div:last-child{grid-column:1 / -1;justify-self:center;min-width:175px}.model-stream-panel>header,.harness-receipts>header{align-items:flex-start;flex-direction:column;justify-content:center;gap:3px;height:60px}.model-stream-feed{height:520px;padding:12px}.generation-block{padding:13px}.generation-meta{flex-wrap:wrap}.generation-meta small{width:100%;margin-left:0}.generation-block pre{font-size:12px;line-height:1.75}.harness-receipts>div{height:330px}.live-replay>.replay-note{align-items:flex-start;flex-direction:column;gap:8px}.replay-note p{text-align:left}}@media(prefers-reduced-motion:reduce){.stream-cursor{display:none}.replay-status.active i,.waiting-token i{animation:none}.replay-progress span,.signal-node{transition:none}.signal-step.active .signal-node{transform:none}.signal-step.active .signal-node>i,.replay-signal-map.playing .signal-bridge.active>i,.replay-signal-map.playing .signal-feedback.active>i{animation:none}.signal-bridge.active>i{left:calc(50% - 3px);opacity:1}}.site-header{grid-template-columns:minmax(245px,1fr) auto minmax(230px,1fr)}.header-actions{display:flex;align-items:center;justify-self:end;gap:18px}.language-switch,.locale-switch{display:inline-flex;padding:3px;border:1px solid rgba(201,221,240,.28);border-radius:8px;background:#0714396b}.language-switch button,.locale-switch button{min-width:43px;height:30px;padding:0 10px;border:0;border-radius:5px;color:#9fb9dc;background:transparent;font:650 11px var(--mono);cursor:pointer}.language-switch button:hover,.locale-switch button:hover{color:#fff}.language-switch button.active,.locale-switch button.active{color:#17275b;background:#d7e7f7;box-shadow:0 2px 8px #040d2a3d}@media(max-width:1520px){.site-header{gap:12px;padding-inline:20px}.chapter-nav button{min-width:96px;padding-inline:9px}.header-actions{gap:8px}.progress-track{width:56px}}@media(max-width:1360px){.progress-help{display:none}}@media(max-width:1240px){.site-header{grid-template-columns:auto 1fr auto}}@media(max-width:960px){.site-header{grid-template-columns:minmax(0,1fr) auto}.language-switch button,.locale-switch button{min-width:40px;padding-inline:8px}}@media(max-width:680px){.site-header{gap:10px}.header-actions{min-width:0;gap:0}.lock-button,.github-links{display:none}.language-control{min-width:0}.language-control{display:none}.locale-control{min-width:0}}@media(max-width:560px){.language-switch,.locale-switch{padding:2px}.language-switch button,.locale-switch button{min-width:35px;height:34px;padding-inline:6px;font-size:10px}}.replay-mission{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:24px 34px;margin:0 0 30px;padding:27px 29px;color:#17316d;background:#fffefce0;border:1px solid #bcd5f1;border-left:5px solid #4e78c9;border-radius:11px;box-shadow:0 14px 38px #29509a17}.mission-command>span{color:#315fba;font:700 10.5px var(--mono);letter-spacing:.08em}.mission-command h3{margin:10px 0 11px;color:#0a1b57;font:680 clamp(23px,2.2vw,32px)/1.25 var(--display);letter-spacing:-.025em}.mission-command p{margin:0;color:#455d89;font-size:14px;line-height:1.85}.mission-rounds{display:grid;gap:8px;margin:0;padding:0;list-style:none}.mission-rounds li{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:11px;padding:10px 12px;background:#eef5fd;border:1px solid #d4e4f6;border-radius:7px}.mission-rounds li>i{display:grid;width:27px;height:27px;place-content:center;color:#fff;background:#315fba;border-radius:50%;font:700 10px var(--mono)}.mission-rounds li>div{display:grid;gap:3px}.mission-rounds b{color:#17377f;font-size:12.5px}.mission-rounds span{color:#60759d;font-size:11.5px;line-height:1.5}.mission-rounds code{color:#315fba;font:600 10.5px var(--mono)}.mission-contract{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;background:#bfd8f4;border:1px solid #bfd8f4;border-radius:8px}.mission-contract>span{display:grid;align-content:center;gap:5px;min-height:68px;padding:12px 15px;color:#314a78;background:#f7fbfff5;border-right:1px solid #cfdef0;font-size:11.5px;line-height:1.45}.mission-contract>span:last-child{border-right:0}.mission-contract small{color:#6d82a8;font-size:9.5px;font-weight:650;letter-spacing:.05em}.mission-explainer{grid-column:1 / -1;margin:-8px 0 0;padding-top:15px;color:#566e99;border-top:1px solid #d6e5f4;font-size:12px;line-height:1.7}.mission-explainer b{color:#17377f}.mission-prompt{grid-column:1 / -1;display:grid;gap:9px;padding:16px 17px;color:#dcecff;background:#102564;border:1px solid #315397;border-radius:8px}.mission-prompt>span{color:#9fc5f1;font:700 9.5px var(--mono);letter-spacing:.08em}.mission-prompt>code{color:#f1f7ff;font:500 11.5px/1.75 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere}.mission-prompt details{margin-top:3px;padding-top:10px;border-top:1px solid rgba(176,204,242,.18)}.mission-prompt summary{color:#b8d6f7;font-size:11px;font-weight:650;cursor:pointer}.mission-prompt-details{display:grid;gap:13px;margin-top:13px}.mission-prompt-details section{display:grid;gap:7px;min-width:0;padding:12px;background:#040f366b;border:1px solid rgba(159,190,226,.18);border-radius:6px}.mission-prompt-details small{color:#82a8d7;font:650 9px var(--mono);letter-spacing:.05em}.mission-prompt-details pre{overflow:auto;max-height:280px;margin:0;color:#d8e8f9;font:450 10.5px/1.7 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere}.mission-prompt-details ol{display:grid;gap:8px;margin:0;padding:0;list-style:none}.mission-prompt-details li{display:grid;grid-template-columns:62px 1fr;gap:9px;padding-bottom:8px;border-bottom:1px solid rgba(159,190,226,.12)}.mission-prompt-details li:last-child{padding-bottom:0;border-bottom:0}.mission-prompt-details li b{color:#82a8d7;font:650 9.5px var(--mono)}.mission-prompt-details code{display:block;color:#d8e8f9;font:450 10.5px/1.65 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere}.stream-tool-result{grid-column:1 / -1;display:grid;grid-template-columns:auto 1fr;gap:6px 11px;margin-top:3px;padding:11px 12px;color:#dcecff;background:#4870b22e;border:1px solid rgba(150,188,231,.3);border-left:3px solid #8fb6e8;border-radius:5px}.stream-tool-result>span{color:#8fb6e8;font:700 9px var(--mono);letter-spacing:.08em}.stream-tool-result>b{color:#dcecff;font-size:11.5px}.stream-tool-result>p{grid-column:1 / -1;margin:0;color:#a9c3e2;font-size:11px;line-height:1.65}.stream-tool-pending{grid-column:1 / -1;display:flex;align-items:center;gap:8px;color:#7895c2;font-size:10.5px}.stream-tool-pending i{width:6px;height:6px;border-radius:50%;background:#7895c2}.stream-feedback-note{margin:11px 2px 0;color:#91afd2;font-size:10.5px;line-height:1.6}@media(max-width:960px){.replay-mission{grid-template-columns:1fr}.mission-contract,.mission-explainer,.mission-prompt{grid-column:auto}}@media(max-width:640px){.replay-mission{gap:20px;padding:22px 18px}.mission-contract{grid-template-columns:1fr}.mission-contract>span{min-height:58px;border-right:0;border-bottom:1px solid #cfdef0}.mission-contract>span:last-child{border-bottom:0}.mission-prompt-details li{grid-template-columns:1fr;gap:4px}}:root{--motion-snap: cubic-bezier(.2, .8, .2, 1);--motion-land: cubic-bezier(.18, .86, .3, 1.16);--motion-gentle: cubic-bezier(.22, .72, .28, 1)}.hero-copy .eyebrow,.hero-copy .hero-line,.hero-copy .hero-intro,.hero-copy .hero-actions,.hero-copy .hero-facts{animation:hero-copy-arrive .62s var(--motion-snap) both}.hero-copy .eyebrow{animation-delay:60ms}.hero-copy .hero-line:nth-child(1){animation-delay:.12s}.hero-copy .hero-line:nth-child(2){animation-delay:.19s}.hero-copy .hero-line:nth-child(3){animation-delay:.27s}.hero-copy .hero-intro{animation-delay:.35s}.hero-copy .hero-actions{animation-delay:.43s}.hero-copy .hero-facts{animation-delay:.51s}.orbit-art{animation:orbit-establish .78s var(--motion-gentle) .18s both}.orbit-grid{animation:orbit-grid-reveal .9s var(--motion-gentle) .22s both}.orbit-art .route-primary{animation:route-primary-reveal .92s var(--motion-snap) .37s both,dash 12s linear 1.29s infinite}.orbit-art .route-secondary{animation:route-secondary-reveal .6s var(--motion-gentle) .78s both}.orbit-art .node{transform-box:fill-box;transform-origin:center;animation:orbit-node-land .42s var(--motion-land) both}.orbit-art .node-1{animation-delay:.62s}.orbit-art .node-2{animation-delay:.74s}.orbit-art .node-3{animation-delay:.86s}.orbit-art .node-4{animation-delay:.9s}.orbit-art .node-5{animation-delay:1.01s}.orbit-art .node-6{animation-delay:1.09s}.orbit-art .satellite{animation:satellite-online .52s var(--motion-gentle) .72s both}.orbit-art .failure-mark{animation:failure-mark-in .36s var(--motion-snap) 1.12s both}.orbit-art .art-label,.orbit-art .telemetry-strip,.hero-caption{animation:telemetry-settle .5s var(--motion-gentle) both}.orbit-art .label-a{animation-delay:.99s}.orbit-art .label-b{animation-delay:1.16s}.orbit-art .telemetry-strip{animation-delay:1.24s}.hero-caption{animation-delay:1.32s}.primary-action,.prelude-actions button,.replay-controls button,.panel-tabs button,.step-picker button,.language-switch button,.locale-switch button,.chapter-nav button{transform-origin:center;transition:color .17s ease,background-color .17s ease,border-color .17s ease,box-shadow .22s ease,transform .17s var(--motion-land)}.primary-action:hover,.prelude-actions button:hover,.replay-controls button:hover:not(:disabled){transform:translateY(-2px)}.primary-action:active,.prelude-actions button:active,.replay-controls button:active:not(:disabled),.panel-tabs button:active,.step-picker button:active,.language-switch button:active,.locale-switch button:active,.chapter-nav button:active{transform:translateY(1px) scale(.975);transition-duration:70ms}.primary-action span{display:inline-block;transition:transform .24s var(--motion-land)}.primary-action:hover span{transform:translateY(3px)}.chapter-nav button.active{animation:nav-commit .36s var(--motion-snap) both}.language-switch button.active,.locale-switch button.active{transform:translateY(-1px)}.chapter.active:before{animation:rail-marker-land .36s var(--motion-land) both}.panel-tabs button.active{animation:tab-commit .3s var(--motion-snap) both}.step-picker button.active{animation:step-land .3s var(--motion-land) both}.build-prelude.scaffolded .scaffold-tree div{animation:scaffold-land .47s var(--motion-land) both;animation-delay:calc(var(--file-index) * 65ms)}.build-prelude.scaffolded .scaffold-tree i{animation:scaffold-check .36s var(--motion-land) both;animation-delay:calc(.12s + var(--file-index) * 65ms)}.panel-content-enter{animation:panel-content-arrive .26s var(--motion-gentle) both}.panel-sync-note{animation-timing-function:var(--motion-gentle)}.generation-block{animation:replay-block-arrive .34s var(--motion-gentle) both}.generation-block.current{transition:border-color .22s ease,box-shadow .22s ease,background-color .22s ease}.stream-tool{animation:replay-tool-arrive .28s var(--motion-gentle) both}.harness-receipts article.latest{animation:receipt-land .34s var(--motion-land) both}.replay-rounds>*{transition:color .2s ease,background-color .2s ease}.replay-rounds>*>i{transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .24s ease,transform .24s var(--motion-land)}.replay-rounds>*.active>i,.replay-rounds>*.done>i{animation:round-commit .38s var(--motion-land) both}@keyframes hero-copy-arrive{0%{opacity:0;transform:translateY(17px)}68%{opacity:1}to{opacity:1;transform:translateY(0)}}@keyframes orbit-establish{0%{opacity:0;transform:translate(22px) scale(.975)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes orbit-grid-reveal{0%{opacity:0}to{opacity:1}}@keyframes route-primary-reveal{0%{opacity:0;stroke-dasharray:1 100}20%{opacity:1}78%{stroke-dasharray:54 18}to{opacity:1;stroke-dasharray:7 8}}@keyframes route-secondary-reveal{0%{opacity:0;stroke-dashoffset:42}to{opacity:1;stroke-dashoffset:0}}@keyframes orbit-node-land{0%{opacity:0;transform:scale(.35)}68%{opacity:1;transform:scale(1.18)}to{opacity:1;transform:scale(1)}}@keyframes satellite-online{0%{opacity:0;filter:brightness(.65)}62%{opacity:1;filter:brightness(1.2)}to{opacity:1;filter:brightness(1)}}@keyframes failure-mark-in{0%{opacity:0}45%{opacity:1}62%{opacity:.45}to{opacity:1}}@keyframes telemetry-settle{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes nav-commit{0%{box-shadow:inset 0 -3px transparent}to{box-shadow:inset 0 -3px var(--cyan)}}@keyframes tab-commit{0%{box-shadow:inset 0 -3px transparent;background-color:transparent}to{box-shadow:inset 0 -3px var(--cyan);background-color:#4da3ff17}}@keyframes rail-marker-land{0%{opacity:0;transform:translate(-7px) scale(.55)}72%{opacity:1;transform:translate(1px) scale(1.14)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes step-land{0%{transform:scale(.78)}72%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes scaffold-land{0%{opacity:.42;transform:translate(-8px)}72%{opacity:1;transform:translate(7px)}to{opacity:1;transform:translate(5px)}}@keyframes scaffold-check{0%{transform:scale(.45)}72%{transform:scale(1.16)}to{transform:scale(1)}}@keyframes panel-content-arrive{0%{opacity:.3;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes replay-block-arrive{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes replay-tool-arrive{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}@keyframes receipt-land{0%{opacity:0;transform:translate(10px)}72%{opacity:1;transform:translate(-1px)}to{opacity:1;transform:translate(0)}}@keyframes round-commit{0%{transform:scale(.72)}72%{transform:scale(1.12)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.hero-copy .eyebrow,.hero-copy .hero-line,.hero-copy .hero-intro,.hero-copy .hero-actions,.hero-copy .hero-facts,.orbit-art,.orbit-grid,.orbit-art .route-primary,.orbit-art .route-secondary,.orbit-art .node,.orbit-art .satellite,.orbit-art .failure-mark,.orbit-art .art-label,.orbit-art .telemetry-strip,.hero-caption,.chapter-nav button.active,.chapter.active:before,.panel-tabs button.active,.step-picker button.active,.build-prelude.scaffolded .scaffold-tree div,.build-prelude.scaffolded .scaffold-tree i,.panel-content-enter,.generation-block,.stream-tool,.harness-receipts article.latest,.replay-rounds>*.active>i,.replay-rounds>*.done>i{animation:none!important}.primary-action,.prelude-actions button,.replay-controls button,.panel-tabs button,.step-picker button,.language-switch button,.locale-switch button,.chapter-nav button,.primary-action span,.generation-block.current,.replay-rounds>*,.replay-rounds>*>i{transition:none!important;transform:none!important}}.evidence-cue{position:relative;margin:-3px 0 26px;padding-left:18px}.evidence-cue:before{content:"";position:absolute;top:7px;bottom:7px;left:3px;width:1px;background:#b7cdea}.evidence-cue:after{content:"";position:absolute;top:19px;left:0;width:7px;height:7px;background:#f7fbff;border:1px solid #6f94cc;border-radius:50%;transition:background-color .18s ease,border-color .18s ease,box-shadow .22s ease}.evidence-cue button{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 22px;padding:13px 15px 14px;color:#536b94;background:#eef5fdb8;border:1px solid #cfdef0;border-radius:7px;font:inherit;text-align:left;cursor:pointer;transition:color .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .22s ease,transform .22s var(--motion-gentle)}.evidence-cue button:hover,.evidence-cue button:focus-visible{color:#17377f;background:#f5f9fe;border-color:#9dbce4;box-shadow:0 8px 24px #315fba14;outline:none}.evidence-cue button:focus-visible{box-shadow:0 0 0 3px #4e78c92e}.evidence-cue-index{grid-column:1 / -1;color:#5578b5;font:650 10.5px var(--mono);letter-spacing:.025em}.evidence-cue strong{grid-column:1;color:#203d7a;font-size:13.5px;line-height:1.55}.evidence-cue-description{grid-column:1;color:#60769b;font-size:12px;line-height:1.65}.evidence-cue-action{grid-column:2;grid-row:2 / 4;align-self:center;display:flex;align-items:center;gap:7px;color:#315fba;font-size:11.5px;font-weight:650;white-space:nowrap}.evidence-cue-action i{font-style:normal;transition:transform .18s var(--motion-gentle)}.evidence-cue button:hover .evidence-cue-action i,.evidence-cue button:focus-visible .evidence-cue-action i{transform:translate(3px)}.evidence-cue.active:after{background:#315fba;border-color:#315fba;box-shadow:0 0 0 4px #4e78c921}.evidence-cue.active button{color:#17377f;background:#e6f0fc;border-color:#86a9d9;box-shadow:inset 3px 0 #315fba,0 9px 26px #315fba14;animation:evidence-cue-commit .3s var(--motion-gentle) both}.narrative-follow{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;color:#60759a;background:transparent;border:1px solid #c5d8ed;border-radius:999px;font-size:12.5px;cursor:pointer;transition:color .17s ease,background-color .17s ease,border-color .17s ease}.narrative-follow>span{width:6px;height:6px;background:#8fa5c7;border-radius:50%}.narrative-follow:hover,.narrative-follow:focus-visible{color:#17377f;background:#edf4fc;border-color:#9dbce4;outline:none}.narrative-follow.active{color:#315fba;background:#e8f1fc;border-color:#a9c4e6}.narrative-follow.active>span{background:#4e78c9;box-shadow:0 0 0 3px #4e78c91f}.narrative-follow.paused{color:#7183a1}.trace-view li.focused{margin:0 -8px;padding:9px 8px 0;background:#e4eefb;border-radius:7px;box-shadow:inset 3px 0 #4e78c9;animation:evidence-row-focus .3s var(--motion-gentle) both}.trace-view li.focused>i{box-shadow:0 0 0 4px #4e78c924}.trace-view li.focused div>b{color:#17377f}@keyframes evidence-cue-commit{0%{opacity:.74;transform:translate(-3px)}to{opacity:1;transform:translate(0)}}@keyframes evidence-row-focus{0%{opacity:.7}to{opacity:1}}@media(max-width:960px){.evidence-cue{margin-bottom:24px}}@media(max-width:560px){.evidence-cue{padding-left:14px}.evidence-cue button{grid-template-columns:1fr;gap:5px;padding:12px 13px}.evidence-cue-index,.evidence-cue strong,.evidence-cue-description,.evidence-cue-action{grid-column:1}.evidence-cue-action{grid-row:auto;margin-top:3px}}@media(prefers-reduced-motion:reduce){.evidence-cue.active button,.trace-view li.focused{animation:none!important}.evidence-cue button,.evidence-cue:after,.evidence-cue-action i,.narrative-follow{transition:none!important;transform:none!important}}.reading-order{margin-top:20px;color:#6a7d9e}.reading-order b{width:auto;height:auto;color:#4e78c9;border:0;border-radius:0;font-size:13px}.chapter-evidence-tabs{min-height:70px}.chapter-evidence-tabs button{display:grid;flex:1 0 116px;align-content:center;gap:3px;padding:8px 12px;text-align:left}.chapter-evidence-tabs button small{color:#7890b6;font:650 12px var(--mono)}.chapter-evidence-tabs button span{overflow:hidden;font-size:13.5px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.chapter-evidence-tabs button.active,.chapter-evidence-tabs button:active{animation:none}.chapter-evidence-tabs button.active small{color:#315fba}.evidence-cue{margin:0 0 22px;padding-left:0}.evidence-cue:before,.evidence-cue:after{display:none}.evidence-cue button{grid-template-columns:48px minmax(0,1fr);gap:3px 12px;padding:11px 12px 12px;color:#536b94;background:transparent;border:0;border-block:1px solid #d7e4f2;border-radius:0;box-shadow:none;transform:none;transition:color .14s ease,background-color .14s ease,border-color .14s ease}.evidence-cue-index{grid-column:1;grid-row:1 / 3;align-self:center;color:#5578b5;font-size:12px}.evidence-cue strong{grid-column:2;color:#203d7a;font-size:13.5px}.evidence-cue-description{grid-column:2;color:#6a7d9e;font-size:11.5px}.evidence-cue button:hover,.evidence-cue button:focus-visible{color:#17377f;background:#f2f7fd;border-color:#b9cee7;box-shadow:none;outline:none}.evidence-cue button:focus-visible{box-shadow:inset 0 0 0 2px #4e78c938}.evidence-cue.active button{color:#17377f;background:#edf4fc;border-color:#a9c3e2;box-shadow:inset 3px 0 #4e78c9;animation:none}.request-anatomy div.stable{border-color:#315fba;background:#edf3ff}.request-anatomy div.append-only{border-color:#27866f;background:#eaf7f2}.request-anatomy div.step-variable{border-color:#bf7522;background:#fff4e5}.request-anatomy b{display:flex;align-items:center;gap:8px}.request-anatomy b:before{content:"";width:9px;height:9px;flex:none;background:currentColor}.request-anatomy .append-only b{color:#176d59}.request-anatomy .append-only b:before{border-radius:50%}.request-anatomy .step-variable b{color:#945411}.request-anatomy .step-variable b:before{transform:rotate(45deg) scale(.8)}.request-parts details.stable{border-color:#315fba}.request-parts details.append-only{border-color:#27866f}.request-parts details.step-variable{border-color:#bf7522}.request-parts details.stable summary{background:#edf3ffb8}.request-parts details.append-only summary{background:#eaf7f2c7}.request-parts details.step-variable summary{background:#fff4e5d1}.request-parts details.stable summary small{color:#315fba}.request-parts details.append-only summary small{color:#176d59}.request-parts details.step-variable summary small{color:#945411}.panel-content-enter{animation:panel-content-fade .14s ease-out both}@keyframes panel-content-fade{0%{opacity:.72}to{opacity:1}}@media(max-width:560px){.mobile-switcher{grid-template-columns:repeat(2,minmax(0,1fr))}.reading-order{padding:0;background:transparent}.evidence-cue{padding-left:0}.evidence-cue button{grid-template-columns:44px minmax(0,1fr);gap:3px 10px;padding:11px 10px}.evidence-cue-index{grid-column:1;grid-row:1 / 3}.evidence-cue strong,.evidence-cue-description{grid-column:2}}@media(prefers-reduced-motion:reduce){.panel-content-enter{animation:none!important}.evidence-cue button{transition:none!important}}.panel-intro li button{align-items:start}.source-guide-copy{display:grid;gap:3px;min-width:0}.source-guide-copy b{color:#203d7a;font-size:12.5px;font-weight:680;line-height:1.45}.source-guide-copy span{color:#60769a;font-size:11.5px;line-height:1.58}.panel-intro li button>small{padding-top:2px}.panel-intro li button:hover .source-guide-copy b,.panel-intro li button:focus-visible .source-guide-copy b,.panel-intro li.active .source-guide-copy b{color:#0a1b57}.panel-intro li button:hover .source-guide-copy span,.panel-intro li button:focus-visible .source-guide-copy span,.panel-intro li.active .source-guide-copy span{color:#405b88}.source-panel-content{overflow:hidden}.source-view{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}.source-view>.panel-intro{flex:none;padding:16px 20px 14px}.source-view>.panel-intro>span{margin-bottom:4px}.source-view>.panel-intro h3{font-size:18px;line-height:1.3}.source-view>.panel-intro p{margin-top:6px;font-size:14px;line-height:1.6}.source-view>.panel-intro .hover-hint{margin-top:7px;font-size:12px}.source-view>.panel-intro ol{gap:3px;margin-top:9px}.source-view>.panel-intro li{padding-left:27px;font-size:13px;line-height:1.5}.source-view>.panel-intro li:before{top:6px;width:19px;height:19px}.source-view>.panel-intro li button{padding:5px 7px}.source-view .source-guide-copy{gap:1px}.source-view .source-guide-copy b{font-size:13.5px}.source-view .source-guide-copy span{font-size:12.5px;line-height:1.5;text-wrap:balance}.source-view>.focus-code{min-height:190px;flex:1 1 320px;display:flex;flex-direction:column;overflow:hidden}.source-view>.focus-code .file-label{flex:none}.source-view>.focus-code .code-lines{min-height:0;flex:1;overflow:auto;overscroll-behavior:contain;scrollbar-color:#9ebde6 transparent;scrollbar-width:thin}.source-view>.full-source{flex:none;margin:9px 14px 11px}@media(max-width:960px){.panel-shell.compact .source-panel-content{overflow:visible}.panel-shell.compact .source-view{height:auto;overflow:visible}.panel-shell.compact .source-view>.focus-code{min-height:0;display:block;overflow:visible}.panel-shell.compact .source-view>.focus-code .code-lines{max-height:none;overflow:auto}}@media(max-width:360px){.hero-copy{min-width:0;width:100%}.hero h1 .hero-line{white-space:normal;text-wrap:balance}.build-prelude-copy,.scaffold-tree{min-width:0}.scaffold-tree div{grid-template-columns:20px minmax(0,.9fr) minmax(0,1.1fr);gap:6px}.scaffold-tree code{overflow:hidden;font-size:14px;text-overflow:ellipsis}.scaffold-tree span,.scaffold-chapter strong,.scaffold-chapter small{font-size:14px}}.hero{min-height:calc(100svh - 72px);grid-template-columns:minmax(0,1fr) minmax(420px,1fr);padding-block:clamp(58px,7vh,76px);background:#fff;border-bottom-color:#8eb9ed}.hero:before{z-index:1;opacity:1;background:linear-gradient(90deg,#fffffffa,#ffffffe6 36%,#fff0 58%);-webkit-mask-image:none;mask-image:none;pointer-events:none}.hero-art{position:absolute;z-index:0;inset:0;display:flex;justify-content:flex-end;overflow:hidden}.hero-art-fill{min-width:0;flex:1 1 auto;background-image:url(/assets/hero-left-fill-k6l6CYk3.png);background-repeat:repeat-x;background-position:right center;background-size:auto 100%}.hero-art-image{height:100%;aspect-ratio:1672 / 941;flex:0 0 auto;background-image:url(/assets/hero-candidate-1-watercolor-academy-B5e-loSt.png);background-repeat:no-repeat;background-position:center;background-size:100% 100%}.hero-copy{max-width:760px}.hero-caption{z-index:2}.build-prelude{scroll-margin-top:72px}@media(min-width:2000px){.hero{grid-template-columns:minmax(700px,.86fr) minmax(900px,1.14fr);padding-inline:max(6vw,84px)}}@media(max-width:960px){.hero{min-height:auto;display:block;padding:68px 28px 0}.hero-copy{min-width:0}.hero h1{font-size:clamp(44px,7.5vw,60px)}.hero h1 .hero-line{white-space:normal;overflow-wrap:anywhere;text-wrap:balance}.hero:before{display:none}.hero-art{position:relative;height:min(76vw,560px);margin:28px -28px 0;opacity:.72;filter:saturate(.78);-webkit-mask-image:linear-gradient(to bottom,transparent 0,black 13%,black 100%);mask-image:linear-gradient(to bottom,transparent 0,black 13%,black 100%)}.build-prelude{scroll-margin-top:64px}}@media(max-width:560px){.hero{padding:44px 20px 0}.hero h1{font-size:clamp(32px,9.6vw,41px);line-height:1.08;letter-spacing:-.045em}.hero h1 .hero-line{white-space:normal;text-wrap:balance}.hero-intro{font-size:15px;line-height:1.75}.hero-actions{gap:16px}.hero-art{height:min(100vw,470px);margin:18px -20px 0}.build-prelude{gap:30px;padding:44px 20px 52px}.build-prelude h2{font-size:clamp(31px,8.5vw,38px);line-height:1.16}.scaffold-tree{padding:18px 16px 16px}.scaffold-tree div{grid-template-columns:28px minmax(0,1fr);align-items:start;gap:4px 10px;min-height:0;padding:13px 0}.scaffold-tree i{grid-column:1;grid-row:1 / 3;margin-top:1px}.scaffold-tree code{grid-column:2;grid-row:1;overflow:visible;color:#405580;font-size:12.5px;line-height:1.45;text-overflow:clip;white-space:normal;overflow-wrap:anywhere}.scaffold-chapter{grid-column:2;grid-row:2;gap:3px;margin-top:3px}.scaffold-chapter strong,.scaffold-chapter small{overflow:visible;font-size:13.5px;line-height:1.5;text-overflow:clip;white-space:normal}.scaffold-chapter small{color:#60749a}}@media(max-width:360px){.hero h1{font-size:32px}.hero-intro br{display:none}.primary-action{width:100%;justify-content:space-between}.offline-badge{font-size:12px}.request-segments{grid-template-columns:1fr}.request-segments>span{grid-column:1}.scaffold-chapter strong,.scaffold-chapter small{font-size:13px}}@media(max-width:680px){html{scroll-padding-bottom:calc(54px + env(safe-area-inset-bottom))}.site-header{padding-inline:14px}.wordmark{width:100%}.wordmark-copy{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-tooltip{max-width:min(230px,calc(100vw - 28px))}}@media(min-width:561px)and (max-width:960px){html{scroll-padding-bottom:calc(60px + env(safe-area-inset-bottom))}}@media(max-width:560px){.build-prelude{scroll-margin-top:56px}.file-label button{min-width:44px;min-height:44px;margin-right:-12px}}@media(max-width:960px)and (max-height:500px)and (orientation:landscape){html{scroll-padding-bottom:calc(48px + env(safe-area-inset-bottom))}.site-header{height:56px}.wordmark{gap:8px;font-size:17px}.wordmark-logo{width:40px;height:38px}.chapter-nav{height:calc(48px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}.chapter-nav button{height:48px}.hero{padding:28px 24px 0}.hero .eyebrow{margin-bottom:18px}.hero h1{font-size:clamp(36px,6vw,44px)}.hero-intro{margin-top:20px;font-size:14.5px}.hero-actions{margin-top:24px}.hero-art{height:min(48vw,360px);margin:12px -24px 0}.chapter,.build-prelude{scroll-margin-top:56px}.chapter-content{padding-top:40px}.chapter-code-mobile .code-dock-shell{height:360px}footer{padding-bottom:calc(72px + env(safe-area-inset-bottom))}}