@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&display=swap";:root{font-family:Outfit,Noto Sans SC,sans-serif;color:#303a45;background:#f7f8fa;font-synthesis:none;font-weight:400;font-size:14px;--orange:#ef8b61;--muted:#9098a3;--border:#edf0f3}*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer}button{border:0;background:none;color:inherit}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,[role=button]:focus-visible{outline:3px solid #efa47c;outline-offset:4px}a{color:inherit;text-decoration:none}svg{flex-shrink:0}h1,h2,h3,p{margin:0}button{transition:background .18s,transform .18s,box-shadow .18s}button:hover:not(:disabled){filter:brightness(.98)}.app{display:flex;min-height:100vh}.sidebar{width:236px;background:#fff;border-right:1px solid #e9edf0;position:fixed;inset:0 auto 0 0;padding:34px 20px 18px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:10px;margin:0 1px 48px;font-size:16px;font-weight:700;letter-spacing:-.7px}.brand-icon{width:39px;height:42px;background:#ec9272;color:#fff;border-radius:13px;display:grid;place-items:center;box-shadow:0 4px 12px #ed927126}.brand small{display:block;font-size:8px;color:#9da4ad;letter-spacing:1.55px;margin-top:5px;font-weight:500}.course-label{font-size:10px;letter-spacing:1.3px;color:#a3aab3;margin:0 14px 14px}.sidebar nav{display:flex;flex-direction:column;gap:8px}.nav-item{display:flex;align-items:center;gap:12px;text-align:left;padding:14px 13px;font-size:13px;color:#79838f;border-radius:9px;position:relative;min-height:47px}.nav-item svg{stroke-width:1.6}.nav-item:hover{background:#f8f9fa}.nav-item.active{background:#fcf0e9;color:#d7835e;font-weight:600}.nav-dot{width:5px;height:5px;background:#e58d67;border-radius:50%;margin-left:auto}.nav-item:not(.active) .nav-dot{display:none}.sidebar-course{display:flex;gap:9px;margin:40px 5px 0;padding-top:23px;border-top:1px solid var(--border)}.tiny-icon{display:grid;place-items:center;width:32px;height:32px;background:#f3f6f7;border-radius:9px;color:#8eaaa0}.sidebar-course strong{font-size:11px;font-weight:500}.sidebar-course p{font-size:9px;color:#a2a9b1;margin-top:6px}.progress-box{margin:24px 5px 0;padding:15px 12px;background:#f9fafb;border:1px solid #f0f2f4;border-radius:10px}.progress-title{display:flex;justify-content:space-between;font-size:10px;color:#7f8994}.progress-title strong{font-family:Outfit,sans-serif;font-weight:500;color:#9aa3ad}.progress-track{height:5px;background:#e9edf0;border-radius:5px;margin:12px 0}.progress-track span{display:block;height:100%;border-radius:5px;background:#efa47e;transition:width .4s}.progress-box p{font-size:9px;color:#a0a8b1;line-height:1.8}.help-button{display:flex;align-items:center;gap:9px;color:#919ba5;margin:auto 5px 0;padding:24px 8px 18px;font-size:11px}.help-button svg:last-child{margin-left:auto}.sidebar-foot{border-top:1px solid #edf0f2;padding:20px 11px 0;font-size:9px;color:#a8afb7;display:flex;align-items:center;gap:7px}.online-dot{width:5px;height:5px;background:#9bbbaf;border-radius:50%}.workspace{width:calc(100% - 236px);margin-left:236px}.topbar{height:77px;background:#fff;border-bottom:1px solid #edf0f2;display:flex;align-items:center;justify-content:space-between;padding:0 38px}.breadcrumb{display:flex;align-items:center;gap:12px;color:#a3abb3;font-size:11px}.breadcrumb strong{color:#65727e;font-weight:500}.top-actions{display:flex;align-items:center;gap:20px}.classroom-label{display:flex;align-items:center;gap:7px;font-size:10px;color:#8a949e}.classroom-label span{width:5px;height:5px;background:#91b2a4;border-radius:50%}.top-actions button{display:flex;align-items:center;gap:7px;border:1px solid #e8ebee;border-radius:7px;padding:8px 12px;font-size:10px;color:#78838f}.avatar{font-size:8px;background:#f3e9dc;border:3px solid #faf6f0;border-radius:50%;width:35px;height:35px;display:grid;place-items:center;color:#ad9270;font-weight:600}main{max-width:1520px;margin:auto;padding:34px 38px 0}.page-intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:29px;min-height:104px}.eyebrow{display:flex;align-items:center;gap:6px;font-size:10px;letter-spacing:1.15px;color:#ac9c8d;font-weight:500}.eyebrow>span{width:5px;height:5px;background:#e5ab84;border-radius:50%}h1{font-size:29px;font-weight:700;letter-spacing:.4px;margin-top:12px}h1 span{color:#e79068}.page-intro p{font-size:11px;color:#959ca5;margin-top:12px;letter-spacing:.3px}.intro-art{width:200px;height:112px;position:relative;margin-right:18px}.orbit{position:absolute;border:1px dashed #e4e5e2;border-radius:50%;width:146px;height:77px;left:25px;top:20px;transform:rotate(-17deg)}.orbit-two{transform:rotate(27deg);width:117px;left:38px}.art-machine{width:75px;height:62px;position:absolute;left:67px;top:28px;background:#fff;border:1px solid #e6ebee;border-radius:12px;box-shadow:0 5px 12px #a1b0b110;display:flex;align-items:center;justify-content:center;color:#a5b4bc;transform:rotate(-7deg)}.art-machine span{position:absolute;bottom:10px;width:36px;height:2px;background:#d5dfe4}.art-machine span:last-child{bottom:6px;width:30px}.art-sun,.art-snow{position:absolute;display:grid;place-items:center;border-radius:50%;width:45px;height:45px}.art-sun{background:#faead9;color:#eab278;left:17px;top:15px;transform:rotate(-15deg)}.art-snow{background:#e8f1f9;color:#8ab2d2;right:6px;bottom:9px;transform:rotate(12deg)}.art-spark{position:absolute;right:24px;top:3px;color:#deb894}.art-dot{position:absolute;bottom:7px;left:49px;width:5px;height:5px;background:#a9c3b5;border-radius:50%}.explore-grid{display:grid;grid-template-columns:minmax(0,1fr) 267px;gap:22px;align-items:stretch}.card{background:#fff;border:1px solid #e7ebef;border-radius:13px;box-shadow:0 3px 6px #253f5511}.principle-card{overflow:hidden}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:21px 22px 14px}.card-heading>div:first-child{display:flex;align-items:center;gap:8px}h2{font-size:14px;font-weight:600}.section-icon{display:grid;place-items:center;width:27px;height:27px;border-radius:8px}.section-icon.orange{color:#db976f;background:#fcf2e9}.section-icon.green{color:#85a695;background:#eef5f0}.section-icon.blue{color:#76a2c5;background:#edf5fb}.live-tag{font-size:8px;color:#99a2aa;background:#f6f7f8;padding:4px 6px;border-radius:4px;font-weight:400}.mode-switch{display:flex;background:#f5f6f8;padding:3px;border-radius:7px;gap:2px}.mode-switch button{display:flex;align-items:center;gap:5px;padding:7px 9px;font-size:9px;color:#9ba3ad;border-radius:5px;white-space:nowrap}.mode-switch .selected{background:#fff;box-shadow:0 1px 5px #15273b0e}.mode-switch .cool{color:#729fbe}.mode-switch .heat{color:#e29064}.diagram-caption{display:flex;align-items:center;gap:7px;font-size:9px;color:#8d97a2;margin:0 23px 8px}.status-dot{width:5px;height:5px;border-radius:50%;background:#9bbbd2}.status-dot.heat{background:#edb28b}.click-hint{display:flex;align-items:center;gap:5px;margin-left:auto;font-size:8px;color:#a6afb7}.cycle-svg{display:block;width:100%;padding:0 9px;height:auto}.svg-part{cursor:pointer}.svg-part:hover{filter:drop-shadow(0 3px 4px #718a9b25)}.flow-line{animation:flow 2.5s linear infinite;animation-play-state:paused}.running .flow-line{animation-play-state:running}.fan{animation:spin 4s linear infinite;animation-play-state:paused}.running .fan{animation-play-state:running}.air-line{animation:breeze 2s ease-in-out infinite;animation-play-state:paused}.running .air-line{animation-play-state:running}@keyframes flow{to{stroke-dashoffset:-64}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes breeze{50%{opacity:.2;transform:translateY(5px)}}.diagram-footer{display:flex;align-items:center;justify-content:space-between;padding:8px 24px 13px}.legend{display:flex;gap:19px;font-size:8px;color:#929da6}.legend>span{display:flex;align-items:center;gap:6px}.legend i{width:15px;height:3px;border-radius:2px}.cold-line{background:#84b6db}.hot-line{background:#ed997c}.diagram-controls{display:flex;gap:6px}.diagram-controls button{display:flex;align-items:center;justify-content:center;gap:4px;font-size:9px;color:#99a3ad;border:1px solid #e8edf0;border-radius:5px;padding:5px 7px}.discovery-note{background:#fcf7ed;margin:0 20px 19px;padding:13px;border:1px solid #f7eddc;display:flex;align-items:center;gap:9px;border-radius:8px;color:#d3a056}.discovery-note p{font-size:10px;line-height:1.7;color:#958371}.discovery-note strong{font-weight:600;color:#b48c5f;margin-right:7px}.discovery-note p>span{font-weight:600;color:#c98d60}.discovery-note button{margin-left:auto;display:flex;gap:4px;align-items:center;white-space:nowrap;font-size:8px;color:#c49c72;border:1px solid #ecdcc3;padding:5px 7px;border-radius:5px}.temperature-panel{padding:22px 20px 16px;display:flex;flex-direction:column}.panel-title{display:flex;align-items:center;gap:8px}.panel-description{font-size:10px;color:#a0a8b0;margin-top:10px}.temperature-display{border-radius:10px;background:linear-gradient(135deg,#f0f6fb,#f7fafc);margin-top:21px;padding:18px 16px 13px;text-align:center}.temperature-display>span{display:flex;align-items:center;justify-content:center;gap:5px;font-size:9px;color:#97a9b8}.temperature-display>div{margin-top:5px;display:flex;align-items:baseline;justify-content:center;gap:5px;color:#739dc0}.temperature-display strong{font-size:63px;line-height:1.2;font-family:Outfit,sans-serif;font-weight:500;letter-spacing:-2px}.temperature-display>div>span{font-size:22px;font-weight:400;align-self:flex-start;margin-top:15px}.temperature-display p{font-size:9px;color:#97aaba;margin-top:4px}.temperature-display.heat{background:linear-gradient(135deg,#fff2e8,#fff8f2)}.temperature-display.heat>div{color:#e39b6d}.temp-stepper{display:flex;align-items:center;gap:12px;margin-top:17px}.temp-stepper button{width:29px;height:29px;border:1px solid #e7ebee;border-radius:7px;display:grid;place-items:center;color:#9da9b4;background:#fff;flex-shrink:0}.temp-stepper input{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;min-width:0;height:4px;border-radius:5px;background:linear-gradient(to right,#9abdd7 var(--range-progress),#e9eff3 var(--range-progress));cursor:pointer}.temp-stepper input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border:3px solid white;border-radius:50%;background:#81afd0;box-shadow:0 0 0 1px #d9e5ee}.temp-stepper input::-moz-range-thumb{width:10px;height:10px;border:3px solid white;border-radius:50%;background:#81afd0}.range-labels{display:flex;justify-content:space-between;margin:8px 41px 0;font-size:9px;color:#a7b1ba}.outside-temp{display:flex;align-items:center;justify-content:space-between;margin-top:20px;padding-top:17px;border-top:1px dashed #e6ebee;font-size:10px;color:#8f99a3}.outside-temp>span{display:flex;align-items:center;gap:7px}.outside-temp svg{color:#ddad77}.outside-temp strong{font-size:20px;color:#76838f;font-family:Outfit,sans-serif;font-weight:500}.outside-temp small{font-size:11px;margin-left:3px;color:#9eabb6}.energy-tip{margin-top:18px;padding:11px 12px;border:1px solid #edf2ed;border-radius:8px;background:#f6f9f5}.energy-tip>div{display:flex;gap:6px;align-items:center;color:#90a78d;font-size:10px}.energy-tip strong{font-weight:500}.energy-tip p{margin-top:7px;font-size:9px;line-height:1.9;color:#9aa594}.experiment-link{margin-top:auto;padding:16px 2px 0;display:flex;align-items:center;gap:6px;color:#b69a7e;font-size:10px}.experiment-link svg:last-child{margin-left:auto}.journey-section{margin-top:29px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.section-title h2{font-size:14px}.section-title>span{font-size:9px;color:#a7afb6;letter-spacing:1px}.lesson-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.lesson-card{text-align:left;padding:19px 20px 14px;border-radius:11px;border:1px solid #e9e6e1;background:#fdfaf5;position:relative;overflow:hidden}.lesson-card:hover{transform:translateY(-3px);box-shadow:0 6px 16px #5365750c}.lesson-card.blue{background:#f3f8fc;border-color:#e3ebf2}.lesson-card.purple{background:#f7f5fc;border-color:#eae5f2}.lesson-top{display:flex;align-items:center;justify-content:space-between}.lesson-icon{width:38px;height:38px;display:grid;place-items:center;background:#f8eede;border:1px solid #f0e1cf;border-radius:10px;color:#d5aa78}.blue .lesson-icon{background:#e8f1f9;border-color:#dce9f3;color:#87aac8}.purple .lesson-icon{background:#eee9f9;border-color:#e5dcf2;color:#aa93ce}.lesson-number{font-size:29px;font-weight:600;color:#eadfcd;align-self:flex-start;line-height:1}.blue .lesson-number{color:#dbe7f0}.purple .lesson-number{color:#e5def1}.lesson-card h3{font-size:12px;font-weight:500;margin-top:13px;letter-spacing:.2px}.lesson-card>p{font-size:9px;color:#a4a4a2;margin-top:7px}.lesson-bottom{margin-top:18px;border-top:1px solid #ede6dc;padding-top:10px;display:flex;align-items:center;justify-content:space-between;color:#c3a482}.blue .lesson-bottom{border-color:#e1eaf0;color:#8caac2}.purple .lesson-bottom{border-color:#e9e2f0;color:#ab99c1}.lesson-bottom>span{font-size:8px;display:flex;align-items:center;gap:5px;letter-spacing:.7px}.page-footer{display:flex;align-items:center;justify-content:space-between;margin-top:28px;padding:18px 0 22px;border-top:1px solid #e9edf0;font-size:8px;color:#a8afb6}.page-footer>span{display:flex;align-items:center;gap:5px}.page-footer svg{color:#a1b4a1}.page-footer i{width:2px;height:2px;background:#b5bac0;border-radius:50%;margin:0 4px}.primary-button{background:#ec9873;color:#fff;border-radius:8px;padding:12px 19px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:500}.primary-button:hover{box-shadow:0 4px 12px #eaa07a30}.secondary-button{border:1px solid #e4e9ed;border-radius:8px;padding:11px 17px;display:inline-flex;align-items:center;gap:7px;color:#8794a0;font-size:12px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1d344263;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100;display:flex;align-items:center;justify-content:center;padding:22px}.modal{background:#fff;border-radius:22px;padding:35px;max-width:490px;width:100%;position:relative;box-shadow:0 20px 100px #18304626;max-height:90vh;overflow:auto}.modal-close{position:absolute;right:17px;top:17px;color:#98a2aa;padding:6px;display:flex}.modal-icon{height:65px;width:65px;display:grid;place-items:center;border-radius:18px;background:#fff0e6;color:#df976e;margin-bottom:23px}.modal h2{font-size:25px;margin:11px 0}.modal h3{font-size:14px;color:#8796a1;font-weight:500}.modal>p{font-size:13px;line-height:2;color:#87919b;margin:17px 0}.modal-tip{display:flex;align-items:flex-start;gap:8px;font-size:11px;line-height:1.8;color:#a18e75;background:#fbf7ee;padding:13px;border-radius:8px;margin:19px 0 24px}.modal-tip svg{margin-top:1px}.help-modal ol{padding-left:22px;color:#89949e;font-size:12px;line-height:2}.help-modal li{margin-bottom:13px}.help-modal li strong{display:block;color:#61717e;font-weight:500}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%);z-index:150;display:flex;align-items:center;gap:9px;color:#fff;background:#506e63;box-shadow:0 5px 30px #324e4126;border-radius:10px;padding:15px 23px;font-size:12px;max-width:90vw}.experiment-card{padding-bottom:24px}.experiment-room{margin:12px 22px 0;background:linear-gradient(#edf5f9 75%,#e5d9cb 75%);height:310px;position:relative;border-radius:12px;overflow:hidden}.room-window{position:absolute;left:34px;top:44px;width:103px;height:112px;display:grid;grid-template-columns:1fr 1fr;gap:5px;background:#fff;border:6px solid white;border-radius:3px;box-shadow:0 3px 15px #7491a416}.room-window>div{background:linear-gradient(145deg,#c0ddeb,#def0ef)}.room-ac{position:absolute;left:50%;top:35px;transform:translate(-50%);width:135px;height:51px;border:1px solid #d9e2e9;background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:space-around;color:#a5bbc9;box-shadow:0 5px 10px #7491a410}.room-ac span{font-size:12px}.room-air{position:absolute;left:44%;top:98px;color:#97c4dc;opacity:.6}.room-plant{position:absolute;bottom:51px;left:40px;color:#92ad91;display:flex;align-items:center;flex-direction:column}.room-plant>span{width:33px;height:32px;background:#c6b5a0;clip-path:polygon(0 0,100% 0,85% 100%,15% 100%)}.room-sofa{position:absolute;bottom:29px;left:145px;width:163px;height:76px;background:#adc0c9;border-radius:10px 10px 5px 5px;border-bottom:12px solid #9aafb9}.room-sofa>div{height:42px;width:139px;position:absolute;left:12px;top:-26px;background:#b9ccd5;border-radius:13px 13px 0 0}.room-sofa span{position:absolute;width:21px;height:60px;background:#c2d3db;top:-11px;border-radius:7px}.room-sofa span:last-child{right:0}.thermometer{position:absolute;right:29px;top:114px;display:flex;flex-direction:column;background:#ffffffdc;border:1px solid #fff;border-radius:14px;padding:18px 22px;box-shadow:0 5px 30px #607b8b0c;text-align:center}.thermometer>span{font-size:10px;color:#8aa3b3}.thermometer strong{font-size:46px;font-weight:500;color:#78a4c2;font-family:Outfit,sans-serif;margin:5px 0}.thermometer small{font-size:17px;margin-left:3px}.thermometer.heat strong{color:#df9c77}.thermo-status{font-size:9px;color:#99a8b1}.experiment-info{margin:18px 24px;color:#9ba5ae;font-size:10px;display:flex;align-items:flex-start;gap:7px;line-height:1.8}.experiment-actions{display:flex;align-items:center;gap:10px;margin:22px 24px}.experiment-modes{margin-left:auto;display:flex;background:#f5f7f9;padding:4px;border-radius:8px}.experiment-modes button{padding:8px 10px;font-size:10px;color:#99a6b0;display:flex;gap:5px;align-items:center;border-radius:5px}.experiment-modes button.active{background:#fff;color:#7ea9c6;box-shadow:0 2px 5px #3344510d}.experiment-question,.experiment-result{display:flex;gap:11px;align-items:center;padding:15px;margin:0 24px;background:#fcf8f0;border:1px solid #f3ebdb;border-radius:9px;color:#caa06e}.experiment-question strong,.experiment-result strong{font-size:12px;font-weight:500}.experiment-question p,.experiment-result p{font-size:10px;color:#a49685;line-height:1.8;margin-top:4px}.experiment-result{background:#f2f8f2;border-color:#e3eee1;color:#91aa8c;margin-bottom:14px}.quiz-card{max-width:900px;margin:0 auto;padding:32px 42px}.quiz-top{display:flex;align-items:center;justify-content:space-between}.quiz-top>span{display:flex;align-items:center;gap:9px;color:#a28bbd;font-size:13px}.quiz-top strong{font-size:25px;font-weight:500;color:#a08abb}.quiz-top small{font-size:14px;color:#c0b9cb}.quiz-progress{display:flex;gap:7px;margin:22px 0 32px}.quiz-progress span{height:4px;flex:1;background:#f0ebf5;border-radius:5px}.quiz-progress .filled{background:#b19acb}.question-label{font-size:10px;letter-spacing:1px;color:#aa96c0}.quiz-card h2{font-size:23px;line-height:1.7;margin:13px 0 24px}.answers{display:flex;flex-direction:column;gap:12px}.answer{padding:17px 19px;display:flex;align-items:center;gap:16px;text-align:left;border:1px solid #e8e5ee;border-radius:9px;font-size:13px;color:#80808e;background:#fdfcfe}.answer>span{width:30px;height:30px;display:grid;place-items:center;background:#f0ebf6;color:#aa94bf;border-radius:7px;font-family:Outfit,sans-serif}.answer svg{margin-left:auto}.answer.correct{background:#f1f8f0;border-color:#aecaa8;color:#73916e;opacity:1}.answer.correct>span{background:#e3efdf;color:#819e79}.answer.wrong{background:#fff4ef;border-color:#edb79f;color:#d89477;opacity:1}.answer-feedback{display:flex;gap:10px;background:#fff7ed;padding:18px;border-radius:9px;margin-top:18px;color:#ccaa7b}.answer-feedback p{font-size:12px;line-height:1.9;color:#a08a70}.answer-feedback.success{background:#f4f8f1;color:#99b08c}.answer-feedback.success p{color:#849479}.quiz-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #efecf3;margin-top:30px;padding-top:22px}.quiz-footer>span{font-size:11px;color:#b3aabc}.quiz-result{text-align:center;padding:22px 0}.result-icon{width:94px;height:94px;background:#fbf2e2;color:#d4ae72;display:grid;place-items:center;border-radius:50%;margin:0 auto 26px}.quiz-result>.eyebrow{justify-content:center}.quiz-result h2{font-size:25px;margin-bottom:13px}.quiz-result>p{color:#9aa4ad;font-size:14px}.quiz-result>p strong{font-size:29px;color:#b296cc;margin:0 5px}.result-message{font-size:12px;color:#a3a8b0;margin:20px 0 30px}.quiz-result>button{margin:5px}.welcome-banner{display:flex;align-items:center;justify-content:space-between;background:#f8f0e6;border:1px solid #efdfce;border-radius:14px;padding:36px 40px;color:#d8b184}.welcome-banner h2{font-size:29px;color:#806c5a;margin:14px 0}.welcome-banner p{font-size:12px;color:#a79787;margin:0 0 22px}.welcome-banner>svg{margin-right:40px}.home-lessons{margin-top:24px}.learning-goals{display:flex;gap:19px;padding:27px;margin-top:25px;color:#9db2a1}.learning-goals h3{font-size:14px;color:#6c7d73;margin-bottom:10px}.learning-goals p{color:#9aa69d;font-size:12px;line-height:1.9}.achievements-card{padding:33px}.achievement-summary{display:flex;align-items:center;gap:18px;color:#d4ab73}.achievement-summary h2{font-size:21px;color:#4e5e6c}.achievement-summary p{font-size:11px;color:#9aa4ad;margin-top:9px}.achievement-summary>span{margin-left:auto;font-size:37px;font-weight:500}.achievement-summary small{font-size:17px;margin-left:4px}.badge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px;margin:32px 0}.badge-card{border:1px solid #edf0f3;border-radius:12px;background:#fafbfc;padding:27px 13px;text-align:center}.badge-medal{height:90px;width:90px;margin:0 auto 20px;border-radius:50%;border:5px solid #e9edf1;background:#f3f5f7;display:grid;place-items:center;color:#b5c0c9}.badge-card.unlocked .badge-medal{background:#fcf0dc;border-color:#eed9b5;color:#d8ab6a;box-shadow:0 0 0 5px #faf4e9}.badge-card h3{font-size:15px;color:#80909d}.badge-card.unlocked h3{color:#ba9464}.badge-card p{font-size:10px;margin:12px 0 20px;color:#a1abb3;line-height:1.8}.badge-card button{font-size:10px;color:#9babc1;display:inline-flex;align-items:center;gap:5px;background:#fff;border:1px solid #e6ebef;border-radius:6px;padding:9px 11px}.badge-card.unlocked button{color:#b39a78}.achievement-note{font-size:12px;color:#a89c8e;background:#faf7f1;padding:19px;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:9px}.projection .sidebar{display:none}.projection .workspace{width:100%;margin-left:0}.projection main{max-width:1600px}.projection .explore-grid{grid-template-columns:minmax(0,1fr) 300px}.projection .cycle-svg{max-height:55vh}.projection h1{font-size:34px}.projection .diagram-caption,.projection .panel-description{font-size:12px}@media(min-width:1500px){main{padding:40px 50px 0}.page-intro{margin-bottom:35px}.card-heading{padding-top:24px}.temperature-panel{padding:25px}.temperature-display{margin-top:28px;padding:23px}.temperature-display strong{font-size:73px}.lesson-card{padding:24px}.lesson-card h3{font-size:14px}.lesson-card>p{font-size:11px}.lesson-bottom{margin-top:25px}.page-footer{margin-top:34px}.explore-grid{grid-template-columns:minmax(0,1fr) 295px}}@media(max-width:1200px){.sidebar{width:210px;padding:30px 15px 18px}.brand{font-size:14px;gap:8px}.brand small{font-size:7px;letter-spacing:1.2px}.workspace{margin-left:210px;width:calc(100% - 210px)}main{padding:27px 25px 0}.topbar{padding:0 25px}.explore-grid{grid-template-columns:minmax(0,1fr) 235px;gap:16px}.temperature-panel{padding:19px 16px}.card-heading{padding:18px 15px 12px;gap:6px}.card-heading h2{font-size:12px}.live-tag{display:none}.mode-switch button{padding:7px;font-size:8px}.diagram-caption{margin:0 16px 8px;font-size:8px}.click-hint{font-size:7px;gap:3px}.diagram-caption .click-hint svg{width:11px}.discovery-note{margin:0 14px 16px;padding:11px 9px;gap:6px;flex-wrap:wrap}.discovery-note p{font-size:9px}.discovery-note button{font-size:8px}.intro-art{margin-right:0}.lesson-card{padding:16px}.lesson-card h3{font-size:11px}.lesson-card>p{font-size:8px}.classroom-label{display:none}.temperature-display{margin-top:18px;padding:14px}.outside-temp{margin-top:15px;padding-top:14px}.energy-tip{margin-top:15px}.experiment-room{margin:10px 15px;height:295px}.room-sofa{left:115px;width:140px}.room-sofa>div{width:118px}.thermometer{right:17px;padding:15px 17px;top:134px}.thermometer strong{font-size:38px}.room-window{left:25px;width:86px;height:93px}.room-ac{left:64%}.room-air{left:60%}}@media(max-width:1000px){.sidebar{width:82px;padding:26px 13px 16px;align-items:center}.brand{margin-bottom:41px}.brand>span:last-child,.course-label,.nav-item .nav-dot,.sidebar-course,.progress-box,.sidebar-foot{display:none}.sidebar nav{width:100%;gap:12px}.nav-item{font-size:0;justify-content:center;padding:14px}.nav-item svg{width:22px;height:22px}.help-button{font-size:0;padding:15px 0;gap:0}.help-button svg:last-child{display:none}.workspace{margin-left:82px;width:calc(100% - 82px)}main{padding:27px 25px 0}.topbar{height:66px}.explore-grid{grid-template-columns:minmax(0,1fr) 230px}.page-intro p{font-size:10px}h1{font-size:26px}.intro-art{width:170px}.art-snow{right:-8px}.lesson-grid{gap:13px}.discovery-note{position:relative;padding-right:73px}.discovery-note button{position:absolute;right:9px}.card-heading{flex-wrap:wrap}.card-heading>div:first-child{gap:6px}.mode-switch{margin-left:auto}.cycle-svg{padding:0}.diagram-caption{align-items:flex-start;line-height:1.6}.click-hint{display:none}.principle-card{display:flex;flex-direction:column}.cycle-svg{margin:auto 0}.temperature-panel{min-height:455px}}@media(max-width:760px){.sidebar{position:fixed;inset:auto 0 0 0;width:100%;height:70px;border-top:1px solid #e8edf0;border-right:0;padding:8px 12px;display:block;background:#ffffffed;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand,.help-button{display:none}.sidebar nav{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.nav-item{font-size:8px;flex-direction:column;gap:5px;padding:6px 2px;min-height:50px;border-radius:7px;white-space:nowrap}.nav-item svg{width:19px;height:19px}.workspace{margin:0;width:100%}.topbar{height:61px;padding:0 18px}.breadcrumb{gap:7px;font-size:9px}.top-actions{gap:9px}.top-actions button{font-size:9px;padding:7px}.avatar{width:29px;height:29px;font-size:7px}main{padding:24px 18px 76px}.page-intro{margin-bottom:23px;min-height:auto}.eyebrow{font-size:9px}h1{font-size:23px;margin-top:10px;letter-spacing:0}.page-intro p{line-height:1.9;max-width:360px;font-size:10px;margin-top:10px}.intro-art{display:none}.explore-grid{grid-template-columns:1fr;gap:17px}.card-heading{flex-wrap:nowrap;padding:18px}.card-heading h2{font-size:13px}.mode-switch button{font-size:8px}.diagram-caption{margin:0 19px 9px;font-size:9px}.click-hint{display:flex;font-size:7px}.diagram-footer{padding:9px 19px 15px}.discovery-note{margin:0 17px 17px;font-size:10px}.discovery-note p{font-size:9px}.temperature-panel{min-height:0;padding:19px;display:grid;grid-template-columns:1fr 1fr;column-gap:22px}.panel-title{grid-column:1/-1}.panel-description{grid-column:1/-1;margin-top:7px}.temperature-display{grid-column:1;grid-row:3/7;margin-top:18px;padding:18px 12px;height:155px}.temperature-display strong{font-size:59px}.temp-stepper{grid-column:2;grid-row:3;margin-top:26px;gap:9px}.range-labels{grid-column:2;grid-row:4;margin:0 37px}.outside-temp{grid-column:2;grid-row:5;margin-top:12px;font-size:9px;padding-top:14px;gap:6px}.outside-temp>span{gap:4px}.outside-temp svg{width:14px}.outside-temp strong{font-size:18px}.energy-tip{grid-column:1/-1;margin-top:15px}.energy-tip p{font-size:10px}.experiment-link{grid-column:1/-1;padding-top:14px;font-size:11px}.journey-section{margin-top:24px}.lesson-grid{grid-template-columns:1fr;gap:12px}.lesson-card{padding:16px 18px 14px;display:grid;grid-template-columns:48px 1fr 22px;column-gap:14px}.lesson-top{grid-column:1;grid-row:1/4}.lesson-number{display:none}.lesson-card h3{grid-column:2;margin:0;font-size:12px;align-self:end}.lesson-card>p{grid-column:2;margin-top:7px;font-size:9px}.lesson-bottom{grid-column:3;grid-row:1/4;border:0!important;padding:0;margin:0}.lesson-bottom>span{display:none}.section-title>span{font-size:8px}.page-footer{margin-top:23px;padding:16px 0 13px;font-size:7px;gap:10px}.page-footer>span:last-child{display:none}.quiz-card{padding:25px 22px}.quiz-card h2{font-size:20px}.answer{padding:14px;font-size:12px;gap:10px}.quiz-footer>span{font-size:9px}.quiz-footer .primary-button{font-size:11px;padding:12px}.quiz-result h2{font-size:22px}.experiment-room{height:300px;margin:13px 17px}.room-ac{left:63%}.room-window{left:20px}.room-plant{left:22px}.room-sofa{left:103px;width:133px}.room-sofa>div{width:110px}.thermometer{right:17px;top:122px;padding:14px 18px}.thermometer strong{font-size:35px}.experiment-actions{margin:18px 17px;gap:8px;flex-wrap:wrap}.experiment-actions .primary-button{font-size:11px;padding:11px 14px}.experiment-actions .secondary-button{font-size:11px;padding:10px 11px}.experiment-modes button{padding:7px;font-size:9px}.experiment-info{margin:14px 17px;font-size:9px}.experiment-question,.experiment-result{margin-left:17px;margin-right:17px;padding:12px}.badge-grid{grid-template-columns:1fr;margin:23px 0}.badge-card{padding:19px;display:grid;grid-template-columns:76px 1fr;gap:0 14px;text-align:left}.badge-medal{width:68px;height:68px;margin:0;grid-column:1;grid-row:1/4;border-width:4px}.badge-medal svg{width:30px}.badge-card h3{grid-column:2;font-size:13px;align-self:end}.badge-card p{grid-column:2;margin:7px 0 9px;font-size:9px}.badge-card button{grid-column:2;justify-self:start;font-size:9px;padding:6px}.achievements-card{padding:23px 19px}.achievement-summary{gap:10px}.achievement-summary h2{font-size:16px}.achievement-summary p{font-size:9px}.achievement-summary>span{font-size:27px}.achievement-summary>svg{width:27px}.achievement-note{font-size:10px;line-height:1.9;padding:13px;align-items:flex-start}.welcome-banner{padding:26px}.welcome-banner>svg{display:none}.welcome-banner h2{font-size:25px}.welcome-banner p{font-size:11px;line-height:1.9}.learning-goals{padding:20px;gap:12px}.learning-goals p{font-size:11px}.modal{padding:29px 25px}.modal h2{font-size:23px}.modal>p{font-size:12px}.toast{bottom:86px;padding:13px 18px;font-size:11px}.projection main{padding-bottom:20px}.projection .explore-grid{grid-template-columns:1fr}.projection h1{font-size:25px}.projection .temperature-panel{display:none}}.model-caption{font-size:8px;line-height:1.7;color:#a9b1b8;margin:0 23px 12px}.speech-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 0;border-top:1px solid #edf0f2;border-bottom:1px solid #edf0f2;margin:20px 0;color:#657582;font-size:13px}.speech-toggle-row small{display:block;margin-top:7px;color:#98a3ad;font-size:10px;line-height:1.8}.speech-toggle-row input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:46px;height:27px;background:#dfe5e9;border-radius:20px;position:relative;cursor:pointer;flex-shrink:0}.speech-toggle-row input:after{content:"";position:absolute;left:4px;top:4px;background:#fff;width:19px;height:19px;border-radius:50%;transition:transform .2s}.speech-toggle-row input:checked{background:#e8a07c}.speech-toggle-row input:checked:after{transform:translate(19px)}.speech-field{display:block;margin:20px 0;color:#72818c;font-size:12px}.speech-field>span{display:flex;justify-content:space-between;align-items:center}.speech-field output{color:#c28c67;font-family:Outfit,sans-serif;font-size:15px}.speech-field select{display:block;width:100%;margin-top:10px;padding:12px 10px;border:1px solid #e0e6eb;border-radius:8px;background:#fafbfc;color:#748593;font:inherit}.speech-field input[type=range]{display:block;width:100%;margin:17px 0 10px;accent-color:#e7a07c;min-height:22px;cursor:pointer}.speech-field small{display:flex;justify-content:space-between;font-size:9px;color:#a6afb7}.speech-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:23px}.speech-modal .speech-warning{font-size:11px;line-height:1.8;color:#bc916a;background:#fff7ec;border-radius:7px;padding:12px}.speech-modal .speech-footnote{font-size:10px;line-height:1.9;color:#a5aeb5;margin-bottom:0}.speech-error-banner{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:90;background:#fff7ed;border:1px solid #ebd1b3;color:#a68460;border-radius:10px;padding:13px 17px;max-width:90vw;display:flex;align-items:center;gap:9px;font-size:11px;box-shadow:0 5px 20px #6d563012}.speech-error-banner button{white-space:nowrap;color:#b07b51;border:1px solid #e9cdb0;border-radius:6px;padding:8px}@media(max-width:760px){.topbar .breadcrumb{display:none}.top-actions{width:100%;justify-content:flex-end}.top-actions button{min-height:36px}.top-actions #tts-settings-open{margin-right:auto}.speech-error-banner{bottom:83px;width:calc(100% - 30px);font-size:10px}.speech-modal{padding:25px}.speech-actions button{min-height:42px}}@media(max-width:760px){.model-caption{margin:0 18px 12px;font-size:7px}.temp-stepper button{width:36px;height:36px}.diagram-controls button{min-height:34px;min-width:34px}.mode-switch button{min-height:34px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}