.paper-controls{position:absolute;top:0;left:0;width:900px;height:1152px;transform-origin:0 0;pointer-events:none;visibility:hidden;color:#374638;font:27px/1.25 Georgia,serif;will-change:transform}
.paper-controls button,.paper-controls input{pointer-events:auto;touch-action:manipulation}
.paper-controls button{border:2px solid #a6ae97;background:#f3eee0;color:#3f5747;border-radius:7px;font:26px Georgia;padding:10px 14px;min-height:57px;box-shadow:0 3px 0 #8c937958;white-space:nowrap}
.paper-controls button:hover{background:#e1e8d5}.paper-controls button:active{box-shadow:none;transform:translateY(2px)}.paper-controls button:focus-visible{outline:4px solid #b06b45;outline-offset:3px}.paper-controls button:disabled{opacity:.38;box-shadow:none}
.paper-heading{position:absolute;left:52px;right:48px;top:48px;display:flex;align-items:center;gap:15px}.paper-heading>div{flex:1}.paper-heading small{font:18px sans-serif;letter-spacing:2px;color:#916447}.paper-heading h2{font-size:35px;font-weight:400;font-style:italic;margin:8px 0 0;line-height:1.08;max-width:350px}.paper-heading .paper-run{font:bold 31px Georgia;background:#446e58;color:#fff;border-color:#35543e;min-height:76px;min-width:172px;box-shadow:0 5px 0 #2d4937}.paper-heading #reset{font-size:23px;padding:10px}
.mode-switch{position:absolute;left:60px;right:60px;top:159px;display:flex;gap:12px}.mode-switch button{flex:1;font-size:25px;min-height:61px}.mode-switch button[aria-pressed=true]{background:#d2dfc9;border-color:#637958;color:#2b4e37;box-shadow:inset 0 0 0 2px #f7f6ec}
.shared-setting{position:absolute;top:241px;left:130px;right:130px}.page-stepper label{display:block;font:19px/1.2 sans-serif;letter-spacing:.7px;color:#6e7960;margin-bottom:8px}.page-stepper>div{display:flex;align-items:center;gap:10px}.page-stepper output{min-width:126px;text-align:center;font-size:30px;color:#624f38;white-space:nowrap}.shared-setting .page-stepper>div{justify-content:center}.shared-setting label{text-align:center}.shared-setting button{min-width:70px}
.lane-tools{position:absolute;left:55px;right:55px;display:flex;align-items:center;gap:20px}.lane-a{top:480px}.lane-b{top:780px}.lane-letter{font:italic bold 39px Georgia;color:#639e97;min-width:30px}.lane-b .lane-letter{color:#a5614e}.lane-tools .page-stepper{flex:1}.lane-tools .lane-result{white-space:pre-line;font:26px/1.4 Georgia;min-width:300px;color:#4c5949}.lane-tools .page-stepper button{font-size:24px;padding:10px;min-width:67px}
.page-challenge{position:absolute;left:60px;right:55px;top:145px;margin:0;font:italic 28px Georgia}.matching-actions{position:absolute;left:130px;right:130px;top:227px;display:flex;gap:20px;justify-content:center}.momentum-lane{flex-wrap:wrap;gap:10px 15px}.momentum-lane .page-stepper{flex:0 0 330px}.momentum-lane .lane-result{flex:1;min-width:400px;font-size:27px}.momentum-lane .reverse{font-size:22px;min-height:40px;padding:7px 12px}.momentum-lane .page-stepper output{min-width:110px}.matched .lane-result{color:#2a7b51}.chapter-1 .lane-a{top:465px}.chapter-1 .lane-b{top:760px}
.impact-settings{position:absolute;top:212px;left:85px;right:70px;display:flex;gap:35px}.impact-settings .page-stepper{flex:1}.impact-settings .page-stepper output{min-width:100px}.impact-settings button{font-size:23px;padding:9px}.impact-lane{gap:16px}.chapter-2 .lane-a{top:430px}.chapter-2 .lane-b{top:650px}.stop-label{flex:1;display:flex;flex-direction:column;gap:8px;font-size:25px}.stop-label b{font:20px sans-serif;letter-spacing:1px;color:#9a5f49}.impact-lane .lane-result{font-size:24px;min-width:290px}.impact-lane .page-stepper label{font-size:17px}.impact-lane .page-stepper output{font-size:29px;min-width:100px}#forceGraph{position:absolute;top:766px;left:55px;right:45px;height:200px}#forceGraph svg{width:100%;height:100%;overflow:visible;font:20px Georgia;fill:#506047}
.page-observation{position:absolute;left:60px;right:55px;top:908px;font-size:24px}.page-observation #phaseText{margin:0 0 8px;font-style:italic;color:#38634c}.page-observation #feedback{font:22px/1.3 Georgia;margin:0;color:#6e6854;max-width:740px;min-height:0}.page-observation #release{position:absolute;right:0;top:-9px;font-size:22px;min-height:48px}.chapter-0 #phaseText{padding-right:260px}.chapter-2 .page-observation{top:971px;font-size:21px}.chapter-2 #phaseText{font-size:22px;margin:0}.chapter-2 #feedback{display:none}
.paper-timeline{position:absolute;left:60px;right:55px;top:1020px;display:flex;align-items:center;gap:15px}.paper-timeline label{font:18px sans-serif;letter-spacing:1px}.paper-timeline input{flex:1;min-width:40px;height:7px;margin:0}.paper-timeline input::-webkit-slider-thumb{width:28px;height:28px;border-width:3px}.paper-timeline output{min-width:90px;font-size:24px}.paper-timeline button{font-size:23px;min-width:65px;min-height:45px;padding:7px}.paper-navigation{position:absolute;left:55px;right:50px;top:1091px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #aab29e;padding-top:10px}.paper-navigation button{border:0;box-shadow:none;background:transparent;font-size:24px;min-height:35px;padding:5px 10px}.paper-navigation span{font-size:22px;color:#8b7050}.paper-navigation #help{font-size:20px}.masthead,.camera-tools{z-index:5}#inspector{z-index:10}#loading{z-index:20}
@media(max-width:700px){.camera-tools{top:67px}.paper-controls{font-size:27px}}
.paper-heading .paper-run:hover,.paper-heading .paper-run:focus-visible{background:#365b46;color:#fff}
.chapter-2>.page-challenge{display:none}.chapter-2 .impact-settings{top:145px}.chapter-2 .impact-settings .page-stepper label{font-size:17px}