@font-face{font-family:Montserrat;src:url(../fonts/Montserrat-Regular.ttf) format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Montserrat;src:url(../fonts/Montserrat-Medium.ttf) format("truetype");font-style:normal;font-weight:500 800;font-display:swap}:root{font-family:Montserrat,Arial,sans-serif;color:#202221;background:#e9eae7;font-synthesis:none;font-optical-sizing:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--ink: #202221;--muted: #6c706b;--paper: #e9eae7;--gold: #b29861;--led: #5f9c74;--page-gutter: clamp(28px, 6.25vw, 120px);--ease-out: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}body,button,a{-webkit-tap-highlight-color:transparent}button,input,select{font:inherit}button,a{touch-action:manipulation}button{color:inherit;cursor:pointer;border:0}a{color:inherit;text-decoration:none}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #9c7530;outline-offset:5px}button::-moz-focus-inner{border:0}::selection{background:#cdbb8d;color:#171b1c}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.app{position:relative;isolation:isolate;min-height:100svh;color:var(--ink);--stage-paper: #e9eae7;--stage-type: #282b29;--stage-wash: rgba(255, 255, 249, .65);transition:color .6s ease}.app[data-dark=true],.app[data-dark="1"],.app.is-dark{--ink: #eee9df;--muted: #abaea6;--paper: #161a1d;--stage-paper: #161a1d;--stage-type: #a6a58e;--stage-wash: rgba(112, 99, 70, .12);--gold: #c5ad79}.site-header{position:fixed;inset:0 0 auto;z-index:60;height:108px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:32px;padding:0 var(--page-gutter);color:var(--ink);pointer-events:none}.site-header>*{pointer-events:auto}.wordmark{width:fit-content;padding:0;background:transparent;text-align:left;font-size:27px;font-weight:500;letter-spacing:-.075em;line-height:1}.wordmark small,.wordmark span{display:block;margin-top:7px;font-size:7px;font-weight:500;letter-spacing:.22em;line-height:1.2}.header-links{display:flex;align-items:center;gap:28px}.header-links a,.header-links button{position:relative;padding:12px 0;background:transparent;color:var(--ink);font-size:10px;font-weight:500;letter-spacing:.025em;white-space:nowrap;transition:opacity .25s ease}.header-links a:hover,.header-links button:hover{opacity:.55}.header-links [aria-current=true],.header-links .is-active{color:var(--gold)}.edition{justify-self:end;text-align:right;font-size:9px;font-weight:400;line-height:1.6;letter-spacing:.045em;color:var(--muted)}.stage{position:fixed;inset:0;z-index:0;overflow:hidden}.stage-backdrop{position:absolute;inset:-1px;z-index:0;background-color:var(--stage-paper);background-image:radial-gradient(ellipse 45% 66% at 66% 47%,var(--stage-wash),transparent 90%);transition:background-color .8s ease,background-image .8s ease}.stage-backdrop:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 115%,rgba(67,75,77,.11),transparent 65%);pointer-events:none}.background-type{position:absolute;inset:0 -1.5vw;z-index:1;display:flex;flex-direction:column;justify-content:center;gap:.03em;padding-bottom:3vh;overflow:hidden;color:var(--stage-type);opacity:1;mask-image:linear-gradient(90deg,#0000000f,#00000014 26%,#000 57%);-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.06) 0%,rgba(0,0,0,.08) 26%,#000 57%);pointer-events:none;-webkit-user-select:none;user-select:none;will-change:opacity,transform}.type-line{display:flex;align-items:center;justify-content:center;width:max-content;min-width:100%;font-size:clamp(180px,29vw,620px);line-height:.77;font-weight:500;letter-spacing:-.08em;white-space:nowrap;text-transform:uppercase;opacity:.76;transform-origin:50% 50%;will-change:transform}.type-line span{display:inline-block;will-change:transform}.type-line:nth-child(2){margin-left:6vw;opacity:.14}.canvas-wrap{position:absolute;inset:0;z-index:2}.canvas-wrap canvas{display:block;width:100%;height:100%;outline:none}.canvas-wrap.is-interactive,.app.is-exploring .canvas-wrap{cursor:grab}.canvas-wrap.is-interactive:active,.app.is-exploring .canvas-wrap:active{cursor:grabbing}.stage-vignette{position:absolute;inset:0;z-index:3;pointer-events:none;background:radial-gradient(ellipse at 55% 45%,transparent 42%,rgba(35,40,39,.055))}.story{position:relative;z-index:3;pointer-events:none}.chapter{position:relative;display:flex;align-items:center;min-height:112svh;padding:125px var(--page-gutter) 100px;scroll-margin-top:0;overflow:clip}.chapter-copy{position:relative;max-width:min(36vw,470px);pointer-events:auto}.eyebrow{display:flex;align-items:center;gap:14px;margin:0 0 28px;font-size:10px;line-height:1.5;font-weight:500;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}.chapter-number{font-size:10px;letter-spacing:.07em;color:var(--muted)}h1,h2,h3,p{margin-top:0}.chapter h1,.chapter h2{margin:0;font-weight:500;font-size:clamp(40px,4.7vw,84px);line-height:.99;letter-spacing:-.065em;text-wrap:balance}.chapter h1 em,.chapter h2 em{font-style:normal;color:var(--muted)}.lede{max-width:350px;margin:28px 0 0;font-size:clamp(13px,.9vw,15px);line-height:1.75;letter-spacing:-.012em;color:var(--muted);text-wrap:pretty}.chapter-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:32px}.pill{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:48px;padding:0 24px;border-radius:999px;background:var(--ink);color:var(--paper);font-size:11px;font-weight:500;line-height:1.4;transition:transform .3s var(--ease-out),background .3s ease,opacity .3s ease}.pill:hover{transform:translateY(-2px)}.pill:active{transform:translateY(0) scale(.98)}.pill.is-light{background:#ffffff80;color:var(--ink)}.text-link{display:inline-flex;align-items:center;gap:10px;padding:12px 0;background:transparent;color:var(--ink);font-size:11px;line-height:1.4;font-weight:500;transition:opacity .25s ease}.text-link:hover{opacity:.55}.chapter-hero{align-items:flex-end;min-height:115svh;padding-bottom:15svh}.chapter-hero .chapter-copy{max-width:min(34vw,460px)}.chapter-hero h1{display:flex;flex-wrap:wrap;gap:0 .18em;font-size:clamp(30px,2.65vw,48px);line-height:1.1}.chapter-hero h1 br{display:none}.chapter-hero .eyebrow{margin-bottom:20px}.chapter-hero .lede{margin-top:22px;max-width:320px}.chapter-craft{min-height:125svh}.chapter-power{min-height:120svh}.chapter-power .chapter-copy{max-width:min(27vw,360px)}.chapter-power h2{font-size:clamp(38px,4.1vw,74px)}.chapter-heat{min-height:140svh}.chapter-heat .chapter-copy{max-width:min(29vw,380px)}.chapter-heat h2{font-size:clamp(38px,4.1vw,74px)}.chapter-explore{min-height:140svh}.chapter-explore .chapter-copy{max-width:min(31vw,420px)}.scroll-cue{position:absolute;bottom:42px;left:var(--page-gutter);display:inline-flex;align-items:center;gap:14px;color:var(--muted);font-size:9px;font-weight:400;letter-spacing:.02em;pointer-events:auto}.scroll-cue:before{content:"↓";color:var(--ink);font-size:17px}.hero-spec{position:absolute;right:var(--page-gutter);bottom:52px;display:flex;flex-direction:column;align-items:flex-end;gap:8px;font-size:9px;line-height:1.4;letter-spacing:.075em;color:var(--muted)}.hero-spec span:first-child{color:var(--ink);font-weight:500}.detail-list{display:grid;gap:15px;margin-top:31px}.detail-list>span{display:flex;align-items:baseline;gap:24px;font-size:9px;line-height:1.5;color:var(--muted);font-variant-numeric:tabular-nums}.detail-list b{color:var(--ink);font-size:11px;font-weight:400;letter-spacing:-.015em}.quiet-note{max-width:310px;margin:28px 0 0;font-size:10px;line-height:1.75;color:var(--muted);text-wrap:pretty}.chapter-heat .text-link{margin-top:18px}.loader{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;background:#e9eae7;color:#202221;font-size:10px;line-height:1.5;letter-spacing:.025em}.loader-mark{font-size:clamp(66px,9vw,115px);font-weight:500;line-height:.9;letter-spacing:-.09em;padding-right:.09em}.loading-dots{display:inline-block;width:12px;animation:loading-breathe 1.5s ease-in-out infinite}@keyframes loading-breathe{0%,to{opacity:.25}50%{opacity:1}}.model-error{position:absolute;left:50%;top:50%;width:min(320px,calc(100% - 48px));padding:26px;border-radius:18px;background:#e9eae7;box-shadow:0 15px 60px #20222112;color:#202221;transform:translate(-50%,-50%);text-align:center;font-size:13px;line-height:1.6}.model-error p{margin-bottom:18px}.model-error button{min-height:44px;padding:10px 25px;border-radius:99px;background:#202221;color:#ecece6;font-size:11px}.app:has(.model-error) .loader{display:none}.sim-panel{position:fixed;top:50%;right:var(--page-gutter);z-index:35;width:clamp(310px,25vw,370px);max-height:calc(100svh - 170px);padding:25px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#6a6c67 transparent;border-radius:22px;background:#191c1df5;color:#e8e7de;box-shadow:0 24px 70px #00000021;opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(22px,-48%,0);transition:opacity .5s ease,transform .65s var(--ease-out),visibility .5s}.sim-panel.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translate3d(0,-50%,0)}.sim-panel :focus-visible{outline-color:#e6c77e}.panel-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}.panel-top h2,.panel-top h3,.panel-top p{margin:0;font-size:12px;font-weight:500;letter-spacing:-.02em}.panel-top .eyebrow{margin:0;color:#b2b5ab;font-size:9px}.state-pill{display:inline-flex;align-items:center;gap:6px;min-height:26px;padding:5px 9px;border-radius:99px;background:#343936;color:#c4c9c1;font-size:9px;font-weight:500;letter-spacing:.04em;line-height:1.3;white-space:nowrap}.state-pill:before{content:"";width:5px;height:5px;border-radius:50%;background:#999e94}.state-pill.is-on,.state-pill[data-on=true]{color:#dcebdc;background:#293c32}.state-pill.is-on:before,.state-pill[data-on=true]:before{background:#8ab890}.setting-readout{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:23px}.setting-readout>div{min-width:0}.setting-readout strong{display:block;margin-top:6px;font-size:49px;font-weight:400;letter-spacing:-.065em;line-height:1}.setting-readout strong small,.setting-readout .unit{margin-left:4px;font-size:20px;letter-spacing:-.03em}.setting-readout .unit{display:inline;vertical-align:baseline;font-weight:400}.setting-readout small,.setting-readout .label{display:block;font-size:10px;line-height:1.5;color:#aaafa5}.setting-readout .setting-name{font-size:12px;font-weight:500}.setting-meta{display:grid;grid-template-columns:auto auto;align-items:center;justify-content:end;gap:6px 8px;padding-bottom:2px;text-align:right}.setting-meta .signal-orb{width:8px;height:8px;border-radius:50%;transition:background .14s ease,box-shadow .14s ease}.setting-meta>small{grid-column:1 / -1;font-size:9px}.led-legend{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;margin:0 0 22px;font-size:9px;color:#b4b7af}.led-legend span{display:inline-flex;align-items:center;gap:5px}.led-legend span{padding:4px 5px;border-radius:5px;opacity:.65;transition:opacity .2s ease,background .2s ease}.led-legend .is-current{background:#373c37;color:#f0eee5;opacity:1}.led-dot{display:inline-block;width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:var(--led)}.cap-action{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:42px;margin-bottom:10px;padding:11px 14px;border-radius:10px;background:#3b3a31;color:#e4d8b5;font-size:9px;line-height:1.5;text-align:left}.cap-action:hover{background:#494535}.cap-action>span{font-size:14px}.sim-button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:68px;padding:16px 18px;border-radius:14px;background:#ddd3b9;color:#262722;font-size:11px;font-weight:500;letter-spacing:.07em;-webkit-user-select:none;user-select:none;transition:background .2s ease,transform .2s var(--ease-out),box-shadow .2s ease}.sim-button:hover{background:#e9e0ca}.sim-button:active,.sim-button.is-pressed,.sim-button[aria-pressed=true]{transform:scale(.975);background:#c9b992;box-shadow:inset 0 2px 12px #0000001a}.sim-button>span:last-child{text-align:left}.sim-button small{display:block;margin-top:5px;font-size:9px;font-weight:400;letter-spacing:0;opacity:.7}.button-ring{width:31px;height:31px;flex:0 0 31px;border:2px solid #806c3b;border-radius:50%;background:linear-gradient(105deg,#846929,#d3b96d 32%,#f3db91 40%,#a78a43 64%,#c7ad64 81%,#896d2f);box-shadow:inset 0 0 0 2px #d1b96f;transition:border-color .12s ease,box-shadow .12s ease}.sim-feedback{min-height:35px;margin:12px 0 19px;color:#c6c9c0;font-size:10px;line-height:1.65;text-align:center;text-wrap:pretty}.sim-feedback strong{color:#f0ece1;font-weight:500}.cycle-progress{height:3px;overflow:hidden;margin:-7px 0 18px;border-radius:99px;background:#42463d}.cycle-progress>span{display:block;width:100%;height:100%;background:#ceb574;border-radius:inherit;transform-origin:left center}.demo-label{margin-bottom:9px;color:#afb4a9;font-size:9px;line-height:1.5;letter-spacing:.015em}.sim-gesture-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.sim-gesture-row button{min-height:52px;padding:11px 5px;border-radius:11px;background:#343936;color:#ddded5;font-size:9px;line-height:1.6;transition:background .2s ease,transform .2s ease}.sim-gesture-row button:hover{background:#454b45}.sim-gesture-row button:active{transform:scale(.97)}.sim-gesture-row strong{display:block;font-size:17px;line-height:1.2;font-weight:400;letter-spacing:-.04em}.sim-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:17px}.sim-tools button,.sim-tools a{padding:5px 0;background:transparent;font-size:9px;color:#babeb4;transition:color .2s ease}.sim-tools button:hover,.sim-tools a:hover{color:#fff8e7}.charge-status{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:17px;padding:12px;border-radius:10px;background:#2b322c;font-size:9px;line-height:1.5;color:#d0d6c9}.charge-status button{min-height:30px;padding:5px 8px;border-radius:6px;margin-left:10px;background:#3b443b;color:#d3dccd;font-size:9px}.charge-status button:hover{background:#4a5548}.lesson-nav{display:flex;gap:5px;margin-top:24px;padding-top:0}.lesson-nav button{flex:1;min-width:28px;min-height:30px;padding:7px 4px;background:#303430;border-radius:8px;color:#b9bdb2;font-size:9px}.lesson-nav button:hover{background:#3d443d}.lesson-nav button.is-active,.lesson-nav button[aria-current=true],.lesson-nav button[aria-selected=true]{background:#c9b991;color:#252821}.lesson-copy{margin-top:18px}.lesson-copy h3,.lesson-copy h4{margin:0 0 9px;font-weight:500;font-size:17px;letter-spacing:-.035em}.lesson-copy p{margin:0;font-size:11px;line-height:1.75;color:#bec2b8;text-wrap:pretty}.lesson-copy p+p{margin-top:9px}.lesson-copy .eyebrow{margin-bottom:8px;color:#c3b58f;font-size:8px;letter-spacing:.08em}.lesson-copy small{display:block;margin-top:10px;font-size:9px;line-height:1.6;color:#a8ada2}.alert-demos{margin-top:24px;color:#bdc3b5;font-size:10px;line-height:1.7}.alert-demos summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:36px;cursor:pointer;list-style:none;font-size:9px;font-weight:500}.alert-demos summary::-webkit-details-marker{display:none}.alert-demos summary:after{content:"+";color:#d3c29c;font-size:17px;font-weight:400}.alert-demos[open] summary:after{content:"−"}.alert-demos summary:focus-visible{outline:2px solid #e6c77e;outline-offset:3px;border-radius:4px}.alert-demos p{margin:8px 0 12px;font-size:10px;color:#aeb6a7}.alert-demos button{min-height:34px;margin:0 5px 7px 0;padding:8px 10px;border-radius:8px;background:#343a33;color:#d4dacb;font-size:9px}.alert-demos button:hover{background:#454d42}.alert-demos small{display:block;margin-top:8px;color:#a5ad9f;font-size:9px;line-height:1.6}.part-label{min-height:31px;padding:8px 11px;border-radius:7px;background:#f1f1e9e3;color:#3b413b;font-size:10px;font-weight:500;letter-spacing:-.015em;line-height:1.4;white-space:nowrap;pointer-events:auto;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 3px 18px #272f2510;transition:background .2s ease,color .2s ease,transform .2s ease}.part-label:hover,.part-label.is-selected{background:#3d453b;color:#f2ead7}.part-label:hover{transform:translateY(-2px)}.part-caption{position:fixed;z-index:25;right:var(--page-gutter);bottom:110px;width:min(270px,24vw);padding:22px 35px 22px 22px;border-radius:16px;background:#eeefe7eb;color:#292f28;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .3s ease,transform .4s var(--ease-out),visibility .3s;pointer-events:none}.part-caption.is-visible{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.part-caption h3,.part-caption strong{display:block;margin:0 0 8px;font-size:17px;line-height:1.3;font-weight:500;letter-spacing:-.03em}.part-caption p{margin:0;font-size:11px;line-height:1.6;color:#687161}.part-caption>button{position:absolute;top:9px;right:9px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:transparent;color:#596151;font-size:20px;line-height:1;pointer-events:auto}.part-caption>button:hover{background:#dadfd2}.stage-controls{position:fixed;z-index:30;left:50%;bottom:28px;display:flex;align-items:center;justify-content:center;gap:6px;max-width:calc(100vw - 36px);padding:6px;border-radius:99px;background:#f5f5ede6;color:#30372f;transform:translate(-50%);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.stage-controls button{min-height:38px;padding:10px 17px;border-radius:99px;background:transparent;font-size:10px;white-space:nowrap}.stage-controls button:hover{background:#e4e4d9}.stage-controls button.is-active,.stage-controls button[aria-pressed=true]{background:#333d32;color:#f0f1e8}.stage-controls .hint{padding:0 13px;color:#737a6d;font-size:9px;white-space:nowrap}.progress-rail{position:fixed;z-index:45;right:20px;top:50%;display:flex;flex-direction:column;gap:8px;transform:translateY(-50%)}.progress-rail button,.progress-rail a{position:relative;display:grid;place-items:center;width:18px;height:20px;padding:5px;background:transparent;color:var(--ink)}.progress-rail button:before,.progress-rail a:before{content:"";width:3px;height:3px;border-radius:99px;background:currentColor;opacity:.28;transition:height .4s ease,opacity .3s ease}.progress-rail .is-active:before,.progress-rail [aria-current=true]:before{height:17px;opacity:.8}.progress-rail span{position:absolute;right:27px;padding:5px 8px;border-radius:5px;background:var(--paper);color:var(--ink);font-size:8px;opacity:0;white-space:nowrap;transition:opacity .2s ease;pointer-events:none}.progress-rail button:hover span,.progress-rail a:hover span,.progress-rail :focus-visible span{opacity:1}footer{position:relative;z-index:5;display:flex;align-items:flex-end;justify-content:space-between;gap:32px;min-height:38svh;padding:90px var(--page-gutter) 60px;font-size:11px;line-height:1.75;color:var(--muted);pointer-events:auto}footer p{margin:0}footer a{color:var(--ink)}footer a:hover{opacity:.6}footer .footer-title{margin-bottom:12px;font-size:25px;line-height:1.2;font-weight:500;letter-spacing:-.04em;color:var(--ink)}@media(min-width:1800px){.chapter-copy{max-width:510px}.sim-panel{width:390px;padding:29px}}@media(max-width:1180px)and (min-width:769px){:root{--page-gutter: 38px}.site-header{height:92px}.header-links{gap:20px}.chapter-copy{max-width:37vw}.chapter h1,.chapter h2{font-size:52px}.chapter-heat .chapter-copy,.chapter-power .chapter-copy{max-width:26vw}.chapter-heat h2,.chapter-power h2{font-size:42px}.lede{font-size:12px}.sim-panel{width:300px;padding:21px;right:34px}.progress-rail{right:8px}.stage-controls .hint{display:none}}@media(max-width:768px){:root{--page-gutter: 24px}.site-header{height:76px;grid-template-columns:1fr auto;padding:0 24px;gap:20px}.wordmark{font-size:24px}.wordmark small,.wordmark span{font-size:6px}.header-links{gap:18px}.header-links a,.header-links button{font-size:9px}.edition{display:none}.stage-backdrop{background-image:radial-gradient(ellipse 72% 40% at 58% 31%,var(--stage-wash),transparent 95%)}.background-type{inset:74px -2vw auto;height:calc(52svh - 74px);justify-content:center;padding:0;mask-image:none;-webkit-mask-image:none}.type-line{font-size:clamp(116px,34vw,260px);letter-spacing:-.085em}.type-line:nth-child(2){margin-left:1vw}.canvas-wrap{top:46px;bottom:auto;height:calc(52svh - 34px)}.stage-vignette{background:linear-gradient(180deg,transparent 39svh,var(--stage-paper) 54svh)}.chapter{align-items:flex-start;min-height:112svh;padding:56svh 24px 100px}.chapter-copy,.chapter-hero .chapter-copy,.chapter-heat .chapter-copy,.chapter-power .chapter-copy,.chapter-explore .chapter-copy{max-width:540px;width:100%}.chapter h1,.chapter h2,.chapter-hero h1,.chapter-heat h2,.chapter-power h2{max-width:390px;font-size:clamp(37px,9.9vw,60px);line-height:1.02;letter-spacing:-.06em}.chapter-hero h1{display:block}.chapter-hero h1 br{display:initial}.chapter-hero{min-height:112svh;padding-bottom:112px}.chapter-craft,.chapter-power{min-height:116svh}.chapter-heat{min-height:145svh}.chapter-explore{min-height:125svh}.eyebrow{margin-bottom:17px;font-size:9px}.lede,.chapter-hero .lede{margin-top:20px;max-width:450px;font-size:12px;line-height:1.7}.chapter-actions{gap:22px;margin-top:25px}.pill{min-height:46px;padding:0 22px;font-size:10px}.text-link{font-size:10px}.scroll-cue{bottom:36px;font-size:8px}.hero-spec{right:24px;bottom:44px;font-size:7px;gap:5px}.hero-spec span:last-child{display:none}.detail-list{gap:13px;margin-top:25px}.detail-list b{font-size:11px}.quiet-note{margin-top:23px}.sim-panel{inset:auto 14px 14px;width:auto;max-height:calc(48svh - 24px);padding:20px;border-radius:20px;transform:translate3d(0,16px,0);box-shadow:0 -18px 50px #0000001a}.sim-panel.is-visible{transform:translateZ(0)}.panel-top{margin-bottom:19px}.setting-readout{margin-bottom:17px}.setting-readout strong{font-size:42px}.sim-button{min-height:56px;border-radius:12px}.sim-feedback{min-height:25px;margin-bottom:14px}.sim-gesture-row button{min-height:46px}.sim-tools{margin-top:14px}.sim-tools button{min-height:32px}.lesson-nav{margin-top:20px}.lesson-copy p{font-size:12px}.part-caption{left:24px;right:auto;bottom:auto;top:45svh;width:calc(100vw - 48px);max-width:340px;padding:16px 37px 16px 18px}.part-caption h3,.part-caption strong{margin-bottom:5px;font-size:14px}.part-caption p{font-size:10px}.part-label{min-height:28px;padding:6px 8px;font-size:9px;border-radius:6px}.stage-controls{bottom:14px;gap:1px;padding:5px}.stage-controls button{min-height:38px;padding:10px 13px;font-size:9px}.stage-controls .hint{display:none}.app:has(.sim-panel.is-visible) .stage-controls{bottom:auto;top:calc(52svh - 49px)}.app:has(.sim-panel.is-visible) .chapter-heat .chapter-copy,.app:has(.sim-panel.is-visible) .chapter-power .chapter-copy{opacity:0;pointer-events:none}.progress-rail{right:5px;top:30svh;gap:5px}.progress-rail button,.progress-rail a{width:15px;height:18px}.progress-rail span{display:none}footer{min-height:32svh;align-items:flex-start;flex-direction:column;padding:80px 24px 110px;gap:26px;font-size:10px}footer .footer-title{font-size:23px}}@media(max-width:380px){:root{--page-gutter: 20px}.site-header{padding-inline:20px}.header-links{gap:12px}.chapter{padding-inline:20px}.chapter h1,.chapter h2,.chapter-hero h1,.chapter-heat h2{font-size:35px}.sim-panel{right:10px;left:10px;padding:17px}.sim-tools{gap:7px}.stage-controls button{padding-inline:10px}}@media(max-height:680px)and (min-width:769px){.site-header{height:82px}.sim-panel{max-height:calc(100svh - 120px);padding:20px}.panel-top{margin-bottom:17px}.sim-feedback{margin-bottom:13px}.chapter{padding-top:100px}.stage-controls{bottom:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.background-type,.type-line,.type-line span{will-change:auto}.pill:hover{transform:none}}@media(min-width:769px){.chapter-hero{min-height:100svh;padding-bottom:9svh}}.canvas-wrap{touch-action:pan-y}.canvas-wrap.is-interactive{touch-action:none}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped,.char-mask{overflow:hidden}.char-mask i{display:inline-block;font-style:normal;will-change:transform}
