:root{--paper:#eeebe3;--panel:#f8f6f0;--ink:#26363b;--muted:#737b78;--line:#cfcec3;--teal:#46776f;--gold:#b57c36;--mono:'Cascadia Mono','SFMono-Regular',Consolas,monospace;--sans:Inter,'Segoe UI',Arial,sans-serif;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 var(--sans);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.45}a{color:inherit;text-decoration:none}a:hover{color:var(--teal)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--teal);outline-offset:4px}button{border:0}button[hidden],[hidden]{display:none!important}p,h1,h2,h3{margin:0}input[type=range]{width:100%;accent-color:var(--teal);height:19px;margin:10px 0 0;cursor:pointer}select{background:transparent;border:1px solid var(--line);padding:6px 8px;border-radius:4px;color:var(--ink);font-size:12px}::selection{background:#dce6df}.skip{position:absolute;top:-100px;left:20px;padding:15px;background:white;z-index:100}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.site-header{max-width:1600px;margin:auto;padding:25px 48px 21px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:13px;align-items:center;font-size:21px;font-weight:600;letter-spacing:-.7px;line-height:1.1}.brand-sub{display:block;font:9px/1.6 var(--mono);letter-spacing:2px;margin-top:6px;color:var(--muted)}.brand-icon{display:flex;gap:4px;align-items:flex-end;padding:9px;background:var(--ink);height:37px;width:37px;border-radius:6px}.brand-icon i{width:4px;border-radius:2px;background:#e6b777;height:12px}.brand-icon i:nth-child(2){height:21px}.brand-icon i:nth-child(3){height:16px}.header-right{display:flex;align-items:center;gap:40px;font:11px var(--mono)}.header-right>a{font:13px var(--sans)}.header-right>a span{margin-left:12px}.edition{color:var(--muted);letter-spacing:1px}main{max-width:1600px;margin:auto;padding:0 48px}.intro{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding:35px 0 32px}.eyebrow{font:10px/1.6 var(--mono);letter-spacing:1.3px;color:var(--teal)}h1{font:48px/1.15 var(--sans);font-weight:500;letter-spacing:-2.5px;margin-top:10px}h1 em{font:italic 50px/1.15 var(--serif);letter-spacing:-1.8px;color:var(--teal)}.mobile-break{display:none}.intro-copy{color:#68736f;font-size:13px;line-height:1.65;padding-bottom:3px}.lab{border:1px solid var(--line);border-radius:9px;overflow:hidden;box-shadow:0 12px 42px #25363208}.steps{display:grid;grid-template-columns:repeat(4,1fr);background:#f5f3ed;border-bottom:1px solid var(--line)}.steps button{display:flex;text-align:left;align-items:center;gap:12px;padding:18px 22px;background:transparent;position:relative;border-right:1px solid var(--line);font-size:13px;font-weight:500;transition:background .15s}.steps button:last-child{border-right:0}.steps button:hover{background:#e7ece4}.steps button[aria-current=step]{background:#e5ebe3}.steps button[aria-current=step]:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:3px;background:var(--teal)}.step-number{font:11px var(--mono);display:grid;place-items:center;flex-shrink:0;width:27px;height:27px;border-radius:50%;border:1px solid #aeb9ad;color:var(--teal)}.steps button[aria-current=step] .step-number{background:var(--teal);border-color:var(--teal);color:var(--panel)}.steps small{display:block;font-size:10px;font-weight:400;color:var(--muted);margin-top:2px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 355px;min-height:678px}.view-column{min-width:0;position:relative;background:#e3e5db}.scene-view{position:relative;min-height:678px;height:100%;display:flex;flex-direction:column;background:radial-gradient(ellipse at 45% 30%,#f3f1e8 0%,#dedfd3 90%)}.viewport{position:absolute;inset:0 0 38px;min-height:350px}.viewport canvas{display:block;width:100%;height:100%;touch-action:none;position:absolute;inset:0}.viewport-heading{position:relative;z-index:2;display:flex;justify-content:space-between;gap:10px;padding:24px 25px;pointer-events:none;font:9px var(--mono);letter-spacing:.6px}.viewport-heading>span:first-child{display:flex;align-items:center;gap:8px}.status-dot{width:5px;height:5px;border-radius:50%;background:var(--teal)}.proof-label{color:#7a8179;font-size:8px;line-height:1.5}.scene-labels{position:absolute;inset:0 0 38px;pointer-events:none;z-index:2;overflow:hidden}.scene-label{position:absolute;top:0;left:0;white-space:nowrap;font:8px var(--mono);letter-spacing:.6px;padding:4px 6px;background:#f5f4ecdb;border:1px solid #b0b4a5;border-radius:3px;box-shadow:0 2px 4px #26363b08;opacity:0}.contact-label{color:#85632d}.normal-label{color:#356b66}.angle-label{color:#956328}.view-toolbar{position:absolute;top:65px;left:24px;right:24px;display:flex;align-items:center;justify-content:space-between;gap:8px;z-index:3}.tool-group{display:flex;gap:2px;background:#f9f7efe8;border:1px solid #bec5b7;padding:4px;border-radius:6px;box-shadow:0 4px 16px #27383308}.tool-group button{display:flex;align-items:center;gap:5px;border-radius:3px;background:transparent;font-size:11px;padding:7px 9px;color:#62736b}.tool-group button[aria-pressed=true]{background:#2d514b;color:#f5f5eb}.tool-group button svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.1}.geometry-toggle{display:flex;align-items:center;gap:6px;padding:9px 11px;background:#f5f5ebde;border:1px solid #bec5b7;border-radius:5px;font-size:10px}.toggle-icon{display:inline-block;width:11px;height:11px;border:1px solid #688d7e;border-radius:2px}.geometry-toggle[aria-pressed=true] .toggle-icon{background:var(--teal);box-shadow:inset 0 0 0 2px #f5f5eb}.view-bottom{position:absolute;bottom:52px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:center;gap:12px;z-index:3;color:#596b64;font-size:10px}.view-bottom p{max-width:70%;text-shadow:0 1px #f5f5ef}.view-bottom>div{display:flex;gap:14px;flex-shrink:0}.view-bottom button{background:transparent;font-size:10px;padding:5px 0}.scene-caption{margin-top:auto;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 24px;background:#d9ddd1a1;border-top:1px solid #c5ccbc;font:8px var(--mono);letter-spacing:.5px}.legend-line{display:inline-block;vertical-align:middle;width:12px;height:2px;margin:0 5px 0 12px}.amber{background:#ba8c4f}.teal{background:#46776f}.inspector{background:var(--panel);border-left:1px solid var(--line);display:flex;flex-direction:column;min-width:0}.slide-panel{padding:27px 27px 22px;flex:1;min-height:601px}.slide-panel h2{font:27px/1.2 var(--serif);letter-spacing:-.6px;margin:13px 0 13px}.panel-intro{font-size:12px;line-height:1.7;color:#6b7770;margin-bottom:23px}.code-card{background:#24353b;border:1px solid #35484b;border-radius:6px;overflow:hidden;color:#ecede4}.code-title{display:flex;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid #495a5a;font:8px var(--mono);letter-spacing:.8px;color:#bdcbc3}.code-title span:last-child{color:#dcb579}.code-card pre{font:10px/1.85 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;padding:17px 14px 21px;margin:0}.code-keyword{color:#ddba82}.code-number{color:#8ecebc}.code-comment{color:#8eaaa7}.code-focus{background:#ffffff08;display:block;margin:0 -8px;padding:0 8px;border-left:2px solid #dcb579}.annotation{font-size:11px;line-height:1.65;color:#6a746e;display:flex;gap:9px;margin-top:16px}.annotation>span:first-child{color:var(--gold);font-size:16px}.annotation strong{font-weight:500;color:var(--ink)}.mini-facts{margin-top:23px;display:grid;gap:8px}.mini-facts>div{display:flex;justify-content:space-between;gap:10px;font-size:10px}.mini-facts span{font:8px/1.7 var(--mono);color:var(--muted);letter-spacing:.6px}.mini-facts strong{font-weight:400}.slide-footer{border-top:1px solid var(--line);display:flex;align-items:center;padding:17px 20px;gap:14px;min-height:70px}.back-button{background:#ecefe7;border:1px solid #d7dccf;border-radius:4px;padding:6px 11px;font-size:16px}.slide-footer>span{font:9px var(--mono);color:var(--muted);white-space:nowrap}.next-button{background:transparent;display:flex;align-items:center;gap:16px;justify-content:space-between;flex:1;font-size:11px;text-align:right;padding:8px 0 8px 8px}.next-button span{color:var(--teal);font-size:18px}.inspector fieldset{border:0;border-top:1px solid var(--line);padding:15px 0 0;margin:0 0 20px;min-width:0}.inspector legend{font:8px var(--mono);letter-spacing:1.2px;padding-right:12px;color:var(--teal)}.control-heading{display:flex;justify-content:space-between;gap:10px;font-size:11px}.control-heading output{font:12px var(--mono);color:var(--teal)}.field-note{font-size:9px;color:#7b857c;margin:3px 0 11px}.field-row{display:flex;justify-content:space-between;align-items:center;font-size:11px;gap:10px;margin:15px 0}.field-row select{font-size:10px}.pose-grid,.rotation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 12px}.pose-grid label,.rotation-grid label{font:10px var(--mono);color:#617167}.pose-grid label span,.rotation-grid label span{color:#949b90;float:right}.pose-grid input,.rotation-grid input{display:block;width:100%;border:1px solid #d2d7ca;background:#fcfbf5;border-radius:4px;padding:7px 8px;margin-top:5px;font:12px var(--mono);color:var(--ink)}.text-button{padding:4px 0;background:transparent;color:var(--teal);font-size:11px}.text-button.subtle{color:var(--muted);float:right}.run-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;margin-bottom:24px}.run-summary span{display:block;font:8px var(--mono);letter-spacing:.6px;color:#7b867b;margin-bottom:5px}.run-summary strong{font:18px var(--serif);font-weight:400}.run-summary>div:last-child strong{font-size:15px}.run-options{display:flex;align-items:center;justify-content:space-between;margin:13px 0 24px;font-size:11px}.checkbox{display:flex;gap:5px;align-items:center}.checkbox input{accent-color:var(--teal)}.speed-select{display:flex;gap:7px;align-items:center}.speed-select select{padding:4px 7px;font-size:10px}.primary{background:#335e55;color:#f5f6ec;border-radius:5px;padding:13px 15px;font-size:12px}.run-button{display:flex;align-items:center;width:100%;gap:10px}.run-button:hover{background:#234c44}.button-end{margin-left:auto}.play-symbol{font-size:9px}.transport{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.transport>span{font:9px var(--mono);color:#7c857b}.timeline{height:12px!important;margin:5px 0 12px!important}.phase-list{list-style:none;margin:10px 0 16px;padding:0;display:grid;gap:11px}.phase-list li{display:flex;gap:12px;align-items:center;font-size:11px;color:#859080}.phase-list li>span{font:8px var(--mono)}.phase-list li>i{width:5px;height:5px;background:#d3d9cb;border-radius:50%;margin-left:auto}.phase-list li.active{color:var(--teal)}.phase-list li.active i{background:var(--teal);box-shadow:0 0 0 4px #40776814}.phase-list li.completed{color:#5d7363}.playback-note{background:#e8eee3;border:1px solid #d6dfcd;border-radius:4px;padding:11px;font-size:10px;color:#496752;line-height:1.6}.small-disclosure{font-size:9px;color:#838a7f;margin-top:10px;line-height:1.6}.concept-item{padding:15px 0;border-top:1px solid var(--line)}.concept-item>span{font:8px var(--mono);letter-spacing:1px;color:var(--teal)}.concept-item h3{font-size:14px;font-weight:500;margin:5px 0}.concept-item p{font-size:11px;color:#727c71;line-height:1.65}.scope-note{background:#e8ece2;border-radius:5px;padding:13px;margin-top:15px;font-size:10px}.scope-note strong{font-weight:500;color:#496453}.scope-note p{font-size:10px;line-height:1.6;color:#7a8275;margin:4px 0 12px}.scope-note p:last-child{margin-bottom:0}.flow-view{height:100%;min-height:678px;background:#23363b;color:#e8eee3;padding:30px 32px 24px;display:flex;flex-direction:column}.flow-title .eyebrow{color:#acccba}.flow-title h2{font:32px/1.12 var(--serif);letter-spacing:-.6px;margin:12px 0}.flow-title>p:last-child{font-size:11px;color:#a5b7ad;max-width:390px}.flow-chart{display:block;width:100%;height:auto;margin:auto 0}.flow-node rect{fill:#2c4245;stroke:#506964;stroke-width:1}.flow-node text{fill:#e9ece3;font:15px var(--sans)}.flow-node .flow-index,.flow-index{fill:#aac6b4;font:8px var(--mono);letter-spacing:.5px}.flow-node .flow-small,.flow-small{fill:#a5b8af;font:10px var(--sans)}.flow-model rect{fill:#355c54;stroke:#8bb69a}.flow-objectives{fill:#d5ab70}.flow-disclosure{font-size:10px;line-height:1.7;color:#a7b6ac;border-top:1px solid #52645e;padding-top:14px}.study-note{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:23px 2px 20px}.study-note>div{display:flex;gap:14px;align-items:flex-start}.note-marker{color:var(--gold);font-size:20px}.study-note p{font-size:11px;color:#7a8278;line-height:1.65}.study-note strong{font-weight:500;color:#3b5148}.study-note>span{font:8px/1.7 var(--mono);color:#94998d;text-align:right;letter-spacing:.5px}.research-notes{border-top:1px solid var(--line);font-size:11px;color:#6f7b70}.research-notes summary{padding:16px 0;cursor:pointer;list-style:none;display:flex;justify-content:space-between}.research-notes>div{padding:3px 0 22px;max-width:950px}.research-notes p{margin-bottom:12px}.research-notes a{text-decoration:underline;text-underline-offset:3px;margin-right:20px}footer{max-width:1600px;margin:auto;border-top:1px solid var(--line);padding:21px 48px 28px;display:flex;justify-content:space-between;gap:20px;font:9px var(--mono);color:#8b9387}footer a{color:#496c5d}.scene-loading,.scene-error{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;gap:12px;font:11px var(--mono);color:#607565;background:#e3e7db;z-index:1}.scene-error{padding:40px;flex-direction:column;line-height:1.6;text-align:center}.scene-error strong{font:23px var(--serif)}.scene-error p{max-width:320px}.spinner{width:14px;height:14px;border:1px solid #b8c8b7;border-top-color:var(--teal);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.lab:fullscreen{background:var(--paper);border:0;border-radius:0;overflow:auto}.lab:fullscreen .workspace{min-height:calc(100vh - 78px)}.lab:fullscreen .scene-view,.lab:fullscreen .flow-view{min-height:calc(100vh - 78px)}
@media(min-width:1600px){.workspace{grid-template-columns:minmax(0,1fr) 390px}.slide-panel{padding:30px}.scene-view{min-height:720px}h1{font-size:54px}h1 em{font-size:57px}.code-card pre{font-size:11px}}
@media(max-width:1200px){main{padding:0 28px}.site-header{padding-left:28px;padding-right:28px}.workspace{grid-template-columns:minmax(0,1fr) 325px}.slide-panel{padding:24px 22px}.steps button{padding:16px 14px;gap:8px}.steps small{font-size:9px}.steps button{font-size:11px}h1{font-size:38px;letter-spacing:-1.8px}h1 em{font-size:42px}.intro-copy{font-size:11px}.view-toolbar{left:16px;right:16px}.tool-group button{padding:7px;font-size:10px}.geometry-toggle{font-size:9px;padding:9px}.viewport-heading{padding:24px 17px}.proof-label{max-width:135px;text-align:right}.scene-caption{padding:12px 16px;font-size:7px}.view-bottom{left:16px;right:16px}.view-bottom p{font-size:9px}.flow-view{padding:26px 23px}.flow-title h2{font-size:29px}.flow-chart{margin:35px 0 auto}.scene-caption>span:last-child{letter-spacing:0}}
@media(max-width:930px){.intro{display:block;padding:28px 0}.intro-copy{margin-top:15px}.intro-copy br{display:none}.workspace{grid-template-columns:1fr}.scene-view{height:510px;min-height:510px}.viewport{inset:0 0 38px}.inspector{border-left:0;border-top:1px solid var(--line)}.slide-panel{min-height:0;padding:26px 28px;max-width:none}.code-card pre{font-size:12px;line-height:1.8}.mini-facts{max-width:370px}.slide-panel .panel-intro{max-width:540px}.inspector fieldset{max-width:580px}.slide-footer{padding:17px 28px}.next-button{justify-content:flex-end}.run-summary{max-width:450px}.phase-list{grid-template-columns:1fr 1fr;gap:18px}.concept-item{display:grid;grid-template-columns:140px 1fr;gap:4px 20px}.concept-item p{grid-column:2}.concept-item>span{grid-row:1 / 3;padding-top:7px}.concept-item h3{margin:0}.flow-view{min-height:590px}.flow-chart{max-height:450px;margin:22px auto;width:100%;max-width:800px}.lab:fullscreen .scene-view{min-height:500px;height:65vh}.lab:fullscreen .workspace{min-height:0}.lab:fullscreen .flow-view{min-height:0}.study-note{padding:20px 0}.edition{display:none}.viewport-heading{padding:22px 25px}.view-toolbar{left:24px;right:24px}.tool-group button{font-size:11px;padding:7px 9px}.scene-caption{font-size:8px}}
@media(max-width:600px){main{padding:0 14px}.site-header{padding:20px 18px}.brand{font-size:18px}.brand-sub{font-size:8px}.header-right>a{font-size:11px}.header-right{gap:0}.intro{padding:25px 3px}.intro .eyebrow{font-size:8px}h1{font-size:39px;letter-spacing:-1.8px;line-height:1.1}h1 em{font-size:40px;line-height:1.15}.mobile-break{display:block}.intro-copy{font-size:12px;max-width:290px}.steps{grid-template-columns:repeat(4,1fr)}.steps button{padding:12px 5px;flex-direction:column;gap:6px;text-align:center;font-size:9px;line-height:1.35}.steps small{display:none}.step-number{width:22px;height:22px;font-size:9px}.scene-view{height:445px;min-height:445px}.viewport-heading{padding:17px 15px;font-size:8px}.proof-label{font-size:7px;max-width:110px}.view-toolbar{top:54px;left:12px;right:12px;flex-wrap:wrap;gap:6px}.tool-group{gap:0;padding:3px}.tool-group button{font-size:9px;padding:6px}.tool-group button svg{width:12px}.geometry-toggle{padding:8px 7px;font-size:9px}.view-bottom{bottom:48px;left:15px;right:15px;align-items:flex-end}.view-bottom p{max-width:58%;font-size:8px}.view-bottom>div{gap:12px}.view-bottom button{font-size:9px}.view-bottom #fullscreen span{display:none}.scene-caption{font-size:7px;padding:11px 14px;min-height:38px}.scene-caption>span:last-child{display:none}.slide-panel{padding:25px 22px}.slide-panel h2{font-size:29px}.slide-footer{padding:17px 21px}.code-card pre{font-size:10px}.panel-intro{font-size:12px}.study-note{align-items:flex-start;padding:19px 3px}.study-note>span{display:none}.study-note p{font-size:10px}.study-note>div{gap:10px}.research-notes{font-size:10px;padding:0 4px}.research-notes a{display:block;margin-top:9px}.flow-view{padding:25px 17px;min-height:570px}.flow-title h2{font-size:31px}.flow-chart{width:calc(100% + 20px);margin:27px -10px;min-height:235px}.flow-disclosure{font-size:10px;margin-top:auto}.concept-item{grid-template-columns:1fr;gap:3px}.concept-item>span{grid-row:auto}.concept-item p{grid-column:auto}.concept-item h3{margin:3px 0}footer{padding:19px 19px;font-size:8px;flex-wrap:wrap;gap:14px}footer>span:last-child{display:none}.lab:fullscreen .scene-view{min-height:440px;height:58vh}.pose-grid input,.rotation-grid input{font-size:16px}.view-toolbar.locked .tool-group{opacity:.5}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.spinner{animation:none}.steps button{transition:none}}

.flow-scroll{overflow-x:auto;overflow-y:hidden;width:100%;margin:auto 0;scrollbar-color:#6e8b7e #2c4245;scrollbar-width:thin}.flow-scroll .flow-chart{min-width:660px;max-width:none;max-height:none;margin:18px 0;width:100%;height:auto}.flow-scroll:focus-visible{outline:1px solid #aac6b4;outline-offset:3px}
@media(max-width:930px){.flow-scroll .flow-chart{max-width:820px;margin:18px auto}.flow-scroll{margin:16px 0}}
@media(max-width:600px){.flow-scroll{margin:22px 0}.flow-scroll .flow-chart{margin:0;min-width:660px}}