@import "https://fonts.googleapis.com/css2?family=Sarabun:wght@400;500;600;700&display=swap";:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#172033;--muted:#687386;--line:#dce4ee;--panel:#fff;--soft:#f5f8fb;--blue:#2563eb;--blue-soft:#eaf2ff;--navy:#162640;--success:#16815f;--shadow:0 18px 50px #1f314f14;background:#eef3f8;font-family:Sarabun,Noto Sans Thai,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}.app-shell{background:#eef3f8;min-height:100vh}.topbar{border-bottom:1px solid var(--line);z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;justify-content:space-between;align-items:center;height:76px;padding:0 24px;display:flex;position:sticky;top:0}.brand-block,.topbar-actions,.hero-title-row,.mode-switch,.toolbar-actions,.card-heading>div,.sim-footer,.teacher-panel,.teacher-panel>div{align-items:center;display:flex}.brand-block{gap:12px}.brand-mark{color:#fff;background:linear-gradient(145deg,#1c69e8,#6d4eea);border-radius:13px;place-items:center;width:42px;height:42px;font-size:24px;display:grid;box-shadow:0 10px 24px #2563eb38}.brand-title{color:var(--navy);letter-spacing:.5px;font-weight:800}.brand-copy{flex-direction:column;justify-content:center;display:flex}.brand-subtitle{color:var(--muted);margin-top:1px;font-size:12px}.brand-developer{color:#718096;flex-direction:column;gap:0;margin-top:2px;line-height:1.2;display:flex}.brand-developer span:first-child{color:#53657d;font-size:8.5px;font-weight:700}.brand-developer span:last-child{font-size:8px}.topbar-actions{gap:10px}.icon-button,.compact-control,.avatar-button{border:1px solid var(--line);color:#40506a;background:#fff;border-radius:11px;height:40px}.icon-button{width:40px;font-size:18px}.menu-button{display:none}.compact-control{align-items:center;gap:7px;padding:0 13px;display:flex}.avatar-button{color:#fff;background:#172a47;border-color:#172a47;border-radius:50%;width:42px;font-weight:700}.mode-switch{background:#f1f5f9;border-radius:12px;gap:2px;padding:4px}.mode-switch button{color:#6b7688;background:0 0;border:0;border-radius:9px;padding:7px 13px;font-weight:600}.mode-switch button.active{color:var(--blue);background:#fff;box-shadow:0 2px 8px #1e375a1f}.workspace{grid-template-columns:292px minmax(0,1fr);min-height:calc(100vh - 76px);transition:grid-template-columns .2s;display:grid}.workspace.sidebar-collapsed{grid-template-columns:0 minmax(0,1fr)}.workspace.sidebar-collapsed .sidebar{transform:translate(-100%)}.sidebar{border-right:1px solid var(--line);z-index:20;background:#f9fbfd;height:calc(100vh - 76px);padding:20px 14px;transition:transform .2s;position:sticky;top:76px;overflow-y:auto}.sidebar-header{justify-content:space-between;align-items:center;padding:0 8px 16px;display:flex}.sidebar-header>div{flex-direction:column;display:flex}.sidebar-header strong{color:var(--navy);font-size:17px}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:#8995a7;font-size:10px;font-weight:700}.unit-count{color:#607086;background:#e7edf5;border-radius:8px;place-items:center;min-width:26px;height:26px;font-size:12px;font-weight:700;display:grid}.unit-nav{gap:4px;display:grid}.unit-item{--unit-accent:#2563eb;text-align:left;color:#566176;background:0 0;border:1px solid #0000;border-radius:13px;grid-template-columns:25px 35px minmax(0,1fr) 18px;align-items:center;gap:8px;width:100%;min-height:66px;padding:8px;transition:all .16s;display:grid}.unit-item:hover{background:#fff;border-color:#e4eaf1;transform:translate(2px)}.unit-item.active{border-color:color-mix(in srgb,var(--unit-accent) 18%,#e3e8ef);color:var(--unit-accent);background:#fff;box-shadow:0 7px 18px #2133530f}.unit-item.active:before{content:"";position:absolute}.unit-number{color:#9aa5b5;font-size:10px;font-weight:700}.unit-icon{filter:saturate(.9);font-size:22px}.unit-copy{flex-direction:column;min-width:0;display:flex}.unit-copy strong{color:#314058;font-size:13px;line-height:1.25}.unit-item.active .unit-copy strong{color:var(--unit-accent)}.unit-copy small{color:#8a95a6;white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:10px;line-height:1.25;overflow:hidden}.unit-chevron{color:#a7b0bd;font-size:21px}.sidebar-footer{border-top:1px solid var(--line);gap:5px;margin-top:14px;padding-top:12px;display:grid}.sidebar-footer button{text-align:left;color:#506077;background:0 0;border:0;border-radius:10px;align-items:center;gap:9px;padding:10px;display:flex}.sidebar-footer button:hover{background:#fff}.sidebar-footer span{flex:1}.sidebar-footer b{background:#eef2f7;border-radius:9px;padding:1px 7px;font-size:11px}.main-content{width:100%;min-width:0;max-width:1580px;margin:0 auto;padding:24px 28px 42px}.unit-hero{--unit-accent:#2563eb;background:linear-gradient(100deg, color-mix(in srgb,var(--unit-accent) 8%,#fff), #fff 55%);border:1px solid color-mix(in srgb,var(--unit-accent) 14%,var(--line));box-shadow:var(--shadow);border-radius:20px;justify-content:space-between;align-items:center;padding:20px 22px;display:flex}.breadcrumb{color:#8a96a7;margin-bottom:12px;font-size:11px}.breadcrumb span{margin:0 5px}.hero-title-row{gap:14px}.hero-icon{background:color-mix(in srgb,var(--unit-accent) 10%,#fff);border-radius:16px;place-items:center;width:54px;height:54px;font-size:28px;display:grid}.unit-hero h1{color:#192945;margin:0;font-size:26px}.unit-hero p{color:#718096;margin:4px 0 0;font-size:13px}.progress-card{align-items:center;gap:12px;min-width:180px;padding:8px 10px 8px 8px;display:flex}.progress-ring{background:conic-gradient(var(--unit-accent) 38%,#e8edf3 0);border-radius:50%;place-items:center;width:55px;height:55px;display:grid;position:relative}.progress-ring:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:5px}.progress-ring strong,.progress-ring span{z-index:2;position:relative}.progress-ring strong{margin-right:10px;font-size:16px}.progress-ring span{color:#66768b;margin-top:4px;margin-left:21px;font-size:8px;position:absolute}.progress-card>div:last-child{flex-direction:column;display:flex}.progress-card small{color:#8a95a6;font-size:10px}.progress-card>div:last-child strong{color:#334159;font-size:12px}.lesson-strip{gap:10px;margin:16px 0;padding-bottom:2px;display:flex;overflow-x:auto}.lesson-strip button{border:1px solid var(--line);text-align:left;color:#66758a;background:#f8fafc;border-radius:14px;flex:1;align-items:center;gap:10px;min-width:230px;max-width:330px;padding:11px 12px;display:flex}.lesson-strip button.active{background:#fff;border-color:#bdcdee;box-shadow:0 8px 20px #2134560d}.lesson-strip button>span{color:#708097;background:#e7edf5;border-radius:9px;place-items:center;width:29px;height:29px;font-size:11px;font-weight:800;display:grid}.lesson-strip button.active>span{background:var(--blue);color:#fff}.lesson-strip button div{flex-direction:column;min-width:0;display:flex}.lesson-strip strong{color:#35445b;font-size:12px}.lesson-strip small{color:#8c97a7;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.lesson-panel{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px;overflow:hidden}.lesson-panel-header{justify-content:space-between;align-items:flex-start;gap:20px;padding:18px 22px 12px;display:flex}.activity-tag{letter-spacing:.08em;text-transform:uppercase;color:var(--blue);background:var(--blue-soft);border-radius:20px;padding:4px 8px;font-size:9px;font-weight:800;display:inline-flex}.lesson-panel-header h2{color:#1b2a43;margin:7px 0 3px;font-size:21px}.lesson-panel-header p{color:#8792a3;margin:0;font-size:11px}.difficulty{color:#637187;align-items:center;gap:6px;padding-top:8px;font-size:11px;display:flex}.difficulty span,.live-dot{background:#22a879;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #22a8791f}.tabbar{border-top:1px solid #edf1f5;border-bottom:1px solid #e4eaf1;padding:0 16px;display:flex;overflow-x:auto}.tabbar button{color:#768397;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;padding:12px 14px 10px;font-size:11px;font-weight:600}.tabbar button span{margin-right:5px}.tabbar button.active{color:var(--blue);border-bottom-color:var(--blue)}.lab-layout{background:#f7f9fc;grid-template-columns:minmax(0,1.7fr) minmax(270px,.72fr);gap:14px;padding:14px;display:grid}.simulation-card,.control-card,.result-card,.graph-card{background:#fff;border:1px solid #e0e7ef;border-radius:16px;overflow:hidden}.simulation-toolbar{color:#536178;border-bottom:1px solid #e9eef4;justify-content:space-between;align-items:center;height:44px;padding:0 13px;font-size:11px;font-weight:700;display:flex}.simulation-toolbar>div:first-child{align-items:center;gap:8px;display:flex}.toolbar-actions button{color:#6f7c90;background:#fff;border:1px solid #e0e6ee;border-radius:8px;margin-left:5px;padding:5px 8px;font-size:10px}.toolbar-actions button.active{color:#2563eb;background:#edf4ff;border-color:#bdd2fa}.experiment-stage{background:linear-gradient(#dff2ff 0 58%,#dfead5 58%);height:330px;position:relative;overflow:hidden}.stage-sky{position:absolute;inset:0 0 42%}.cloud{color:#fff;opacity:.85;filter:drop-shadow(0 3px 5px #35618714);font-size:48px;position:absolute}.cloud-one{top:22px;left:12%}.cloud-two{top:62px;right:12%;transform:scale(.75)}.stage-label{color:#69839b;background:#ffffffb8;border:1px solid #ffffffe6;border-radius:15px;padding:4px 10px;font-size:9px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.track{border-bottom:6px solid #66717f;height:72px;position:absolute;bottom:74px;left:7%;right:7%}.track:after{content:"";opacity:.75;background:repeating-linear-gradient(90deg,#8794a1 0 18px,#0000 18px 30px);height:8px;position:absolute;bottom:-15px;left:0;right:0}.track-ruler{color:#748497;justify-content:space-between;font-size:8px;display:flex;position:absolute;bottom:-42px;left:0;right:0}.cart{width:70px;height:52px;transition:left 1.1s cubic-bezier(.3,.8,.25,1);position:absolute;bottom:8px;transform:translate(-50%)}.cart-body{color:#fff;background:linear-gradient(145deg,#2d6ee4,#174bb4);border-radius:7px 9px 5px 5px;justify-content:center;align-items:center;gap:2px;width:56px;height:28px;font-size:15px;font-weight:800;display:flex;position:absolute;top:9px;left:7px;box-shadow:0 6px 11px #143f8e38}.cart-body:before{content:"";background:#8fc9f6;border:3px solid #2457a5;border-bottom:0;border-radius:7px 7px 0 0;width:31px;height:12px;position:absolute;top:-8px;left:10px}.cart-body small{opacity:.85;font-size:8px}.wheel{background:#26303c;border:3px solid #75808b;border-radius:50%;width:15px;height:15px;position:absolute;bottom:0}.wheel.left{left:10px}.wheel.right{right:10px}.force-vector{color:#d73c47;background:#e74b55;min-width:38px;max-width:140px;height:2px;transition:width .2s;position:absolute;top:0;left:64px}.force-vector:after{content:"";border-top:5px solid #0000;border-bottom:5px solid #0000;border-left:8px solid #e74b55;position:absolute;top:-4px;right:-1px}.force-vector span{white-space:nowrap;font-size:9px;font-weight:800;position:absolute;top:-20px;right:3px}.stage-ground{background:linear-gradient(#b9d58f,#96be68);height:48px;position:absolute;bottom:0;left:0;right:0}.sensor-card{background:#ffffffeb;border:1px solid #fffffff2;border-radius:10px;align-items:center;gap:7px;padding:7px 9px;display:flex;position:absolute;bottom:13px;right:15px;box-shadow:0 6px 18px #3452481f}.sensor-card>span{font-size:17px}.sensor-card div{flex-direction:column;display:flex}.sensor-card small{color:#8693a4;font-size:8px}.sensor-card strong{color:#2c3a4d;font-size:11px}.sim-footer{background:#fbfcfe;border-top:1px solid #e7edf3;justify-content:center;gap:8px;padding:12px}.primary-button,.secondary-button{border-radius:10px;height:34px;padding:0 14px;font-size:10px;font-weight:700}.primary-button{color:#fff;background:linear-gradient(#3375ea,#245fce);border:1px solid #2563eb;box-shadow:0 6px 12px #2563eb2e}.secondary-button{color:#5b687d;background:#fff;border:1px solid #dce4ed}.control-column{align-content:start;gap:12px;display:grid}.control-card,.result-card{padding:14px}.card-heading{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.card-heading>div{gap:7px}.card-heading strong{color:#344258;font-size:11px}.card-heading small{color:#9aa4b2;font-size:8px}.range-control{border-top:1px solid #edf1f5;padding:10px 0 13px;display:block}.range-control>div:first-child{color:#667489;justify-content:space-between;align-items:center;font-size:10px;display:flex}.range-control output{color:#2563eb;background:#edf4ff;border-radius:8px;padding:3px 7px;font-weight:800}.range-control input{accent-color:#2563eb;width:100%;margin:11px 0 2px}.range-scale{color:#a1aab8;justify-content:space-between;font-size:8px;display:flex}.prediction-box{color:#765e25;background:#fff8e8;border:1px solid #f5e2ad;border-radius:11px;gap:8px;padding:10px;display:flex}.prediction-box>span{font-size:18px}.prediction-box strong{font-size:9px;display:block}.prediction-box p{color:#8b7442;margin:2px 0 0;font-size:9px;line-height:1.4}.metric-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.metric-grid div{background:#f7f9fc;border:1px solid #edf1f5;border-radius:10px;flex-direction:column;padding:9px;display:flex}.metric-grid small{color:#8e9aaa;font-size:8px}.metric-grid strong{color:#253650;margin-top:2px;font-size:14px}.metric-grid em{color:#8390a2;font-size:8px;font-style:normal;font-weight:500}.analysis-row{background:#f7f9fc;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:14px;padding:0 14px 14px;display:grid}.graph-card{padding:13px}.chart{color:#3d76de;height:130px;margin:0 8px 4px 25px;position:relative}.chart-grid{background:repeating-linear-gradient(0deg,#0000 0 28px,#edf1f5 29px),repeating-linear-gradient(90deg,#0000 0 59px,#edf1f5 60px);border-bottom:1px solid #bdc8d4;border-left:1px solid #bdc8d4;position:absolute;inset:5px 0 15px}.chart-grid svg{width:100%;height:100%}.y-axis{color:#8793a4;font-size:8px;position:absolute;top:47%;left:-34px;transform:rotate(-90deg)}.x-axis{color:#8793a4;font-size:8px;position:absolute;bottom:-5px;right:0}.science-note{background:linear-gradient(145deg,#f0fbf6,#fff);border:1px solid #cfe6dc;border-radius:16px;align-items:flex-start;gap:12px;padding:18px;display:flex}.note-icon{background:#daf4e7;border-radius:12px;place-items:center;width:40px;height:40px;font-size:21px;display:grid}.science-note div{flex-direction:column;display:flex}.science-note small{color:#2d8b69;text-transform:uppercase;letter-spacing:.06em;font-size:9px;font-weight:800}.science-note strong{color:#24463c;margin:4px 0;font-size:12px;line-height:1.35}.science-note p{color:#6e847d;margin:0;font-size:9px;line-height:1.45}.teacher-panel{background:#f7f3ff;border-top:1px solid #dfe7ef;flex-wrap:wrap;gap:14px;padding:13px 18px}.teacher-panel>div{flex-wrap:wrap;flex:1;gap:8px;min-width:220px}.teacher-panel>div strong{color:#463b66;font-size:11px}.teacher-panel>div p{color:#857d9b;width:100%;margin:0;font-size:9px}.teacher-badge{color:#7955bb;letter-spacing:.08em;background:#e9ddfb;border-radius:7px;padding:3px 6px;font-size:8px;font-weight:800}.teacher-panel label{color:#615879;white-space:nowrap;font-size:10px}.teacher-panel input{accent-color:#7955bb;vertical-align:middle}.placeholder-lab{background:#f8fafc;grid-template-columns:minmax(230px,.8fr) minmax(280px,1fr);align-items:center;gap:34px;min-height:360px;padding:28px;display:grid}.placeholder-scene{background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--unit-accent) 18%,white),#eef3f8 68%);border:1px solid color-mix(in srgb,var(--unit-accent) 16%,#dde5ee);border-radius:20px;place-items:center;height:270px;display:grid;position:relative;overflow:hidden}.placeholder-icon{z-index:2;filter:drop-shadow(0 12px 18px #2b3b5726);font-size:78px;position:relative}.orbit{border:1px dashed color-mix(in srgb,var(--unit-accent) 38%,transparent);border-radius:50%;position:absolute}.orbit-one{width:180px;height:180px}.orbit-two{width:240px;height:100px;transform:rotate(-18deg)}.placeholder-lab h3{color:#24344c;margin:10px 0 8px;font-size:24px}.placeholder-lab p{color:#758196;margin:0 0 15px;font-size:12px;line-height:1.65}.feature-chips{flex-wrap:wrap;gap:7px;margin-bottom:18px;display:flex}.feature-chips span{color:#52637a;background:#fff;border:1px solid #e0e7ef;border-radius:9px;padding:6px 8px;font-size:9px}.interactive-lab{background:#f7f9fc;grid-template-columns:minmax(0,1.7fr) minmax(270px,.72fr);gap:14px;padding:14px;display:grid}.lab-scene-card{background:#fff;border:1px solid #e0e7ef;border-radius:16px;min-width:0;overflow:hidden}.lab-mini-toolbar{color:#536178;border-bottom:1px solid #e9eef4;align-items:center;gap:8px;min-height:44px;padding:0 13px;font-size:11px;font-weight:700;display:flex}.lab-mini-toolbar b{color:#7f8a9a;margin-left:auto;font-size:9px;font-weight:600}.lab-mini-toolbar .mini-toggle{color:#6e7b8d;background:#fff;border:1px solid #e0e6ee;border-radius:8px;margin-left:auto;padding:5px 8px;font-size:9px}.lab-mini-toolbar .mini-toggle.active{color:#2563eb;background:#edf4ff;border-color:#bdd2fa}.lab-controls-panel{align-content:start;gap:12px;display:grid}.full-button{width:100%;margin-top:9px}.primary-button:disabled{opacity:.45;cursor:not-allowed}.choice-grid{gap:7px;margin-bottom:10px;display:grid}.choice-grid.two{grid-template-columns:1fr 1fr}.choice-grid.three{grid-template-columns:1fr}.choice-grid button{color:#627087;background:#f8fafc;border:1px solid #e0e7ef;border-radius:10px;min-height:38px;padding:7px;font-size:9px;font-weight:700}.choice-grid button span{vertical-align:middle;margin-right:5px;font-size:15px}.choice-grid button.active{color:#245fc7;background:#edf4ff;border-color:#8db3f5}.tool-choice-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.tool-choice-grid button{color:#647187;background:#f8fafc;border:1px solid #e1e7ef;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:64px;display:flex}.tool-choice-grid button span{font-size:24px}.tool-choice-grid button small{font-size:9px}.tool-choice-grid button.active{color:#1f62c9;background:#edf5ff;border-color:#65a0f3;box-shadow:inset 0 0 0 1px #a9c9f7}.lab-feedback{color:#657287;background:#fafbfd;border-top:1px solid #e5ebf1;align-items:center;gap:10px;min-height:58px;padding:10px 14px;display:flex}.lab-feedback>span{font-size:20px}.lab-feedback div{flex-direction:column;display:flex}.lab-feedback strong{color:#44546b;font-size:10px;line-height:1.35}.lab-feedback small{color:#8995a5;margin-top:2px;font-size:9px}.lab-feedback.good{background:#effbf5;border-top-color:#cdebdc}.lab-feedback.good strong{color:#277257}.lab-feedback.warn{background:#fff9eb}.lab-feedback.warn strong{color:#856c2d}.mixture-stage{background:linear-gradient(#e8f5ff 0 65%,#d7c29f 65%);height:310px;position:relative;overflow:hidden}.lab-bench{background:linear-gradient(#b7895e,#956c49);border-top:8px solid #7c593d;height:76px;position:absolute;bottom:0;left:0;right:0}.mixture-cup,.result-cup{background:#def4fc40;border:4px solid #57839e8c;border-top:0;border-radius:4px 4px 25px 25px;width:112px;height:130px;position:absolute;bottom:78px;overflow:hidden}.mixture-cup{left:15%}.result-cup{color:#58687c;place-items:center;display:grid;right:13%}.result-cup span{font-size:38px}.result-cup small{font-size:9px;font-weight:700;position:absolute;bottom:8px}.water-fill{background:#4baedd59;border-radius:0 0 20px 20px;height:90px;position:absolute;bottom:3px;left:3px;right:3px}.particles{position:absolute;inset:22px 5px 5px}.particles i{width:7px;height:7px;left:calc((var(--n,1))*1%);background:#d3b277;border-radius:50%;position:absolute}.particles i:nth-child(3n){background:#7d766d;border-radius:5px;width:13px;height:10px}.particles.iron i:nth-child(2n){background:#4d5965;width:5px;height:5px}.particles.gravel i:nth-child(4n){background:#8c8277;width:18px;height:13px}.particles i:first-child{bottom:5%;left:4%}.particles i:nth-child(2){bottom:14%;left:13%}.particles i:nth-child(3){bottom:5%;left:21%}.particles i:nth-child(4){bottom:18%;left:30%}.particles i:nth-child(5){bottom:7%;left:39%}.particles i:nth-child(6){bottom:15%;left:49%}.particles i:nth-child(7){bottom:6%;left:58%}.particles i:nth-child(8){bottom:18%;left:68%}.particles i:nth-child(9){bottom:7%;left:78%}.particles i:nth-child(10){bottom:16%;left:88%}.particles i:nth-child(n+11){left:calc((var(--n,20))*1%);bottom:35%}.particles i:nth-child(11){left:8%}.particles i:nth-child(12){left:18%}.particles i:nth-child(13){left:29%}.particles i:nth-child(14){left:41%}.particles i:nth-child(15){left:52%}.particles i:nth-child(16){left:65%}.particles i:nth-child(17){left:76%}.particles i:nth-child(18){left:87%}.particles i:nth-child(n+19){bottom:55%}.particles i:nth-child(19){left:12%}.particles i:nth-child(20){left:27%}.particles i:nth-child(21){left:44%}.particles i:nth-child(22){left:60%}.particles i:nth-child(23){left:79%}.particles i:nth-child(24){bottom:70%;left:34%}.particles i:nth-child(25){bottom:72%;left:55%}.particles i:nth-child(26){bottom:65%;left:72%}.selected-tool-visual{color:#52657a;background:#ffffffb3;border:1px dashed #9cabb9;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-width:105px;height:92px;display:flex;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.selected-tool-visual span{font-size:36px}.selected-tool-visual small{margin-top:4px;font-size:9px;font-weight:700}.separation-arrow{color:#77899c;font-size:28px;position:absolute;top:48%;right:30%}.mixture-stage.success .result-cup{color:#20875e;background:#dcf8ea8c;border-color:#66b790}.mixture-stage.retry .result-cup{color:#a37b22;background:#fff6d88c;border-color:#e0b965}.static-stage{background:radial-gradient(circle at 40% 32%,#fbfdff,#e7f3fb 65%,#dbe9f2);height:310px;position:relative;overflow:hidden}.rub-material{color:#655052;flex-direction:column;align-items:center;font-size:42px;display:flex;position:absolute;top:30%;left:7%}.rub-material small,.balloon-wrap small,.paper-pile small{color:#64758a;margin-top:4px;font-size:9px}.balloon-wrap{z-index:3;flex-direction:column;align-items:center;transition:left .25s;display:flex;position:absolute;top:22%}.balloon{filter:drop-shadow(0 8px 8px #4b5e7521);font-size:82px}.charge-cloud{color:#555fe3;pointer-events:none;flex-wrap:wrap;place-content:space-between;font-size:13px;font-weight:800;display:flex;position:absolute;inset:-12px -20px}.paper-pile{justify-content:center;align-items:end;width:110px;height:75px;display:flex;position:absolute;bottom:58px;right:9%}.paper-pile i{width:16px;height:10px;bottom:calc((var(--i))*3px);left:calc(14px + (var(--i))*9px);transform:rotate(calc((var(--i))*13deg - 35deg));background:#fff8d5;border:1px solid #dbc981;transition:all .45s;position:absolute}.paper-pile.lift i:nth-child(odd){transform:translate(-35px,-60px)rotate(28deg)}.paper-pile.lift i:nth-child(2n){transform:translate(-18px,-34px)rotate(-22deg)}.paper-pile small{position:absolute;bottom:-15px}.electric-field{color:#6575d9;letter-spacing:8px;font-size:26px;position:absolute;top:47%;right:24%;transform:rotate(-4deg)}.rub-button{color:#5e6d82;background:#f8fafc;border:1px solid #dfe6ef;border-radius:10px;width:100%;margin-top:7px;padding:9px;font-size:10px;font-weight:700}.rub-button b{float:right;color:#506176;background:#e9eef5;border-radius:7px;padding:1px 5px}.rub-button.strong-rub{color:#2862bf;background:#edf5ff;border-color:#c8daf6}.charge-meter{color:#6f7c8e;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;margin:5px 0 10px;font-size:9px;display:grid}.charge-meter>div{background:#e8edf3;border-radius:9px;height:7px;overflow:hidden}.charge-meter i{background:linear-gradient(90deg,#5c72df,#8b59dc);border-radius:9px;height:100%;display:block}.charge-meter strong{color:#535f79;font-size:9px}.no-border{border-top:0!important}.live-dot.off{background:#aab3bf;box-shadow:0 0 0 4px #96a0ac1f}.circuit-stage{background:radial-gradient(circle,#f4f8fb,#e6eef5);height:320px;position:relative;overflow:hidden}.wire-loop{border:5px solid #687481;border-radius:34px;position:absolute;inset:23% 15% 20% 18%}.wire-loop.broken{border-top-color:#0000}.wire-loop.parallel:after{content:"";border-top:4px solid #687481;border-bottom:4px solid #687481;position:absolute;inset:26% 24% 25% 30%}.battery-pack{z-index:4;flex-direction:column;gap:3px;display:flex;position:absolute;top:40%;left:11%}.battery{color:#fff;background:#3f7fd4;border-radius:5px;align-items:center;gap:3px;width:62px;height:27px;padding:2px 4px;display:flex;box-shadow:0 3px 7px #284b782e}.battery i{font-style:normal;font-weight:800}.battery span{font-size:18px}.battery small{font-size:7px}.bulb-bank{z-index:4;justify-content:space-around;align-items:center;display:flex;position:absolute;inset:24% 22% 26% 43%}.bulb-bank.parallel{flex-direction:column}.bulb{color:#647286;background:0 0;border:0;flex-direction:column;align-items:center;display:flex}.bulb span{filter:grayscale(.85);opacity:.55;font-size:42px;transition:all .2s}.bulb small{background:#fff;border:1px solid #e2e8ef;border-radius:8px;padding:2px 6px;font-size:8px}.bulb.on span{filter:drop-shadow(0 0 13px #ffd65c);opacity:1}.bulb.removed{opacity:.35;transform:translateY(-7px)}.circuit-switch{z-index:4;color:#657286;background:0 0;border:0;width:75px;height:50px;position:absolute;top:42%;right:10%}.circuit-switch i{transform-origin:0;background:#e65b57;border-radius:6px;width:48px;height:5px;margin:5px auto 10px;transition:all .2s;display:block;transform:rotate(-32deg)}.circuit-switch.closed i{background:#23a775;transform:rotate(0)}.circuit-switch small{font-size:8px}.electron-flow{color:#4fc4ec;pointer-events:none;position:absolute;inset:20% 14% 16% 17%}.electron-flow i{animation:1.3s linear infinite electron;animation-delay:var(--d);position:absolute;top:16%;left:0}@keyframes electron{0%{top:16%;left:0}35%{top:16%;left:80%}55%{top:82%;left:80%}85%{top:82%;left:0}to{top:16%;left:0}}.step-control,.toggle-line{color:#68768a;border-top:1px solid #edf1f5;justify-content:space-between;align-items:center;padding:10px 0;font-size:10px;display:flex}.step-control>div{align-items:center;gap:8px;display:flex}.step-control button{color:#46617e;background:#fff;border:1px solid #dce4ec;border-radius:7px;width:26px;height:26px}.step-control b{text-align:center;color:#263b55;min-width:18px}.toggle-line input{accent-color:#2563eb}.mission-mini-card p{color:#778499;margin:0 0 9px;font-size:9px;line-height:1.5}.mission-status{color:#8993a2;background:#f4f6f9;border-radius:9px;padding:8px;font-size:9px;font-weight:700}.mission-status.done{color:#23805e;background:#eaf8f1}.shadow-stage{background:linear-gradient(90deg,#162135,#27354b 65%,#ebeff4 65%);height:320px;position:relative;overflow:hidden}.light-source{z-index:4;flex-direction:column;align-items:center;transition:left .2s;display:flex;position:absolute;top:41%;transform:translate(-50%,-50%)}.light-source span{filter:drop-shadow(15px 0 10px #ffe06080)}.light-source small,.shadow-object small{color:#c9d4df;white-space:nowrap;font-size:8px}.shadow-object{z-index:5;flex-direction:column;align-items:center;transition:left .2s;display:flex;position:absolute;top:47%;transform:translate(-50%,-50%)}.shadow-object span{font-size:57px}.screen-panel{z-index:3;background:#f1f1ec;border:6px solid #bec5cb;width:24%;position:absolute;top:7%;bottom:7%;right:3%;box-shadow:inset 8px 0 17px #262c3221}.screen-panel small{color:#7c8791;font-size:8px;position:absolute;bottom:5px;left:50%;transform:translate(-50%)}.umbra,.penumbra{border-radius:50%;transition:transform .2s;position:absolute;top:48%;left:50%}.umbra{z-index:2;background:#191e26c7;width:65px;height:90px}.penumbra{filter:blur(6px);z-index:1;background:#2c313947;width:74px;height:104px}.light-rays{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.light-rays line{stroke:#f6dc6d;stroke-width:2px;opacity:.75}.light-rays .ray-soft{stroke:#f2d98a;stroke-width:1px;stroke-dasharray:8 6;opacity:.45}.shadow-labels{z-index:6;flex-direction:column;gap:5px;display:flex;position:absolute;top:12%;right:7%}.shadow-labels span{color:#4f5965;background:#ffffffbf;border-radius:7px;padding:3px 6px;font-size:8px}.module-status{color:#738197;align-items:center;gap:8px;font-size:9px;display:flex}.module-status span{color:#28775b;background:#eaf6ef;border-radius:8px;padding:5px 7px}.module-status b{font-weight:600}.learning-panel{background:#f8fafc;grid-template-columns:minmax(220px,.75fr) minmax(300px,1.25fr);align-items:center;gap:30px;min-height:390px;padding:30px;display:grid}.learning-visual{background:radial-gradient(circle,#fff,#e5eef8);border:1px solid #e0e7ef;border-radius:20px;place-items:center;height:270px;display:grid;position:relative;overflow:hidden}.learning-visual span{z-index:2;font-size:82px}.learning-visual i{border:1px dashed #9fb7d4;border-radius:50%;width:190px;height:190px;position:absolute}.learning-panel article h3,.mission-panel h3,.quiz-panel h3{color:#26364e;margin:10px 0 7px;font-size:24px}.learning-panel article>p,.mission-panel>p,.quiz-panel>p{color:#718096;margin:0 0 14px;font-size:12px;line-height:1.6}.learning-steps{gap:7px;display:grid}.learning-steps>div{background:#fff;border:1px solid #e5eaf0;border-radius:11px;align-items:center;gap:9px;padding:8px;display:flex}.learning-steps b{color:#2563eb;background:#edf4ff;border-radius:8px;place-items:center;width:28px;height:28px;font-size:10px;display:grid}.learning-steps span{flex-direction:column;display:flex}.learning-steps strong{color:#40516a;font-size:10px}.learning-steps small{color:#8a95a5;font-size:9px}.concept-note{color:#56708f;background:#f0f7ff;border-radius:11px;flex-direction:column;margin-top:10px;padding:10px;font-size:9px;display:flex}.concept-note strong{color:#2b5f9f;margin-bottom:2px}.mission-panel,.quiz-panel{text-align:center;max-width:720px;min-height:390px;margin:0 auto;padding:40px 28px}.mission-flag{margin-bottom:8px;font-size:62px}.mission-rules{flex-wrap:wrap;justify-content:center;gap:7px;margin:18px 0;display:flex}.mission-rules span{color:#65758b;background:#f6f8fb;border:1px solid #e3e9f0;border-radius:10px;padding:7px 10px;font-size:9px}.quiz-panel{text-align:left}.quiz-progress{color:#8793a3;align-items:center;gap:10px;margin-bottom:18px;font-size:9px;display:flex}.quiz-progress>span{background:#e8edf3;border-radius:7px;flex:1;height:5px;overflow:hidden}.quiz-progress i{background:#3a75dd;width:33%;height:100%;display:block}.quiz-options{gap:8px;display:grid}.quiz-options button{text-align:left;color:#56657a;background:#fff;border:1px solid #e0e7ef;border-radius:12px;align-items:center;gap:10px;padding:10px;font-size:10px;display:flex}.quiz-options b{background:#eef2f7;border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.quiz-options button.correct{background:#f0fbf5;border-color:#78c7a5}.quiz-options button.wrong{background:#fff5f5;border-color:#e5a6a4}.quiz-feedback{border-radius:10px;margin-top:10px;padding:10px;font-size:9px;font-weight:700}.quiz-feedback.correct{color:#26775b;background:#eaf8f1}.quiz-feedback.wrong{color:#a54b49;background:#fff1f1}@media (width<=1050px){.workspace{grid-template-columns:250px minmax(0,1fr)}.lab-layout,.interactive-lab,.analysis-row{grid-template-columns:1fr}.control-column,.lab-controls-panel{grid-template-columns:1fr 1fr}.main-content{padding:18px}}@media (width<=760px){.topbar{height:66px;padding:0 12px}.brand-subtitle,.brand-developer,.compact-control,.topbar-actions .icon-button{display:none}.brand-mark{width:36px;height:36px}.brand-title{font-size:13px}.menu-button{display:block}.workspace,.workspace.sidebar-collapsed{grid-template-columns:1fr}.sidebar{width:282px;height:calc(100vh - 66px);position:fixed;top:66px;left:0;box-shadow:15px 0 35px #1a2a4324}.workspace.sidebar-collapsed .sidebar{transform:translate(-105%)}.main-content{padding:12px}.unit-hero{padding:15px}.progress-card{display:none}.unit-hero h1{font-size:20px}.hero-icon{width:46px;height:46px}.lesson-panel-header{padding:15px}.lesson-panel-header p{max-width:240px}.lab-layout{padding:8px}.experiment-stage{height:280px}.control-column,.lab-controls-panel{grid-template-columns:1fr}.interactive-lab{padding:8px}.analysis-row{padding:0 8px 8px}.placeholder-lab,.learning-panel{grid-template-columns:1fr;padding:15px}.placeholder-scene{height:210px}.learning-visual{height:200px}.mission-panel,.quiz-panel{padding:25px 15px}.mode-switch{width:116px;min-width:116px}.mode-switch button{flex:1;min-width:0;padding:6px 3px;font-size:9px;overflow:hidden}.topbar-actions{gap:4px}.avatar-button{display:none}.sim-footer{flex-wrap:wrap}.secondary-button,.primary-button{flex:1;min-width:95px}.lesson-strip button{min-width:210px}.teacher-panel{align-items:flex-start}.metric-grid{grid-template-columns:repeat(2,1fr)}}.lesson-actions{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.complete-button{color:#6c788a;background:#fff;border:1px solid #d8e2ec;border-radius:9px;padding:6px 9px;font-size:9px;font-weight:700}.complete-button.done{color:#27785b;background:#eefaf4;border-color:#9dd5bd}.lesson-strip button.done{background:#f7fcf9;border-color:#b9dbc9}.lesson-strip button.done>span{color:#fff;background:#2e9a72}.dashboard-backdrop{z-index:80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#101c2e75;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.learning-dashboard{background:#f8fafc;border:1px solid #dce4ed;border-radius:22px;width:min(900px,94vw);max-height:88vh;padding:22px;overflow:auto;box-shadow:0 28px 80px #12223947}.dashboard-header{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:15px;display:flex}.dashboard-header h2{color:#21314a;margin:7px 0 0;font-size:22px}.dashboard-header>button{color:#657287;background:#fff;border:1px solid #dce4ed;border-radius:10px;width:36px;height:36px;font-size:22px}.overall-progress{background:#fff;border:1px solid #e0e7ef;border-radius:16px;grid-template-columns:100px 1fr;align-items:center;gap:18px;margin-bottom:14px;padding:15px;display:grid}.big-progress{color:#2764c7;background:#edf4ff;border-radius:50%;place-items:center;width:82px;height:82px;display:grid;position:relative}.big-progress strong{font-size:26px}.big-progress span{margin-top:8px;margin-left:34px;font-size:10px;position:absolute}.overall-progress>div:last-child>strong{color:#35445b;font-size:13px}.overall-progress p{color:#8a95a5;margin:3px 0 8px;font-size:9px}.progress-track,.mini-progress{background:#e7edf4;border-radius:8px;height:7px;overflow:hidden}.progress-track i,.mini-progress i{background:linear-gradient(90deg,#2f72dc,#31a47c);border-radius:8px;height:100%;display:block}.dashboard-units{grid-template-columns:1fr 1fr;gap:8px;display:grid}.dashboard-units>button{text-align:left;color:#4e5d73;background:#fff;border:1px solid #e0e7ef;border-radius:13px;grid-template-columns:38px 1fr auto;align-items:center;gap:9px;padding:10px;display:grid}.dashboard-units>button:hover{border-color:#aac3ea;box-shadow:0 6px 18px #253e6212}.dashboard-unit-icon{font-size:24px}.dashboard-units>button>div{flex-direction:column;min-width:0;display:flex}.dashboard-units strong{color:#34445c;font-size:10px}.dashboard-units small{color:#8994a4;margin:2px 0 5px;font-size:8px;line-height:1.35}.dashboard-units>button>b{color:#4472b4;white-space:nowrap;font-size:9px}.mini-progress{height:4px}.sidebar-footer button b{text-align:center;min-width:31px}@media (width<=760px){.lesson-panel-header{align-items:flex-start}.lesson-actions{align-items:flex-end}.complete-button{max-width:115px}.learning-dashboard{padding:15px}.dashboard-units{grid-template-columns:1fr}.overall-progress{grid-template-columns:72px 1fr}.big-progress{width:64px;height:64px}.big-progress strong{font-size:20px}}.teacher-quick-tools{background:#f4f8fd;border:1px solid #d9e5f2;border-radius:11px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:9px;padding:8px 10px;display:flex}.teacher-quick-tools>span{color:#6d7f94;align-items:center;gap:7px;font-size:8px;display:flex}.teacher-quick-tools>span b{color:#fff;letter-spacing:.06em;background:#315f9d;border-radius:7px;padding:3px 6px;font-size:7px}.teacher-quick-tools>div{flex-wrap:wrap;justify-content:flex-end;gap:5px;display:flex}.teacher-quick-tools button{color:#52657d;background:#fff;border:1px solid #d4dfeb;border-radius:8px;padding:5px 8px;font-size:8px;font-weight:700}.teacher-quick-tools button:hover{color:#315f9d;border-color:#94b5df}@media (width<=760px){.teacher-quick-tools{flex-direction:column;align-items:flex-start}.teacher-quick-tools>div{justify-content:flex-start}}.student-chip{color:#40506a;text-align:left;background:#fff;border:1px solid #dbe3ec;border-radius:11px;align-items:center;gap:8px;min-width:165px;height:42px;padding:4px 10px;display:flex}.student-chip>span{font-size:18px}.student-chip>div{flex-direction:column;min-width:0;display:flex}.student-chip small{color:#8a95a5;font-size:8px}.student-chip strong{white-space:nowrap;text-overflow:ellipsis;max-width:130px;font-size:10px;overflow:hidden}.classroom-button{color:#315e9f;background:#f3f7ff;border:1px solid #cfdced;border-radius:10px;height:40px;padding:0 11px;font-size:10px;font-weight:700}.current-student-card{background:#eef5ff;border:1px solid #dbe8fb;border-radius:11px;flex-direction:column;margin:0 4px 12px;padding:10px;display:flex}.current-student-card span{color:#7890ad;font-size:8px}.current-student-card strong{color:#335a8c;margin-top:2px;font-size:11px}.current-student-card small{color:#8393a7;font-size:8px}.classroom-dashboard{background:#f8fafc;border:1px solid #dce4ed;border-radius:22px;width:min(1120px,96vw);max-height:90vh;padding:22px;overflow:auto;box-shadow:0 30px 90px #101f354d}.dashboard-header p{color:#8994a3;margin:4px 0 0;font-size:9px}.classroom-summary{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px;display:grid}.classroom-summary>div{background:#fff;border:1px solid #e0e7ef;border-radius:14px;grid-template-columns:34px auto;align-items:center;column-gap:8px;padding:12px;display:grid}.classroom-summary span{grid-row:1/3;font-size:24px}.classroom-summary strong{color:#2d405b;font-size:20px}.classroom-summary small{color:#8b96a5;font-size:8px}.classroom-toolbar{background:#fff;border:1px solid #e0e7ef;border-radius:14px;justify-content:space-between;align-items:end;gap:10px;margin-bottom:10px;padding:11px;display:flex}.classroom-toolbar>label{color:#7e8999;flex-direction:column;gap:4px;font-size:8px;display:flex}.classroom-toolbar select,.add-student-form input{color:#506078;background:#fff;border:1px solid #dce4ed;border-radius:9px;height:34px;padding:0 9px;font-size:9px}.add-student-form{flex:1;grid-template-columns:70px minmax(150px,1fr) 90px auto;gap:7px;max-width:650px;display:grid}.add-student-form .primary-button{height:34px}.student-table-wrap{background:#fff;border:1px solid #e0e7ef;border-radius:14px;overflow:auto}.student-table{border-collapse:collapse;width:100%;min-width:780px}.student-table th{text-transform:uppercase;letter-spacing:.04em;color:#8b96a5;text-align:left;background:#f7f9fb;border-bottom:1px solid #e5eaf0;padding:9px 10px;font-size:8px}.student-table td{color:#607086;vertical-align:middle;border-bottom:1px solid #edf1f5;padding:9px 10px;font-size:9px}.student-table tr.active td{background:#f3f8ff}.student-name-button{text-align:left;color:#40516a;background:0 0;border:0;grid-template-columns:26px 1fr;column-gap:6px;padding:0;display:grid}.student-name-button>span{grid-row:1/3;font-size:19px}.student-name-button strong{font-size:10px}.student-name-button small{color:#3273c9;font-size:7px}.table-progress{background:#e7edf4;border-radius:7px;width:90px;height:6px;margin-right:5px;display:inline-block;overflow:hidden}.table-progress i{background:linear-gradient(90deg,#3677de,#31a57b);height:100%;display:block}.row-actions{gap:5px;display:flex}.row-actions button{color:#53657c;background:#fff;border:1px solid #dce4ed;border-radius:7px;padding:4px 7px;font-size:8px}.row-actions button.danger{color:#b95050;border-color:#efd0d0}.row-actions button:disabled{opacity:.35}.report-shortcut{color:#3263a7;background:#fff;border:1px solid #cedcf0;border-radius:9px;margin:-5px 0 12px auto;padding:7px 10px;font-size:9px;font-weight:700;display:block}.report-backdrop{padding:24px;display:block;overflow:auto}.student-report{color:#26364d;background:#fff;width:210mm;min-height:297mm;margin:0 auto;padding:16mm 16mm 14mm;font-family:Sarabun,Noto Sans Thai,Segoe UI,sans-serif;box-shadow:0 20px 60px #111e3240}.report-actions{justify-content:flex-end;gap:8px;margin-bottom:12px;display:flex}.report-header{border-bottom:2px solid #345f9f;align-items:center;gap:13px;padding-bottom:12px;display:flex}.report-logo{color:#fff;background:#275fae;border-radius:14px;place-items:center;width:54px;height:54px;font-size:28px;display:grid}.report-header h1{color:#1e3658;margin:0;font-size:21px}.report-header p{color:#758399;margin:3px 0 0;font-size:10px}.student-report-info{grid-template-columns:2fr 1fr 1fr 1.2fr;gap:8px;margin:15px 0;display:grid}.student-report-info>div{background:#f7f9fc;border:1px solid #e4e9ef;border-radius:8px;flex-direction:column;padding:8px;display:flex}.student-report-info small{color:#8b96a5;font-size:8px}.student-report-info strong{margin-top:2px;font-size:11px}.report-kpis{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px;display:grid}.report-kpis>div{text-align:center;border:1px solid #dce5ef;border-radius:9px;padding:10px}.report-kpis strong{color:#2e67b3;font-size:20px;display:block}.report-kpis small{color:#7e8a9b;font-size:8px}.report-table{border-collapse:collapse;width:100%}.report-table th,.report-table td{text-align:left;border:1px solid #dfe5ec;padding:7px;font-size:8px}.report-table th{color:#425b7d;background:#eef4fb}.report-table td:nth-child(n+2),.report-table th:nth-child(n+2){text-align:center}.report-footer{color:#5e6b7d;justify-content:space-between;margin-top:34px;font-size:9px;display:flex}.quiz-options button.selected{color:#285eaa;background:#eef5ff;border-color:#78a8eb}.quiz-next{margin-top:12px}.quiz-progress b{color:#3b72bd;white-space:nowrap;font-size:8px}.quiz-finished{text-align:center}.quiz-medal{font-size:58px;display:block}.final-score{color:#2f75c7;margin:6px 0;font-size:42px;display:block}.quiz-finished .primary-button{margin-top:6px}@media (width<=900px){.student-chip,.classroom-button{display:none}.classroom-summary{grid-template-columns:1fr}.classroom-toolbar{flex-direction:column;align-items:stretch}.add-student-form{grid-template-columns:65px 1fr 85px auto;max-width:none}.student-report{width:100%;min-height:auto;padding:18px}.student-report-info{grid-template-columns:1fr 1fr}}@media (width<=600px){.add-student-form{grid-template-columns:60px 1fr}.add-student-form input:nth-child(3),.add-student-form .primary-button{grid-column:auto}.student-report-info,.report-kpis{grid-template-columns:1fr}.report-footer{flex-direction:column;gap:30px}}@media print{body{background:#fff!important}.report-backdrop .no-print{display:none!important}body:has(.report-backdrop) .topbar{display:none!important}body:has(.report-backdrop) .workspace{display:none!important}body:has(.report-backdrop) .dashboard-backdrop:not(.report-backdrop){display:none!important}.report-backdrop{background:#fff!important;padding:0!important;display:block!important;position:static!important}.student-report{width:210mm!important;min-height:297mm!important;box-shadow:none!important;margin:0!important;padding:12mm!important}.student-report *{-webkit-print-color-adjust:exact;print-color-adjust:exact}@page{size:A4 portrait;margin:0}}.class-filter-tools{align-items:end;gap:7px;display:flex}.class-filter-tools label{color:#7e8999;flex-direction:column;gap:4px;font-size:8px;display:flex}.class-filter-tools select{color:#506078;background:#fff;border:1px solid #dce4ed;border-radius:9px;height:34px;padding:0 9px;font-size:9px}.export-button{white-space:nowrap;height:34px}@media (width<=900px){.class-filter-tools{justify-content:space-between}.class-filter-tools label{flex:1}.class-filter-tools select{width:100%}}.hidden-file-input{display:none}.import-message{color:#3c6598;background:#f2f7fd;border:1px solid #cfe0f5;border-radius:10px;align-items:center;gap:6px;margin:-2px 0 10px;padding:8px 10px;font-size:9px;display:flex}.import-message small{color:#7d91aa;margin-left:auto}.report-section-title{color:#375274;margin:14px 0 7px;font-size:12px}.class-student-report-table td:nth-child(2),.class-student-report-table th:nth-child(2){text-align:left}.class-unit-summary{grid-template-columns:1fr 1fr;gap:7px;display:grid}.class-unit-summary>div{border:1px solid #e1e7ee;border-radius:8px;grid-template-columns:26px 1fr 38px;align-items:center;gap:7px;padding:7px;display:grid}.class-unit-summary>div>span{font-size:18px}.class-unit-summary>div>div{flex-direction:column;display:flex}.class-unit-summary strong{color:#465b77;font-size:8px}.class-unit-summary i{background:#e8edf3;border-radius:6px;height:4px;margin-top:4px;overflow:hidden}.class-unit-summary i b{background:#3978d8;border-radius:6px;height:100%;display:block}.class-unit-summary em{text-align:right;color:#557098;font-size:8px;font-style:normal}@media (width<=900px){.class-filter-tools{flex-wrap:wrap}.import-message{flex-direction:column;align-items:flex-start}.import-message small{margin-left:0}.class-unit-summary{grid-template-columns:1fr}}@media print{.class-report{page-break-after:auto}.class-unit-summary{grid-template-columns:1fr 1fr}.class-report .report-table th,.class-report .report-table td{padding:5px;font-size:7.5px}}.report-kpis.expanded{grid-template-columns:repeat(5,1fr)}.student-table{min-width:920px}.student-table td:nth-child(4){min-width:135px}@media (width<=900px){.report-kpis.expanded{grid-template-columns:1fr 1fr}}@media print{.report-kpis.expanded{grid-template-columns:repeat(5,1fr)}.report-kpis.expanded strong{font-size:16px}.report-kpis.expanded small{font-size:7px}}.demo-panel{--demo-accent:#3979d8;padding:6px 0}.demo-header{justify-content:space-between;align-items:end;gap:16px;margin-bottom:12px;display:flex}.demo-header h3{color:#2d405b;margin:5px 0 3px;font-size:20px}.demo-header p{color:#7c899b;max-width:670px;margin:0;font-size:10px}.demo-header-actions{gap:7px;display:flex}.demo-header-actions .playing{background:#9a6642}.demo-stage{grid-template-columns:minmax(280px,.85fr) minmax(300px,1.15fr);gap:12px;display:grid}.demo-visual{border:1px solid color-mix(in srgb,var(--demo-accent) 18%,#dce5ed);background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--demo-accent) 15%,white),#f2f6fa 70%);border-radius:18px;place-items:center;height:330px;display:grid;position:relative;overflow:hidden}.demo-step-icon{z-index:2;filter:drop-shadow(0 16px 20px #23354e29);font-size:100px;animation:2.2s ease-in-out infinite demo-float}.demo-visual>b{color:#355e95;z-index:3;background:#fff;border:1px solid #d9e3ec;border-radius:11px;padding:7px 12px;font-size:17px;position:absolute;bottom:32px}.demo-orbit-ring{border:1px dashed color-mix(in srgb,var(--demo-accent) 34%,transparent);border-radius:50%;animation:10s linear infinite demo-spin;position:absolute}.demo-orbit-ring.one{width:220px;height:220px}.demo-orbit-ring.two{width:310px;height:130px;animation-duration:14s;transform:rotate(-18deg)}.demo-narration{background:#fff;border:1px solid #dee6ee;border-radius:18px;flex-direction:column;justify-content:center;padding:24px;display:flex}.demo-narration>small{color:#7c91ad;text-transform:uppercase;letter-spacing:.06em;font-size:9px}.demo-narration h4{color:#29415f;margin:8px 0;font-size:25px}.demo-narration p{color:#65748a;margin:0 0 18px;font-size:12px;line-height:1.7}.demo-progress{background:#e8edf3;border-radius:8px;height:7px;overflow:hidden}.demo-progress i{background:var(--demo-accent);border-radius:8px;height:100%;transition:all .25s;display:block}.demo-controls{justify-content:space-between;margin-top:14px;display:flex}.demo-controls button{color:#52647c;background:#f8fafc;border:1px solid #dae3ed;border-radius:9px;padding:7px 10px;font-size:9px}.demo-timeline{grid-template-columns:repeat(4,1fr);gap:7px;margin-top:10px;display:grid}.demo-timeline button{text-align:left;color:#69768a;background:#fff;border:1px solid #e0e6ee;border-radius:12px;grid-template-columns:28px 1fr;gap:7px;padding:9px;display:grid}.demo-timeline button>span{color:#65768a;background:#eef2f6;border-radius:50%;place-items:center;width:27px;height:27px;font-size:9px;font-weight:800;display:grid}.demo-timeline strong{color:#4b5e77;font-size:9px;display:block}.demo-timeline small{color:#8b96a5;margin-top:2px;font-size:7px;line-height:1.35;display:block}.demo-timeline button.active{border-color:color-mix(in srgb,var(--demo-accent) 55%,#dfe7ef);background:color-mix(in srgb,var(--demo-accent) 5%,white)}.demo-timeline button.active>span,.demo-timeline button.done>span{background:var(--demo-accent);color:#fff}.demo-takeaway{background:#f5fbf6;border:1px solid #d9e7dc;border-radius:12px;gap:9px;margin-top:10px;padding:10px 12px;display:flex}.demo-takeaway>span{font-size:21px}.demo-takeaway small{color:#71907a;font-size:7px;display:block}.demo-takeaway strong{color:#3f6350;font-size:10px}@keyframes demo-float{50%{transform:translateY(-10px)scale(1.04)}}@keyframes demo-spin{to{transform:rotate(360deg)}}@media (width<=760px){.demo-header{flex-direction:column;align-items:stretch}.demo-header-actions{justify-content:flex-end}.demo-stage{grid-template-columns:1fr}.demo-visual{height:240px}.demo-narration{padding:16px}.demo-timeline{grid-template-columns:1fr 1fr}.demo-step-icon{font-size:76px}}.mass-stage,.measure-stage{background:linear-gradient(#eaf5fb 0 65%,#d4b58c 65%);justify-content:center;align-items:center;gap:28px;height:320px;display:flex;position:relative;overflow:hidden}.mass-object{background:#ffffffe0;border:1px solid #d9e2ea;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:7px;width:120px;height:140px;transition:all .25s;display:flex}.mass-object>span{font-size:58px}.mass-object strong{color:#536176;font-size:10px}.mass-object.heavier{transform:translateY(16px);box-shadow:0 8px 20px #253b541f}.balance-model{flex-direction:column;justify-content:center;align-items:center;width:280px;height:180px;display:flex;position:relative}.balance-beam{transform-origin:50%;background:#647993;border-radius:8px;width:230px;height:8px;transition:all .3s;position:relative}.balance-beam.left{transform:rotate(-8deg)}.balance-beam.right{transform:rotate(8deg)}.balance-beam.equal{transform:rotate(0)}.balance-beam i{background:#8da0b6;width:78px;height:3px;position:absolute;top:7px}.balance-beam i:first-child{left:5px}.balance-beam i:last-child{right:5px}.balance-base{margin-top:15px;font-size:54px}.balance-display{color:#baf7c8;background:#193a52;border-radius:8px;padding:6px 11px;font-family:monospace;font-size:11px;font-weight:700;position:absolute;bottom:2px}.basic-object-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.basic-object-grid button,.measure-choice-grid button{color:#607087;background:#fff;border:1px solid #dde5ed;border-radius:10px;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:8px 5px;display:flex}.basic-object-grid button.active,.measure-choice-grid button.active{color:#2e64a8;background:#edf5ff;border-color:#6f9ddd}.basic-object-grid span,.measure-choice-grid span{font-size:24px}.basic-object-grid small,.measure-choice-grid small{text-align:center;font-size:7px;line-height:1.25}.measure-stage{background:linear-gradient(150deg,#eef6fb,#f8f0df);gap:22px}.measure-task-object,.measure-tool{background:#fff;border:1px solid #dbe4ed;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:7px;width:180px;height:165px;display:flex;box-shadow:0 10px 25px #2d435e12}.measure-task-object>span,.measure-tool>span{font-size:64px}.measure-task-object strong{color:#4e6078;text-align:center;font-size:10px}.measure-tool small{color:#718197;text-align:center;font-size:9px}.measure-tool.selected{background:#f6faff;border-color:#7ca5df}.measure-arrow{color:#8494a7;font-size:38px}.measure-reading{color:#aa5454;background:#fff;border:2px solid #e1e7ee;border-radius:12px;padding:8px 16px;font-size:16px;font-weight:800;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.measure-reading.good{color:#2c8661;background:#f1fbf6;border-color:#8ed0b0}.measure-choice-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}@media (width<=760px){.mass-stage,.measure-stage{gap:9px;height:280px;padding:8px}.mass-object{width:78px;height:110px}.mass-object>span{font-size:42px}.balance-model{width:145px}.balance-beam{width:130px}.balance-display{padding:5px;font-size:8px}.basic-object-grid{grid-template-columns:1fr 1fr}.measure-task-object,.measure-tool{width:120px;height:135px}.measure-task-object>span,.measure-tool>span{font-size:48px}.measure-arrow{font-size:24px}.measure-reading{font-size:12px;bottom:12px}}.circuit-builder-lab{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:12px;display:grid}.circuit-builder-main{min-width:0}.circuit-toolbar{align-items:center;gap:7px;display:flex}.circuit-toolbar-status{flex-wrap:wrap;justify-content:flex-end;gap:5px;margin-left:auto;display:flex}.circuit-toolbar-status span{color:#65768a;background:#fff;border:1px solid #d9e3ec;border-radius:8px;padding:3px 6px;font-size:7px}.component-palette{grid-template-columns:1.15fr repeat(6,minmax(86px,1fr));gap:7px;margin:8px 0;display:grid}.palette-heading{background:#f8fafc;border:1px solid #dce5ee;border-radius:12px;flex-direction:column;justify-content:center;padding:8px 9px;display:flex}.palette-heading strong{color:#42566f;font-size:9px}.palette-heading small{color:#8995a5;margin-top:2px;font-size:7px}.palette-item{color:#53677f;cursor:grab;background:#fff;border:1px solid #dce4ed;border-radius:11px;flex-direction:column;align-items:center;gap:2px;min-height:62px;padding:7px;display:flex}.palette-item:hover,.palette-item.active{background:#f1f7ff;border-color:#87addc}.palette-item>span{font-size:22px;line-height:1}.palette-item strong{text-align:center;font-size:8px;line-height:1.2}.palette-item small{color:#9aa5b2;font-size:6px}.palette-item.wire-tool>span{font-size:24px}.circuit-board-wrap{background:#fff;border:1px solid #dce4ec;border-radius:16px;overflow:hidden}.board-guide{color:#7c899a;background:#f8fafc;border-bottom:1px solid #e3e8ee;justify-content:space-between;align-items:center;height:32px;padding:0 11px;font-size:7px;display:flex}.circuit-board{background:linear-gradient(#fbfdff,#f2f6f9);height:470px;position:relative;overflow:hidden}.circuit-board.shorted{box-shadow:inset 0 0 0 3px #d95e4a59}.board-grid{background-image:linear-gradient(#647e9914 1px,#0000 1px),linear-gradient(90deg,#647e9914 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0}.wire-layer{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.wire-svg .wire-shadow{fill:none;stroke:#2a323b3d;stroke-width:13px;stroke-linecap:round}.wire-svg .wire-path{fill:none;stroke-width:7px;stroke-linecap:round}.wire-svg.red .wire-path{stroke:#c84949}.wire-svg.black .wire-path{stroke:#343d46}.wire-svg.blue .wire-path{stroke:#3f73bc}.wire-svg.powered .wire-path{stroke-dasharray:16 10;filter:drop-shadow(0 0 4px #eec13da6);animation:.65s linear infinite wire-flow}@keyframes wire-flow{to{stroke-dashoffset:-26px}}.circuit-part{z-index:4;-webkit-user-select:none;user-select:none;cursor:grab;width:102px;min-height:82px;position:absolute;transform:translate(-50%,-50%)}.part-body{background:#fff;border:1px solid #cfd9e4;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:2px;height:66px;display:flex;position:relative;box-shadow:0 7px 18px #2a3d5417}.circuit-part.running .part-body{border-color:#e0ba4e;box-shadow:0 0 0 2px #eec24829,0 8px 24px #e4b62f24}.part-body>strong{color:#5d6f83;font-size:8px}.part-label{text-align:center;color:#68788c;white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:7px;display:block;overflow:hidden}.part-remove{color:#9a6670;z-index:8;opacity:.15;background:#fff;border:1px solid #dbe2ea;border-radius:50%;width:20px;height:20px;font-size:10px;position:absolute;top:-9px;right:1px}.circuit-part:hover .part-remove{opacity:1}.terminal{color:#455566;z-index:10;cursor:crosshair;background:#eef2f6;border:3px solid #5e6d7d;border-radius:50%;place-items:center;width:25px;height:25px;font-size:11px;font-weight:900;display:grid;position:absolute;top:29px;box-shadow:0 0 0 3px #ffffffe6}.terminal-left{left:-10px}.terminal-right{right:-10px}.terminal:hover,.terminal.selected{background:#ffd96f;border-color:#ad8322;box-shadow:0 0 0 5px #ffd35d40}.part-battery .terminal-left{color:#fff;background:#3c4248}.part-battery .terminal-right{color:#fff;background:#cf534c}.battery-graphic{align-items:center;height:30px;display:flex}.battery-graphic i{background:linear-gradient(90deg,#3f474d,#59616a);border-radius:5px;width:32px;height:24px;display:block}.battery-graphic b{background:#c54e49;border-radius:0 3px 3px 0;width:8px;height:12px;display:block}.bulb-graphic{place-items:center;width:42px;height:40px;display:grid;position:relative}.bulb-graphic span{z-index:2;font-size:32px}.bulb-graphic i{filter:blur(2px);background:radial-gradient(circle,#ffe57f,#ffe57f1a 68%,#0000 72%);border-radius:50%;width:44px;height:44px;position:absolute}.motor-graphic{background:#eef2f5;border:4px solid #9ea9b4;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.motor-graphic span{font-size:25px}.motor-graphic.spin{animation:.8s linear infinite motor-spin}@keyframes motor-spin{to{transform:rotate(360deg)}}.switch-graphic{cursor:pointer;background:0 0;border:0;width:78px;height:43px;position:relative}.switch-graphic:before,.switch-graphic:after{content:"";background:#576675;border-radius:50%;width:12px;height:12px;position:absolute;top:17px}.switch-graphic:before{left:8px}.switch-graphic:after{right:8px}.switch-graphic i{transform-origin:0;background:#8b5960;border-radius:3px;width:38px;height:5px;transition:all .2s;position:absolute;top:16px;left:19px;transform:rotate(-24deg)}.switch-graphic.closed i{background:#3e9a6d;transform:rotate(0)}.switch-graphic span{color:#758397;font-size:6px;position:absolute;bottom:-1px;left:0;right:0}.wire-start-pulse{z-index:12;pointer-events:none;border:3px solid #f0ba2c;border-radius:50%;width:22px;height:22px;animation:1s ease-out infinite pulse-terminal;position:absolute;transform:translate(-50%,-50%)}@keyframes pulse-terminal{0%{box-shadow:0 0 #f0ba2c73}to{box-shadow:0 0 0 16px #f0ba2c00}}.empty-board-hint{z-index:1;color:#6d7c8e;background:#ffffffdb;border:1px dashed #cfd8e3;border-radius:12px;align-items:center;gap:7px;max-width:70%;padding:8px 10px;display:flex;position:absolute;top:78%;left:50%;transform:translate(-50%,-50%)}.empty-board-hint>span{font-size:22px}.empty-board-hint strong{font-size:8px}.empty-board-hint small{font-size:7px}.circuit-result{background:#f8fafc;border:1px solid #dfe6ed;border-radius:12px;align-items:center;gap:8px;margin-top:8px;padding:9px 11px;display:flex}.circuit-result.good{background:#f2faf5;border-color:#b9ddc9}.circuit-result.danger{background:#fff5f3;border-color:#e8bbb4}.circuit-result>span{font-size:24px}.circuit-result strong{color:#4f627a;font-size:9px;display:block}.circuit-result small{color:#7d8a9a;margin-top:2px;font-size:7px;line-height:1.35;display:block}.circuit-builder-side{flex-direction:column;gap:9px;display:flex}.wiring-card,.circuit-challenge-card,.wire-list-card{margin:0}.wire-colors{align-items:center;gap:7px;margin-bottom:8px;display:flex}.wire-colors button{border:3px solid #0000;border-radius:50%;width:25px;height:25px}.wire-colors button.red{background:#c84949}.wire-colors button.black{background:#343d46}.wire-colors button.blue{background:#3f73bc}.wire-colors button.active{box-shadow:0 0 0 2px #fff,0 0 0 4px #8090a2}.wire-colors span{color:#758396;font-size:7px}.wiring-notice{color:#57708e;background:#f2f7fd;border:1px solid #d7e5f3;border-radius:8px;margin-top:7px;padding:7px;font-size:7px;line-height:1.35}.circuit-challenge-card p{color:#68798c;font-size:8px;line-height:1.5}.placed-list{flex-direction:column;gap:5px;max-height:220px;display:flex;overflow:auto}.placed-list>div{background:#fafbfd;border:1px solid #e1e6ed;border-radius:8px;grid-template-columns:24px 1fr auto 20px;align-items:center;gap:4px;padding:5px;display:grid}.placed-list span{font-size:15px}.placed-list strong{color:#56687e;white-space:nowrap;text-overflow:ellipsis;font-size:7px;overflow:hidden}.placed-list small{color:#8b97a6;font-size:6px}.placed-list button{color:#9a5b60;background:#f4e8e8;border:0;border-radius:50%;width:19px;height:19px;font-size:10px}.wire-dot{border-radius:3px;width:13px;height:4px}.wire-dot.red{background:#c84949}.wire-dot.black{background:#343d46}.wire-dot.blue{background:#3f73bc}.circuit-side-actions{grid-template-columns:1fr 1fr;gap:6px;display:grid}.danger-outline{color:#9a5955;background:#fff8f7;border:1px solid #e1bdba;border-radius:9px;font-size:8px;font-weight:700}.low-voltage-note{color:#806a4c;background:#fff9e9;border:1px solid #eddfbd;border-radius:10px;padding:8px;font-size:7px;line-height:1.45}.mission-status{color:#7a8797;background:#f7f9fb;border:1px solid #e0e5ec;border-radius:8px;margin:8px 0;padding:7px;font-size:7px}.mission-status.done{color:#3f7d5b;background:#eff9f3;border-color:#b7ddc7;font-weight:800}@media (width<=1100px){.component-palette{grid-template-columns:repeat(4,1fr)}.palette-heading{grid-column:1/-1}.circuit-builder-lab{grid-template-columns:1fr}.circuit-builder-side{grid-template-columns:1fr 1fr;display:grid}.wire-list-card,.circuit-side-actions,.low-voltage-note{grid-column:1/-1}}@media (width<=760px){.component-palette{grid-template-columns:repeat(3,1fr)}.palette-heading{grid-column:1/-1}.palette-item{min-height:58px}.circuit-board{height:390px}.circuit-part{width:86px}.part-body{height:60px}.terminal{width:23px;height:23px;top:25px}.terminal-left{left:-9px}.terminal-right{right:-9px}.circuit-builder-side{display:flex}.circuit-toolbar{flex-wrap:wrap;align-items:flex-start}.circuit-toolbar-status{justify-content:flex-start;width:100%;margin-left:0}.board-guide{gap:6px}.board-guide span:nth-child(2){display:none}.empty-board-hint{width:78%;max-width:85%;top:82%}.part-remove{opacity:.7}.circuit-result{align-items:flex-start}}.ray-stage,.shadow-mission-stage{background:linear-gradient(#eef5fb,#f8fbfd);height:320px;position:relative;overflow:hidden}.ray-lamp{z-index:3;font-size:58px;position:absolute;top:42%;left:4%}.ray-lamp small,.ray-screen small{color:#68778d;text-align:center;font-size:8px;display:block}.slit-board{z-index:4;background:#56677d;border-radius:5px;flex-direction:column;justify-content:space-evenly;align-items:center;width:24px;transition:all .25s;display:flex;position:absolute;top:40px;bottom:40px}.slit-board.first{left:32%}.slit-board.second{left:58%}.slit-board i{background:#f5d66d;border-radius:5px;width:8px;height:34px;box-shadow:0 0 14px #f5d66db3}.ray-screen{z-index:3;background:#fff;border:2px solid #cbd5df;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:80px;height:60%;display:flex;position:absolute;top:20%;right:4%}.ray-screen span{opacity:.25;font-size:34px}.ray-screen.lit span{opacity:1;filter:drop-shadow(0 0 14px #ffd966)}.ray-lines-svg{z-index:2;width:100%;height:100%;position:absolute;inset:0}.ray-lines-svg line{stroke:#f5ca4b;stroke-width:4px;stroke-linecap:round;filter:drop-shadow(0 0 5px #f5ca4b)}.shadow-mission-stage{background:radial-gradient(circle at 15%,#fff6cf,#eef3f8 70%)}.mission-light{transition:all .25s;position:absolute;top:39%;left:6%}.mission-object{z-index:4;font-size:58px;transition:all .25s;position:absolute;top:44%}.mission-screen{z-index:3;background:#d9e1e9;border-radius:8px;width:24px;height:76%;transition:all .25s;position:absolute;top:12%}.mission-penumbra,.mission-umbra{background:#464f5f33;border-radius:50%;transition:all .25s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mission-umbra{background:#31374394;width:50px;height:75px}.mission-ray{transform-origin:0;opacity:.8;background:#efc84f;height:2px;position:absolute;left:15%;right:14%}.mission-ray.top{top:34%;transform:rotate(4deg)}.mission-ray.bottom{top:66%;transform:rotate(-4deg)}@media (width<=760px){.ray-stage,.shadow-mission-stage{height:270px}.ray-lamp{font-size:44px}.slit-board.first{left:30%}.slit-board.second{left:56%}.ray-screen{width:58px;right:2%}.mission-object{font-size:44px}}.charge-interaction-stage,.charge-pair-stage{background:radial-gradient(circle,#f8fbff,#edf4fa);justify-content:center;align-items:center;gap:80px;height:320px;display:flex;position:relative;overflow:hidden}.charged-balloon,.neutral-paper{flex-direction:column;align-items:center;gap:5px;transition:all .25s;display:flex;position:relative}.charged-balloon .balloon{font-size:82px}.charge-signs{color:#4576b9;letter-spacing:4px;font-size:17px;font-weight:800}.neutral-paper{font-size:74px}.neutral-paper.moving{animation:.8s ease-in-out infinite alternate paper-pull}.polarization{color:#7857b7;justify-content:space-between;font-size:15px;font-weight:900;display:flex;position:absolute;top:6px;left:-10px;right:-10px}.interaction-arrow{color:#8b9aae;opacity:.45;font-size:28px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.interaction-arrow.strong{color:#527fc0;opacity:1}.charge-pair-stage{gap:42px}.charge-sphere{background:#fff;border:3px solid #8ab0df;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:120px;height:120px;display:flex;box-shadow:0 12px 24px #2f4a6c14}.charge-sphere>span{color:#3569aa;font-size:48px;font-weight:900}.charge-sphere small{color:#6e7d91;font-size:8px}.charge-force-zone{flex-direction:column;justify-content:center;align-items:center;height:90px;transition:all .2s;display:flex}.charge-force-zone b{color:#5479aa;white-space:pre;font-size:30px}.charge-force-zone small{color:#8794a5;margin-top:7px;font-size:8px}.charge-select-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.charge-select-row>div{grid-template-columns:22px 1fr 1fr;align-items:center;gap:5px;display:grid}.charge-select-row small{color:#8592a3;font-size:8px}.charge-select-row button{color:#61748c;background:#fff;border:1px solid #dbe3ec;border-radius:9px;height:36px;font-size:18px;font-weight:800}.charge-select-row button.active{color:#2f68b2;background:#edf5ff;border-color:#7ea6dd}@keyframes paper-pull{to{transform:translate(-20px)rotate(-4deg)}}@media (width<=760px){.charge-interaction-stage,.charge-pair-stage{gap:24px;height:270px}.charged-balloon .balloon{font-size:64px}.neutral-paper{font-size:56px}.charge-sphere{width:90px;height:90px}.charge-sphere>span{font-size:38px}.charge-force-zone{width:90px!important}.charge-force-zone b{font-size:21px}}.monsoon-stage{background:linear-gradient(#d9eefb 0 56%,#cce0b8 56%);grid-template-columns:1fr 1fr 1fr;align-items:end;height:330px;padding:28px 40px;display:grid;position:relative;overflow:hidden}.asia-land,.thailand-map,.ocean-area{z-index:3;flex-direction:column;align-items:center;gap:4px;display:flex;position:relative}.asia-land>span,.ocean-area>span{font-size:62px}.thailand-map{align-self:center;font-size:64px}.asia-land strong,.ocean-area strong,.thailand-map strong{color:#52647a;font-size:9px}.asia-land small,.ocean-area small{color:#6c7f93;font-size:8px}.rain-clouds{font-size:38px;transition:all .25s}.regional-wind{z-index:2;color:#4b81b8;flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;top:37%;left:23%;right:20%}.regional-wind b{letter-spacing:8px;white-space:nowrap;font-size:34px}.regional-wind.ne,.regional-wind.ne small{transform:rotate(180deg)}.regional-wind small{background:#fffc;border-radius:8px;padding:3px 7px;font-size:8px}.climate-mission-stage{background:radial-gradient(circle at 50% 45%,#e8f4ff,#f6f8fb);grid-template-columns:1fr 70px 1.1fr 1fr;align-items:center;gap:14px;height:330px;padding:28px;display:grid}.baseline-card,.target-card{background:#fff;border:1px solid #dce5ee;border-radius:15px;flex-direction:column;align-items:center;gap:4px;padding:16px;display:flex;box-shadow:0 10px 25px #283d580f}.baseline-card small,.target-card small{color:#8a96a7;font-size:8px}.baseline-card strong,.target-card strong{color:#355f97;font-size:24px}.baseline-card span,.target-card span{color:#6e7d90;text-align:center;font-size:8px}.climate-arrow{color:#8495a9;text-align:center;font-size:35px}.target-earth{flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:84px;transition:all .3s;display:flex}.target-earth strong{color:#47627f;font-size:22px}.target-earth small{color:#7a899b;font-size:8px}.target-earth.success{filter:drop-shadow(0 0 20px #38a06f40);transform:scale(1.05)}.target-earth.success strong{color:#2d8e64}@media (width<=760px){.monsoon-stage{height:290px;padding:18px 10px}.asia-land>span,.ocean-area>span{font-size:45px}.thailand-map{font-size:48px}.regional-wind{left:18%;right:14%}.regional-wind b{letter-spacing:3px;font-size:24px}.climate-mission-stage{grid-template-columns:1fr 40px 1fr;height:auto;min-height:300px;padding:16px}.target-card{grid-column:1/-1}.target-earth{font-size:62px}.baseline-card{padding:10px}}.flood-system-stage,.landslide-system-stage,.tsunami-system-stage{background:linear-gradient(#dceff9 0 58%,#cadcae 58%);height:330px;position:relative;overflow:hidden}.rain-layer{letter-spacing:14px;color:#6da4c9;z-index:4;pointer-events:none;height:54%;padding:10px 20px;font-size:22px;position:absolute;inset:0 0 auto;transform:rotate(-7deg)}.flood-city{z-index:4;justify-content:space-around;font-size:38px;display:flex;position:absolute;bottom:18%;left:7%;right:7%}.drain-channel{color:#5b8fb5;z-index:3;font-size:24px;position:absolute;bottom:8%;left:8%;right:8%}.flood-level{color:#dff5ff;letter-spacing:10px;z-index:2;background:#4399d685;font-size:28px;transition:all .3s;position:absolute;bottom:0;left:0;right:0}.permeable-zone{color:#6b8f62;z-index:3;font-size:20px;position:absolute;bottom:1%;left:8%}.landslide-system-stage{background:linear-gradient(#e3f1fb 0 45%,#d6c59c 45%)}.slope-mass{background:linear-gradient(145deg,#998364,#6f7d4c);height:75%;transition:all .3s;position:absolute;bottom:0;left:0;right:0}.slope-mass span{letter-spacing:16px;font-size:38px;position:absolute;top:18%;left:20%;right:10%}.slip-block{color:#8d6548;font-size:44px;transition:all .3s;position:absolute;bottom:30%;right:25%;transform:rotate(-15deg)}.slip-block.moving{animation:1.3s ease-in-out infinite alternate slope-slip}.soil-water{letter-spacing:5px;font-size:22px;position:absolute;bottom:18%;left:38%}.tsunami-system-stage{background:linear-gradient(#dff5ff 0 23%,#5eb0d2 23% 72%,#8e7962 72%)}.deep-ocean-label,.shallow-label{color:#53687e;z-index:5;background:#fffc;border-radius:7px;padding:4px 7px;font-size:8px;position:absolute;top:8%}.deep-ocean-label{left:10%}.shallow-label{right:12%}.sea-surface{position:absolute;inset:18% 0 27%;overflow:hidden}.tsunami-pulse{color:#dff8ff;opacity:.45;transform-origin:50%;font-size:72px;transition:all .3s;position:absolute;top:28%;left:22%}.tsunami-pulse.generated{opacity:.95;animation:2.5s linear infinite wave-travel}.shoaling-wave{transform-origin:bottom;font-size:72px;transition:all .3s;position:absolute;top:18%;right:8%}.seafloor{justify-content:center;align-items:flex-start;gap:3px;height:28%;display:flex;position:absolute;bottom:0;left:0;right:0}.fault-block{background:#6d5c50;border-top:5px solid #4e433b;width:38%;height:65px;transition:all .3s}.fault-block.left{transform-origin:100%}.fault-block.right{transform-origin:0}.fault-arrow{color:#423b37;background:#fff7e8;border:1px solid #dacbae;border-radius:7px;padding:3px 6px;font-size:9px;position:absolute;top:-12px}.coastal-town{z-index:5;font-size:30px;position:absolute;bottom:25%;right:1%}@keyframes slope-slip{to{transform:translate(25px,24px)rotate(-10deg)}}@keyframes wave-travel{0%{left:14%}to{left:58%}}@media (width<=760px){.flood-system-stage,.landslide-system-stage,.tsunami-system-stage{height:280px}.flood-city{font-size:26px}.rain-layer{letter-spacing:7px;font-size:17px}.slope-mass span{letter-spacing:7px;font-size:28px}.slip-block{font-size:34px}.tsunami-pulse,.shoaling-wave{font-size:54px}.coastal-town{font-size:22px}}.eclipse-stage,.digestion-stage,.nutrient-stage,.rock-stage,.fossil-stage,.wind-stage,.hazard-stage,.climate-stage{height:320px;position:relative;overflow:hidden}.eclipse-stage{color:#fff;background:radial-gradient(circle at 35%,#152340,#08111f 72%)}.space-stars{color:#7d8aa0;letter-spacing:24px;opacity:.55;font-size:16px;position:absolute;inset:20px}.sun-body,.earth-body,.moon-body{z-index:3;flex-direction:column;align-items:center;transition:all .25s;display:flex;position:absolute;top:50%;transform:translate(-50%,-50%)}.sun-body{filter:drop-shadow(0 0 24px #ffc03080);font-size:72px;left:14%}.earth-body{font-size:62px;right:7%}.earth-body.mid{left:52%;right:auto}.moon-body{font-size:34px;left:52%}.moon-body.far{left:87%}.sun-body small,.earth-body small,.moon-body small{color:#c0cad7;background:#070f1db3;border-radius:6px;padding:2px 5px;font-size:8px}.eclipse-shadow{z-index:2;clip-path:polygon(0 40%,100% 0,100% 100%,0 60%);background:linear-gradient(90deg,#080c14e6,#2b344540);height:74px;position:absolute;top:50%;transform:translateY(-50%)}.eclipse-shadow.to-earth{left:53%;right:15%}.eclipse-shadow.to-moon{left:54%;right:9%;transform:translateY(-50%)rotate(180deg)}.eclipse-stage.aligned .moon-body{filter:drop-shadow(0 0 8px #d5dce733)}.digestion-stage{background:linear-gradient(145deg,#fff5f1,#f8e8e4);flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:22px;display:flex}.organ-step{color:#806c66;background:#fff;border:1px solid #ead8d3;border-radius:12px;justify-content:center;align-items:center;min-width:220px;min-height:38px;font-size:10px;font-weight:700;transition:all .2s;display:flex;position:relative}.organ-step i{color:#b7a5a0;z-index:4;font-style:normal;position:absolute;bottom:-17px}.organ-step.active{color:#b54833;background:#fff0ea;border-color:#e98269;box-shadow:0 0 0 3px #e982691f}.organ-step.done{color:#498067;background:#f1faf5;border-color:#c9e7d5}.nutrient-stage{background:linear-gradient(#eaf6fd 0 66%,#d9c3a2 66%);justify-content:space-around;align-items:center;padding:28px;display:flex}.food-sample,.dropper,.test-tube{flex-direction:column;align-items:center;display:flex;position:relative}.food-sample span{font-size:70px}.dropper{font-size:58px;transform:rotate(-18deg)}.test-tube{background:#ffffff4d;border:5px solid #577e9773;border-top:0;border-radius:0 0 27px 27px;justify-content:end;width:64px;height:150px;overflow:hidden}.test-tube i{background:#eef0d8;width:100%;height:50%;transition:all .35s;display:block}.nutrient-stage.tested .test-tube .result-rice{background:#314b9b}.nutrient-stage.tested .test-tube .result-egg{background:#8d58a8}.nutrient-stage.tested .test-tube .result-oil{background:#efdc7d8c}.food-sample small,.dropper small,.test-tube small{color:#5e6d7d;background:#fffc;border-radius:7px;margin-top:5px;padding:3px 6px;font-size:8px}.test-tube small{z-index:2;position:absolute;bottom:7px}.rock-stage{background:linear-gradient(#d9eef8 0 60%,#cab899 60%);justify-content:center;align-items:center;gap:35px;padding:25px;display:flex}.rock-node{text-align:center;color:#584d42;background:radial-gradient(circle,#fff,#e3d2b6);border:4px solid #baa17f;border-radius:50%;place-items:center;width:165px;height:135px;font-size:19px;font-weight:800;display:grid;box-shadow:0 12px 25px #463d3026}.rock-node.result{background:radial-gradient(circle,#fff,#d9e4df);border-color:#94aa9e}.rock-arrow{color:#82735f;flex-direction:column;align-items:center;font-size:38px;display:flex}.rock-arrow small{text-align:center;color:#756b5f;max-width:120px;margin-top:5px;font-size:9px}.fossil-stage{background:linear-gradient(#dcecf4 0 38%,#c9ac81 38%);position:relative}.sediment{background:repeating-linear-gradient(0deg,#b69468 0 6px,#caa97a 6px 13px);height:42px;position:absolute;left:0;right:0}.layer1{height:75px;bottom:0}.layer2{background:repeating-linear-gradient(0deg,#9f8465 0 6px,#b69a74 6px 12px);height:62px;bottom:74px}.layer3{background:repeating-linear-gradient(0deg,#866f57 0 5px,#a18764 5px 11px);height:58px;bottom:135px}.fossil-shell{z-index:4;font-size:55px;transition:all .45s;position:absolute;bottom:78px;left:46%}.fossil-shell.buried{filter:sepia(.7)brightness(.8);bottom:94px}.fossil-time{color:#6c645b;background:#fffc;border-radius:10px;padding:5px 8px;font-size:9px;font-weight:700;position:absolute;top:15px;right:15px}.wind-stage{background:linear-gradient(#bde3fb 0 58%,#88c4df 58%);transition:all .3s}.wind-stage.night{background:linear-gradient(#15284a 0 58%,#355d72 58%)}.wind-sunmoon{font-size:48px;position:absolute;top:24px;left:12%}.sea-zone,.land-zone{flex-direction:column;justify-content:center;align-items:center;width:50%;height:44%;font-size:48px;display:flex;position:absolute;bottom:0}.sea-zone{background:linear-gradient(#67b7db,#377fa7);left:0}.land-zone{background:linear-gradient(#d6c783,#b5945f);right:0}.sea-zone strong,.land-zone strong{color:#fff;text-shadow:0 1px 3px #00000040;font-size:17px}.sea-zone small,.land-zone small{color:#fff;font-size:9px}.wind-arrow{color:#fff;text-align:center;letter-spacing:7px;text-shadow:0 2px 3px #0003;z-index:5;font-size:28px;position:absolute;top:34%;left:26%;right:26%}.wind-arrow.to-sea{transform:rotate(180deg)}.wind-arrow small{letter-spacing:0;background:#14263b8c;border-radius:8px;margin-top:4px;padding:3px;font-size:9px;display:block}.wind-arrow.to-sea small{transform:rotate(180deg)}.warm-air{color:#aa582a;background:#fff4dad9;border-radius:8px;padding:5px 8px;font-size:9px;position:absolute;top:13%;right:12%}.night .warm-air{color:#d9e6f5;background:#1f3752cc;left:12%;right:auto}.hazard-stage{background:linear-gradient(#badff2 0 56%,#95ad6f 56%)}.rainfall{text-align:center;letter-spacing:16px;color:#427ca4;font-size:26px;transition:all .2s;position:absolute;inset:10px 0 auto}.hazard-town{z-index:4;justify-content:space-around;font-size:35px;display:flex;position:absolute;bottom:25px;left:7%;right:7%}.flood-water{color:#d8f3ff;letter-spacing:15px;z-index:5;background:#308bc2ba;padding-top:6px;font-size:31px;transition:all .3s;position:absolute;bottom:0;left:0;right:0}.mountain{filter:saturate(.7);font-size:180px;line-height:1;position:absolute;bottom:0;left:12%}.mountain span{white-space:nowrap;font-size:29px;transition:all .2s;position:absolute;bottom:25px;left:50px}.landslide-soil{color:#8b5f3d;font-size:34px;transition:all .6s;position:absolute;top:51%;left:42%;transform:rotate(28deg)}.landslide-soil.moving{transform:translate(105px,80px)rotate(35deg)}.ocean-floor{background:#3c91bd;align-items:center;height:55%;font-size:34px;display:flex;position:absolute;bottom:0;left:0;right:24%;overflow:hidden}.tsunami-wave{transform-origin:bottom;z-index:4;font-size:85px;transition:all .3s;position:absolute;bottom:28%;left:50%}.coast{background:#d8c18b;justify-content:center;align-items:end;width:25%;height:55%;padding-bottom:20px;font-size:36px;display:flex;position:absolute;bottom:0;right:0}.climate-stage{background:radial-gradient(circle at 18% 18%,#f7c55d,#75b4db 42%,#203851 100%)}.climate-sun{font-size:58px;position:absolute;top:16px;left:9%}.earth-climate{z-index:3;font-size:112px;position:absolute;bottom:15px;left:50%;transform:translate(-50%)}.solar-rays{color:#ffe998;letter-spacing:13px;font-size:36px;position:absolute;top:65px;left:26%;transform:rotate(-35deg)}.heat-rays{color:#ff8d68;word-spacing:15px;font-size:28px;position:absolute;top:73px;left:48%}.gas-layer{z-index:4;color:#e7f1f8;border:12px solid #d9e8f28c;border-radius:50%;justify-content:space-around;align-items:flex-start;height:145px;padding:4px;font-size:9px;transition:all .25s;display:flex;position:absolute;top:32%;left:27%;right:27%}.return-heat{color:#ffb095;text-align:center;z-index:6;font-size:25px;transition:all .2s;position:absolute;top:35%;right:23%}.return-heat small{color:#fff;background:#2a35428c;border-radius:7px;padding:3px 5px;font-size:8px;display:block}@media (width<=760px){.eclipse-stage,.digestion-stage,.nutrient-stage,.rock-stage,.fossil-stage,.wind-stage,.hazard-stage,.climate-stage{height:280px}.sun-body{font-size:55px}.earth-body{font-size:48px}.moon-body{font-size:28px}.rock-stage{gap:12px;padding:12px}.rock-node{width:120px;height:110px;font-size:14px}.rock-arrow{font-size:28px}.nutrient-stage{padding:12px}.food-sample span{font-size:52px}.dropper{font-size:44px}.test-tube{width:56px;height:128px}.mountain{font-size:145px}.hazard-town{font-size:27px}.tsunami-wave{font-size:68px}.earth-climate{font-size:88px}.gas-layer{height:125px;left:18%;right:18%}}.structured-learn{padding:5px 0}.learn-concept-hero{background:linear-gradient(135deg,#f7fbff,#fff);border:1px solid #e0e6ed;border-radius:16px;grid-template-columns:92px 1fr;align-items:center;gap:14px;padding:14px;display:grid}.learn-concept-icon{background:#eef5fd;border-radius:20px;place-items:center;width:82px;height:82px;font-size:48px;display:grid}.learn-concept-hero h3{color:#30435e;margin:5px 0 4px;font-size:20px}.learn-concept-hero p{color:#53657c;margin:0 0 4px;font-size:12px;line-height:1.55}.learn-concept-hero small{color:#8794a5;font-size:8px}.learn-content-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;display:grid}.learn-key-card{background:#fff;border:1px solid #e0e6ed;border-radius:14px;padding:13px}.learn-card-title{align-items:center;gap:6px;margin-bottom:9px;display:flex}.learn-card-title strong{color:#465a73;font-size:10px}.learn-card-title.vocab{margin-top:12px}.learn-point{border-bottom:1px dashed #e4e9ef;grid-template-columns:28px 1fr;align-items:center;gap:8px;padding:7px 0;display:grid}.learn-point:last-child{border-bottom:0}.learn-point b{color:#3f73b8;background:#eef5ff;border-radius:50%;place-items:center;width:26px;height:26px;font-size:8px;display:grid}.learn-point span{color:#617187;font-size:9px;line-height:1.45}.learn-chip-cloud{flex-wrap:wrap;gap:6px;display:flex}.learn-chip-cloud span{color:#607188;background:#f8fafc;border:1px solid #dce5ee;border-radius:9px;padding:6px 8px;font-size:8px}.learn-chip-cloud.vocab span{color:#7b6440;background:#fff8e9;border-color:#ead9b3}.science-process-strip{grid-template-columns:repeat(5,1fr);gap:7px;margin:10px 0;display:grid}.science-process-strip>div{text-align:center;background:#fff;border:1px solid #dfe6ed;border-radius:12px;flex-direction:column;align-items:center;gap:3px;padding:9px;display:flex;position:relative}.science-process-strip span{font-size:21px}.science-process-strip b{color:#475a72;font-size:9px}.science-process-strip small{color:#8995a5;font-size:7px}.science-process-strip i{z-index:2;color:#94a3b5;font-style:normal;position:absolute;top:38%;right:-9px}@media (width<=760px){.learn-concept-hero{grid-template-columns:65px 1fr}.learn-concept-icon{width:58px;height:58px;font-size:34px}.learn-content-grid{grid-template-columns:1fr}.science-process-strip{grid-template-columns:1fr 1fr}.science-process-strip>div:last-child{grid-column:1/-1}.science-process-strip i{display:none}}.mission-workspace{padding:5px 0}.mission-hero-card{background:linear-gradient(135deg,#fff8e9,#fff);border:1px solid #dfe6ee;border-radius:16px;grid-template-columns:70px 1fr 70px;align-items:center;gap:14px;margin-bottom:10px;padding:14px;display:grid}.mission-target{background:#fff;border:1px solid #f1dfbd;border-radius:17px;place-items:center;width:60px;height:60px;font-size:33px;display:grid}.mission-hero-card h3{color:#3d4b5e;margin:5px 0 3px;font-size:20px}.mission-hero-card p{color:#798699;margin:0;font-size:10px;line-height:1.55}.mission-completion-ring{color:#657388;border:7px solid #e6ebf1;border-radius:50%;flex-direction:row;justify-content:center;align-items:baseline;width:62px;height:62px;display:flex}.mission-completion-ring.ready{color:#2b8963;background:#f3fbf7;border-color:#7cc5a4}.mission-completion-ring strong{font-size:19px}.mission-completion-ring span{font-size:9px}.mission-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.mission-check-card,.mission-evidence-card{background:#fff;border:1px solid #e0e6ed;border-radius:14px;padding:13px}.mission-section-title{justify-content:space-between;align-items:flex-end;gap:8px;margin-bottom:9px;display:flex}.mission-section-title>div{align-items:center;gap:6px;display:flex}.mission-section-title strong{color:#44566f;font-size:10px}.mission-section-title small{color:#8a96a7;font-size:7px}.mission-checklist{flex-direction:column;gap:7px;display:flex}.mission-checklist button{text-align:left;color:#5d6e83;background:#fafbfd;border:1px solid #e0e6ed;border-radius:10px;grid-template-columns:30px 1fr;align-items:center;gap:8px;padding:9px;display:grid}.mission-checklist button>span{background:#eaf0f5;border-radius:50%;place-items:center;width:28px;height:28px;font-size:9px;font-weight:800;display:grid}.mission-checklist button strong{font-size:9px;line-height:1.35}.mission-checklist button.done{color:#3b6d54;background:#f1faf5;border-color:#b8ddc8}.mission-checklist button.done>span{color:#fff;background:#3ea171}.mission-open-lab{margin-top:9px}.mission-evidence-card label{flex-direction:column;gap:6px;display:flex}.mission-evidence-card label>span{color:#566780;font-size:9px;font-weight:700;line-height:1.4}.mission-evidence-card textarea{font:inherit;color:#45566d;resize:vertical;border:1px solid #dbe3ec;border-radius:10px;padding:9px;font-size:9px;line-height:1.55}.mission-ready-box{background:#f8fafc;border:1px solid #e1e6ed;border-radius:10px;align-items:center;gap:8px;margin:9px 0;padding:8px;display:flex}.mission-ready-box.ready{background:#f2fbf6;border-color:#b9dfcb}.mission-ready-box>span{font-size:25px}.mission-ready-box strong{color:#53647a;font-size:9px;display:block}.mission-ready-box small{color:#8692a1;margin-top:2px;font-size:7px;display:block}@media (width<=760px){.mission-hero-card{grid-template-columns:55px 1fr}.mission-completion-ring{border-width:3px;border-radius:10px;grid-column:1/-1;gap:2px;width:100%;height:38px}.mission-grid{grid-template-columns:1fr}.mission-section-title{flex-direction:column;align-items:flex-start}}.worksheet-panel{padding:4px 0}.worksheet-toolbar{justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:12px;display:flex}.worksheet-toolbar h3{color:#2d405b;margin:5px 0 2px;font-size:18px}.worksheet-toolbar p{color:#7e8a9c;margin:0;font-size:9px}.worksheet-toolbar>div:last-child{gap:7px;display:flex}.worksheet-sheet{background:#fff;border:1px solid #dce4ed;border-radius:14px;padding:18px;box-shadow:0 8px 28px #20334f0f}.worksheet-sheet>header{border-bottom:2px solid #3569b4;align-items:center;gap:11px;padding-bottom:10px;display:flex}.worksheet-logo{color:#fff;background:#2f68b6;border-radius:12px;place-items:center;width:44px;height:44px;font-size:23px;display:grid}.worksheet-sheet h2{color:#274263;margin:0;font-size:16px}.worksheet-sheet header strong{color:#738096;font-size:9px}.worksheet-meta{grid-template-columns:1.3fr .7fr 1fr 1.4fr;gap:7px;margin:12px 0;display:grid}.worksheet-meta span{background:#f9fbfd;border:1px solid #e1e7ee;border-radius:8px;flex-direction:column;padding:7px;display:flex}.worksheet-meta small{color:#8b96a4;font-size:7px}.worksheet-meta b{color:#42536b;margin-top:2px;font-size:9px}.worksheet-fields{grid-template-columns:1fr 1fr;gap:9px;display:grid}.worksheet-fields label{flex-direction:column;gap:5px;display:flex}.worksheet-fields label.wide{grid-column:1/-1}.worksheet-fields label>span{color:#40536e;font-size:9px;font-weight:700}.worksheet-fields textarea{resize:vertical;color:#40506a;background:#fff;border:1px solid #dbe3ec;border-radius:8px;min-height:68px;padding:8px 9px;font-family:inherit;font-size:9px;line-height:1.5}.worksheet-fields textarea:focus{border-color:#78a2dd;outline:2px solid #4078cd26}.worksheet-sheet>footer{color:#68768a;border-top:1px dashed #ccd6e2;justify-content:space-between;gap:20px;margin-top:20px;padding-top:13px;font-size:8px;display:flex}.primary-button.saved{background:#2c946d}@media (width<=760px){.worksheet-toolbar{flex-direction:column;align-items:stretch}.worksheet-toolbar>div:last-child{justify-content:flex-end}.worksheet-meta,.worksheet-fields{grid-template-columns:1fr}.worksheet-fields label.wide{grid-column:auto}.worksheet-sheet{padding:13px}.worksheet-sheet>footer{flex-direction:column;gap:22px}}@media print{body{background:#fff!important}.topbar,.workspace>.sidebar,.unit-hero,.lesson-strip,.lesson-panel-header,.tabbar,.worksheet-toolbar{display:none!important}.workspace{display:block!important}.main-content{margin:0!important;padding:0!important}.lesson-panel{box-shadow:none!important;border:0!important;padding:0!important}.worksheet-panel{padding:0!important}.worksheet-sheet{width:210mm;min-height:297mm;box-shadow:none;border:0;border-radius:0;margin:0;padding:14mm}.worksheet-fields textarea{resize:none;border:1px solid #b9c3cf;min-height:26mm}.worksheet-sheet *{-webkit-print-color-adjust:exact;print-color-adjust:exact}@page{size:A4 portrait;margin:0}}