@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/flow/assets/space-grotesk-vietnamese-wght-normal-D0rl6rjA.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/flow/assets/space-grotesk-latin-ext-wght-normal-D9tNdqV9.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/flow/assets/space-grotesk-latin-wght-normal-BhU9QXUp.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{font-family:Space Grotesk Variable,Arial,sans-serif;color:#e6e7e9;background:#090a0b;font-synthesis:none;font-weight:400;-webkit-font-smoothing:antialiased;--muted:#82868f;--dim:#51555e;--line:#24262c;--bright:#edeef0;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button{color:inherit}button:disabled{opacity:.25;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:2px solid #b0bbce;outline-offset:5px}button{border:0;background:none}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation}svg{flex-shrink:0}::selection{background:#687184;color:#fff}.app{max-width:1800px;margin:0 auto;padding:0 64px}.site-header{height:98px;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:32px}.brand{display:flex;align-items:center;gap:11px;font-size:25px;letter-spacing:-1.1px;font-weight:550}.brand-mark{height:29px;width:29px}.edition{font:11px var(--mono);border:1px solid #363940;padding:4px 6px;margin-left:5px;letter-spacing:0;border-radius:3px;color:#a6aab2}.header-caption{font:9px var(--mono);letter-spacing:1.6px;color:#686c76;margin-left:20px}.toolbar{margin-left:auto;display:flex;align-items:center;gap:25px}.text-action{display:flex;gap:8px;align-items:center;color:#a2a6af;font-size:12px;padding:8px 0}.text-action:hover{color:#fff}.present-button{display:flex;gap:8px;align-items:center;background:#e9eaec;color:#1c1e22;padding:10px 14px;border-radius:5px;font-size:11px;font-weight:600}.present-button:hover,.next-button:hover{background:#fff}.chapter-heading{padding:18px 0 16px;min-height:0}.eyebrow{display:flex;align-items:center;gap:10px;font:10px var(--mono);letter-spacing:1.8px;color:#9296a0}.status-dot{width:5px;height:5px;background:#adb6c4;border-radius:50%;box-shadow:0 0 8px #96a6bf33}.chapter-counter{margin-left:auto;font-size:12px;letter-spacing:1px;color:#c9cdd4}.chapter-counter>span{color:#555963}.heading-row{display:flex;align-items:flex-end;gap:44px;justify-content:space-between;margin-top:13px}h1{font-size:clamp(18px,1.75vw,28px);line-height:1.15;font-weight:450;letter-spacing:-.8px;margin:0;max-width:900px;text-wrap:balance}.title-period{color:#626873}.chapter-description{max-width:340px;width:30%;font-size:12px;line-height:1.75;color:#979ba4;margin:0 0 2px;flex-shrink:0}.is-cover .chapter-heading{padding:48px 0 42px;min-height:0}.is-cover .heading-row{gap:64px;margin-top:22px}.is-cover h1{font-size:clamp(34px,5.4vw,88px);line-height:1.04;letter-spacing:-3.4px}.is-cover .chapter-description{max-width:400px;font-size:14px;line-height:1.8}.visual-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.visual-topline{height:46px;display:flex;align-items:center;justify-content:space-between;color:#9297a1;font:9px var(--mono);letter-spacing:1.2px}.visual-topline>div{display:flex;align-items:center;gap:20px}.visual-mode{color:#60656f}.reveal-button{display:flex;align-items:center;gap:7px;font:10px var(--mono);color:#a6acb7;letter-spacing:0}.reveal-button:hover{color:#fff}.scene{height:540px;position:relative;padding-bottom:26px;animation:scene-in .55s ease both}.canvas-container{height:100%;width:100%}.scene-scroll{height:100%;width:100%;overflow:hidden}.figure-labels{position:absolute;inset:12px 0 auto;display:grid;grid-template-columns:repeat(4,1fr);font:9px var(--mono);letter-spacing:1px;color:#565c66;z-index:2;pointer-events:none}.figure-labels>span{padding-left:28px}.intro-rules{position:absolute;inset:6px 0 25px;display:grid;grid-template-columns:repeat(4,1fr);z-index:1;pointer-events:none}.intro-rules>span{grid-row:1;border-left:1px solid #23262b}.intro-rules>span:nth-child(1){grid-column:2}.intro-rules>span:nth-child(2){grid-column:3}.intro-rules>span:nth-child(3){grid-column:4}.intro-scene .canvas-container{height:404px}.intro-captions{position:absolute;bottom:30px;left:0;right:0;display:grid;grid-template-columns:repeat(4,1fr);pointer-events:none}.intro-captions>div{padding:0 28px}.intro-captions h3{font-size:15px;letter-spacing:-.3px;font-weight:500;margin:0 0 9px}.intro-captions p{font-family:Arial,sans-serif;font-size:12px;line-height:1.8;color:#868c96;margin:0}.node-label{text-align:center;pointer-events:none;white-space:nowrap;transform-origin:center;padding:4px 0;background:linear-gradient(90deg,transparent,#090a0bec 15%,#090a0bec 85%,transparent)}.node-title{font-size:12px;letter-spacing:-.25px;color:#c1c6ce;font-weight:450;display:flex;align-items:center;justify-content:center;gap:7px}.node-index{color:#59616e;font:8px var(--mono)}.node-sub{color:#727986;font-size:9px;margin-top:7px}.node-label.is-active .node-title,.node-label.accent .node-title{color:#f1f3f6}.node-label.is-active .node-index{color:#b6c2d4}.edge-label{font:7px var(--mono);letter-spacing:1px;background:#090a0b;color:#8b93a0;padding:3px 5px;white-space:nowrap;pointer-events:none}.scene-coordinate{position:absolute;bottom:6px;left:0;font:8px var(--mono);color:#646b77;letter-spacing:1px;pointer-events:none}@keyframes scene-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.scene-coordinate span{color:#3e444e;margin-left:15px}.loading-label{font:11px var(--mono);white-space:nowrap;color:#999}.takeaway-row{display:flex;align-items:center;gap:28px;min-height:79px;border-bottom:1px solid var(--line)}.takeaway-label{font:9px var(--mono);letter-spacing:1px;color:#737a87;display:flex;align-items:center;gap:12px;white-space:nowrap}.takeaway-row p{font-size:12px;line-height:1.7;color:#a8adb7;margin:16px 0}.notes-toggle{display:flex;gap:7px;align-items:center;color:#6d7480;font-size:10px;white-space:nowrap;margin-left:auto}.notes-toggle:hover,.notes-toggle.selected{color:#e4e6eb}.mono{font:10px var(--mono);letter-spacing:1px;color:#9199a6}.chapter-nav{display:flex;gap:12px;padding:26px 0 22px;overflow:auto;scrollbar-width:thin}.chapter-tab{flex:1;min-width:0;text-align:left;position:relative;padding:13px 0 0;color:#515762;display:flex;align-items:center;gap:9px}.tab-track{position:absolute;inset:0 0 auto;height:2px;background:#24272e;transition:background .2s}.chapter-tab.active .tab-track{background:#d3dae4}.chapter-tab.past .tab-track{background:#636d7b}.chapter-tab:hover .tab-track{background:#8b95a5}.tab-number{font:10px var(--mono)}.tab-name{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:none}.chapter-tab.active{color:#d2d8e2;flex:2.5}.chapter-tab.active .tab-name{display:block}.icon-button{display:flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:4px;color:#a5acb7}.icon-button:hover{background:#1c2027;color:#fff}kbd{font:10px var(--mono);border:1px solid #282e37;border-radius:3px;min-width:20px;text-align:center;padding:2px 4px}.previous-button{display:flex;align-items:center;gap:8px;color:#8b94a1;font-size:11px}.next-button{display:flex;align-items:center;justify-content:space-between;gap:30px;min-width:182px;padding:12px 15px;background:#e3e7ed;color:#1c2026;border-radius:4px;font-size:11px;font-weight:550}.modal{background:#101216;color:#e7eaf0;border:1px solid #343a44;border-radius:10px;width:min(1200px,94vw);padding:0;max-height:90dvh;box-shadow:0 30px 150px #000a}.modal::backdrop{background:#030407cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.modal-header{padding:25px 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #292f38}.modal-header h2{font-weight:400;font-size:30px;letter-spacing:-1px;margin:10px 0 0}.map-art{overflow:auto}.map-art svg{width:100%;height:auto;display:block;min-width:800px}.modal-footer{padding:20px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #292f38}.modal-footer p{color:#919aa7;font-size:11px}.outline-button{display:flex;align-items:center;gap:10px;border:1px solid #434c5a;border-radius:4px;padding:10px 15px;font-size:11px;white-space:nowrap}.outline-button:hover{background:#252c36}.script-modal{max-width:900px}.script-list{padding:0 32px;max-height:60dvh;overflow:auto}.script-list article{padding:22px 0;border-bottom:1px solid #252c35}.script-list article.current{border-bottom-color:#818ea1}.script-list article>button{display:flex;align-items:center;gap:20px;padding:0;width:100%;text-align:left}.script-list h3{font-size:17px;font-weight:450;letter-spacing:-.4px;margin:0}.script-duration{margin-left:auto;font:10px var(--mono);color:#7e8999}.script-list ul{margin:15px 0 0 24px;padding-left:20px;color:#9ca6b5;font-size:12px;line-height:1.8}.modal-footer>.mono{display:flex;gap:8px;align-items:center}.diagram-fallback svg{width:100%;height:100%}body:has(dialog[open]){overflow:hidden}.is-presenting .header-caption,.is-presenting .toolbar .text-action{display:none}.is-presenting .chapter-heading{padding-top:35px}.is-presenting .scene{height:clamp(350px,42vh,600px)}.is-presenting .intro-scene .canvas-container{height:calc(100% - 70px)}@media(min-width:1600px){.app{padding:0 90px}.chapter-heading{padding-top:22px;padding-bottom:20px}.is-cover .chapter-heading{padding-top:64px;padding-bottom:54px}.scene{height:620px}.intro-scene .canvas-container{height:484px}.intro-captions h3{font-size:18px}.intro-captions p{font-size:14px}.chapter-description{font-size:15px;max-width:350px}.node-title{font-size:14px}.node-sub{font-size:10px}.takeaway-row p{font-size:14px}.site-header{height:108px}}@media(max-width:1100px){.app{padding:0 35px}.header-caption{display:none}.heading-row{gap:35px}h1{font-size:clamp(18px,1.9vw,26px);letter-spacing:-.7px}.chapter-description{font-size:12px;width:29%}.scene{height:480px}.intro-scene .canvas-container{height:344px}.intro-captions>div,.figure-labels>span{padding-left:15px;padding-right:10px}.intro-captions p{font-size:11px}.takeaway-row{gap:18px}.takeaway-row p{font-size:11px}.takeaway-label,.tab-name{font-size:8px}.node-title{font-size:11px}.node-sub{font-size:8px}}@media(max-width:760px){.app{padding:0 22px}.site-header{height:76px;gap:15px}.brand{font-size:22px}.brand-mark{height:25px;width:25px}.toolbar{gap:17px}.text-action span{display:none}.present-button{padding:9px}.present-button span{display:none}.chapter-heading{padding:16px 0 14px;min-height:0}.eyebrow{font-size:8px;letter-spacing:1px}.chapter-counter{font-size:10px}.heading-row{flex-direction:column;gap:20px;align-items:flex-start;margin-top:25px}h1{font-size:clamp(18px,4.6vw,24px);letter-spacing:-.6px;max-width:620px}.chapter-description{width:100%;max-width:390px;font-size:12px;line-height:1.7}.visual-topline{font-size:8px;letter-spacing:.6px}.visual-mode{display:none}.scene{height:400px}.scene-scroll{overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.canvas-container{min-width:650px}.intro-scene{height:380px}.intro-scene .scene-scroll{overflow:hidden}.intro-scene .canvas-container{height:250px;min-width:0}.figure-labels{font-size:6px;letter-spacing:0}.figure-labels>span{padding:0 5px}.intro-rules{inset:4px 0 20px}.intro-captions{bottom:12px;grid-template-columns:repeat(2,1fr);column-gap:6px;row-gap:8px}.intro-captions>div{padding:0 6px}.intro-captions h3{font-size:11px;line-height:1.4;letter-spacing:-.3px;margin-bottom:4px}.intro-captions p{font-size:9px;line-height:1.55}.intro-captions br{display:none}.takeaway-row{flex-wrap:wrap;gap:8px;padding:20px 0;position:relative}.takeaway-label{width:100%}.takeaway-row p{margin:0;padding-right:20px}.notes-toggle{position:absolute;right:0;top:17px}.chapter-nav{gap:9px;padding:24px 0}.chapter-tab.active{flex:1}.tab-name{display:none!important}.previous-button span{display:none}.next-button{min-width:0;gap:16px;padding:12px;font-size:10px}.modal-header{padding:22px}.modal-header h2{font-size:24px}.modal-footer{padding:18px 22px;align-items:flex-start;flex-direction:column;gap:10px}.script-list{padding:0 22px}.script-list h3{font-size:15px}.script-list article>button{gap:12px}.script-list ul{margin-left:0}.script-duration{white-space:nowrap}.is-presenting .scene{height:400px}.is-presenting .intro-scene .canvas-container{height:252px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media(min-width:761px){.node-title{font-size:14px}.node-sub{font-size:10px}.edge-label{font-size:8px}.is-presenting{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.is-presenting .site-header{height:72px;flex-shrink:0}.is-presenting main{flex:1;min-height:0;display:flex;flex-direction:column}.is-presenting .chapter-heading{padding:16px 0 14px;min-height:0;flex-shrink:0}.is-presenting h1{font-size:clamp(20px,1.75vw,28px);letter-spacing:-.8px}.is-presenting.is-cover h1{font-size:clamp(38px,4.3vw,66px);letter-spacing:-2.2px}.is-presenting .visual-section{flex:1;min-height:260px;display:flex;flex-direction:column}.is-presenting .visual-topline{flex-shrink:0}.is-presenting .scene{height:auto;flex:1;min-height:214px}.is-presenting .scene-scroll{position:absolute;inset:0}.is-presenting .intro-scene .canvas-container{height:calc(100% - 85px)}.is-presenting .takeaway-row{min-height:60px;flex-shrink:0}.is-presenting .chapter-nav{padding:18px 0;flex-shrink:0}}.modal[open]{display:flex;flex-direction:column}.modal-header,.modal-footer{flex-shrink:0}.guide-modal{width:min(1160px,96vw);height:min(900px,92dvh);max-width:none;max-height:92dvh}.map-modal{width:min(1650px,96vw);height:92dvh;max-height:92dvh}.guide-layout{display:grid;grid-template-columns:260px minmax(0,1fr);flex:1;min-height:0}.guide-index{border-right:1px solid #2b323e;padding:24px 18px;overflow-y:auto}.guide-index>.mono{display:block;margin:0 12px 17px;font-size:9px}.guide-index>button{display:flex;gap:13px;align-items:baseline;width:100%;padding:12px;text-align:left;border-radius:4px;line-height:1.5;font-size:12px;color:#8c99aa;margin:3px 0}.guide-index>button>span{font:10px var(--mono);color:#627084}.guide-index>button:hover{background:#181e27;color:#d7e0ed}.guide-index>button.active{background:#1d2633;color:#e6edf7}.guide-index>button.active>span{color:#c1d3ed}.guide-resources{border-top:1px solid #2b323e;margin:24px 12px 0;padding-top:22px}.guide-resources>.mono{font-size:8px;display:block;margin-bottom:14px}.guide-resources>a{display:flex;justify-content:space-between;gap:8px;font-size:10px;line-height:1.6;color:#75879f;margin-top:12px}.guide-resources>a:hover{color:#c5d6ee}.guide-content{padding:30px 42px 25px;overflow-y:auto;overscroll-behavior:contain}.guide-step-meta{display:flex;justify-content:space-between;align-items:center;gap:20px}.guide-step-meta>.mono{font-size:9px}.guide-step-meta>.text-action{font-size:10px;color:#aebed3}.guide-content>h3{font-weight:450;font-size:34px;letter-spacing:-1.2px;line-height:1.2;margin:27px 0 18px}.guide-question{color:#c8d7eb;font-size:17px;line-height:1.6;margin:0 0 15px}.guide-intro{font-size:13px;line-height:1.85;color:#97a5b8;margin:0 0 25px}.guide-content h4{font:9px var(--mono);letter-spacing:1.4px;text-transform:uppercase;color:#899bb3;margin:27px 0 15px}.guide-actions{list-style:none;margin:0;padding:0}.guide-actions>li{display:flex;gap:17px;border-top:1px solid #252e3b;padding:16px 0}.guide-actions>li>span{font:10px var(--mono);padding-top:4px;color:#7e92ae}.guide-actions p{margin:0;font-size:13px;line-height:1.8;color:#b8c4d5}.guide-result{margin-top:24px;background:#151e2a;border-left:2px solid #93abc9;padding:20px 24px}.guide-result>.mono{font-size:8px}.guide-result>p{font-size:13px;line-height:1.8;color:#d2ddec;margin:10px 0 0}.guide-branches{display:flex;flex-wrap:wrap;gap:10px}.guide-branches>button{display:flex;align-items:center;gap:12px;border:1px solid #3a4a60;border-radius:4px;padding:11px 13px;font-size:11px;color:#b8cce7;text-align:left}.guide-branches>button:hover{background:#1e2b3b}.guide-pagination{margin-top:35px;padding-top:22px;display:flex;justify-content:space-between;border-top:1px solid #293446;gap:25px}.guide-pagination>button{display:flex;align-items:center;gap:10px;font-size:11px;color:#9babc2}.guide-downloads{padding:18px 24px}.guide-download-caption{font-size:11px;color:#8293aa}.guide-downloads>div{display:flex;gap:20px;align-items:center}.guide-downloads .text-action{font-size:10px}.guide-downloads .outline-button{background:#dce5f1;color:#1b2532;border-color:#dce5f1}.guide-downloads .outline-button:hover{background:#fff}.map-tools{padding:12px 28px;border-bottom:1px solid #273241;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-shrink:0}.map-tools>p{font-size:11px;color:#8e9db2;margin:0}.map-tools>div{display:flex;align-items:center;gap:10px}.map-tools output{font:10px var(--mono);color:#b2c3da;min-width:38px;text-align:center}.map-tools .text-action{font-size:10px;margin-left:10px}.map-art{flex:1;min-height:0;overflow:auto;background:#090a0b;overscroll-behavior:contain}.map-canvas{min-width:1100px}.map-canvas svg{display:block;min-width:0;width:100%;height:auto}.map-canvas a:hover>rect:first-of-type,.map-canvas a:focus>rect:first-of-type{stroke:#acbfdc;fill:#1a2533;transition:fill .2s,stroke .2s}.map-canvas a{cursor:pointer;outline:none}@media(max-width:760px){.guide-modal,.map-modal{width:96vw;max-height:94dvh;height:94dvh}.guide-layout{display:flex;flex-direction:column}.guide-index{display:flex;overflow:auto;flex-shrink:0;border-right:0;border-bottom:1px solid #2b323e;padding:9px;gap:5px;max-height:94px}.guide-index>.mono,.guide-resources{display:none}.guide-index>button{min-width:175px;max-width:175px;font-size:10px;gap:8px;margin:0;padding:9px}.guide-content{padding:24px;flex:1;min-height:0}.guide-step-meta{gap:12px}.guide-step-meta>.text-action{font-size:9px}.guide-content>h3{font-size:28px}.guide-question{font-size:15px}.guide-download-caption{display:none}.guide-downloads{padding:13px 16px}.guide-downloads>div{width:100%;gap:14px;justify-content:space-between;flex-wrap:wrap}.guide-downloads .outline-button{padding:9px;font-size:10px}.guide-downloads .text-action{font-size:9px;gap:5px}.guide-actions p,.guide-intro,.guide-result>p{font-size:12px}.guide-actions>li{gap:12px}.map-tools{padding:9px 16px;gap:10px}.map-tools>p{font-size:9px;line-height:1.5;max-width:160px}.map-tools>div{gap:2px}.map-tools .text-action{font-size:0;gap:0;margin-left:2px}.map-modal .modal-footer{flex-direction:row;padding:12px 16px;align-items:center}.map-modal .modal-footer>p{font-size:9px;line-height:1.5}.map-modal .outline-button{font-size:9px;padding:9px;gap:7px}.guide-pagination{gap:12px}.guide-pagination>button{font-size:10px}}.node-label{background:none;padding:0}.node-title{line-height:1.4;letter-spacing:-.3px;font-weight:450}.node-sub{line-height:1.5;margin-top:8px;color:#8994a3}.node-index{font-size:8px;align-self:center;color:#788496}.edge-label{font-size:9px;letter-spacing:1.1px;padding:5px 7px;color:#abb6c5}@media(min-width:761px){body{min-height:100dvh;display:grid;place-items:center}#root{width:100%}.app,.app.is-presenting{position:relative;width:min(100%,177.7778dvh);max-width:1920px;height:min(100dvh,56.25vw,1080px);min-height:540px;margin:auto;padding:0 clamp(32px,3.4vw,68px);display:flex;flex-direction:column;overflow:hidden}.app .site-header{height:clamp(52px,6.3dvh,68px);flex-shrink:0;gap:25px}.brand{font-size:23px}.brand-mark{width:27px;height:27px}.app main{flex:1;min-height:0;display:flex;flex-direction:column}.app .chapter-heading{padding:17px 0 18px;min-height:0;flex-shrink:0}.app .heading-row{margin-top:11px;align-items:center;gap:35px}.app h1{font-size:clamp(22px,2vw,36px);line-height:1.12;letter-spacing:-1.1px}.app .chapter-description{width:35%;max-width:490px;font-size:clamp(11px,.86vw,15px);line-height:1.65;margin:0}.app .visual-section{flex:1;min-height:0;display:flex;flex-direction:column}.app .visual-topline{height:34px;flex-shrink:0;font-size:8px}.app .scene{height:auto;min-height:0;flex:1;padding:0 0 24px;animation:none}.app .scene-scroll{position:absolute;inset:8px 0 28px;height:auto;width:100%}.app .scene-coordinate{bottom:8px;font-size:7px;opacity:.7}.app .takeaway-row{min-height:52px;gap:24px;flex-shrink:0}.app .takeaway-row p{font-size:clamp(11px,.83vw,14px);margin:10px 0}.app .chapter-nav{padding:12px 0 13px;flex-shrink:0;gap:16px}.app .chapter-tab{padding-top:10px}.app .node-title{font-size:clamp(12px,1.03vw,19px)}.app .node-sub{font-size:clamp(9px,.72vw,13px)}.app .node-index{font-size:clamp(7px,.55vw,10px)}.app.is-cover .chapter-heading{padding:22px 0 24px}.app.is-cover h1{font-size:clamp(34px,4.2vw,72px);letter-spacing:-2.8px}.app .intro-scene .scene-scroll{inset:10px 0 100px}.app .intro-scene .canvas-container{height:100%}.app .intro-captions{bottom:22px}.app .intro-captions h3{font-size:clamp(13px,1.05vw,18px);margin-bottom:6px}.app .intro-captions p{font-size:clamp(10px,.77vw,13px);line-height:1.7}}@media(min-width:761px)and (max-height:800px){.app .site-header{height:50px}.app .chapter-heading{padding:11px 0 12px}.app .takeaway-row{min-height:42px}.app .chapter-nav{padding:10px 0}.app .intro-captions p{font-size:10px}.app .intro-scene .scene-scroll{bottom:86px}}.chapter-controls{display:flex;align-items:center;gap:28px;flex-shrink:0;min-height:68px}.app .chapter-controls .chapter-nav{flex:1;min-width:0;padding:16px 0;gap:12px;overflow:visible}.step-controls{display:flex;align-items:center;gap:16px;padding-left:24px;border-left:1px solid var(--line);flex-shrink:0}.step-controls .previous-button{height:36px;padding:0 3px;font-size:11px;gap:6px}.step-controls .next-button{min-width:164px;height:36px;padding:0 12px;gap:20px;font-size:11px}.app .notes-toggle{display:flex;position:static;align-items:center;gap:8px;padding:8px 11px;border:1px solid #303741;border-radius:6px;font-size:10px;color:#aeb9c7;margin-left:auto;flex-shrink:0;transition:background .2s,border-color .2s}.app .notes-toggle span{display:inline}.app .notes-toggle:hover,.app .notes-toggle.selected{background:#1a2028;border-color:#637184;color:#e5eaf1}.notes-panel{position:absolute;right:clamp(32px,3.4vw,68px);bottom:132px;width:460px;max-width:calc(100% - 44px);max-height:calc(100% - 240px);overflow-y:auto;overscroll-behavior:contain;z-index:65;background:linear-gradient(135deg,#171c23,#101419);border:1px solid #3a4554;border-radius:12px;padding:24px 28px 14px;box-shadow:0 18px 70px #0009,0 1px #ffffff08 inset;animation:notes-in .18s ease-out}.notes-header{display:flex;align-items:center;justify-content:space-between;gap:20px}.notes-kicker{display:flex;align-items:center;gap:10px;flex:1;font:9px var(--mono);letter-spacing:1.1px;color:#97a7bc}.notes-chapter{margin-left:auto;color:#68778b;white-space:nowrap}.notes-close{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;background:#202731;border:1px solid #384453;border-radius:6px;color:#c7d1de}.notes-close:hover{background:#303b49;color:#fff}.notes-panel h2{font-weight:450;font-size:27px;letter-spacing:-.9px;line-height:1.2;margin:18px 0 22px;color:#e4eaf2}.notes-list{list-style:none;margin:0;padding:0}.notes-list li{display:flex;gap:18px;padding:18px 0;border-top:1px solid #2c3542}.notes-list li>span{font:10px var(--mono);color:#718399;padding-top:5px}.notes-list p{margin:0;font-size:13px;line-height:1.8;color:#b6c2d3}@keyframes notes-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1100px){.chapter-controls{gap:18px}.step-controls{padding-left:16px;gap:10px}.step-controls .previous-button span{display:none}.step-controls .previous-button{width:30px}.step-controls .next-button{min-width:145px}.app .chapter-controls .chapter-nav{gap:8px}}@media(max-width:760px){.chapter-controls{flex-wrap:wrap;gap:0;padding-bottom:14px}.app .chapter-controls .chapter-nav{flex-basis:100%;padding:18px 0}.step-controls{border:0;padding:0;width:100%;justify-content:space-between}.step-controls .previous-button{width:auto}.step-controls .previous-button span{display:inline}.step-controls .next-button{height:40px;min-width:156px}.app .takeaway-row{display:grid;grid-template-columns:1fr auto;gap:14px}.app .takeaway-row>p{grid-row:2;grid-column:1/-1;padding:0}.app .notes-toggle{grid-column:2;grid-row:1;padding:7px 9px;font-size:10px}.notes-panel{position:fixed;inset:auto 16px 16px;width:auto;max-width:none;max-height:75dvh;padding:20px 22px 10px}.notes-panel h2{font-size:24px}.notes-list p{font-size:12px}}.chapter-meta{display:flex;align-items:center;height:42px;flex-shrink:0}.chapter-meta .eyebrow{width:100%;transform:none}.chapter-stage{position:relative;flex:1;min-height:0}.diagram-slide{display:flex;flex-direction:column;height:100%}.diagram-slide[aria-hidden=true]{visibility:hidden;pointer-events:none}.chapter-intro{position:absolute;inset:0;display:flex;align-items:center;isolation:isolate}.chapter-intro-content{width:100%;padding:0 0 4vh}.app .chapter-intro h1{max-width:1080px;font-size:clamp(36px,3.65vw,64px);line-height:1.12;letter-spacing:-1.8px;text-wrap:balance;margin:0}.intro-description{max-width:850px;font-size:clamp(18px,1.5vw,26px);line-height:1.65;color:#a9b3c1;margin:26px 0 0;text-wrap:pretty}.intro-reveal{display:inline-flex;align-items:center;gap:12px;font-size:12px;color:#a0acbd;padding:9px 0;margin-top:30px}.intro-reveal:hover{color:#f0f3f7}.chapter-heading,.heading-row,h1,.chapter-description{transition:none}.step-controls .next-button{width:164px;min-width:164px;white-space:nowrap}@media(min-width:761px){.app .chapter-heading{height:82px;flex:0 0 82px;padding:0 0 16px;display:flex;align-items:center}.app .heading-row{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:45px;margin:0;width:100%;align-items:center}.app .chapter-description{width:auto;max-width:560px;font-size:clamp(12px,.86vw,15px);line-height:1.6;justify-self:end}.app .chapter-heading h1{font-size:clamp(22px,1.85vw,34px);line-height:1.2;letter-spacing:-.8px;max-width:none;text-wrap:pretty}.app.is-cover .chapter-heading{height:170px;flex-basis:170px;padding:8px 0 24px}.app.is-cover .chapter-heading h1{font-size:clamp(32px,3.5vw,60px);letter-spacing:-1.8px;max-width:900px}.app.is-cover .chapter-description{font-size:clamp(14px,1.1vw,19px);line-height:1.7}.app .takeaway-row{height:52px;min-height:52px}.app .chapter-controls .chapter-nav{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}.chapter-tab.active .tab-name{display:none}}@media(min-width:761px)and (max-height:800px){.chapter-meta{height:34px}.app .chapter-heading{height:76px;flex-basis:76px;padding-bottom:12px}.app.is-cover .chapter-heading{height:140px;flex-basis:140px}}@media(max-width:1100px){.step-controls .next-button{width:145px;min-width:145px;font-size:10px}}@media(max-width:760px){.chapter-meta{height:44px}.chapter-meta .eyebrow{font-size:7px;letter-spacing:.7px}.app .chapter-heading{height:156px;padding:6px 0 20px}.app .heading-row{margin:0;gap:16px}.app .chapter-heading h1{font-size:24px;letter-spacing:-.6px}.app.is-cover .chapter-heading{height:190px}.app.is-cover .chapter-heading h1{font-size:32px;letter-spacing:-1px}.app .chapter-description{font-size:12px;line-height:1.7}.chapter-intro-content{padding-bottom:40px}.app .chapter-intro h1{font-size:34px;letter-spacing:-1px}.intro-description{font-size:18px;line-height:1.65;margin-top:22px}.intro-reveal{margin-top:22px}.step-controls .next-button{width:164px;min-width:164px}}.node-title{color:#c4c4c4}.node-sub{color:#909090}.node-index{color:#777}.node-label.is-active .node-title,.node-label.accent .node-title{color:#eee}.node-label.is-active .node-index{color:#bbb}.edge-label{color:#aaa;background:#090a0b}.diagram-row-title{font:12px var(--mono);letter-spacing:2px;text-transform:uppercase;color:#c1c6ce;white-space:nowrap;pointer-events:none;border-left:2px solid #77818f;padding-left:10px;line-height:1.4}.lang-switch{display:flex;align-items:center;gap:2px;border:1px solid #2c313a;border-radius:5px;padding:2px;flex-shrink:0}.lang-switch button{font:9px var(--mono);letter-spacing:.5px;padding:4px 6px;border-radius:3px;color:#7a828e;line-height:1}.lang-switch button:hover{color:#e7e9ed}.lang-switch button.active{background:#e9eaec;color:#1c1e22}.lang-switch button.active:hover{color:#1c1e22}@media(max-width:760px){.lang-switch button{padding:3px 5px;font-size:8px}}.theme-switch{display:flex;align-items:center;justify-content:center;width:26px;height:23px;border:1px solid #2c313a;border-radius:5px;color:#9aa2ae;flex-shrink:0}.theme-switch:hover{color:#fff;border-color:#4a515c}:root[data-theme=light]{color:#17191d;background:#f6f6f3;--muted:#5f6470;--dim:#8a8f98;--line:#dcdcd6;--bright:#111317;color-scheme:light}[data-theme=light] .header-caption{color:#6c717a}[data-theme=light] .text-action{color:#4b515c}[data-theme=light] .text-action:hover{color:#111}[data-theme=light] .present-button{background:#16181c;color:#f6f6f3}[data-theme=light] .present-button:hover{background:#000}[data-theme=light] .lang-switch,[data-theme=light] .theme-switch{border-color:#cfcfc9}[data-theme=light] .lang-switch button{color:#6a707b}[data-theme=light] .lang-switch button:hover{color:#111}[data-theme=light] .lang-switch button.active{background:#16181c;color:#f6f6f3}[data-theme=light] .lang-switch button.active:hover{color:#f6f6f3}[data-theme=light] .theme-switch{color:#6a707b}[data-theme=light] .theme-switch:hover{color:#111;border-color:#9aa0a8}[data-theme=light] .eyebrow{color:#6a707b}[data-theme=light] .status-dot{background:#3a3f49;box-shadow:0 0 8px #0000001a}[data-theme=light] .chapter-counter{color:#3a3f49}[data-theme=light] .chapter-counter>span{color:#6c717a}[data-theme=light] .chapter-description{color:#5f6470}[data-theme=light] .visual-topline{color:#6a707b}[data-theme=light] .visual-mode{color:#6c717a}[data-theme=light] .reveal-button{color:#4b515c}[data-theme=light] .reveal-button:hover{color:#111}[data-theme=light] .scene canvas{filter:invert(1)}[data-theme=light] .diagram-fallback{filter:invert(1)}[data-theme=light] .figure-labels{color:#6c717a}[data-theme=light] .intro-rules>span{border-left-color:#e2e2dc}[data-theme=light] .intro-captions p{color:#5f6470}[data-theme=light] .node-title{color:#2a2d33}[data-theme=light] .node-sub{color:#5f6470}[data-theme=light] .node-index{color:#6c717a}[data-theme=light] .node-label.is-active .node-title,[data-theme=light] .node-label.accent .node-title{color:#0b0c0e}[data-theme=light] .node-label.is-active .node-index{color:#3a3f49}[data-theme=light] .edge-label{color:#4b515c;background:#f6f6f3}[data-theme=light] .scene-coordinate{color:#6c717a}[data-theme=light] .scene-coordinate span{color:#9aa0a8}[data-theme=light] .loading-label{color:#5f6470}[data-theme=light] .takeaway-label{color:#6a707b}[data-theme=light] .takeaway-row p{color:#3a3f49}[data-theme=light] .notes-toggle{color:#5f6470;border-color:#d3d3cd}[data-theme=light] .notes-toggle:hover,[data-theme=light] .notes-toggle.selected{background:#ecece6;border-color:#9aa0a8;color:#111}[data-theme=light] .chapter-tab{color:#6c717a}[data-theme=light] .tab-track{background:#e2e2dc}[data-theme=light] .chapter-tab.active .tab-track{background:#16181c}[data-theme=light] .chapter-tab.past .tab-track{background:#b9b9b2}[data-theme=light] .chapter-tab:hover .tab-track{background:#8a8f98}[data-theme=light] .chapter-tab.active{color:#111}[data-theme=light] .previous-button{color:#6a707b}[data-theme=light] .next-button{background:#16181c;color:#f6f6f3}[data-theme=light] .next-button:hover{background:#000}[data-theme=light] .notes-panel{background:linear-gradient(135deg,#fff,#f1f1ec);border-color:#d3d3cd;box-shadow:0 18px 70px #0000001f,0 1px #fff inset}[data-theme=light] .notes-kicker{color:#5f6470}[data-theme=light] .notes-chapter{color:#6c717a}[data-theme=light] .notes-close{background:#ecece6;border-color:#d3d3cd;color:#3a3f49}[data-theme=light] .notes-close:hover{background:#dcdcd6;color:#111}[data-theme=light] .notes-panel h2{color:#111}[data-theme=light] .notes-list li{border-top-color:#e2e2dc}[data-theme=light] .notes-list li>span{color:#8a8f98}[data-theme=light] .notes-list p{color:#3a3f49}[data-theme=light] .modal{background:#fbfbf9;color:#17191d;border-color:#d3d3cd;box-shadow:0 30px 150px #00000026}[data-theme=light] .modal::backdrop{background:#f6f6f3cc}[data-theme=light] .modal-header,[data-theme=light] .modal-footer{border-color:#e2e2dc}[data-theme=light] .modal-header h2{color:#111}[data-theme=light] .mono,[data-theme=light] .icon-button{color:#5f6470}[data-theme=light] .icon-button:hover{background:#ecece6;color:#111}[data-theme=light] .modal-footer p{color:#5f6470}[data-theme=light] .outline-button{border-color:#c3c3bd}[data-theme=light] .outline-button:hover{background:#ecece6}[data-theme=light] .guide-index{border-color:#e2e2dc}[data-theme=light] .guide-index>button{color:#5f6470}[data-theme=light] .guide-index>button>span{color:#9aa0a8}[data-theme=light] .guide-index>button:hover{background:#ecece6;color:#111}[data-theme=light] .guide-index>button.active{background:#e4e4dd;color:#111}[data-theme=light] .guide-index>button.active>span{color:#3a3f49}[data-theme=light] .guide-resources{border-top-color:#e2e2dc}[data-theme=light] .guide-resources>a{color:#5f6470}[data-theme=light] .guide-resources>a:hover{color:#111}[data-theme=light] .guide-step-meta>.text-action{color:#3f5f86}[data-theme=light] .guide-content>h3{color:#111}[data-theme=light] .guide-question{color:#2a2d33}[data-theme=light] .guide-intro{color:#4b515c}[data-theme=light] .guide-content h4{color:#5f6470}[data-theme=light] .guide-actions>li{border-top-color:#e2e2dc}[data-theme=light] .guide-actions>li>span{color:#6c717a}[data-theme=light] .guide-actions p{color:#3a3f49}[data-theme=light] .guide-result{background:#eef2f7;border-left-color:#6f8bb0}[data-theme=light] .guide-result>p{color:#2a2d33}[data-theme=light] .guide-branches>button{border-color:#c3ccd8;color:#33506f}[data-theme=light] .guide-branches>button:hover{background:#e6ecf4}[data-theme=light] .guide-pagination{border-top-color:#e2e2dc}[data-theme=light] .guide-pagination>button{color:#5f6470}[data-theme=light] .guide-download-caption{color:#5f6470}[data-theme=light] .guide-downloads .outline-button{background:#16181c;color:#f6f6f3;border-color:#16181c}[data-theme=light] .guide-downloads .outline-button:hover{background:#000}[data-theme=light] .map-tools{border-bottom-color:#e2e2dc}[data-theme=light] .map-tools>p{color:#5f6470}[data-theme=light] .map-tools output{color:#3a3f49}[data-theme=light] .map-art{background:#f6f6f3}[data-theme=light] .map-canvas{filter:invert(1)}.figure-labels,.visual-mode,.scene-coordinate{color:#79818e}.scene-coordinate span{color:#5b626c}.chapter-tab{color:#6f7784}.chapter-counter>span{color:#79818e}.header-caption{color:#79818e}.takeaway-label{color:#7f8794}.node-index{color:#8a929e}