@import"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600&display=swap";:root{font-family:Segoe UI,Microsoft YaHei,sans-serif;color:#eae7da;background:#0c1513;font-synthesis:none;--bg:#0c1513;--panel:#14211e;--muted:#a0ada4;--gold:#e5c488;--line:#2b3831;--green:#9abcad;--serif:"Noto Serif SC","Songti SC","SimSun",serif}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;background:none;border:0}button:disabled{cursor:default}button,a,input{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold)}button{transition:background .18s,color .18s,border-color .18s}a{color:var(--gold)}p{line-height:1.85}h1,h2,h3,p{margin:0}svg{flex-shrink:0}button:hover{color:var(--gold)}.topbar{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 4%;border-bottom:1px solid #26332c;position:relative;z-index:10;background:var(--bg)}.brand{display:flex;align-items:center;gap:13px;text-align:left;color:#ece9dc}.brand>svg{color:var(--gold)}.brand>span{font:500 22px var(--serif);letter-spacing:5px}.brand small{display:block;font:8px Segoe UI,sans-serif;letter-spacing:2.2px;margin-top:6px;color:#a7afa5}.top-context{font-size:11px;letter-spacing:2px;color:#adb4a9}.top-context span{padding:0 13px;color:#5a6b60}.header-actions{display:flex;align-items:center;gap:24px}.header-link{display:flex;align-items:center;gap:8px;font-size:12px}.header-link i{font-size:10px;font-style:normal;color:var(--gold)}.icon-button{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:3px;color:#abb8ae}.icon-button:hover,.icon-button.active{background:#2b3930;color:var(--gold);border-color:#475443}.primary-button{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;padding:18px 25px;background:var(--gold);color:#18241b;min-height:54px;font-size:14px;border:1px solid var(--gold)}.primary-button:hover{background:#f3d49c;color:#142014}.quiet-button,.small-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:12px;min-height:40px;padding:10px 16px}.quiet-button{color:#bec5b8}.small-button{border:1px solid #415045;background:#1c2a23;color:#d8ddcd}.small-button:hover{border-color:var(--gold);background:#2c3628}.text-button{display:inline-flex;align-items:center;gap:7px;font-size:11px;color:#bcbca5;padding:10px 0}.full-width{width:100%}.eyebrow{font-size:9px;letter-spacing:2.2px;color:#b7c2b2;font-weight:500;display:flex;align-items:center;gap:12px}.eyebrow>span{width:5px;height:5px;background:var(--gold);border-radius:50%}.formula{font-family:Segoe UI,sans-serif;letter-spacing:.6px}.formula sub{font-size:.65em}.hero{min-height:calc(100svh - 90px);height:max(600px,calc(100svh - 90px));position:relative;overflow:hidden;max-height:1100px}.hero-scene{position:absolute;left:41%;top:-3%;width:63%;height:85%;z-index:1}.molecule-viewer{width:100%;height:100%;position:relative;touch-action:none}.molecule-viewer canvas{display:block;cursor:grab;touch-action:none}.molecule-viewer canvas:active{cursor:grabbing}.hero-copy{position:relative;z-index:2;padding:7.5% 0 0 8%;pointer-events:none;width:57%}.hero-copy button{pointer-events:auto}.hero-copy h1{font:400 clamp(42px,4.5vw,72px)/1.43 var(--serif);letter-spacing:1px;margin:27px 0 24px}.hero-copy h1 span{color:var(--gold)}.hero-copy p{font-size:13px;line-height:2.2;color:#aeb9aa;letter-spacing:.5px}.hero-buttons{display:flex;align-items:center;gap:16px;margin-top:34px}.hero-buttons .primary-button{width:210px}.hero-hint{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:1px;color:#91a194;margin-top:23px}.molecule-caption{position:absolute;bottom:23%;right:8%;display:flex;gap:15px;z-index:2;pointer-events:none}.caption-rule{width:45px;border-top:1px solid #667567;margin-top:10px}.molecule-caption b{font:400 18px var(--serif);margin-right:15px}.molecule-caption .formula{color:var(--gold);font-size:13px}.molecule-caption small{display:block;font-size:10px;color:#929f90;margin-top:9px;letter-spacing:.5px}.hero-bottom{position:absolute;left:8%;right:6%;bottom:4.5%;border-top:1px solid #334035;padding-top:27px;display:flex;align-items:center;justify-content:space-between;z-index:3}.hero-step{display:flex;align-items:center;gap:15px;font-size:13px;letter-spacing:1px}.hero-step>span{font:italic 29px Georgia,serif;color:#938364}.hero-step small{display:block;color:#839282;font-size:10px;margin-top:9px;letter-spacing:.5px}.hero-about{display:flex;align-items:center;gap:8px;font-size:9px;color:#9ca891;letter-spacing:.5px}.laboratory .topbar{position:sticky;top:0;height:76px;padding:0 28px}.laboratory .brand>span{font-size:18px;letter-spacing:3px}.laboratory .brand small{font-size:7px}.sidebar{position:fixed;top:76px;bottom:0;left:0;width:202px;border-right:1px solid var(--line);padding:30px 15px 20px;display:flex;flex-direction:column;background:var(--bg);z-index:9;overflow:auto}.sidebar-heading{font-size:11px;letter-spacing:1px;padding:0 13px 20px}.sidebar-heading span{display:block;font-size:8px;letter-spacing:1.6px;color:#788e7e;margin-top:7px}.chapter-link{width:100%;display:flex;align-items:center;gap:12px;padding:15px 12px;font-size:12px;text-align:left;margin:1px 0;color:#a8b3a4;border:1px solid transparent}.chapter-link.current{background:#202e25;border-color:#3b4936;color:#e8d7b0}.chapter-link:hover{background:#1a2820}.chapter-number{font:11px Georgia,serif;color:#7c9583;width:18px;display:flex;align-items:center}.chapter-link.current .chapter-number{color:var(--gold)}.current-dot{width:4px;height:4px;border-radius:50%;background:var(--gold);margin-left:auto}.advanced-label{font-size:9px;letter-spacing:1px;color:#768976;padding:22px 13px 9px}.sidebar-bottom{margin-top:auto;padding:30px 12px 0}.sidebar-bottom>span{display:block;font-size:9px;color:#a7b69f;margin-top:10px}.progress-track,.energy-track{height:3px;background:#2c3b2d;overflow:hidden}.progress-track>div,.energy-track>div{height:100%;background:var(--gold);transition:width .3s}.sidebar-bottom p{font:400 14px/1.9 var(--serif);color:#7e9581;margin:25px 0 15px}.sidebar-bottom .text-button{font-size:9px}.lab-content{margin-left:202px;padding:34px 34px 20px;max-width:1740px}.lesson-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px;gap:20px}.lesson-heading h1{font:400 clamp(25px,2.7vw,38px)/1.6 var(--serif);letter-spacing:1px;margin-top:10px}.lesson-heading p{font-size:12px;color:#91a28f;margin-top:4px}.lesson-heading .eyebrow{font-size:8px;color:#bca880}.lesson-state{font-size:10px;color:#a6b49a;display:flex;align-items:center;gap:6px;white-space:nowrap}.experiment-tabs{min-height:49px;border-bottom:1px solid var(--line);display:flex;align-items:stretch;gap:21px;margin-bottom:22px;flex-wrap:wrap}.experiment-tabs>button{display:flex;align-items:center;gap:9px;font-size:12px;color:#96a58e;padding:0 1px 13px;border-bottom:2px solid transparent}.experiment-tabs>button.selected{color:var(--gold);border-bottom-color:var(--gold)}.experiment-tabs .formula{font-size:10px;color:#758970}.experiment-tabs small{font-size:9px}.tab-label{display:flex;align-items:center;gap:15px;font-size:12px;color:#b0bda5;padding-bottom:13px}.tab-label>span:last-child{font-size:10px;color:#84997e}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:24px;align-items:start}.experiment-panel{background:var(--panel);border:1px solid #304132;min-width:0}.viewer-toolbar{height:52px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2a3a2e}.section-label{display:flex;align-items:center;gap:8px;font-size:11px;color:#becbb6;letter-spacing:.5px}.live-dot{width:4px;height:4px;background:#87b298;border-radius:50%;margin-left:4px}.viewer-actions{display:flex;gap:4px}.hydrogen-icon{font:500 15px Georgia,serif}.single-stage{display:grid;grid-template-columns:34% 66%;height:326px}.planar-side{position:relative;border-right:1px solid #2b3b2e;padding:0 12px;display:flex;align-items:center;flex-direction:column;justify-content:center;min-width:0}.view-kicker{position:absolute;top:17px;left:17px;z-index:1;color:#8e9e85;font-size:8px;letter-spacing:1.3px;pointer-events:none}.structure-canvas{width:100%;height:100%;display:block;cursor:pointer}.planar-side>.structure-canvas{height:220px}.planar-caption{font-size:9px;color:#91a087;text-align:center;line-height:1.8;padding:0 4px}.three-side{position:relative;min-width:0;background:#101d18}.stage-caption{position:absolute;left:20px;bottom:16px;display:flex;align-items:center;gap:15px;pointer-events:none}.stage-caption>b{font:400 15px var(--serif)}.stage-caption .formula{font-size:11px;color:#96aa8c}.stage-footer{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-top:1px solid #2a3a2e;font-size:9px;color:#8d9e84;gap:8px;flex-wrap:wrap}.stage-footer>span{display:flex;align-items:center;gap:5px}.stage-footer>div{display:flex;gap:8px}.stage-footer button{font-size:9px;display:flex;align-items:center;gap:4px;padding:5px}.stage-footer button.active{color:var(--gold)}.atom-strip{border-top:1px solid #2b3a2e;padding:12px 14px;display:flex;gap:5px;align-items:center;flex-wrap:wrap}.atom-strip>span{font-size:9px;color:#869c7e;margin-right:6px}.atom-strip>button{font-size:10px;padding:4px 5px;min-height:28px;min-width:28px;border:1px solid #415140;border-radius:2px;color:#bdd0b6}.atom-strip>button.element-O{color:#e9997e}.atom-strip>button.element-H{color:#dcd9c5}.atom-strip>button.selected{border-color:var(--gold);background:#5e4b2c;color:#f9dc98}.atom-strip sup{color:var(--gold)}.atom-detail{padding:12px 16px;background:#273629;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;font-size:10px;line-height:1.8}.atom-detail>b{color:var(--gold)}.atom-detail>span{color:#becab2}.insight-panel{padding:14px 0 0}.insight-panel>.section-label{color:#c4af7f;font-size:10px}.insight-panel h2{font:400 19px/1.7 var(--serif);margin:17px 0 13px;color:#e2e2cd}.insight-panel p{font-size:11px;line-height:1.95;color:#a4b197}.key-fact{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;margin:23px 0}.key-fact>span{font-size:10px;color:#b3b698}.key-fact>strong{display:block;font:400 57px/1.4 Georgia,serif;color:var(--gold);letter-spacing:-2px}.key-fact>strong small{font-size:26px;vertical-align:top;padding-top:7px;display:inline-block;margin-left:3px}.key-fact>p{margin-top:6px}.legend{display:flex;gap:15px;margin-top:24px;font-size:9px;color:#c0c9b3}.legend>span{display:flex;align-items:center;gap:6px}.legend i{width:8px;height:8px;border-radius:50%;display:inline-block}.carbon{background:#64817e}.hydrogen{background:#efe8d8}.oxygen{background:#e37e64}.model-disclaimer{font-size:9px;line-height:1.7;color:#788d72;margin-top:10px}.compare-grid{display:grid;grid-template-columns:1fr 1fr}.compare-cell{min-width:0;position:relative;padding-bottom:14px;background:#101d18}.compare-cell+.compare-cell{border-left:1px solid #2b3b2e}.model-label{display:flex;align-items:center;gap:9px;padding:16px 15px 0;font-size:11px}.model-label>span{font:italic 16px Georgia,serif;color:var(--gold)}.model-label>b{font-weight:400;color:#c4d0b7;font-size:11px}.compare-view{height:230px}.compare-formula{height:100px;border-top:1px dashed #30422f;background:var(--panel)}.compare-cell>.small-note{display:block;text-align:center;font-size:9px;color:#95a58a;margin-top:12px}.comparison-facts{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0;margin:20px 0;display:flex;flex-direction:column;gap:13px}.comparison-facts>span{font-size:11px;color:#c4cbb1;display:flex;align-items:center;gap:12px}.comparison-facts small{color:#889e7e;margin-left:auto;font-size:10px}.insight-panel>.small-button{margin-top:12px;justify-content:space-between;font-size:11px;padding:12px}.fine-print{font-size:10px!important;line-height:1.9;color:#93a186!important;margin-top:16px}.insight-note,.interaction-feedback{font-size:11px;line-height:1.95;border-left:2px solid #b39c64;padding:12px 13px;margin-top:19px;background:#1e2a20;color:#cbd0b5}.four-groups{display:flex;gap:6px;margin-top:18px}.four-groups>span{border:1px solid #3a4d37;padding:6px 9px;color:#cfc69d;font-size:10px}.representation-tabs{display:flex;border:1px solid #344832;margin-top:14px}.representation-tabs button{font-size:9px;padding:6px 8px;color:#97ac8b}.representation-tabs button.active{background:#33452e;color:var(--gold)}.quiz-panel{border-top:1px solid #32422f;border-bottom:1px solid #32422f;margin-top:30px;padding:24px 0}.quiz-prompt .eyebrow{font-size:8px;color:#a99871}.quiz-prompt h2{font:400 16px/1.8 var(--serif);margin-top:11px}.quiz-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}.quiz-options button{font-size:11px;display:flex;align-items:center;text-align:left;gap:10px;line-height:1.7;border:1px solid #34462f;min-height:49px;padding:10px 12px;color:#bec8ac}.quiz-options button>span{font:11px Georgia,serif;color:#d0b477;border-right:1px solid #405035;padding-right:11px}.quiz-options button>svg{margin-left:auto}.quiz-options button.correct{border-color:#80a884;background:#273e29;color:#d8eacd}.quiz-options button.incorrect{border-color:#bf8666;background:#3a2e22}.quiz-feedback{margin-top:14px;font-size:11px;line-height:1.8;padding:12px 14px}.quiz-feedback.correct{background:#203423;color:#b2d4b1}.quiz-feedback.incorrect{background:#37291f;color:#e3b495}.quiz-feedback b{margin-right:5px}.lesson-footer{padding:22px 0;display:flex;align-items:center;justify-content:space-between;gap:12px}.lesson-footer>span{font-size:9px;color:#7d9172}.lesson-footer .quiet-button{padding-left:0}.builder{border:1px solid #354630;background:#14211b;margin-top:24px;padding:20px}.builder-atoms{display:flex;gap:14px;margin:18px 0}.builder-atoms button{width:49px;height:43px;border:1px solid #53694a;background:#253627;color:#c6d4ba;font:19px Georgia,serif}.builder-atoms button.chosen{border-color:var(--gold);background:#5d4a28;color:#f6dfa6}.bond-list{display:flex;gap:8px;flex-wrap:wrap}.bond-list button{display:flex;align-items:center;gap:12px;border:1px solid #3b4f31;padding:5px 9px;font-size:10px;color:#bdcaaa}.builder>p{font-size:11px;color:#a7b598;margin:13px 0}.button-row{display:flex;gap:18px}.toggle-label{display:inline-flex;gap:9px;align-items:center;position:relative;cursor:pointer;font-size:11px;color:#c5cbb1;padding-bottom:13px}.toggle-label input{position:absolute;opacity:0;width:30px;height:22px}.toggle-track{width:29px;height:16px;background:#30442c;border-radius:10px;border:1px solid #506144;position:relative;transition:background .2s}.toggle-track:after{content:"";position:absolute;width:10px;height:10px;left:2px;top:2px;border-radius:50%;background:#98ae88;transition:transform .2s}.toggle-label input:checked+.toggle-track{background:#b9a36c;border-color:#cdbb82}.toggle-label input:checked+.toggle-track:after{background:#1e3020;transform:translate(13px)}.toggle-label input:focus-visible+.toggle-track{outline:2px solid var(--gold);outline-offset:3px}.collection-counter{display:flex;gap:14px;align-items:center;margin:20px 0}.collection-counter strong{font:64px Georgia,serif;color:var(--gold)}.collection-counter>span{font:20px Georgia,serif;color:#8fa07b}.collection-counter small{font:10px Segoe UI,sans-serif;display:block;margin-top:8px;color:#a9b391}.success-note{background:#253c28;color:#bfdbb5;font-size:11px;padding:12px;line-height:1.8;display:flex;gap:8px;margin-top:14px}.collection-section{margin-top:27px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-heading h2{font:400 19px var(--serif)}.section-heading>span{font-size:10px;color:#879e79}.molecule-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.molecule-card{border:1px solid #344b2f;background:var(--panel);padding:8px 12px 14px;text-align:left;min-width:0}.molecule-card.active{border-color:var(--gold);background:#1e2e21}.mini-structure{height:110px;pointer-events:none}.molecule-card>b{font-size:12px;display:block;font-weight:400;margin-top:4px}.molecule-card>span{font-size:9px;color:#96b083;display:flex;align-items:center;gap:5px;margin-top:9px}.duplicate-test{margin-top:10px}.conformation-controls{border-top:1px solid #3b4d31;padding:18px}.conformation-controls>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px}.conformation-controls b{font-size:11px;font-weight:400}.conformation-controls em{font:22px Georgia,serif;color:var(--gold);margin-left:8px}.conformation-controls>div>span{font-size:10px;color:#b3c5a1}.conformation-controls input{width:100%;accent-color:var(--gold);margin:20px 0 8px;cursor:pointer}.angle-stops{display:flex;justify-content:space-between}.angle-stops button{font-size:10px;color:#a7b898;padding:7px}.conformation-controls p{font-size:9px;color:#829d75;margin-top:10px}.newman{max-width:100%;height:auto}.sr-only{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap}.webgl-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:12px;line-height:1.8;padding:30px;color:#c3d2b4}.modal{background:#142119;border:1px solid #536046;padding:30px;max-width:min(740px,calc(100vw - 32px));width:740px;max-height:85svh;color:#e5e8d6;box-shadow:0 25px 100px #0008}.modal::backdrop{background:#050c09d9;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.modal-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #35482e;padding-bottom:20px;gap:14px}.modal-head h2{font:400 24px/1.5 var(--serif)}.modal-intro{font-size:12px;color:#a4b796;margin:20px 0}.map-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.map-grid button{border:1px solid #3c512f;padding:18px 14px;display:flex;align-items:center;gap:14px;text-align:left}.map-grid button>span{font:italic 22px Georgia,serif;color:var(--gold)}.map-grid button>div{flex:1}.map-grid b{font-size:13px;font-weight:400}.map-grid small{font-size:10px;color:#89a07b;display:block;margin-top:8px;line-height:1.8}.map-grid button:hover{background:#273b24;border-color:#839567}.record-summary{display:flex;align-items:center;gap:23px;margin:22px 0}.record-summary>strong{font:64px Georgia,serif;color:var(--gold)}.record-summary small{font-size:21px;color:#89a175}.record-summary>div{font-size:14px}.record-summary p{font-size:10px;color:#93ab82;margin-top:8px}.record-list button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:13px 0;border-bottom:1px solid #2d4426;font-size:12px}.record-list button>span:last-child{font-size:10px;display:flex;align-items:center;gap:6px;color:#809b70}.record-list .done{color:var(--gold)!important}.modal>.primary-button{margin-top:22px}.about-copy p{font-size:12px;color:#b3c5a2;margin:19px 0}.about-copy h3{font:400 17px var(--serif);margin-top:22px}.about-copy a{display:block;font-size:11px;margin-top:12px}.mobile-nav-toggle{display:none}@media(min-width:1600px){.hero-copy{padding-top:7%}.single-stage{height:400px}.compare-view{height:310px}.workspace{grid-template-columns:minmax(0,1fr) 290px;gap:35px}.lab-content{padding:42px 50px}.sidebar{width:225px}.lab-content{margin-left:225px}}@media(max-width:1150px){.top-context{display:none}.hero-copy{padding-left:6%;width:60%}.hero-copy h1{font-size:51px}.hero-bottom{left:6%;right:5%}.hero-about{display:none}.sidebar{width:177px;padding-left:8px;padding-right:8px}.chapter-link{font-size:11px;gap:9px}.lab-content{margin-left:177px;padding:28px 23px}.workspace{grid-template-columns:minmax(0,1fr) 215px;gap:18px}.single-stage{grid-template-columns:35% 65%;height:300px}.compare-view{height:205px}.model-label{padding-left:10px;padding-right:8px;gap:7px}.viewer-toolbar{padding:0 10px}.section-label{font-size:10px}.viewer-actions{gap:0}.icon-button{width:30px;height:32px}.quiz-options{grid-template-columns:1fr}.insight-panel h2{font-size:18px}.lesson-heading .eyebrow{letter-spacing:1.4px}.stage-footer{font-size:8px}.hero-scene{left:40%;width:70%}}@media(max-width:900px){.sidebar{display:none}.mobile-nav-toggle{position:sticky;top:76px;display:flex;align-items:center;gap:9px;padding:12px 22px;width:100%;background:#1b2a1f;border-bottom:1px solid #34462f;font-size:12px;z-index:8}.mobile-nav-toggle svg:last-child{margin-left:auto}.sidebar.shown{display:flex;top:118px;bottom:auto;max-height:calc(100svh - 118px);width:100%;padding:15px 20px;box-shadow:0 20px 40px #0008}.sidebar.shown nav{display:grid;grid-template-columns:1fr 1fr;gap:3px 14px}.sidebar-heading,.sidebar-bottom,.advanced-label{display:none}.lab-content{margin-left:0;padding:27px 25px}.workspace{grid-template-columns:minmax(0,1fr) 235px}.lesson-state{display:none}.hero-copy{padding-top:12%}.hero-copy h1{font-size:43px}.hero-copy p{font-size:11px}.hero-buttons{gap:4px;flex-wrap:wrap}.hero-buttons .primary-button{width:180px}.hero-scene{left:39%;top:4%;height:73%}.molecule-caption{right:6%;bottom:22%}.molecule-caption small{max-width:210px;line-height:1.9}.hero-step{font-size:11px}.header-actions{gap:18px}}@media(max-width:650px){.topbar,.laboratory .topbar{height:72px;padding:0 20px}.brand>span,.laboratory .brand>span{font-size:18px;letter-spacing:2px}.brand small{font-size:6px!important;letter-spacing:1.4px}.brand{gap:8px}.brand>svg{width:25px}.header-actions{gap:9px}.header-link>span{display:none}.header-link i{font-size:9px}.hero{height:max(760px,calc(100svh - 72px));max-height:none}.hero-copy{padding:38px 25px 0;width:100%}.hero-copy .eyebrow{font-size:8px;letter-spacing:1.5px}.hero-copy h1{font-size:36px;margin:20px 0 14px;line-height:1.45}.hero-copy p{font-size:11px;line-height:2}.hero-buttons{margin-top:20px;gap:5px}.hero-buttons .primary-button{width:155px;min-height:46px;padding:12px 17px;font-size:12px}.hero-buttons .quiet-button{font-size:11px;padding:10px}.hero-hint{font-size:8px;margin-top:13px}.hero-scene{top:310px;left:3%;width:96%;height:310px}.molecule-caption{bottom:123px;left:27px;right:auto}.molecule-caption small{display:none}.molecule-caption b{font-size:14px}.molecule-caption .formula{font-size:11px}.caption-rule{width:27px}.hero-bottom{left:25px;right:25px;bottom:27px;padding-top:19px;gap:10px}.hero-step{gap:8px;font-size:9px;letter-spacing:0}.hero-step>span{font-size:20px}.hero-step small{font-size:8px;margin-top:5px;max-width:70px;line-height:1.5}.mobile-nav-toggle{top:72px;padding:11px 20px}.sidebar.shown{top:112px}.lab-content{padding:24px 16px 10px}.lesson-heading{margin-bottom:18px}.lesson-heading h1{font-size:25px;line-height:1.5;margin-top:12px;letter-spacing:0}.lesson-heading p{font-size:11px;margin-top:9px}.lesson-heading .eyebrow{font-size:7px;letter-spacing:1.1px}.experiment-tabs{gap:18px;margin-bottom:18px;min-height:41px}.experiment-tabs>button{font-size:11px;gap:5px}.experiment-tabs .formula{font-size:9px}.workspace{display:block}.single-stage{height:285px;grid-template-columns:38% 62%}.planar-side{padding:0 6px}.planar-side>.structure-canvas{height:190px}.planar-caption{font-size:8px}.view-kicker{left:10px;top:15px;font-size:7px;letter-spacing:.5px}.stage-caption{left:12px;bottom:17px;gap:11px}.stage-caption>b{font-size:13px}.stage-caption .formula{font-size:10px}.stage-footer{padding:8px;gap:5px}.stage-footer>span{font-size:8px}.stage-footer>div{gap:3px}.stage-footer button{font-size:8px;padding:5px}.atom-strip{padding:10px;gap:5px}.atom-strip>button{min-width:30px;min-height:30px}.insight-panel{padding:24px 3px 0}.insight-panel h2{margin:12px 0 9px;font-size:20px}.insight-panel p{font-size:12px}.key-fact{margin:18px 0;padding:15px 0}.key-fact>strong{font-size:47px}.key-fact>p{font-size:12px}.legend{margin-top:17px}.model-disclaimer{font-size:9px}.compare-view{height:200px}.compare-formula{height:105px}.model-label b{font-size:10px}.compare-cell>.small-note{font-size:8px}.quiz-panel{margin-top:25px;padding:22px 0}.quiz-prompt h2{font-size:16px}.quiz-options button{font-size:12px}.lesson-footer{align-items:center;flex-wrap:wrap;gap:7px}.lesson-footer>span{display:none}.lesson-footer .small-button{font-size:10px;padding:10px}.molecule-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.section-heading h2{font-size:18px}.section-heading>span{font-size:9px}.molecule-card{padding:5px 9px 12px}.molecule-card>b{font-size:11px}.collection-counter{margin:15px 0}.collection-counter strong{font-size:56px}.representation-tabs button{font-size:8px;padding:5px}.conformation-controls{padding:13px}.conformation-controls>div>span{font-size:9px}.angle-stops button{font-size:9px;padding:6px 2px}.newman{width:100%}.modal{padding:20px;max-height:88svh}.modal-head h2{font-size:20px}.map-grid{grid-template-columns:1fr}.map-grid button{padding:13px}.map-grid small{font-size:10px}.record-summary strong{font-size:54px}.record-summary{gap:15px}.record-summary p{font-size:9px}.modal-intro{font-size:11px}.sidebar.shown .chapter-link{padding:13px 8px}.toggle-label{font-size:10px}.comparison-facts{margin:18px 0}.insight-panel>.small-button{min-height:43px}.four-groups>span{font-size:12px}.insight-note,.interaction-feedback{font-size:12px}.viewer-toolbar{height:47px}.quiz-feedback{font-size:12px}}*{scrollbar-color:#3a5040 #101c16;scrollbar-width:thin}.compare-formula{height:165px}.sidebar-bottom p{margin:18px 0 10px}.sidebar-bottom{padding-top:20px}.stage-footer button,button{scroll-margin-top:95px}.mini-structure .structure-canvas{height:110px}.mirror-slider{display:block;margin-top:17px;font-size:11px;color:#bacbad}.mirror-slider input{width:100%;accent-color:var(--gold);margin-top:12px}@media(max-width:650px){.compare-formula{height:145px}button{scroll-margin-top:130px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}