.chemistry-scene{margin:1.2rem 0 1.8rem;border:1px solid #dbe8e5;border-radius:24px;overflow:hidden;background:#fff;color:#173d43;box-shadow:0 12px 32px #173d430b}.chem-scene-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;background:#f6faf9}.chem-scene-toolbar>div{display:flex;gap:8px;flex-wrap:wrap}.chem-scene-toolbar .quiet{font-size:12px;min-height:40px}.chem-scene-stage{position:relative;overflow:hidden;isolation:isolate;aspect-ratio:3/2;background:#103b43}.chem-scene-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s ease}.chemistry-scene.is-zoomed .chem-scene-image{transform:scale(1.12)}.chem-scene-controls{display:flex;gap:8px;padding:14px 18px 0;flex-wrap:wrap}.chem-scene-controls button{flex:1;min-width:120px;min-height:46px;border:1px solid #cce1dc}.chem-scene-controls button.selected{background:#d9f1e8;border-color:#398878;color:#154c42;box-shadow:inset 0 0 0 1px #398878}.chem-scene-result{padding:18px 22px;background:#fff}.chem-scene-result>strong{font-size:18px}.chem-scene-result p{line-height:1.65;margin:8px 0 12px}.chem-scene-result>b{display:inline-block;background:#eaf7f1;border-radius:12px;padding:10px 14px;font-size:15px}.chem-scene-note{font-size:12px;line-height:1.55;color:#56736e;margin:0;padding:0 22px 18px}.chem-model-lens{position:absolute;right:3%;top:15%;width:43%;padding:14px 10px;border:1px solid #c5f5e463;border-radius:24px;background:linear-gradient(150deg,#113f46e8,#082d3be8);box-shadow:0 16px 42px #001d3352;color:#effff9;text-align:center;backdrop-filter:blur(5px)}.chem-model-kicker{font-size:clamp(10px,1.5vw,14px);font-weight:800;display:block}.chem-model-lens svg{width:100%;display:block;overflow:visible}.chem-model-lens small{display:block;font-size:11px;line-height:1.4;color:#c1ded7}.chem-particle{fill:#8fe6cc;stroke:#d8fff4;stroke-width:2;filter:drop-shadow(0 4px 5px #0b152b88);transform-box:fill-box;transform-origin:center}.chem-particle.solid{animation:chem-vibrate 1.1s ease-in-out infinite alternate;animation-delay:0s}.chem-particle.liquid{animation:chem-drift 3.8s ease-in-out infinite alternate;animation-delay:0s}.chem-particle.gas{animation:chem-gas 3.2s ease-in-out infinite alternate;animation-delay:0s}.chem-electron-cloud{fill:#b2eeff0d;stroke:#8bd6e83b;stroke-width:2}.chem-nucleon{stroke:#fff6;stroke-width:1;filter:drop-shadow(0 2px 2px #0005)}.chem-nucleon.proton,.chem-counts i.proton{fill:#f19b7c;background:#f19b7c}.chem-nucleon.neutron,.chem-counts i.neutron{fill:#8ccbbb;background:#8ccbbb}.chem-electron,.chem-counts i.electron{fill:#c2edff;background:#c2edff}.chem-counts{display:flex;justify-content:center;gap:12px;margin:0 0 9px;font-weight:750;font-size:14px}.chem-counts i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:3px}.chem-bond{stroke:#c0dce2;stroke-width:7;stroke-linecap:round}.chem-atom{stroke:#efffffb0;stroke-width:1.5;filter:drop-shadow(0 4px 5px #0005)}.chem-atom.oxygen{fill:#c45d64}.chem-atom.hydrogen{fill:#f3ead9}.chem-atom.carbon{fill:#38444e}.chem-atom.sodium{fill:#d7b080}.chem-atom.chloride{fill:#73ad9d}.chem-molecules text{font-family:inherit;fill:#fff;font-size:17px;text-anchor:middle;font-weight:750;paint-order:stroke;stroke:#17353c;stroke-width:2px}.chem-vessel-tags{position:absolute;inset:8% 13% auto;display:flex;justify-content:space-between;gap:7%}.chem-vessel-tag{width:43%;background:#fffffff0;border:1px solid #fff;border-radius:16px;padding:11px 8px;box-shadow:0 8px 20px #194f4b21;display:flex;flex-direction:column;gap:5px;text-align:center}.chem-vessel-tag span{font-size:clamp(10px,1.5vw,14px)}.chem-vessel-tag strong{font-size:clamp(16px,2.5vw,23px)}.chem-vessel-tag .chem-warn{color:#a34f31}.chem-element-panel{position:absolute;top:4%;left:34%;width:32%;text-align:center;color:#173b40}.chem-element-tile{padding:8px 12px;display:flex;flex-direction:column;align-items:center;background:#fffef5ed;box-shadow:0 8px 20px #173d4325;border:1px solid #d4bba5;border-radius:14px}.chem-element-tile span{font-size:13px}.chem-element-tile b{font-size:clamp(28px,5vw,48px);line-height:1.1}.chem-element-tile strong{font-size:15px}.chem-element-panel p{margin:8px 0;font-size:13px}.chem-element-panel small{font-size:11px;background:#ffffffe6;padding:5px;border-radius:6px}.chem-material-focus{position:absolute;left:3%;top:56%;width:30%;height:34%;border:3px solid #d4ffe3;border-radius:24px;box-shadow:0 0 0 5px #58c99c30,0 0 36px #45d9c040;pointer-events:none}.chemistry-scene.is-paused *{animation-play-state:paused!important}@keyframes chem-vibrate{to{transform:translate(2px,-1px)}}@keyframes chem-drift{to{transform:translate(8px,6px)}}@keyframes chem-gas{to{transform:translate(11px,-10px)}}@media(prefers-reduced-motion:reduce){.chemistry-scene *{animation:none!important;transition:none!important}}@media(max-width:560px){.chem-scene-toolbar{align-items:flex-start;flex-direction:column;padding:12px}.chem-scene-toolbar>strong{font-size:13px}.chem-scene-stage{aspect-ratio:3/2}.chem-model-lens{right:2%;top:6%;width:47%;padding:7px 5px;border-radius:16px}.chem-model-lens small{font-size:8px}.chem-model-kicker{font-size:9px}.chem-counts{font-size:10px;gap:6px}.chem-vessel-tags{inset:3% 8% auto}.chem-vessel-tag{padding:6px 3px;gap:3px;border-radius:9px}.chem-vessel-tag>b{font-size:10px}.chem-element-panel{top:2%;left:34%;width:32%}.chem-element-tile{padding:4px}.chem-element-tile span,.chem-element-tile strong{font-size:10px}.chem-element-panel p{font-size:10px;margin:3px 0}.chem-element-panel small{font-size:7px}.chem-scene-result{padding:16px}.chem-scene-controls{padding:12px 12px 0}.chem-scene-controls button{font-size:12px}.chem-scene-note{padding:0 16px 16px}}
.chem-material-focus.focus-0{left:3%}.chem-material-focus.focus-1{left:36%}.chem-material-focus.focus-2{left:69%}.chem-material-focus.focus-vessel{top:22%;height:66%}.chem-material-label{position:absolute;left:28%;top:5%;width:44%;display:flex;flex-direction:column;gap:6px;text-align:center;background:#fffffff0;border:1px solid #e3eee9;border-radius:16px;padding:12px;box-shadow:0 10px 28px #0c39421f}.chem-material-label strong{font-size:18px}.chem-material-label span{font-size:13px}.chem-material-label small{font-size:10px}.chem-conduct{padding:7px 10px;border-radius:10px;font-size:13px}.chem-conduct.yes{background:#d5f3df;color:#175d3b}.chem-conduct.no{background:#f5e5d6;color:#764b29}.chem-mass-bar.hydrogen{fill:#efe7cf}.chem-mass-bar.carbon{fill:#75828b}.chem-mass-bar.oxygen{fill:#df8f92}.chem-phase-boundary{stroke:#adddee99;stroke-width:2;stroke-dasharray:8 6}.chem-water-bar{fill:#6cb5d1}.chem-salt-bar{fill:#f6d798}.chem-particle{animation-play-state:paused!important;animation-delay:0s!important}.chem-particle:nth-child(3n){animation-delay:-.8s!important}.chem-particle:nth-child(3n+1){animation-delay:-1.6s!important}.year-figure[data-playback="running"] .chem-particle{animation-play-state:running!important}.chemistry-scene.is-paused .chem-particle{animation-play-state:paused!important}@media(max-width:560px){.chem-material-label{padding:7px;gap:3px;left:25%;width:50%}.chem-material-label strong{font-size:12px}.chem-material-label span,.chem-conduct{font-size:10px}.chem-material-label small{font-size:8px}.chem-conduct{padding:4px}}@media(prefers-reduced-motion:reduce){.year-figure[data-playback="running"] .chem-particle{animation:none!important}}
.chem-evidence-card{position:absolute;right:3%;top:13%;width:43%;border:1px solid #e4f4ed;border-radius:20px;padding:19px;background:#fffffff2;box-shadow:0 12px 35px #092f4030;display:flex;flex-direction:column;gap:12px}.chem-evidence-card>strong{font-size:clamp(15px,2vw,25px)}.chem-evidence-card p{margin:0;line-height:1.5;font-size:clamp(11px,1.4vw,15px)}.chem-evidence-card>b{font-size:clamp(11px,1.4vw,15px);color:#1e6555}.chem-process-caption{position:absolute;left:4%;right:4%;bottom:4%;padding:14px 20px;background:#073641ed;border:1px solid #cdf3e770;border-radius:18px;color:#effff9;display:flex;flex-direction:column;gap:6px;box-shadow:0 7px 25px #05283045}.chem-process-caption strong{font-size:clamp(13px,2vw,21px)}.chem-process-caption span{font-size:clamp(11px,1.5vw,15px);line-height:1.45}.chem-apparatus-focus{position:absolute;border:3px solid #b7f6da;border-radius:22px;box-shadow:0 0 0 7px #5dddac25,0 0 32px #7dffda50;pointer-events:none}.chem-apparatus-focus.apparatus-0{left:7%;top:32%;width:24%;height:44%}.chem-apparatus-focus.apparatus-1{left:33%;top:23%;width:44%;height:27%;transform:rotate(16deg)}.chem-apparatus-focus.apparatus-2{left:81%;top:62%;width:17%;height:25%}.chem-energy-box{fill:#2b5b62;stroke:#b4e2d1;stroke-width:2}.chem-sand{fill:#e8bc75;stroke:#fff1cf;stroke-width:2}.chem-filter-line{stroke:#f5e5cd;stroke-width:10;stroke-dasharray:9 5}.chem-ink{fill:#171c30;stroke:#e5dbfc;stroke-width:2}.chem-blue-dye{fill:#48b0ed;stroke:#c5efff;stroke-width:2}.chem-yellow-dye{fill:#f3d770;stroke:#fff0ba;stroke-width:2}.chem-front{stroke:#b5dfeb;stroke-width:2;stroke-dasharray:5 4}.chem-system{fill:#153e49;stroke:#b1ebd3;stroke-width:3}.chem-system.open{stroke-dasharray:12 9}.chem-molecules text.chem-balanced{fill:#b2f1ca}.chem-molecules text.chem-unbalanced{fill:#ffcf9c}@media(max-width:560px){.chem-evidence-card{padding:9px;gap:7px;right:2%;top:6%;width:47%;border-radius:12px}.chem-evidence-card>strong{font-size:12px}.chem-evidence-card p,.chem-evidence-card>b{font-size:10px}.chem-process-caption{padding:9px 11px;border-radius:11px;gap:4px}.chem-process-caption strong{font-size:12px}.chem-process-caption span{font-size:10px}.chem-apparatus-focus{border-width:2px;border-radius:12px}}
.chem-air-nitrogen{fill:#81cbd0}.chem-air-oxygen{fill:#efb375}.chem-air-other{fill:#b5a2e5}.chem-air-water{fill:#5c9ee6}.chem-water-focus,.chem-ph-focus,.chem-design-focus{position:absolute;border:3px solid #d7ffe9;border-radius:20px;box-shadow:0 0 0 6px #60e7b32a,0 0 30px #70ffd750;pointer-events:none}.chem-water-focus{top:28%;width:13%;height:47%}.chem-water-focus.focus-0{left:6%}.chem-water-focus.focus-1{left:23%}.chem-water-focus.focus-2{left:39%}.chem-ph-focus{top:17%;width:18%;height:64%}.chem-ph-focus.focus-0{left:7%}.chem-ph-focus.focus-1{left:27%}.chem-ph-focus.focus-2{left:46%}.chemistry-scene[data-chem-part="ph"] .chem-model-lens{right:2%;top:25%;width:31%}.chem-ph-axis,.chem-ph-tick{stroke:#c7ebec;stroke-width:3}.chem-ph-marker{fill:#fff0b9;stroke:#183f4d;stroke-width:3}.chem-design-focus.focus-0{left:3%;top:49%;width:35%;height:37%}.chem-design-focus.focus-1{left:26%;top:42%;width:37%;height:34%}.chem-design-focus.focus-2{left:49%;top:36%;width:37%;height:33%}.chem-product-bar{fill:#91ddbc}.chem-reject-bar{fill:#d59985}.chem-flow-arrow{fill:none;stroke:#a5ead0;stroke-width:4}.chem-news-card>strong{font-size:clamp(14px,1.8vw,22px)}@media(max-width:560px){.chem-water-focus,.chem-ph-focus,.chem-design-focus{border-width:2px;border-radius:11px}.chemistry-scene[data-chem-part="ph"] .chem-model-lens{right:1%;top:18%;width:33%;padding:5px 3px}.chemistry-scene[data-chem-part="ph"] .chem-model-lens small{font-size:7px}.chem-news-card>strong{font-size:12px}}

.chemistry-scene[data-chem-lesson="2"] .chem-material-focus{top:31%;height:40%}