.login-hall,.experiment-hall{--hall-bg:#0a1628;--hall-panel:#10233f;--hall-raised:#162c4d;--hall-line:#1e3a5f;--hall-blue:#38bdf8;--hall-cyan:#22d3ee;--hall-orange:#fb923c;--hall-text:#e2e8f0;--hall-dim:#94a3b8;--hall-muted:#64748b;color:var(--hall-text);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px;line-height:1.6}.login-hall button,.experiment-hall button,.twin-scene button{cursor:pointer;touch-action:manipulation;font-family:inherit}.login-hall button:focus-visible,.experiment-hall button:focus-visible,.hall-login-dialog input:focus-visible{outline-offset:5px;outline:2px solid #7dd3fc}.login-hall{isolation:isolate;background:radial-gradient(1200px 800px at 50% 30%,#10233f 0%,#0a1628 55%,#060d1a 100%);min-height:100dvh;position:relative;overflow:hidden}.hall-ambient{z-index:-1;pointer-events:none;background:radial-gradient(400px 300px at 12% 20%,#38bdf81a,#0000 70%),radial-gradient(400px 300px at 90% 74%,#fb923c14,#0000 70%);position:absolute;inset:0}.hall-grid{z-index:-1;pointer-events:none;background-image:linear-gradient(#1e3a5f55 1px,#0000 1px),linear-gradient(90deg,#1e3a5f55 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 40%,#000 30%,#0000 75%);mask-image:radial-gradient(70% 60% at 50% 40%,#000 30%,#0000 75%)}.hall-particles{pointer-events:none;z-index:-1;width:100%;height:100%;position:absolute;inset:0}.login-hall-content{flex-direction:column;max-width:1240px;min-height:100dvh;margin:0 auto;padding:28px 40px 0;display:flex;position:relative}.hall-masthead{justify-content:space-between;align-items:center;gap:20px;display:flex}.hall-wordmark{align-items:center;gap:12px;display:flex}.hall-wordmark>span{color:#38bdf8;background:#38bdf80b;border:1px solid #38bdf84d;border-radius:12px;place-items:center;width:42px;height:42px;display:grid;box-shadow:inset 0 1px #ffffff0a}.hall-wordmark strong{letter-spacing:1px;color:#e2e8f0;font-size:17px;font-weight:600;display:block}.hall-wordmark small{letter-spacing:2px;color:#7193b3;font:9px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;display:block}.hall-version{color:#8298b1;letter-spacing:.5px;align-items:center;gap:8px;font-size:11px;display:flex}.hall-version i,.hall-section-label>span{background:#38bdf8;border-radius:50%;width:5px;height:5px;display:inline-block;box-shadow:0 0 10px #38bdf866}.hall-title{text-align:center;padding:56px 12px 10px;animation:.3s ease-out both hall-fade-up}.hall-eyebrow{letter-spacing:2px;color:#38bdf8;margin-bottom:12px;font:10px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace}.hall-title h1{letter-spacing:2px;color:#e2e8f0;font-size:40px;font-weight:600;line-height:1.5}.hall-title h1 em{color:#7dd3fc;font-style:normal}.hall-title .hall-course-name{color:#94a3b8;letter-spacing:.4px;max-width:670px;margin:12px auto 0;font-size:13px;line-height:1.85}.hall-title-line{background:linear-gradient(90deg,#0000,#38bdf870,#0000);width:120px;height:1px;margin:22px auto 0}.hall-entry-grid{perspective:1200px;grid-template-columns:minmax(230px,1fr) minmax(350px,1.55fr) minmax(230px,1fr);align-items:center;gap:24px;width:100%;max-width:1080px;margin:10px auto 12px;display:grid}.hall-role-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-height:300px;transform-style:preserve-3d;background:linear-gradient(155deg,#162c4dc2,#10233fb8);border:1px solid #38bdf84d;border-radius:16px;flex-direction:column;padding:24px;transition:transform .3s ease-out,box-shadow .3s ease-out,border-color .3s;animation:.3s ease-out .15s both hall-card-in;display:flex;position:relative;transform:rotateY(6deg);box-shadow:inset 0 1px #ffffff10,0 16px 40px #00000059}.hall-role-card:before{content:"";background:linear-gradient(90deg,#0000,#7dd3fc80,#0000);height:1px;position:absolute;top:-1px;left:18px;right:18px}.hall-card-index{letter-spacing:1.5px;color:#617d9b;margin-bottom:22px;font:10px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace}.hall-role-icon{color:#38bdf8;background:#38bdf812;border:1px solid #38bdf81f;border-radius:15px;place-items:center;width:54px;height:54px;display:grid;box-shadow:inset 0 1px #ffffff0a}.hall-role-card h2{color:#e2e8f0;margin-top:18px;font-size:19px;font-weight:600;line-height:1.5}.hall-role-card>p{color:#94a3b8;margin-top:8px;margin-bottom:24px;font-size:12px;line-height:1.9}.hall-primary,.hall-secondary{border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:10px;min-height:38px;padding:9px 17px;font-size:13px;font-weight:600;line-height:1.5;transition:background .2s,box-shadow .2s,transform .2s;display:inline-flex}.hall-primary{color:#082032;background:#38bdf8;border-color:#38bdf8;box-shadow:0 4px 18px #38bdf814}.hall-role-card>.hall-primary{justify-content:space-between;width:100%;margin-top:auto}.hall-primary:hover{background:#7dd3fc;box-shadow:0 6px 25px #38bdf82b}.hall-secondary{color:#cbd5e1;background:#162c4d;border-color:#2b4768}.hall-secondary:hover{color:#e2e8f0;background:#1d3b60;border-color:#38bdf866}.hall-role-card>small{color:#647d98;white-space:nowrap;align-items:center;gap:6px;margin-top:14px;font-size:9px;display:flex}.hall-role-card>small>span{background:#38bdf866;border-radius:50%;width:4px;height:4px}.teacher-role{background:linear-gradient(205deg,#2a2d40c2,#10233fb8);border-color:#fb923c40;animation-delay:.28s;transform:rotateY(-6deg)}.teacher-role:before{background:linear-gradient(90deg,#0000,#fb923c70,#0000)}.teacher-role .hall-role-icon{color:#fb923c;background:#fb923c12;border-color:#fb923c20}.teacher-role .hall-primary{color:#351b0c;background:#fb923c;border-color:#fb923c;box-shadow:0 4px 18px #fb923c14}.teacher-role .hall-primary:hover{background:#fdba74;box-shadow:0 6px 25px #fb923c2b}.teacher-role>small>span{background:#fb923c66}.hall-learning-chain{color:#647f9a;justify-content:center;align-items:center;gap:18px;margin:14px 0 18px;font-size:11px;display:flex}.hall-learning-chain>span{align-items:center;gap:7px;display:flex}.hall-learning-chain>span svg{color:#72a9c5}.hall-learning-chain>svg{color:#2b4b70;width:12px}.hall-experience{text-align:center;justify-content:center;align-items:center;gap:14px;margin-bottom:34px;display:flex}.hall-experience button{color:#b3c7d9;border-bottom:1px solid #52759b66;align-items:center;gap:8px;padding:5px 0;font-size:12px;display:inline-flex}.hall-experience button:hover{color:#7dd3fc}.hall-experience>span{color:#59728e;font-size:10px}.hall-footer{color:#58728e;border-top:1px solid #1e3a5f80;justify-content:space-between;align-items:center;gap:15px;margin-top:auto;padding:20px 0;font-size:10px;display:flex}.hall-footer>span:first-child{color:#879db4;white-space:nowrap;align-items:center;gap:7px;display:flex}.hall-footer small{letter-spacing:1px;white-space:nowrap;font-size:9px}.twin-scene{color:#94a3b8;isolation:isolate;flex-direction:column;align-self:stretch;width:100%;min-width:0;display:flex;position:relative}.twin-scene-top{color:#809bb7;justify-content:space-between;align-items:center;gap:8px;padding:14px 12px 0;font-size:10px;display:flex}.twin-scene-top>span{white-space:nowrap;align-items:center;gap:7px;display:flex}.twin-scene-top i{background:#22d3ee;border-radius:50%;width:4px;height:4px;box-shadow:0 0 7px #22d3ee66}.twin-scene-top small{color:#52718f;letter-spacing:1px;white-space:nowrap;font:8px ui-monospace,SFMono-Regular,Consolas,monospace}.twin-viewport{perspective:850px;touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none;flex:1;width:100%;height:305px;min-height:275px;position:relative;overflow:visible}.twin-viewport:active{cursor:grabbing}.twin-viewport:before{content:"";filter:blur(16px);pointer-events:none;background:radial-gradient(#22d3ee10,#0000 65%);position:absolute;inset:32% 10% 4%}.phantom-object{width:270px;height:160px;transform-style:preserve-3d;transform:rotateX(58deg) rotateZ(var(--phantom-angle,-32deg));margin-top:-65px;margin-left:-135px;transition:transform .35s ease-out;position:absolute;top:49%;left:50%;scale:.88}.phantom-object *{transform-style:preserve-3d;box-sizing:border-box}.phantom-platform{background:linear-gradient(145deg,#17375880,#071426ee);border:1px solid #38bdf860;border-radius:3px;width:310px;height:200px;position:absolute;top:-20px;left:-20px;transform:translateZ(-38px);box-shadow:0 0 22px #38bdf811,0 22px 50px #0007}.phantom-platform:before,.phantom-platform:after{content:"";border:1px solid #38bdf822;position:absolute;inset:8px}.phantom-platform:after{border-color:#38bdf810;inset:-12px}.phantom-platform>span{letter-spacing:3px;color:#3e6d8d;font:7px ui-monospace,monospace;position:absolute;bottom:5px;left:15px}.phantom-platform>i{background:#38bdf8;width:4px;height:4px;position:absolute;top:7px;left:7px;box-shadow:0 0 10px #38bdf880}.phantom-platform>i:nth-of-type(2){left:auto;right:7px}.phantom-platform>i:nth-of-type(3){top:auto;bottom:7px}.phantom-platform>i:nth-of-type(4){inset:auto 7px 7px auto}.phantom-slab{width:270px;height:160px;transform:translateZ(var(--slab-z));transition:transform .45s ease-out;position:absolute;inset:0}.slab-top{background:var(--slab-top);border:1px solid var(--slab-edge);position:absolute;inset:0;box-shadow:inset 0 0 30px #ffffff08}.slab-front{width:100%;height:var(--slab-depth);transform-origin:top;background:var(--slab-front);border:1px solid var(--slab-edge);position:absolute;top:100%;left:0;transform:rotateX(-90deg)}.slab-side{width:var(--slab-depth);transform-origin:0;background:var(--slab-side);border:1px solid var(--slab-edge);height:100%;position:absolute;top:0;left:100%;transform:rotateY(90deg)}.tissue-deep{--slab-z:0px;--slab-depth:38px;--slab-top:linear-gradient(145deg,#226d7d77,#16465f77);--slab-front:repeating-linear-gradient(0deg,#184758dd 0px,#184758dd 8px,#245d6888 9px,#184758dd 10px);--slab-side:linear-gradient(90deg,#10314bdd,#1c4a5cdd);--slab-edge:#49a2b34d}.tissue-bone{--slab-z:calc(20px + var(--layer-gap));--slab-depth:18px;--slab-top:repeating-linear-gradient(24deg,#c6b289ba 0px,#c6b289ba 6px,#e9d4a5a1 7px,#c6b289ba 9px);--slab-front:repeating-linear-gradient(60deg,#8f8164e6 0px,#8f8164e6 7px,#b09d72de 8px,#8f8164e6 11px);--slab-side:#8f8164ee;--slab-edge:#d2bf8c99}.tissue-skin{--slab-z:calc(32px + var(--layer-gap)*2);--slab-depth:10px;--slab-top:linear-gradient(125deg,#4592a366,#347d8b88);--slab-front:linear-gradient(90deg,#287a86cc,#3a8591dd);--slab-side:#2d7584cc;--slab-edge:#76d1dc88}.tissue-skin .slab-top{background-image:radial-gradient(#b0f3f155 .75px,transparent .75px),var(--slab-top);background-size:13px 13px,100% 100%}.phantom-vessels{opacity:.8;filter:drop-shadow(0 0 3px #fb923c44);width:270px;height:160px;position:absolute;inset:0;transform:translateZ(2px)}.phantom-target{z-index:2;background:radial-gradient(circle at 35% 30%,#ffe1a2,#fb923c 36%,#bb4d22 72%);border:1px solid #fdd4aa;border-radius:50%;width:38px;height:38px;position:absolute;top:100px;left:130px;transform:translateZ(6px);box-shadow:0 0 25px #fb923c88}.phantom-target>i{border:1px solid #fb923c55;border-radius:50%;position:absolute;inset:-7px}.phantom-target>span{border:1px solid #fdba74aa;border-radius:50%;position:absolute;inset:3px;transform:rotateX(70deg)}.phantom-target>span:last-child{transform:rotateY(70deg)}.phantom-probe{width:188px;height:28px;transform:translateZ(calc(80px + var(--layer-gap)*2));transition:transform .45s ease-out;position:absolute;top:-17px;left:42px}.probe-body{color:#91b9cf;text-align:center;letter-spacing:3px;background:linear-gradient(#2d5272,#142c47);border:1px solid #6aabc388;border-radius:4px;font:7px/26px ui-monospace,monospace;position:absolute;inset:0;box-shadow:0 7px #081c31,0 8px #4e8aab88}.probe-elements{transform-origin:top;gap:2px;height:7px;display:flex;position:absolute;top:29px;left:3px;right:3px;transform:rotateX(-90deg)}.probe-elements i{background:#38bdf8;flex:1;box-shadow:0 0 8px #38bdf844}.phantom-light{transform-origin:top;clip-path:polygon(34% 0,66% 0,100% 100%,0 100%);opacity:.8;background:linear-gradient(#38bdf844,#38bdf805);border-top:1px solid #7dd3fc;width:50px;height:100px;position:absolute;top:30px;left:123px;transform:translateZ(61px)rotateX(90deg)}.phantom-light i{background:#7dd3fc66;width:1px;height:100%;display:block;position:absolute;left:50%}.phantom-light i:nth-child(2){left:23%;rotate:9deg}.phantom-light i:nth-child(3){left:75%;rotate:-9deg}.phantom-wave{pointer-events:none;border:1px solid #38bdf855;border-radius:50%;width:78px;height:78px;position:absolute;top:80px;left:110px;transform:translateZ(45px)}.wave-b{border-color:#38bdf830;width:114px;height:114px;top:62px;left:92px;transform:translateZ(55px)}.wave-c{border-color:#38bdf818;width:154px;height:154px;top:42px;left:72px;transform:translateZ(65px)}.twin-orbit{pointer-events:none;border:1px solid #38bdf812;border-radius:50%;width:88%;height:52%;position:absolute;top:39%;left:6%;transform:rotate(-14deg)}.orbit-two{border-style:dashed;border-color:#38bdf80b;width:102%;height:61%;top:34%;left:-1%}.twin-label{color:#9db3c9;pointer-events:none;font-size:10px;line-height:1.4;position:absolute}.twin-label small{color:#536e8b;margin-top:3px;font-size:8px;display:block}.twin-label>span{background:#3e647b;width:24px;height:1px;position:absolute;top:7px;left:-31px}.twin-label>span:before{content:"";background:#8cc1d1;border-radius:50%;width:4px;height:4px;position:absolute;top:-1.5px;left:0}.label-bone{top:36%;right:1%}.label-target{color:#e5b589;bottom:19%;right:3%}.label-target>span{background:#9c6a3d}.label-target>span:before{background:#fb923c}.twin-axis{color:#476b8b;border-bottom:1px solid #3b6284;border-left:1px solid #3b6284;width:25px;height:25px;font:8px ui-monospace,monospace;position:absolute;bottom:17px;left:13px}.twin-axis span{position:absolute;top:-5px;left:-8px}.twin-axis b{font-weight:400;position:absolute;bottom:-5px;right:-8px}.twin-axis i{transform-origin:0;background:#3b6284;width:15px;height:1px;display:block;position:absolute;bottom:0;transform:rotate(-45deg)}.twin-controls{color:#506c89;justify-content:space-between;align-items:center;gap:8px;padding:0 12px;font-size:9px;display:flex}.twin-controls>span{align-items:center;gap:4px;display:flex}.twin-controls>div{gap:5px;display:flex}.twin-controls button{color:#8da7c0;background:#10233f88;border:1px solid #1e3a5f90;border-radius:5px;align-items:center;gap:4px;min-height:28px;padding:4px 8px;font-size:9px;display:flex}.twin-controls button:hover,.twin-controls button[aria-pressed=true]{color:#7dd3fc;background:#163452;border-color:#38bdf84d}.twin-caption{color:#48627e;letter-spacing:.5px;text-align:center;margin-top:10px;padding-bottom:3px;font-size:8px}.hall-login-overlay{z-index:150;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#040a14b3;place-items:center;padding:24px;animation:.2s ease-out both hall-fade-up;display:grid;position:fixed;inset:0}.hall-login-dialog{color:#e2e8f0;background:linear-gradient(145deg,#142b49,#0c1b31);border:1px solid #335573;border-radius:20px;width:440px;max-width:100%;padding:34px;position:relative;box-shadow:0 30px 90px #00000080}.hall-dialog-close{color:#94a3b8;border-radius:8px;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:16px;right:16px}.hall-dialog-close:hover{color:#e2e8f0;background:#1e3a5f}.hall-login-dialog>.hall-role-icon{margin-bottom:24px}.hall-login-dialog .hall-eyebrow{letter-spacing:1.5px;margin-bottom:8px;font-size:9px}.hall-login-dialog h2{font-size:25px;font-weight:600;line-height:1.5}.hall-login-dialog>p:not(.hall-eyebrow){color:#94a3b8;margin-top:10px;font-size:12px;line-height:1.8}.hall-login-dialog form{margin-top:27px}.hall-login-dialog label{color:#c2d2e2;margin-bottom:17px;font-size:13px;display:block}.hall-login-dialog input{color:#e2e8f0;outline-offset:2px;background:#08182c;border:1px solid #2d4a68;border-radius:8px;width:100%;height:44px;margin-top:7px;padding:10px 13px;font-size:14px;display:block}.hall-login-dialog input::placeholder{color:#4e6985}.hall-login-dialog input:focus{border-color:#38bdf8}.hall-login-dialog form>.hall-primary{width:100%;min-height:42px;margin-top:8px}.hall-login-dialog .hall-form-error{color:#fca5a5;margin:0 0 12px;font-size:12px}.hall-login-dialog>.hall-form-foot{align-items:flex-start;gap:6px;display:flex;color:#647f99!important;margin-top:18px!important;font-size:10px!important;line-height:1.7!important}.experiment-hall{max-width:1180px;margin:0 auto;padding-bottom:3px}.experiment-hall-welcome{justify-content:space-between;align-items:center;gap:28px;margin-bottom:28px;display:flex}.experiment-hall-welcome .hall-eyebrow{letter-spacing:1.8px;color:#6888a9;margin-bottom:9px;font-size:9px}.experiment-hall-welcome h1{color:#e2e8f0;letter-spacing:.5px;font-size:25px;font-weight:600;line-height:1.5}.experiment-hall-welcome h1 small{letter-spacing:0;color:#718ba5;border:0;margin:0;padding:0 0 0 5px;font-size:12px;font-weight:400}.experiment-hall-welcome>div>p:last-child{color:#849bb3;margin-top:8px;font-size:12px;line-height:1.8}.hall-overall-progress{flex-shrink:0;width:220px}.hall-overall-progress>div:first-child{color:#94a3b8;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:11px;display:flex}.hall-overall-progress strong{color:#7dd3fc;font:20px ui-monospace,SFMono-Regular,Consolas,monospace}.hall-overall-progress strong small{color:#587590;font-size:12px}.hall-progress-track{background:#1e3a5f;border-radius:3px;height:6px;overflow:hidden}.hall-progress-track>span{background:linear-gradient(90deg,#0891b2,#38bdf8);border-radius:3px;height:100%;transition:width .3s;display:block}.hall-overall-progress>p{color:#5c7793!important;margin-top:8px!important;font-size:9px!important}.hall-workbench{background:radial-gradient(at 85% 35%,#194b6933,#0000 55%),linear-gradient(120deg,#122c49,#0c1d33);border:1px solid #28496c;border-radius:16px;grid-template-columns:1.05fr 1fr;min-height:325px;margin-bottom:34px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff08,0 12px 32px #00000020}.hall-workbench:before{content:"";pointer-events:none;background-image:linear-gradient(#31587914 1px,#0000 1px),linear-gradient(90deg,#31587914 1px,#0000 1px);background-size:30px 30px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 20%,#000);mask-image:linear-gradient(90deg,#0000 20%,#000)}.hall-workbench-copy{z-index:1;padding:33px 0 27px 34px;position:relative}.hall-section-label{letter-spacing:1.6px;color:#6693b3;align-items:center;gap:7px;font:9px ui-monospace,SFMono-Regular,Consolas,monospace;display:inline-flex}.hall-workbench h2{color:#e2e8f0;letter-spacing:1px;margin:13px 0 11px;font-size:29px;font-weight:500;line-height:1.55}.hall-workbench-copy>p{color:#8da7be;font-size:12px;line-height:1.9}.hall-workbench-actions{gap:10px;margin-top:21px;display:flex}.hall-workbench-actions .hall-primary,.hall-workbench-actions .hall-secondary{gap:7px;min-height:36px;padding:8px 13px;font-size:12px}.hall-mode-actions{gap:20px;margin-top:17px;display:flex}.hall-mode-actions button{color:#6f96b6;align-items:center;gap:5px;padding:4px 0;font-size:10px;display:flex}.hall-mode-actions button:hover{color:#7dd3fc}.hall-workbench .twin-scene{z-index:1;margin:11px 0 15px;padding:0 20px 0 0}.hall-workbench .twin-scene-top{padding-top:9px}.hall-workbench .twin-viewport{height:215px;min-height:215px}.hall-workbench .phantom-object{top:48%;scale:.91}.hall-workbench .twin-caption{margin-top:5px;font-size:8px}.hall-workbench .label-bone{top:30%;right:4%}.hall-workbench .label-target{bottom:10%;right:4%}.hall-workbench-corner{color:#3f6482;letter-spacing:.6px;font-size:8px;display:none;position:absolute;bottom:10px;right:18px}.hall-modules-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px;display:flex}.hall-modules-heading .hall-eyebrow{letter-spacing:1.3px;color:#547593;margin-bottom:6px;font-size:8px}.hall-modules-heading h2{color:#d7e4ef;font-size:18px;font-weight:600;line-height:1.5}.hall-modules-heading>span{color:#5d7894;font-size:11px}.hall-module-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.hall-module-card{text-align:left;min-height:231px;animation:hall-fade-up .3s var(--card-delay) ease-out both;background:linear-gradient(145deg,#10233f,#0e2038);border:1px solid #1e3a5f;border-radius:14px;flex-direction:column;padding:20px;transition:transform .2s ease-out,border-color .2s,box-shadow .2s;display:flex;position:relative;box-shadow:inset 0 1px #ffffff08,0 8px 24px #00000020}.hall-module-card-top{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.hall-module-no{letter-spacing:1px;color:#526f8e;font:12px ui-monospace,SFMono-Regular,Consolas,monospace}.hall-module-status{color:#7288a0;border:1px solid #435b7459;border-radius:5px;align-items:center;gap:3px;padding:2px 7px;font-size:10px;font-weight:400;display:flex}.hall-module-status.done{color:#34d399;background:#34d39908;border-color:#34d39950}.hall-module-icon{color:#38bdf83d;place-items:center;width:35px;height:35px;display:grid;position:absolute;top:51px;right:20px}.hall-module-card h3{color:#d5e3f0;margin:17px 38px 8px 0;font-size:15px;font-weight:600;line-height:1.5}.hall-module-card>p{color:#7f98b1;flex:1;max-width:94%;margin:0 0 20px;font-size:12px;font-weight:400;line-height:1.85}.hall-module-card-bottom{justify-content:space-between;align-items:center;gap:8px;width:100%;margin-top:auto;display:flex}.hall-module-card-bottom>div{flex-wrap:wrap;gap:5px;display:flex}.hall-module-card-bottom>div>span{color:#6a89a5;background:#162c4d70;border:1px solid #233d5a;border-radius:4px;padding:2px 6px;font-size:8px;font-weight:400;line-height:1.7}.hall-module-card-bottom>span{white-space:nowrap;color:#38bdf8;align-items:center;gap:3px;font-size:10px;display:flex}.hall-module-card.is-complete{border-color:#34d39940}.hall-module-card.is-complete .hall-module-icon{color:#34d39950}.hall-scenarios{border-top:1px solid #1e3a5f99;border-bottom:1px solid #1e3a5f99;grid-template-columns:1.2fr repeat(3,1fr);gap:18px;margin-top:26px;padding:24px 0;display:grid}.hall-scenarios>div{flex-direction:column;justify-content:center;display:flex}.hall-scenarios .hall-section-label{letter-spacing:1.1px;color:#496e8e;font-size:7px}.hall-scenarios h2{color:#97b0c8;margin-top:7px;font-size:13px;font-weight:500}.hall-scenarios button{text-align:left;align-items:center;gap:10px;padding:4px 0;display:flex}.hall-scenario-letter{color:#38bdf8;background:#38bdf80b;border:1px solid #38bdf82b;border-radius:7px;flex-shrink:0;place-items:center;width:32px;height:34px;font:12px ui-monospace,monospace;display:grid}.hall-scenario-letter.orange{color:#fb923c;background:#fb923c0b;border-color:#fb923c2b}.hall-scenario-letter.violet{color:#a78bfa;background:#a78bfa0b;border-color:#a78bfa2b}.hall-scenarios button>span:nth-child(2){flex:1}.hall-scenarios strong{color:#a7bed4;white-space:nowrap;font-size:11px;font-weight:500;display:block}.hall-scenarios small{color:#587693;white-space:nowrap;margin-top:4px;font-size:8px;line-height:1.6;display:block}.hall-scenarios button>svg{color:#426d8c;width:13px}.hall-scenarios button:hover strong{color:#7dd3fc}.hall-physical-chain{color:#607c98;justify-content:space-between;align-items:center;gap:12px;padding:23px 0;font-size:10px;display:flex}.hall-chain-title{color:#91a7bd;white-space:nowrap;margin-right:5px;font-size:10px}.hall-physical-chain>div{white-space:nowrap;align-items:center;gap:7px;display:flex}.hall-physical-chain i{border:1px solid #3b5b7a;border-radius:50%;flex-shrink:0;width:5px;height:5px}.hall-physical-chain>div.lit i{background:#34d399;border-color:#34d399;box-shadow:0 0 7px #34d39922}.hall-physical-chain>div>svg{color:#254968;flex-shrink:1;margin-left:5px}.hall-report-entry{background:linear-gradient(90deg,#122c46,#102139);border:1px solid #264564;border-radius:12px;align-items:center;gap:15px;padding:21px 24px;display:flex}.hall-report-symbol{color:#6eaaca;background:#38bdf807;border:1px solid #38bdf826;border-radius:9px;flex-shrink:0;place-items:center;width:44px;height:48px;display:grid}.hall-report-entry>div:nth-child(2){flex:1}.hall-report-entry h2{color:#c5d9e8;margin-bottom:4px;font-size:14px;font-weight:500}.hall-report-entry p{color:#6b8ba6;font-size:10px;line-height:1.8}.hall-report-entry .hall-secondary{white-space:nowrap;min-height:34px;padding:7px 12px;font-size:11px}.hall-profile-link{color:#7196b4;white-space:nowrap;align-items:center;gap:5px;font-size:10px;display:flex}.hall-profile-link:hover{color:#7dd3fc}.hall-boundary{color:#4d7392;align-items:center;gap:11px;margin-top:24px;display:flex}.hall-boundary>div{flex:1}.hall-boundary strong{color:#7893ad;font-size:10px;font-weight:500;display:block}.hall-boundary p{color:#526f8b;margin-top:4px;font-size:9px;line-height:1.9}.hall-boundary>span{color:#6485a2;white-space:nowrap;border:1px solid #254563;border-radius:4px;padding:3px 7px;font-size:9px}@keyframes hall-fade-up{0%{opacity:0;translate:0 12px}to{opacity:1;translate:0}}@keyframes hall-card-in{0%{opacity:0;translate:0 16px}to{opacity:1;translate:0}}@media (hover:hover) and (pointer:fine){.student-role:hover,.student-role:focus-within{border-color:#38bdf899;transform:rotateY(0)translateY(-6px);box-shadow:inset 0 1px #ffffff10,0 20px 48px #38bdf82e}.teacher-role:hover,.teacher-role:focus-within{border-color:#fb923c99;transform:rotateY(0)translateY(-6px);box-shadow:inset 0 1px #ffffff10,0 20px 48px #fb923c2e}.hall-module-card:hover{border-color:#38bdf859;transform:translateY(-4px);box-shadow:inset 0 1px #ffffff0d,0 16px 40px #38bdf814}}@media (min-width:1600px){.login-hall-content{padding-top:40px}.hall-title{padding-top:75px}.hall-entry-grid{margin-top:28px;margin-bottom:30px}.hall-role-card{min-height:330px;padding:28px}.twin-viewport{height:340px}.phantom-object{scale:1}.hall-experience{margin-bottom:55px}}@media (max-width:1100px){.login-hall-content{padding:24px 28px 0}.hall-entry-grid{grid-template-columns:minmax(210px,1fr) minmax(305px,1.35fr) minmax(210px,1fr);gap:15px}.hall-role-card{min-height:290px;padding:20px}.hall-role-card>small{font-size:8px}.twin-scene-top{padding-left:5px;padding-right:5px}.twin-scene-top small{letter-spacing:0;font-size:7px}.phantom-object{scale:.8}.twin-label{font-size:9px}.twin-label small{font-size:7px}.twin-label>span{width:15px;left:-20px}.hall-module-grid{gap:15px}.hall-module-card{min-height:235px;padding:18px}.hall-module-card-bottom{align-items:flex-end}.hall-module-card-bottom>div{gap:4px}.hall-module-card-bottom>span{font-size:9px}.hall-module-icon{right:14px}.hall-workbench-copy{padding-left:26px}.hall-workbench h2{font-size:25px}.hall-workbench .twin-scene{padding-right:10px}.hall-workbench .phantom-object{scale:.78}.hall-scenarios{grid-template-columns:repeat(3,1fr);gap:16px}.hall-scenarios>div{flex-direction:row;grid-column:1/-1;justify-content:space-between;align-items:center;display:flex}.hall-scenarios h2{margin:0}.hall-scenarios .hall-section-label{font-size:8px}.hall-physical-chain{gap:5px;font-size:9px}.hall-chain-title{font-size:9px}.hall-physical-chain>div{gap:5px}.hall-physical-chain>div>svg{width:10px;margin-left:0}.hall-report-entry{padding:18px}.hall-profile-link{display:none}}@media (max-width:960px){.hall-title{padding-top:35px}.hall-title h1{font-size:34px}.hall-entry-grid{grid-template-columns:1fr 1fr;gap:20px;max-width:700px}.hall-entry-grid>.twin-scene{grid-area:1/1/auto/-1;justify-self:center;max-width:460px;height:290px}.hall-entry-grid>.twin-scene .twin-viewport{height:205px;min-height:205px}.hall-entry-grid .phantom-object{margin-top:-60px;scale:.88}.hall-role-card{min-height:250px;padding:23px;transform:rotateY(3deg)}.teacher-role{transform:rotateY(-3deg)}.hall-card-index{margin-bottom:15px}.hall-role-card .hall-role-icon{border-radius:12px;width:42px;height:42px;position:absolute;top:27px;right:24px}.hall-role-card .hall-role-icon svg{width:25px}.hall-role-card h2{margin-top:15px}.hall-role-card>p{margin-bottom:20px}.hall-role-card>small{font-size:9px}.hall-learning-chain{margin-top:24px}.hall-footer{text-align:center;flex-wrap:wrap;justify-content:center;gap:7px 20px;font-size:9px}.hall-footer>span:nth-child(2){order:3;width:100%}.hall-workbench{grid-template-columns:1.1fr 1fr}.hall-workbench-copy{padding:26px 0 23px 23px}.hall-workbench h2{font-size:23px}.hall-workbench-copy>p{font-size:11px}.hall-workbench .twin-scene-top small{display:none}.hall-workbench .phantom-object{scale:.72}.hall-workbench .label-bone,.hall-workbench .label-target{right:0}.hall-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hall-module-card{min-height:218px}.hall-module-card>p{max-width:90%}.hall-physical-chain{flex-wrap:wrap;justify-content:center;gap:12px}.hall-chain-title{text-align:center;width:100%;margin:0}.hall-report-entry{flex-wrap:wrap}.hall-report-entry>div:nth-child(2){min-width:180px}.hall-report-entry .hall-secondary{margin-left:59px}.hall-profile-link{display:flex}}@media (max-width:640px){.login-hall-content{padding:20px 20px 0}.hall-wordmark{gap:9px}.hall-wordmark>span{border-radius:10px;width:36px;height:36px}.hall-wordmark strong{letter-spacing:.5px;font-size:14px}.hall-wordmark small{letter-spacing:1.5px;font-size:7px}.hall-version{gap:5px;font-size:8px}.hall-title{padding:32px 0 0}.hall-title .hall-eyebrow{letter-spacing:1.2px;font-size:7px}.hall-title h1{letter-spacing:1px;font-size:27px}.hall-title .hall-course-name{max-width:340px;font-size:11px;line-height:1.9}.hall-title-line{margin:18px auto 0}.hall-entry-grid{grid-template-columns:1fr;gap:14px;max-width:420px;margin-top:10px}.hall-entry-grid>.twin-scene{grid-area:1;max-width:350px;height:260px}.hall-entry-grid>.twin-scene .twin-viewport{height:180px;min-height:180px}.hall-entry-grid .phantom-object{margin-top:-60px;scale:.76}.twin-scene-top{padding-top:4px;font-size:9px}.twin-scene-top small{font-size:7px}.twin-label{font-size:9px}.label-bone{top:28%;right:1%}.label-target{bottom:13%;right:0}.twin-caption{margin-top:6px;font-size:7px}.twin-controls{padding:0 6px}.twin-controls button{min-height:30px;padding:4px 8px}.hall-role-card{min-height:210px;padding:22px 24px;transform:none}.hall-role-card h2{margin-top:9px;font-size:18px}.hall-card-index{margin-bottom:8px;font-size:8px}.hall-role-card>p{margin-top:6px;margin-bottom:19px;font-size:12px}.hall-role-card>p br{display:none}.hall-role-card .hall-role-icon{top:25px;right:24px}.hall-role-card .hall-primary{min-height:38px;font-size:12px}.hall-role-card>small{margin-top:10px;font-size:8px}.hall-learning-chain{flex-wrap:wrap;gap:6px;margin:24px 0 17px;font-size:8px}.hall-learning-chain>span{gap:4px}.hall-learning-chain>span svg{width:12px}.hall-learning-chain>svg{width:9px}.hall-experience{flex-direction:column;gap:5px;margin-bottom:25px}.hall-experience>span{font-size:9px}.hall-footer{column-gap:12px;padding:16px 0;font-size:8px}.hall-footer small,.hall-footer>span:nth-child(2){font-size:7px}.hall-login-overlay{padding:17px}.hall-login-dialog{border-radius:16px;padding:28px 24px}.hall-login-dialog h2{font-size:23px}.hall-login-dialog>.hall-role-icon{margin-bottom:22px}.experiment-hall-welcome{flex-direction:column;align-items:stretch;gap:18px;margin-bottom:22px}.experiment-hall-welcome h1{font-size:23px}.experiment-hall-welcome h1 small,.experiment-hall-welcome>div>p:last-child{font-size:11px}.hall-overall-progress{grid-template-columns:1fr 1.1fr;align-items:center;gap:0 20px;width:100%;display:grid}.hall-overall-progress>div:first-child{margin:0}.hall-overall-progress>p{grid-column:1/-1}.hall-overall-progress strong{font-size:18px}.hall-workbench{flex-direction:column;min-height:0;margin-bottom:26px;display:flex}.hall-workbench-copy{padding:25px 24px 14px}.hall-workbench h2{margin-top:12px;font-size:25px}.hall-workbench h2 br{display:none}.hall-workbench-copy>p{font-size:11px}.hall-workbench-copy>p br{display:none}.hall-workbench-actions{gap:10px;margin-top:17px}.hall-workbench-actions>.hall-primary,.hall-workbench-actions>.hall-secondary{min-height:38px;padding:8px 13px;font-size:11px}.hall-mode-actions{gap:22px;margin-top:13px}.hall-mode-actions button{font-size:10px}.hall-workbench .twin-scene{max-width:380px;height:240px;margin:0 auto 17px;padding:0 17px}.hall-workbench .twin-viewport{height:175px;min-height:175px}.hall-workbench .twin-scene-top{padding:0 7px}.hall-workbench .twin-scene-top small{display:block}.hall-workbench .phantom-object{top:51%;scale:.74}.hall-workbench .label-bone{top:27%;right:2%}.hall-workbench .label-target{bottom:10%;right:0}.hall-modules-heading{margin-bottom:16px}.hall-modules-heading h2{font-size:16px}.hall-modules-heading .hall-eyebrow{letter-spacing:.8px;font-size:7px}.hall-modules-heading>span{display:none}.hall-module-grid{grid-template-columns:1fr;gap:13px}.hall-module-card{min-height:200px;padding:20px}.hall-module-card h3{margin-top:16px;font-size:15px}.hall-module-card>p{max-width:90%;margin-bottom:18px;font-size:12px}.hall-module-icon{top:49px;right:20px}.hall-module-card-bottom>div>span{font-size:9px}.hall-module-card-bottom>span{font-size:11px}.hall-module-status{font-size:10px}.hall-scenarios{grid-template-columns:1fr;gap:15px;margin-top:23px;padding:21px 0}.hall-scenarios>div{flex-direction:column;align-items:flex-start;gap:5px;margin-bottom:3px}.hall-scenarios h2{font-size:14px}.hall-scenarios button{gap:12px;padding:4px 0}.hall-scenario-letter{width:35px;height:36px}.hall-scenarios strong{font-size:12px}.hall-scenarios small{font-size:10px}.hall-scenarios button>svg{width:16px}.hall-physical-chain{grid-template-columns:repeat(3,1fr);gap:14px 8px;padding:21px 0;font-size:9px;display:grid}.hall-chain-title{text-align:left;grid-column:1/-1;font-size:10px}.hall-physical-chain>div{justify-content:flex-start;gap:6px}.hall-physical-chain>div>svg{display:none}.hall-report-entry{gap:12px;padding:18px}.hall-report-symbol{width:36px;height:42px}.hall-report-entry h2{font-size:13px}.hall-report-entry p{font-size:9px}.hall-report-entry>div:nth-child(2){flex-basis:calc(100% - 50px);min-width:0}.hall-report-entry .hall-secondary{min-height:34px;margin-left:48px;padding:7px 10px;font-size:10px}.hall-profile-link{gap:4px;font-size:9px}.hall-boundary{align-items:flex-start;margin-top:21px}.hall-boundary>svg{width:16px;margin-top:3px}.hall-boundary strong{font-size:10px}.hall-boundary p{font-size:9px}.hall-boundary>span{display:none}}@media (prefers-reduced-motion:reduce){.login-hall *,.experiment-hall *,.twin-scene *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.hall-module-card.is-started{border-color:#38bdf84d}.hall-module-status.started{color:#38bdf8;background:#38bdf808;border-color:#38bdf84d}.teacher-page{--teacher-panel:#10233f;--teacher-border:#29405b;--teacher-muted:#99b0c6;color:#e4eef8}.teacher-page .learning-card{background:var(--teacher-panel);border-color:var(--teacher-border)}.teacher-boundary{background:linear-gradient(110deg,#342b25,#17283c);border:1px solid #775a31;border-radius:12px;align-items:center;gap:15px;margin-bottom:22px;padding:20px 24px;display:flex}.teacher-boundary>svg{color:#fbad60;flex-shrink:0}.teacher-boundary strong{color:#ffd0a0;font-size:14px}.teacher-boundary p{color:#bec6cf;margin-top:6px;font-size:12px;line-height:1.8}.teacher-boundary>span{white-space:nowrap;color:#ffd0a0;border:1px solid #986b37;border-radius:5px;margin-left:auto;padding:5px 9px;font-size:11px}.teacher-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px;display:grid}.teacher-summary article{border:1px solid var(--teacher-border);background:#10233f;border-radius:12px;grid-template-columns:1fr auto;gap:16px;padding:23px;display:grid}.teacher-summary article>svg{color:#e9ab65;grid-area:1/2}.teacher-summary article>span{color:var(--teacher-muted);font-size:12px}.teacher-summary strong{color:#f2f7fc;font-variant-numeric:tabular-nums;font-size:31px;font-weight:600}.teacher-summary strong small{color:var(--teacher-muted);font-size:12px;font-weight:400}.teacher-completion>div:last-child{grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;display:grid}.teacher-completion article{grid-template-columns:1fr auto;align-items:center;gap:10px;display:grid}.teacher-completion article span{color:#c3d4e4;grid-column:1/-1;font-size:12px}.teacher-completion progress{accent-color:#e5a25a;width:100%;height:6px}.teacher-completion b{color:var(--teacher-muted);font-variant-numeric:tabular-nums;font-size:11px}.teacher-completion .section-title small{color:var(--teacher-muted);font-size:11px}.teacher-list-heading{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;display:flex}.teacher-list-heading p{color:var(--teacher-muted);margin-top:7px;font-size:12px}.teacher-filters{gap:13px;display:flex}.teacher-filters label{color:var(--teacher-muted);gap:7px;font-size:10px;display:grid}.teacher-filters select{color:#deebf8;background:#0b1a30;border:1px solid #38516c;border-radius:6px;min-width:145px;padding:9px 10px;font-size:12px}.teacher-table{border-collapse:collapse;width:100%;min-width:850px;font-size:12px}.teacher-table th{text-align:left;color:#9fb8d0;border-bottom:1px solid var(--teacher-border);white-space:nowrap;background:#0b1b31;padding:12px;font-size:11px;font-weight:500}.teacher-table td{color:#d5e2ef;vertical-align:middle;font-variant-numeric:tabular-nums;border-bottom:1px solid #263c56;padding:17px 12px}.teacher-table tr.selected td{background:#19314a}.teacher-table td:first-child{min-width:175px}.teacher-table strong{color:#edf5fc;font-size:13px;display:block}.teacher-table small{color:#9bb2c9;margin-top:5px;font-size:10px;display:block}.teacher-table .btn{white-space:nowrap;min-height:32px;padding:7px 10px;font-size:11px}.teacher-table .teacher-total{color:#f5bc7a;font-size:18px;font-weight:650}.teacher-source{color:#e9b27c;background:#483523;border:1px solid #7e5b35;border-radius:5px;width:-moz-fit-content;width:fit-content;margin-top:9px;padding:3px 7px;font-size:10px;line-height:1.5;display:inline-flex}.teacher-source.current{color:#85dbec;background:#103b4b;border-color:#256275}.teacher-detail-heading{justify-content:space-between;align-items:center;gap:16px;padding-bottom:24px;display:flex}.teacher-detail-heading h2{margin-top:12px;font-size:22px}.teacher-detail-heading h2 small{color:var(--teacher-muted);margin-left:12px;font-size:12px;font-weight:400}.teacher-detail-heading p{color:var(--teacher-muted);margin-top:10px;font-size:12px}.teacher-detail-icon{color:#e5a25a;background:#342d27;border:1px solid #715332;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:66px;height:66px;display:flex}.teacher-tabs{border-bottom:1px solid var(--teacher-border);gap:8px;margin:0 -1px 26px;display:flex;overflow-x:auto}.teacher-tabs button{color:#a5bbd0;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:6px 6px 0 0;align-items:center;gap:8px;padding:14px 20px;font-size:13px;display:inline-flex}.teacher-tabs button:hover{color:#f6c994;background:#1b2f47}.teacher-tabs button.active{color:#ffd09b;background:#2a2d31;border-color:#edac60}.teacher-tabs small{color:#d7e3ef;background:#34465a;border-radius:4px;padding:2px 5px;font-size:10px}.teacher-tab-panel>h3{color:#e3edf7;margin:30px 0 17px;font-size:16px;font-weight:600}.teacher-stat-row{flex-wrap:wrap;gap:12px;margin:20px 0;display:flex}.teacher-stat-row>span{color:#9eb7ce;background:#0e1e34;border:1px solid #2e4965;border-radius:6px;padding:10px 14px;font-size:12px}.teacher-stat-row b{color:#f3c08c;margin-left:8px}.teacher-disclosure{border:1px solid var(--teacher-border);border-radius:8px;margin-top:20px;padding:16px}.teacher-disclosure summary,.teacher-answer summary{color:#a7cfe9;cursor:pointer;font-size:12px;line-height:1.8}.teacher-evidence{border-bottom:1px solid #2c425b;padding:15px 0}.teacher-evidence:last-child{border-bottom:0}.teacher-evidence strong{color:#d5e3f0;font-size:12px}.teacher-evidence p{color:#9fb6cc;overflow-wrap:anywhere;margin-top:8px;font-size:12px;line-height:1.9}.teacher-evidence-note{background:#152f40;border:1px solid #2f5b6b;border-radius:8px;align-items:flex-start;gap:10px;margin-top:20px;padding:15px;display:flex}.teacher-evidence-note svg{color:#70c7d8;flex-shrink:0;margin-top:3px}.teacher-evidence-note p{color:#b8d3e0;font-size:12px;line-height:1.8}.teacher-cover{border:1px solid var(--teacher-border);background:#0d1d33;border-radius:9px;padding:19px}.teacher-cover h3{color:#edf5fb;margin-bottom:18px;font-size:15px}.teacher-cover dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:19px;display:grid}.teacher-cover dt{color:#94adc5;margin-bottom:6px;font-size:11px}.teacher-cover dd{color:#e2edf8;overflow-wrap:anywhere;font-size:13px}.teacher-conclusions{gap:10px;display:grid}.teacher-conclusions>article{background:#0d1e34;border:1px solid #2b425e;border-radius:8px;justify-content:space-between;align-items:flex-start;gap:20px;padding:17px;display:flex}.teacher-conclusions article>div{flex:1}.teacher-conclusions strong{color:#d5e7f6;font-size:12px;font-weight:500;line-height:1.8}.teacher-conclusions p{color:#9bb5cc;overflow-wrap:anywhere;margin-top:9px;font-size:12px;line-height:1.8}.teacher-score-input{color:#b9ccde;flex-shrink:0;grid-template-columns:auto 70px auto;align-items:center;gap:7px;font-size:11px;display:inline-grid}.teacher-score-input>span{grid-column:1/-1}.teacher-score-input input{color:#ffd19b;background:#08162a;border:1px solid #46637f;border-radius:5px;grid-column:2;width:70px;min-height:36px;padding:7px;font-size:13px}.teacher-score-input small{color:#a3b9cd;font-size:11px}.teacher-answer{border:1px solid var(--teacher-border);background:#0e2037;border-radius:9px;margin-bottom:13px;padding:20px}.teacher-answer>strong,.teacher-answer-heading strong{color:#e0edf8;font-size:13px;line-height:1.9}.teacher-answer p{color:#b3c8db;white-space:pre-wrap;overflow-wrap:anywhere;margin:12px 0;font-size:12px;line-height:1.95}.teacher-answer details{border-left:2px solid #36516c;margin:12px 0;padding-left:12px}.teacher-answer details p{color:#99b5ce}.teacher-answer-heading{justify-content:space-between;align-items:baseline;gap:18px;display:flex}.teacher-result{color:#a9c7d9;white-space:nowrap;border:1px solid #3d5b74;border-radius:5px;padding:3px 7px;font-size:10px}.teacher-reason{border-top:1px solid #2e465e;justify-content:space-between;gap:20px;margin-top:13px;padding-top:13px;display:flex}.teacher-reason p{flex:1}.teacher-written{color:#c4d7e9;white-space:pre-wrap;overflow-wrap:anywhere;background:#11283d;border-left:3px solid #b58754;margin:15px 0;padding:17px;font-size:13px;line-height:1.95}.teacher-comment{color:#f0c18e;gap:11px;margin-top:30px;font-size:13px;display:grid}.teacher-page textarea{color:#dce9f5;background:#0a1b30;border-color:#3a5671;font-size:13px}.teacher-page textarea::placeholder{color:#7c99b2}.teacher-question{background:#0d2037;border:1px solid #2f4963;border-radius:9px;margin-bottom:15px;padding:21px}.teacher-question>div{color:#92acc5;justify-content:space-between;align-items:center;gap:14px;font-size:11px;display:flex}.teacher-question>div b{color:#f1ba79;white-space:nowrap;font-weight:500}.teacher-question h3{color:#dfecf8;overflow-wrap:anywhere;margin:16px 0 22px;font-size:15px;font-weight:500;line-height:1.9}.teacher-question label{color:#adc9df;gap:9px;font-size:12px;display:grid}.teacher-empty{text-align:center;color:#96b5cd;padding:42px 20px}.teacher-empty svg{color:#b78a57;margin-bottom:13px}.teacher-empty h3{color:#d2e4f4;margin-bottom:10px;font-size:16px}.teacher-empty p{max-width:450px;margin:0 auto;font-size:12px;line-height:1.95}.teacher-footnote{color:#93abc2;text-align:center;padding:5px 15px 20px;font-size:11px;line-height:1.9}.teacher-page .learning-table{color:#d2e3f2}.teacher-page .learning-table th{color:#a8c3da;background:#0b1b30}.teacher-page .learning-table td{color:#c5d9e9;border-color:#2c425a}.teacher-page .learning-table small{color:#97b0c9}.teacher-page .score-cards>div{background:#0b1c31;border-color:#35506b}.teacher-page .score-cards strong{color:#f4c18c}.teacher-page .score-cards span,.teacher-page .score-note{color:#a9c0d5}.teacher-page .sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.teacher-page :is(button,input,textarea,select,summary):focus-visible{outline-offset:3px;outline:2px solid #edb56e}@media (max-width:1100px){.teacher-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.teacher-completion>div:last-child{grid-template-columns:repeat(3,minmax(0,1fr))}.teacher-list-heading{flex-wrap:wrap}.teacher-filters{width:100%}.teacher-filters label{flex:1}.teacher-cover dl{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.teacher-summary{gap:10px}.teacher-summary article{gap:12px;padding:16px}.teacher-summary article>span{font-size:10px}.teacher-summary strong{font-size:25px}.teacher-boundary{align-items:flex-start;gap:10px;padding:16px}.teacher-boundary>span{display:none}.teacher-boundary strong{font-size:12px}.teacher-boundary p{font-size:11px}.teacher-completion>div:last-child{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.teacher-filters{flex-wrap:wrap}.teacher-filters label{min-width:145px}.teacher-detail-icon{display:none}.teacher-detail-heading h2 small{margin:9px 0 0;display:block}.teacher-detail-heading p{font-size:11px;line-height:1.8}.teacher-tabs{gap:0}.teacher-tabs button{padding:12px 13px;font-size:12px}.teacher-conclusions>article,.teacher-reason{flex-direction:column;gap:12px}.teacher-answer{padding:15px}.teacher-answer-heading{flex-wrap:wrap;gap:9px}.teacher-question{padding:16px}.teacher-cover dl{gap:16px}}:root{color:#273b48;font-synthesis:none;--teal:#0a8586;--navy:#173746;--muted:#7d8c97;--line:#e5ebee;--range-progress:50%;background:#f5f7f9;font-family:DM Sans,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{transition:background .18s,color .18s,box-shadow .18s,transform .18s}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #72c6c5}button{color:inherit;background:0 0;border:0}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}svg{flex-shrink:0}button svg{vertical-align:middle}strong,b{font-weight:600}.app-shell{min-height:100vh}.sidebar{border-right:1px solid var(--line);z-index:30;background:#fff;flex-direction:column;width:236px;height:100dvh;padding:31px 19px 0;display:flex;position:fixed;top:0;left:0}.brand{text-align:left;align-items:center;gap:10px;padding:0 9px;display:flex}.brand-symbol{color:#fff;background:#087e80;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 4px 10px #087e801a}.brand strong{letter-spacing:2px;color:#213e4a;font-size:23px;display:block}.brand small{letter-spacing:1.6px;color:#82959c;margin-top:4px;font-size:8px;display:block}.workspace-label{letter-spacing:.4px;color:#87969f;justify-content:center;align-items:center;gap:8px;margin:26px 0 28px;font-size:10px;display:flex}.workspace-label span{color:var(--teal);border:1px solid #dbe7e9;border-radius:4px;padding:2px 4px;font-size:8px}.nav-item{text-align:left;color:#6d7e87;border-radius:7px;align-items:center;gap:13px;width:100%;margin-bottom:5px;padding:14px 15px;font-size:13px;display:flex;position:relative}.nav-item.active{color:#087f80;background:#e9f5f3;font-weight:600}.nav-item.active:before{content:"";background:var(--teal);border-radius:0 2px 2px 0;width:3px;height:22px;position:absolute;left:-19px}.nav-item small{color:#a6b3b9;margin-left:auto;font-size:10px;display:flex}.nav-label{color:#99a6ae;letter-spacing:1px;justify-content:space-between;padding:26px 15px 14px;font-size:10px;display:flex}.nav-label span{letter-spacing:1.1px;font-size:8px}.sidebar-bottom{margin-top:auto;padding:28px 13px 0}.progress-label{color:#70818c;justify-content:space-between;font-size:11px;display:flex}.progress-label i{color:#a7b2ba;font-style:normal;font-weight:400}.progress-track{background:#e9f0f2;border-radius:5px;height:4px;margin:12px 0 8px;overflow:hidden}.progress-track span{background:#1b9994;height:100%;transition:width .4s;display:block}.help-btn{color:#758892;align-items:center;gap:9px;width:100%;padding:22px 0;font-size:12px;display:flex}.help-btn>svg:last-child{margin-left:auto}.sidebar-foot{border-top:1px solid var(--line);color:#8b9da6;align-items:center;gap:7px;padding:17px 0;font-size:10px;display:flex}.sidebar-foot>span:last-child{color:#acb8bf;margin-left:auto}.status-dot{background:#20a399;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.main-shell{margin-left:236px}.topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:12px;height:74px;padding:0 36px;display:flex}.breadcrumb{color:#91a0aa;align-items:center;gap:12px;font-size:12px;display:flex}.breadcrumb strong{color:#485e69;font-weight:500}.topbar-actions{align-items:center;gap:22px;display:flex}.cloud-state{color:#8a9aa4;align-items:center;gap:7px;font-size:10px;display:flex}.btn{white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:9px;min-height:39px;padding:10px 16px;font-size:12px;font-weight:500;display:inline-flex}.btn-primary{background:var(--teal);color:#fff;border:1px solid var(--teal)}.btn-primary:hover:not(:disabled){background:#086f71;box-shadow:0 3px 8px #087f8026}.btn-outline{color:#536b77;background:#fff;border:1px solid #dde6e9}.btn-outline:hover:not(:disabled){background:#f0f6f6;border-color:#afcece}.btn-light{color:#135351;background:#e8f5ee;padding:13px 23px}.btn-light:hover{background:#fff;transform:translateY(-1px)}.count{color:#2b8b86;background:#eaf4f3;border-radius:4px;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:3px;font-size:10px;display:flex}.notebook-button{min-height:34px;padding:8px 12px;font-size:11px}.icon-btn{color:#7f939e;border-radius:6px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.text-button{color:#63838e;align-items:center;gap:6px;padding:5px 0;font-size:11px;display:inline-flex}.mobile-menu{display:none}.main-shell main{max-width:1700px;margin:0 auto;padding:32px 36px 0}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin:0 0 24px;display:flex}.eyebrow{letter-spacing:1.8px;color:#84969e;margin-bottom:11px;font-size:9px;font-weight:600}.eyebrow span{color:#c1cbd0;margin:0 8px}h1{letter-spacing:.5px;color:#253e4a;font-size:25px;font-weight:600;line-height:1.5}h1 small{letter-spacing:.1px;color:#8a9ca6;vertical-align:middle;border-left:1px solid #d9e3e7;margin-left:18px;padding-left:18px;font-size:13px;font-weight:400}.page-heading p{color:#8a9aa4;margin-top:8px;font-size:12px;line-height:1.7}.overview-heading{margin-bottom:25px}.hero{color:#fff;background:#173d49;border-radius:12px;grid-template-columns:1fr 1.15fr;min-height:330px;display:grid;position:relative;overflow:hidden}.hero-content{z-index:1;padding:31px 36px 24px}.hero-tag{letter-spacing:1.5px;color:#a8d8ce;background:#ffffff0c;border:1px solid #ffffff14;border-radius:4px;align-items:center;gap:7px;padding:6px 9px;font-size:9px;display:inline-flex}.hero-tag>span,.live-dot{background:#74c9b7;border-radius:100%;width:5px;height:5px;display:inline-block}.hero h2{letter-spacing:3px;margin:17px 0 11px;font-size:35px;font-weight:500;line-height:1.55}.hero p{color:#a8c1c8;letter-spacing:.8px;font-size:11px;line-height:1.85}.hero-actions{align-items:center;gap:20px;margin-top:22px;display:flex}.hero-secondary{color:#c6d9de;align-items:center;gap:3px;font-size:10px;display:flex}.hero-secondary:hover{color:#fff}.hero-bottom{color:#93b5bc;letter-spacing:.5px;gap:18px;margin-top:27px;font-size:9px;display:flex}.hero-bottom span{align-items:center;gap:5px;display:flex}.hero-visual{background:#f4faf8;border-radius:10px;align-self:center;margin:30px 30px 30px 0;position:relative;overflow:hidden;box-shadow:0 8px 40px #051f3338}.hero-visual>svg{object-fit:contain;width:100%;height:245px;display:block}.hero-visual-caption{color:#65838e;align-items:center;gap:7px;padding:14px 18px 0;font-size:9px;display:flex}.hero-visual-caption>span:last-child{color:#18968b;margin-left:auto;font-size:9px}.hero-visual-foot{color:#7b9298;justify-content:center;gap:30px;padding:0 10px 14px;font-size:9px;display:flex}.hero-visual-foot span:before{content:"";background:#cf9f58;border-radius:2px;width:5px;height:5px;margin-right:5px;display:inline-block}.hero-visual-foot span:nth-child(2):before{background:#d57869}.hero-visual-foot span:nth-child(3):before{background:#56a9ad}.journey{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:repeat(6,1fr);gap:10px;margin:17px 0 29px;padding:17px 20px;display:grid}.journey>div{align-items:center;gap:10px;min-width:0;font-size:11px;display:flex}.journey>div>span{color:#7caba8;background:#f0f7f6;border-radius:50%;justify-content:center;align-items:center;width:25px;height:25px;font-size:10px;display:flex}.journey>div>strong{color:#64818a;white-space:nowrap;font-weight:500}.journey svg{color:#c6d4d9;margin-left:auto}.overview-grid{grid-template-columns:minmax(0,1.75fr) minmax(270px,1fr);gap:23px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:9px;overflow:hidden}.section-title{justify-content:space-between;align-items:center;gap:10px;display:flex}.section-title h2{color:#344e5b;font-size:15px;font-weight:600;line-height:1.4}.section-title .eyebrow{margin-bottom:7px;font-size:8px}.module-catalog{padding:24px 24px 8px}.module-catalog>.section-title{margin-bottom:13px}.module-row{text-align:left;border-bottom:1px solid #eff3f5;align-items:center;gap:15px;width:100%;padding:15px 0;display:flex}.module-row:last-child{border-bottom:0}.module-number{color:#a9b7bf;min-width:16px;font-size:11px}.module-icon{border-radius:9px;justify-content:center;align-items:center;width:37px;height:37px;display:flex}.module-row-content{flex:1;min-width:0;display:block}.module-row-content strong{color:#3c5360;margin-bottom:5px;font-size:12px;display:block}.module-row-content small{color:#96a5ae;font-size:10px;display:block}.module-row-status{color:#849aa4;white-space:nowrap;font-size:9px}.module-row>svg{color:#94a8b0}.overview-aside{flex-direction:column;gap:20px;display:flex}.scenario-card{padding:23px 21px 13px}.scenario-card .section-title svg{color:#9badaf}.scenario-card>p{color:#9ba8b0;margin:10px 0 17px;font-size:10px}.scenario{text-align:left;border-top:1px solid #edf1f3;align-items:center;gap:12px;width:100%;padding:13px 0;display:flex}.scenario-index{color:#398c80;background:#eaf4f2;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;display:flex}.scenario>span:nth-child(2){flex:1}.scenario strong{color:#465f6c;font-size:11px;display:block}.scenario small{color:#9aaab2;margin-top:5px;font-size:9px;display:block}.learning-note{background:#ebf3f3;border:1px solid #dceaea;border-radius:9px;flex:1;padding:24px;position:relative}.note-icon{color:#7aa8a6;position:absolute;top:23px;right:22px}.learning-note h3{color:#41676d;max-width:190px;margin-top:4px;font-size:13px;font-weight:500}.learning-note p{color:#8ba3aa;margin:13px 0 15px;font-size:10px;line-height:1.9}.learning-note .text-button{color:#418e8b;font-size:10px}.method-note{color:#83a3a8;align-items:center;gap:12px;margin-top:24px;display:flex}.method-note p{flex:1}.method-note p strong{color:#6f8994;font-size:10px;font-weight:500;display:block}.method-note p span{color:#9aabb4;margin-top:4px;font-size:9px;line-height:1.8;display:block}.method-note>span{color:#9aa9b0;white-space:nowrap;font-size:9px}.page-footer{border-top:1px solid var(--line);color:#a1b0b8;letter-spacing:.5px;justify-content:space-between;gap:15px;margin-top:27px;padding:19px 0;font-size:8px;display:flex}.footer-version{border-left:1px solid #dce6e9;margin-left:13px;padding-left:13px}.experiment-toolbar{background:#eef4f6;border:1px solid #e0e9ec;border-radius:7px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px;padding:12px 16px;font-size:10px;display:flex}.conditions{color:#8b9ea7;flex-wrap:wrap;align-items:center;gap:19px;display:flex}.conditions>span b{color:#4e6d79;margin:0 3px;font-weight:500}.conditions-label{color:#597985;border-right:1px solid #d8e3e7;align-items:center;gap:7px;padding-right:19px;display:flex}.toolbar-actions{flex-shrink:0;align-items:center;gap:15px;display:flex}.toolbar-actions select{color:#64818e;cursor:pointer;outline-offset:4px;background:0 0;border:0;max-width:110px;font-size:10px}.lab-grid{grid-template-columns:216px minmax(0,1fr) 210px;align-items:start;gap:17px;display:grid}.control-heading{color:#4c7180;border-bottom:1px solid #edf1f3;align-items:center;gap:7px;margin-bottom:20px;padding:18px 0;display:flex}.control-heading h2{font-size:12px;font-weight:600}.control-heading>span{color:#98b0b8;margin-left:auto;font-size:8px}.control{margin-bottom:23px;font-size:11px;display:block}.control>span{color:#607c88;justify-content:space-between;align-items:center;gap:6px;margin-bottom:12px;display:flex}.control>span strong{color:#328b8a;white-space:nowrap;font-size:11px;font-weight:500}.control strong small{color:#9aacb4;font-size:8px;font-weight:400}.segmented{background:#f8fafb;border:1px solid #e1e8ec;border-radius:5px;gap:2px;padding:2px;display:flex;overflow:hidden}.segmented button{color:#8a9ea8;white-space:nowrap;border-radius:3px;flex:1;min-height:29px;padding:5px 2px;font-size:10px}.segmented button small{margin-left:2px;font-size:8px}.segmented button.selected{color:#167e7d;background:#e3f1ee;font-weight:600;box-shadow:0 1px 2px #204e4910}.segmented button:hover:not(.selected){background:#eef4f5}.control input[type=range]{appearance:none;background:linear-gradient(to right,#219795 0 var(--range-progress),#e6edef var(--range-progress) 100%);cursor:pointer;border-radius:5px;width:100%;height:4px;margin:17px 0 10px;display:block}.control input[type=range]::-webkit-slider-thumb{appearance:none;background:#fff;border:3px solid #1d9290;border-radius:50%;width:13px;height:13px;box-shadow:0 1px 3px #48868738}.control input[type=range]::-moz-range-thumb{background:#fff;border:3px solid #1d9290;border-radius:50%;width:9px;height:9px}.range-labels{color:#adbcc3;justify-content:space-between;font-size:8px;display:flex}.control-hint{color:#9cafb6;border-top:1px solid #edf1f3;align-items:flex-start;gap:7px;margin-top:10px;padding:14px 0 18px;display:flex}.control-hint p{font-size:9px;line-height:1.85}.control-hint svg{margin-top:2px}.lab-center{flex-direction:column;gap:16px;min-width:0;display:flex}.figure-heading{color:#56737f;justify-content:space-between;align-items:center;gap:10px;padding:16px 18px 0;font-size:11px;display:flex}.figure-heading strong{font-weight:500}.figure-heading>span{color:#a6b5bd;font-size:8px}.visual-stage{min-height:180px;padding:8px 12px 7px}.visual-stage>svg{width:100%;height:100%;min-height:180px;display:block}.results-heading{color:#78909b;align-items:center;gap:7px;margin:3px 0 13px;font-size:10px;display:flex}.results-heading>span:last-child{color:#a7b6be;margin-left:auto;font-size:8px}.metric{border:1px solid var(--line);background:#fff;border-radius:7px;margin-bottom:12px;padding:18px 17px}.metric>span{color:#8aa0ab;font-size:10px}.metric>div{align-items:baseline;gap:6px;margin-top:10px;display:flex}.metric strong{color:#355868;letter-spacing:-.5px;font-size:28px;font-weight:500;line-height:1.1}.formula-card{color:#6e8996;background:#f3f7f9;border:1px dashed #cfdfe4;border-radius:7px;margin-top:18px;padding:17px}.formula-card>span{color:#78939e;font-size:10px;display:block}.formula-card>strong{color:#398e91;margin:18px 0;font-family:Georgia,serif;font-size:19px;font-weight:500;display:block}.formula-card p b{color:#60828d;font-size:9px;font-weight:500}.formula-card .sampling-status{margin:15px 0;font-family:inherit;font-size:13px}.quad-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.quad-grid .visual-stage svg{min-height:100px}.timeline{color:#5f8691;align-items:center;gap:15px;padding:12px 16px;font-size:10px;display:flex}.play-btn{color:#0f8b87;background:#e6f3f1;border-radius:4px;justify-content:center;align-items:center;width:32px;height:30px;display:flex}.timeline input{accent-color:#188f8d;cursor:pointer;flex:1;min-width:0;height:4px}.timeline>span{white-space:nowrap}.algorithm-options{flex-direction:column;gap:7px;display:flex}.algorithm-options button{color:#7e97a2;text-align:left;border:1px solid #e6ecee;border-radius:5px;align-items:center;gap:8px;padding:10px 9px;font-size:10px;display:flex}.algorithm-options button>svg{margin-left:auto}.radio-dot{background:#fff;border:1px solid #c8d8dd;border-radius:50%;width:11px;height:11px;display:block}.selected>.radio-dot{border:3px solid #27a094}.data-table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%;font-size:10px}.data-table th{color:#99aab4;background:#f5f8f9;padding:11px 17px;font-size:9px;font-weight:400}.data-table td{color:#718d98;border-top:1px solid #edf2f4;padding:12px 17px}.data-table td:first-child{color:#4a6978}.table-panel .data-table th:not(:first-child),.table-panel .data-table td:not(:first-child){text-align:right}.highlight-row{background:#eff8f4}.highlight-row td{color:#238f84}.table-dot{background:#bdc9d0;border-radius:50%;width:5px;height:5px;margin-right:8px;display:inline-block}.table-note{color:#a0b1b9;border-top:1px solid #ecf1f3;padding:12px 17px;font-size:8px;line-height:1.7}.table-scroll{overflow:auto}.reconstruction-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.recon-heading{justify-content:space-between;align-items:center;gap:5px;padding:12px 12px 0;font-size:10px;display:flex}.recon-heading>strong{color:#547580;font-weight:500}.recon-heading>span{color:#2d9490;white-space:nowrap;font-size:11px}.recon-visual{height:150px;margin:3px 7px 0}.recon-visual svg{width:100%;height:100%;display:block}.recon-foot{color:#a0b2bc;justify-content:space-between;padding:0 12px 11px;font-size:8px;display:flex}.recon-foot b{color:#7799a4;margin-left:2px;font-weight:400}.lab-reconstruction{grid-template-columns:190px minmax(0,1fr) 174px}.check-control{color:#7d97a3;align-items:center;gap:8px;padding:8px 0;font-size:10px;display:flex}.mini-legend{color:#9cabb2;flex-direction:column;gap:12px;font-size:9px;display:flex}.mini-legend>span{align-items:center;gap:8px;display:flex}.mini-legend i{border-top:2px solid #dd9b58;width:16px;height:0}.mini-legend .dashed-line{border-top:2px dashed #819da6}.segmentation-note{color:#79a5a4;align-items:flex-start;gap:15px;padding:20px;display:flex}.segmentation-note strong{color:#658b94;font-size:11px;font-weight:500}.segmentation-note p{color:#96aab3;margin-top:6px;font-size:10px;line-height:1.9}.metric-pair{grid-template-columns:1fr 1fr;gap:10px;display:grid}.metric-pair .metric>div{flex-wrap:wrap;gap:3px}.experiment-bottom{justify-content:space-between;align-items:center;gap:20px;margin-top:21px;display:flex}.inquiry{align-items:center;gap:12px;display:flex}.inquiry-icon{color:#9d9f77;background:#eef1e9;border-radius:50%;justify-content:center;align-items:center;width:37px;height:37px;display:flex}.inquiry strong{color:#7e8e84;font-size:10px;font-weight:500}.inquiry p{color:#98a6a5;margin-top:4px;font-size:10px;line-height:1.7}.module-pagination{flex-shrink:0;align-items:center;gap:10px;display:flex}.module-pagination .btn{padding:10px 13px;font-size:10px}.model-caption{color:#a8b6be;text-align:center;margin-top:24px;font-size:8px;line-height:1.8}.overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:100;background:#1c354b55;justify-content:flex-end;animation:.18s fade-in;display:flex;position:fixed;inset:0}.drawer{background:#fff;flex-direction:column;width:490px;max-width:100%;height:100dvh;display:flex;box-shadow:-10px 0 60px #213d4d20}.drawer-header{justify-content:space-between;align-items:center;padding:29px 28px 24px;display:flex}.drawer-header h2{color:#355664;font-size:24px;font-weight:500}.drawer-header h2>span{color:#3a9990;vertical-align:middle;background:#eef6f4;border-radius:6px;margin-left:7px;padding:4px 8px;font-size:12px}.drawer-summary{color:#87a3a7;background:#f1f7f6;align-items:center;gap:10px;padding:15px 28px;font-size:10px;display:flex}.record-list{flex:1;padding:22px 28px;overflow:auto}.empty-state{text-align:center;color:#9caeb7;padding:70px 10px}.empty-state>svg{color:#b0cecf;margin-bottom:19px}.empty-state h3{color:#60838e;margin-bottom:12px;font-size:16px;font-weight:500}.empty-state p{margin-bottom:24px;font-size:12px;line-height:1.9}.record{border:1px solid #e4ecef;border-radius:8px;margin-bottom:16px;padding:18px}.record-heading{align-items:center;gap:12px;display:flex}.record-heading>div{flex:1}.record-order{color:#6ba49a;background:#eaf4f1;border-radius:6px;justify-content:center;align-items:center;width:29px;height:29px;font-size:11px;display:flex}.record-heading strong{color:#4c717d;font-size:13px;display:block}.record-heading small{color:#a0b2bb;margin-top:4px;font-size:9px;display:block}.record-params{flex-wrap:wrap;gap:7px;margin:16px 0;display:flex}.record-params>span{color:#8aa3ad;border:1px solid #e1ebee;border-radius:4px;padding:4px 8px;font-size:9px}.record-note{color:#698692;white-space:pre-wrap;overflow-wrap:anywhere;background:#f6f9fa;border-left:2px solid #b8d7d3;margin-bottom:12px;padding:10px;font-size:11px;line-height:1.9}.record-metrics{color:#99acb6;flex-direction:column;gap:8px;margin-bottom:15px;font-size:9px;display:flex}.record-metrics>span{justify-content:space-between;gap:10px;display:flex}.record-metrics b{color:#538a8c}.drawer-footer{border-top:1px solid var(--line);text-align:center;padding:20px 28px}.drawer-footer .btn{width:100%}.drawer-footer small{color:#a2b3bb;margin-top:10px;font-size:9px;display:block}.modal-overlay{justify-content:center;align-items:center;padding:20px}.modal{background:#fff;border-radius:13px;width:490px;max-width:100%;max-height:90dvh;padding:27px 32px;overflow:auto;box-shadow:0 20px 80px #18354a2b}.modal-header{justify-content:space-between;align-items:flex-start;margin-bottom:26px;display:flex}.modal-icon{color:#489c90;background:#e9f4f0;border-radius:12px;justify-content:center;align-items:center;width:47px;height:47px;display:flex}.modal h2{color:#2e5866;font-size:23px;font-weight:500}.modal>p{color:#879ea8;margin-top:13px;font-size:12px;line-height:1.9}.snapshot-summary{color:#71979f;border:1px solid #e6eeef;border-radius:6px;gap:10px;margin:23px 0;padding:13px;font-size:10px;display:flex}.snapshot-summary span+span{border-left:1px solid #dae5e7;padding-left:10px}.note-label{color:#668894;margin:18px 0 10px;font-size:12px;display:block}.note-label span{color:#b1bfc5;margin-left:5px;font-size:10px}textarea{resize:vertical;color:#577b88;background:#fbfdfd;border:1px solid #dce8eb;border-radius:6px;width:100%;min-height:90px;padding:13px;font-size:12px;line-height:1.8;display:block}.modal-footer{justify-content:flex-end;align-items:center;gap:10px;margin-top:26px;display:flex}.tour>.modal-footer{justify-content:space-between}.tour-diagram{background:#f5f9f9;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;margin:30px 0;padding:24px 15px;display:flex}.tour-diagram svg{color:#b6c9ce;width:13px}.tour-diagram span.selected{color:#168980;font-weight:600}.tour-dots{gap:6px;display:flex}.tour-dots button{background:#dce7e9;border-radius:50%;width:7px;height:7px;padding:0}.tour-dots button.active{background:#3b9e94;border-radius:10px;width:18px}.toast{color:#effbfa;z-index:200;background:#284c55;border:1px solid #477a82;border-radius:8px;align-items:center;gap:10px;max-width:90vw;padding:14px 22px;font-size:12px;animation:.2s fade-in;display:flex;position:fixed;bottom:28px;left:calc(50% + 118px);transform:translate(-50%);box-shadow:0 8px 30px #19374226}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (min-width:1600px){.hero h2{font-size:41px}.hero-content{padding-left:43px}.hero-visual>svg{height:280px}.lab-grid{grid-template-columns:235px minmax(0,1fr) 235px}.primary-figure .visual-stage{height:350px}.quad-grid .visual-stage{height:270px}.recon-visual{height:190px}}@media (max-width:1250px){.sidebar{width:210px;padding-left:14px;padding-right:14px}.main-shell{margin-left:210px}.brand strong{font-size:21px}.brand small{font-size:7px}.brand{gap:8px;padding:0 4px}.nav-item.active:before{left:-14px}.main-shell main{padding:27px 24px 0}.topbar{padding:0 24px}.hero h2{font-size:30px}.hero-content{padding:29px 27px 23px}.hero-visual{margin-right:22px}.hero-actions{gap:12px}.hero-visual>svg{height:230px}.hero-secondary{font-size:9px}.hero-bottom{gap:10px;font-size:8px}.journey{gap:8px;padding:15px 12px}.journey>div{gap:5px;font-size:9px}.journey>div>span{width:21px;height:21px;font-size:8px}.journey svg{width:12px}.module-catalog{padding:20px 18px 6px}.module-row{gap:10px}.module-row-status{display:none}.overview-grid{grid-template-columns:minmax(0,1.6fr) minmax(250px,1fr);gap:18px}.section-title .muted{display:none}.lab-grid,.lab-reconstruction{grid-template-columns:185px minmax(0,1fr) 175px;gap:12px}.control-panel{padding:0 13px}.control-heading{gap:5px}.control-heading>span{font-size:7px}.control,.control>span strong{font-size:10px}.metric{padding:16px 13px}.metric strong{font-size:25px}.formula-card{padding:15px 12px}.formula-card>strong{font-size:17px}.figure-heading{padding-left:13px;padding-right:13px}.figure-heading>span{font-size:7px}.lab-reconstruction{grid-template-columns:175px minmax(0,1fr)}.lab-reconstruction .results-panel{display:none}.quad-grid .visual-stage{height:210px}.conditions{gap:12px}.conditions-label{padding-right:12px}.conditions>span:nth-child(4){display:none}h1 small{margin-left:12px;padding-left:12px;font-size:11px}.toast{left:calc(50% + 105px)}}@media (max-width:1050px){.sidebar{width:190px;padding-left:12px;padding-right:12px}.main-shell{margin-left:190px}.brand-symbol{width:33px;height:35px}.brand strong{font-size:19px}.brand small{letter-spacing:1.1px;font-size:6px}.workspace-label{font-size:9px}.nav-item{gap:10px;padding-left:12px;font-size:12px}.nav-item.active:before{left:-12px}.nav-label{font-size:9px}.nav-label span{font-size:7px}.sidebar-bottom{padding-left:9px;padding-right:9px}.main-shell main{padding:25px 20px 0}.topbar{padding:0 20px}.hero{grid-template-columns:1fr 1fr}.hero-content{padding:28px 25px}.hero h2{letter-spacing:1px;font-size:27px}.hero-visual>svg{height:230px}.hero-visual{margin:25px 18px 25px 0}.hero-secondary{display:none}.hero-visual-caption{padding-left:10px;padding-right:10px;font-size:7px}.hero-visual-caption>span:last-child{font-size:7px}.hero-visual-foot{gap:15px;font-size:7px}.overview-grid{grid-template-columns:1fr}.overview-aside{grid-template-columns:1fr 1fr;display:grid}.module-row-status{display:block}.overview-heading h1{font-size:22px}.overview-heading>.text-button{font-size:9px}.lab-grid{grid-template-columns:185px minmax(0,1fr)}.results-panel{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:12px;display:grid}.results-heading{display:none}.results-panel>.metric{height:100%;margin:0}.results-panel>.formula-card{height:100%;margin:0;padding:13px}.formula-card>strong{margin:10px 0;font-size:15px}.formula-card>p{font-size:8px}.metric-pair{gap:5px}.metric-pair .metric{margin:0}.page-heading h1 small{display:none}.quad-grid .visual-stage{height:225px}.lab-reconstruction .results-panel{display:none}.experiment-bottom{gap:12px}.inquiry p{font-size:9px}.inquiry-icon{width:30px;height:30px}.inquiry-icon svg{width:18px}.module-pagination{gap:4px}.module-pagination .btn{font-size:9px}.method-note>span{display:none}.toast{left:calc(50% + 95px)}}@media (max-width:760px){.sidebar{width:236px;transition:transform .2s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar .brand strong{font-size:23px}.sidebar .brand small{font-size:8px}.sidebar .brand-symbol{width:40px;height:40px}.main-shell{margin-left:0}.mobile-menu{display:flex}.mobile-scrim{z-index:29;background:#233b4b55;position:fixed;inset:0}.topbar{height:62px;padding:0 16px}.breadcrumb{gap:8px;font-size:10px}.breadcrumb>svg:first-of-type{display:none}.topbar-actions{gap:9px}.cloud-state{font-size:8px}.cloud-state span{display:none}.notebook-button{padding:8px 9px;font-size:10px}.notebook-button .count{font-size:9px}.main-shell main{padding:22px 16px 0}.page-heading{gap:12px;margin-bottom:19px}.page-heading h1{font-size:22px}.page-heading p{margin-top:6px;font-size:10px}.overview-heading>.text-button{display:none}.overview-heading h1{font-size:21px}.eyebrow{letter-spacing:1.2px;font-size:8px}.hero{grid-template-columns:1fr;min-height:0}.hero-content{padding:27px 26px 20px}.hero h2{letter-spacing:2px;font-size:33px;line-height:1.45}.hero p{font-size:11px}.hero-actions{margin-top:19px}.hero-secondary{font-size:10px;display:flex}.hero-bottom{gap:18px;margin-top:22px;font-size:9px}.hero-visual{margin:0 20px 20px}.hero-visual>svg{height:220px}.hero-visual-caption{padding:13px 15px 0;font-size:8px}.hero-visual-foot{font-size:8px}.journey{grid-template-columns:repeat(3,1fr);row-gap:13px;margin-bottom:20px;padding:16px}.journey>div{gap:8px;font-size:10px}.journey>div:nth-child(3) svg{display:none}.journey>div>span{width:23px;height:23px;font-size:9px}.module-catalog{padding:20px 17px 6px}.module-row{gap:10px;padding:15px 0}.module-row-content strong{font-size:12px}.module-row-content small{font-size:9px}.module-row-status{font-size:8px}.module-icon{width:33px;height:33px}.module-number{min-width:13px;font-size:9px}.overview-aside{display:flex}.scenario-card{padding:23px}.scenario strong{font-size:12px}.scenario small{font-size:10px}.learning-note{padding:25px}.learning-note h3{max-width:100%;font-size:14px}.learning-note p{font-size:11px}.method-note p span{font-size:9px}.page-footer{gap:10px;font-size:7px}.page-footer>span:nth-child(2){font-size:7px}.footer-version{margin-left:7px;padding-left:7px}.page-heading>.btn{gap:5px;min-height:35px;padding:9px 10px;font-size:10px}.page-heading>.btn svg{width:14px}.experiment-toolbar{flex-wrap:wrap;align-items:flex-start;gap:10px;margin-bottom:16px;padding:12px}.conditions{flex:1;gap:10px;min-width:240px;font-size:9px;line-height:1.5}.conditions-label{border:0;width:100%;font-size:9px}.toolbar-actions{border-top:1px solid #dfe9ed;justify-content:flex-end;gap:20px;width:100%;padding-top:9px}.toolbar-actions select{font-size:9px}.lab-grid,.lab-reconstruction{grid-template-columns:1fr}.control-panel{grid-template-columns:1fr 1fr;gap:0 20px;padding:0 17px;display:grid}.control-heading{grid-column:1/-1;margin-bottom:17px;padding:15px 0}.control-heading h2{font-size:12px}.control-heading>span{font-size:9px}.control{margin-bottom:19px;font-size:10px}.control>span{margin-bottom:9px}.control-hint{grid-column:1/-1;margin:0;padding:12px 0 15px}.control-hint p{font-size:9px}.control-hint svg{width:13px}.algorithm-options{gap:5px}.algorithm-options button{padding:8px;font-size:10px}.lab-signal .control:nth-of-type(3){grid-column:1/-1}.primary-figure .visual-stage{height:290px}.secondary-figure .visual-stage{height:230px}.visual-stage{padding:4px 6px}.quad-grid{gap:10px}.quad-grid .visual-stage{height:175px;min-height:140px;padding:3px}.quad-grid .figure-heading{padding:12px 10px 0;font-size:9px}.quad-grid .figure-heading>span{font-size:7px}.timeline{gap:12px;padding:12px}.timeline>span{font-size:9px}.results-panel{grid-template-columns:1fr 1fr;gap:11px}.results-panel .formula-card{min-height:110px}.metric strong{font-size:27px}.metric{padding:17px}.metric>span,.formula-card>span{font-size:10px}.formula-card p{font-size:9px}.formula-card>strong{font-size:17px}.reconstruction-grid{grid-template-columns:repeat(2,1fr);gap:10px}.recon-visual{height:150px}.recon-heading{padding:12px 11px 0;font-size:10px}.recon-foot{font-size:8px}.lab-reconstruction .results-panel{display:grid}.lab-reconstruction .results-panel .formula-card{grid-column:1/-1;min-height:0}.lab-reconstruction .results-panel .formula-card p{line-height:1.8}.segmentation-figure .visual-stage{height:350px}.segmentation-note{padding:16px}.segmentation-note p{font-size:10px}.metric-pair .metric{padding:17px 10px}.metric-pair .metric strong{font-size:20px}.experiment-bottom{flex-wrap:wrap;margin-top:20px}.inquiry p{font-size:10px}.module-pagination{margin-top:8px;margin-left:auto}.model-caption{font-size:8px}.toast{width:max-content;max-width:calc(100vw - 30px);padding:12px 16px;font-size:11px;bottom:20px;left:50%}.modal{padding:23px}.modal h2{font-size:22px}.modal-header{margin-bottom:22px}.modal-overlay{padding:15px}.drawer-header{padding:25px 22px}.drawer-summary{padding:14px 22px;font-size:9px}.record-list{padding:20px 22px}.record-heading strong{font-size:12px}.record-note{font-size:11px}.drawer-footer{padding:19px 22px}.tour-diagram{padding:20px 10px}.tour-diagram span{font-size:10px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e2e8f0;--abyss:#0a1628;--panel:#10233f;--panel-2:#162c4d;--line:#1e3a5f;--techblue:#38bdf8;--cyan:#22d3ee;--orange:#fb923c;--danger:#ef4444;--success:#34d399;--text:#e2e8f0;--text-dim:#94a3b8;--muted:#64748b;--teal:#38bdf8;--navy:#e2e8f0;background:#0a1628;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}html,body,#root{background:#0a1628;min-height:100%}body{color:#e2e8f0;font-size:14px}::selection{color:#f1f5f9;background:#38bdf83d}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline-offset:4px;outline:2px solid #7dd3fc}button:disabled{opacity:.45}input,textarea,select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.app-shell{background:radial-gradient(at 85% 0,#14345033,#0000 50%),#0a1628}.sidebar{background:#0c1b2e;border-color:#1c3552;padding-top:26px}.brand{gap:10px;padding-left:4px;padding-right:4px}.brand strong{color:#d7e7f4;letter-spacing:.3px;white-space:nowrap;font-size:17px}.brand small{color:#5e85a7;letter-spacing:1.25px;font-size:7px}.brand-symbol{color:#38bdf8;background:#38bdf810;border:1px solid #38bdf833;border-radius:10px;width:36px;height:38px;box-shadow:inset 0 1px #ffffff08}.workspace-label{color:#5d7b99;font-size:10px}.workspace-label span{color:#38bdf8;border-color:#264969;font-size:8px}.nav-item{color:#839bb3;border-radius:8px;font-size:13px}.nav-item:hover{color:#c6dfef;background:#132c47}.nav-item.active{color:#7dd3fc;background:linear-gradient(90deg,#16466a88,#12345166)}.nav-item.active:before{background:#38bdf8}.nav-item small{color:#426784}.nav-item.active small{color:#7dd3fc}.nav-label,.nav-label span{color:#4b6c8b}.progress-label{color:#87a0b9}.progress-label strong{color:#38bdf8}.progress-label i{color:#4d6d8a}.progress-track{background:#1c3552;height:5px}.progress-track span{background:linear-gradient(90deg,#0891b2,#38bdf8)}.sidebar-bottom p{color:#4d6e8c;font-size:10px}.help-btn{color:#7898b5;font-size:12px}.help-btn:hover{color:#7dd3fc}.sidebar-foot{color:#4f7190;border-color:#1e3a5f}.sidebar-foot>span:last-child{color:#4f7190}.status-dot{background:#34d399;box-shadow:0 0 8px #34d39922}.topbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0d2037e6;border-color:#1e3a5f;height:56px;padding:0 30px}.breadcrumb{color:#5b7e9e;gap:9px;font-size:11px}.breadcrumb strong{color:#a9c0d6;font-size:12px}.topbar-actions{gap:14px}.cloud-state{color:#6688a8;font-size:10px}.cloud-state.ready svg{color:#34d399}.cloud-state.offline{color:#fb923c}.main-shell main{max-width:1800px;padding:29px 30px 0}.btn{border-radius:8px;gap:7px;min-height:36px;padding:8px 13px;font-size:12px}.btn-primary{color:#082032;background:#38bdf8;border-color:#38bdf8;font-weight:600;box-shadow:0 4px 16px #38bdf810}.btn-primary:hover:not(:disabled){color:#082032;background:#7dd3fc;border-color:#7dd3fc;box-shadow:0 6px 22px #38bdf82b}.btn-outline{color:#b2c8db;background:#132d49;border-color:#2b4b6d}.btn-outline:hover:not(:disabled){color:#e2e8f0;background:#193a59;border-color:#3e729a}.btn-light{color:#082032;background:#38bdf8}.btn-light:hover{color:#082032;background:#7dd3fc}.notebook-button{font-size:11px}.count{color:#7dd3fc;background:#38bdf817}.icon-btn{color:#7395b3;border-radius:7px}.icon-btn:hover{color:#7dd3fc;background:#193956}.text-button{color:#7aabca;font-size:12px}.text-button:hover{color:#7dd3fc}.eyebrow{color:#547c9f;letter-spacing:1.6px;font-size:9px}.eyebrow span{color:#2a4c6c}h1{color:#e2e8f0;font-size:25px;font-weight:600}h1 small{color:#6b8da9;border-color:#26496a;font-size:12px}.page-heading{gap:16px;margin-bottom:23px}.page-heading p{color:#839eb8;font-size:12px;line-height:1.85}.panel{background:#10233f;border-color:#1e3a5f;border-radius:12px;box-shadow:inset 0 1px #ffffff05,0 8px 24px #0000001f}.section-title h2{color:#c4d9e9;font-size:16px}.section-title .eyebrow{color:#547c9d}.muted{color:#5a7b99;font-size:11px}.hero{background:linear-gradient(120deg,#153654,#10263e);border:1px solid #264b6b;border-radius:16px}.hero h2{color:#e2e8f0}.hero p{color:#87a8c0}.hero-tag{color:#7fb9d4;background:#38bdf80a;border-color:#38bdf826}.hero-secondary{color:#8eb6cf}.hero-bottom{color:#6f9ab6}.hero-visual{background:#0b1c30;border:1px solid #264563}.hero-visual-caption,.hero-visual-foot{color:#7798b3}.hero-visual-caption>span:last-child{color:#38bdf8}.journey{background:#10233f;border-color:#1e3a5f}.journey>div>span{color:#5bafcf;background:#12344f}.journey>div>strong{color:#87aac3}.journey svg{color:#315573}.module-row{border-color:#1e3a5f}.module-row:hover{background:#152e49}.module-number{color:#527491}.module-icon{color:#7dd3fc!important;background:#1b3a57!important}.module-row-content strong{color:#bad2e3;font-size:13px}.module-row-content small{color:#6789a5;font-size:11px}.module-row-status,.module-row>svg{color:#6289a8}.scenario-card>p{color:#6a8ba7;font-size:11px}.scenario{border-color:#1e3a5f}.scenario strong{color:#a9c7db;font-size:12px}.scenario small{color:#6084a1;font-size:10px}.scenario svg{color:#466f91}.scenario-index{color:#38bdf8;background:#38bdf80c}.scenario-index.orange{color:#fb923c;background:#fb923c0d}.scenario-index.purple{color:#a78bfa;background:#a78bfa0d}.scenario:hover strong{color:#7dd3fc}.learning-note{background:#122b44;border-color:#24445f}.learning-note h3{color:#a9c9dd;font-size:14px}.learning-note p{color:#6d94af;font-size:11px}.learning-note .text-button{color:#71b4d5}.note-icon{color:#5987a5}.method-note{color:#4d7e9e}.method-note p strong{color:#779ab5;font-size:11px}.method-note p span{color:#547591;font-size:10px}.method-note>span{color:#5d7e9a}.page-footer{color:#466985;border-color:#1e3a5f80;margin-top:27px;font-size:9px;line-height:1.7}.footer-version{color:#486f8e;border-color:#254765}.experiment-toolbar{background:#102840;border-color:#23445f;border-radius:10px;padding:13px 16px;font-size:11px}.conditions{color:#6c8daa;gap:16px}.conditions>span b{color:#a9cee4;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.conditions-label{color:#83abc6;border-color:#2a4b68}.toolbar-actions select{color:#83aac4;background:#102840;font-size:11px}.toolbar-actions .text-button{font-size:11px}.lab-grid,.lab-reconstruction{grid-template-columns:clamp(220px,18vw,280px) minmax(0,1fr) clamp(240px,20vw,300px);gap:18px}.control-panel{align-self:start;padding:0 20px}.control-heading{color:#85b4d2;border-color:#24425f;gap:8px;margin-bottom:21px;padding:19px 0}.control-heading h2{color:#b4cfe2;font-size:14px}.control-heading>span{color:#4f799a;font-size:9px}.control{margin-bottom:24px;font-size:13px}.control>span{color:#99b3c9;font-size:12px;line-height:1.6}.control>span strong{color:#7dd3fc;font:12px ui-monospace,SFMono-Regular,Consolas,monospace}.control strong small{color:#5e829f;font-size:10px}.control input[type=range]{background:linear-gradient(to right,#38bdf8 0 var(--range-progress),#254463 var(--range-progress) 100%);height:4px;margin-top:19px}.control input[type=range]::-webkit-slider-thumb{background:#0b1d31;border:3px solid #38bdf8;width:14px;height:14px;transition:transform .2s;box-shadow:0 0 8px #38bdf833}.control input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}.control input[type=range]::-moz-range-thumb{background:#0b1d31;border-color:#38bdf8}.range-labels{color:#4c7191;font:9px ui-monospace,SFMono-Regular,Consolas,monospace}.segmented{background:#0b1c30;border-color:#2b4867;border-radius:7px;gap:3px;padding:3px}.segmented button{color:#6085a3;min-height:30px;font-size:11px}.segmented button small{font-size:9px}.segmented button.selected{color:#7dd3fc;background:#183f5c;border-radius:4px;box-shadow:inset 0 0 0 1px #38bdf82b}.segmented button:hover:not(.selected){color:#a9d4e9;background:#16344d}.control-hint{color:#547f9f;border-color:#23415d;padding-top:16px}.control-hint p{color:#607f9c;font-size:10px;line-height:1.9}.figure-heading{color:#9abbcf;padding:17px 18px 5px;font-size:13px}.figure-heading strong{color:#bad2e3;font-weight:500}.figure-heading>span{color:#527794;text-align:right;font-size:10px;line-height:1.6}.visual-stage{background:#0c1d3100;min-height:200px;padding:8px 10px 9px}.primary-figure .visual-stage{height:350px}.secondary-figure .visual-stage{height:240px}.visual-stage>svg{background:#0b1b2e;border-radius:7px}.visual-stage svg [fill=\#f6fafb],.visual-stage svg [fill=\#fff],.visual-stage svg [fill=\#ffffff],.recon-visual svg [fill=\#f6fafb],.recon-visual svg [fill=\#fff]{fill:#0d2036}.visual-stage svg [stroke=\#dbe8ed],.visual-stage svg [stroke=\#d8e8ee],.recon-visual svg [stroke=\#dbe8ed]{stroke:#264864}.visual-stage svg text,.recon-visual svg text{fill:#91b0c8}.visual-stage svg text[fill=\#be672a]{fill:#fdba74}.visual-stage svg text[fill=\#078578]{fill:#67d4ce}.results-panel{min-width:0}.results-heading{color:#6f96b2;margin-bottom:15px;font-size:11px}.results-heading>span:last-child{color:#446f8e;font-size:9px}.metric{background:#10233f;border-color:#24415f;border-radius:10px;margin-bottom:13px;padding:19px 18px;box-shadow:inset 0 1px #ffffff04}.metric>span{color:#779bb7;font-size:11px;line-height:1.5;display:block}.metric>div{flex-wrap:wrap;gap:6px;margin-top:12px}.metric strong{color:#c3deef;letter-spacing:-.6px;font:500 27px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace}.metric small{color:#597f9e;font-size:10px}.metric p{color:#577995;margin-top:11px;font-size:10px;line-height:1.85}.metric.accent{background:linear-gradient(135deg,#11354d,#102941);border-color:#38bdf83d}.metric.accent>span{color:#69b1cd}.metric.accent strong{color:#67d7f5}.formula-card{color:#789db8;background:#0e233b;border-color:#2c5270;border-radius:10px;padding:18px}.formula-card>span{color:#79a1bf;font-size:11px}.formula-card>strong{color:#7bc4e4;margin:17px 0;font-size:19px;line-height:1.5}.formula-card p{color:#698aa7;font-size:11px;line-height:1.95}.formula-card p b{color:#8aafc9;font-size:11px}.warning-card{background:#352b1b;border-color:#775630}.warning-card .sampling-status{color:#fdba74}.formula-card .sampling-status{font-size:14px}.quad-grid{gap:13px}.quad-grid .figure-heading{padding:14px 13px 3px;font-size:12px}.quad-grid .figure-heading>span{font-size:9px}.quad-grid .visual-stage{height:260px;padding:7px}.timeline{color:#7fa7c2;padding:13px 16px;font-size:11px}.timeline small{color:#547c9b;font-size:10px}.timeline input{accent-color:#38bdf8}.timeline .text-button{font-size:11px}.play-btn{color:#7dd3fc;background:#163b56;border-radius:6px;width:34px;height:32px}.algorithm-options button{color:#769bb8;background:#0d2036;border-color:#274664;border-radius:7px;padding:11px 10px;font-size:12px}.algorithm-options button.selected{color:#7dd3fc;background:#173a57;border-color:#38bdf866}.algorithm-options button:hover{border-color:#3c7095}.radio-dot{background:#10233f;border-color:#456987}.selected>.radio-dot{background:#0b2034;border-color:#38bdf8}.table-panel .figure-heading{padding-bottom:16px}.data-table{font-size:12px}.data-table th{color:#6e95b3;background:#132d49;padding:12px 14px;font-size:10px}.data-table td{color:#91b3cc;border-color:#1e3a5f;padding:13px 14px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}.data-table td:first-child{color:#adcadd;font-family:inherit}.data-table tbody tr:hover{background:#14304b}.data-table .highlight-row{background:#123c4b}.data-table .highlight-row td{color:#70d4dc}.table-dot{background:#456982}.table-dot.teal{background:#38bdf8}.table-note{color:#527b99;border-color:#1e3a5f;padding:12px 15px;font-size:10px;line-height:1.9}.reconstruction-grid{gap:12px}.recon-heading{padding:13px 12px 0;font-size:11px}.recon-heading>strong{color:#9ebed4}.recon-heading>span{color:#6ecde4;font:12px ui-monospace,SFMono-Regular,Consolas,monospace}.recon-heading small{color:#4f7b99;font-size:9px}.recon-visual{background:#0b1b2e;border-radius:6px;height:160px;margin-top:9px}.recon-foot{color:#527b99;padding-bottom:13px;font-size:9px}.recon-foot b{color:#8bacc3;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.lab-reconstruction .data-table td,.lab-reconstruction .data-table th{padding:11px 10px}.lab-reconstruction .metric strong{font-size:26px}.check-control{color:#8aadc7;gap:9px;font-size:12px;line-height:1.7}.check-control input{accent-color:#38bdf8;width:14px;height:14px}.mini-legend{color:#688fae;font-size:11px;line-height:1.7}.mini-legend i{border-color:#fb923c}.mini-legend .dashed-line{border-color:#659fbe}.segmentation-note{color:#548bab;padding:20px}.segmentation-note strong{color:#94bfd5;font-size:12px}.segmentation-note p{color:#648ba7;font-size:11px;line-height:1.9}.segmentation-figure .visual-stage{height:430px}.metric-pair .metric{padding:15px 12px}.metric-pair .metric strong{font-size:21px}.metric-pair .metric small{font-size:9px}.experiment-bottom{gap:20px;margin-top:23px}.inquiry-icon{color:#d29b62;background:#fb923c10;border:1px solid #fb923c1a;width:39px;height:39px}.inquiry strong{color:#bfa37b;font-size:11px}.inquiry p{color:#7f98ae;max-width:700px;font-size:11px;line-height:1.85}.model-caption{color:#4c7190;font-size:10px;line-height:1.9}.module-pagination .btn{font-size:11px}.overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#040a14b3}.drawer{background:#0d2037;border-left:1px solid #294a69;box-shadow:-10px 0 70px #00000050}.drawer-header h2{color:#c6deed;font-size:23px}.drawer-header h2>span{color:#7dd3fc;background:#173c56}.drawer-summary{color:#6f9cb8;background:#122e48;font-size:11px}.record{background:#10263f;border-color:#254562;border-radius:10px;padding:18px}.record-order{color:#71bad4;background:#153d55}.record-heading strong{color:#a5c8de;font-size:13px}.record-heading small{color:#4f7897;font-size:10px}.danger:hover{color:#fca5a5;background:#ef444414}.record-params>span{color:#7199b5;border-color:#2b4b68;font-size:10px}.record-note{color:#8aaec7;background:#0b1d31;border-color:#377a9e;font-size:12px}.record-metrics{color:#668daa;font-size:10px}.record-metrics b{color:#8fc7da;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.record .text-button{font-size:11px}.drawer-footer{border-color:#254461}.drawer-footer small{color:#4f7594;font-size:10px}.empty-state{color:#577e9c}.empty-state>svg{color:#386d92}.empty-state h3{color:#8db5ce}.empty-state p{color:#6089a6;font-size:12px}.modal{background:linear-gradient(145deg,#142d49,#0e2037);border:1px solid #315674;border-radius:16px;box-shadow:0 20px 90px #0006}.modal-icon{color:#63c8ea;background:#38bdf810;border:1px solid #38bdf826}.modal h2{color:#d3e5f2}.modal>p{color:#789fba;font-size:12px}.snapshot-summary{color:#8ab2cc;background:#0b2035;border-color:#2b4b68;font-size:11px}.snapshot-summary span+span{border-color:#31516c}.note-label{color:#95b7cf;font-size:13px}.note-label span{color:#4f7898;font-size:11px}.modal textarea,textarea{color:#bad4e6;background:#0a1c31;border-color:#2b4e6c;border-radius:8px;font-size:13px;line-height:1.85}textarea::placeholder{color:#496d8d;font-size:12px}.tour-diagram{background:#0c2138;border:1px solid #254663}.tour-diagram span{color:#567c9a;font-size:12px}.tour-diagram span.selected{color:#7dd3fc}.tour-diagram svg{color:#355d7c}.tour-dots button{background:#254763}.tour-dots button.active{background:#38bdf8}.toast{color:#c7e7f2;background:#173b53;border-color:#356d8d;border-radius:10px;box-shadow:0 8px 35px #0005}.toast svg{color:#34d399}.app-shell input:not([type=range]):not([type=checkbox]):not([type=radio]),.app-shell select{color:#b7d0e3;background-color:#0c2138;border-color:#2a4b68;border-radius:7px;min-height:34px}.app-shell input[type=checkbox],.app-shell input[type=radio]{accent-color:#38bdf8}.app-shell details{border-color:#264663}.app-shell summary{color:#8fb4cf}@media (min-width:1600px){.lab-grid,.lab-reconstruction{grid-template-columns:280px minmax(0,1fr) 300px}.primary-figure .visual-stage{height:410px}.quad-grid .visual-stage{height:290px}.recon-visual{height:190px}}@media (max-width:1250px){.brand strong{font-size:16px}.brand small{letter-spacing:1px;font-size:6px}.main-shell main{padding:26px 24px 0}.topbar{padding:0 24px}.lab-grid,.lab-reconstruction{grid-template-columns:220px minmax(0,1fr) 240px;gap:14px}.control-panel{padding:0 16px}.control-heading{gap:6px}.control-heading h2{font-size:13px}.control-heading>span{font-size:8px}.metric{padding:17px 15px}.metric strong{font-size:25px}.formula-card{padding:15px}.figure-heading{font-size:12px}.figure-heading>span{font-size:9px}.quad-grid .visual-stage{height:225px}.lab-reconstruction .results-panel{display:block}.conditions{gap:12px}.conditions-label{padding-right:12px}}@media (max-width:1200px){.lab-grid,.lab-reconstruction{grid-template-columns:230px minmax(0,1fr)}.results-panel,.lab-reconstruction .results-panel{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:13px;display:grid}.results-heading{grid-column:1/-1;margin:5px 0 0;display:flex}.results-panel>.metric{height:100%;margin:0}.results-panel>.formula-card{height:100%;margin:0;padding:16px}.results-panel .metric-pair{gap:9px;height:100%}.metric-pair .metric{height:100%;margin:0}.lab-reconstruction .results-panel{grid-template-columns:repeat(3,minmax(0,1fr))}.lab-reconstruction .formula-card{grid-column:auto}.reconstruction-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.recon-visual{height:150px}.control,.control>span strong{font-size:12px}.control-hint p{font-size:10px}.formula-card p{font-size:11px}.formula-card>strong{font-size:18px}.metric p{font-size:10px}}@media (max-width:1050px){.brand strong{font-size:14px}.brand small{font-size:5.5px}.brand-symbol{width:31px;height:34px}.brand{gap:7px}.nav-item{font-size:12px}.main-shell main{padding:24px 20px 0}.topbar{padding:0 20px}.topbar-actions{gap:8px}.breadcrumb{gap:7px}.cloud-state{font-size:9px}.notebook-button{padding:7px 9px;font-size:10px}.lab-grid,.lab-reconstruction{grid-template-columns:210px minmax(0,1fr);gap:13px}.figure-heading{padding:15px 13px 4px}.figure-heading>span{font-size:8px}.quad-grid .figure-heading{font-size:11px}.quad-grid .visual-stage{height:210px}.primary-figure .visual-stage{height:320px}.reconstruction-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.results-panel,.lab-reconstruction .results-panel{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.results-heading{display:flex}.metric strong{font-size:24px}.metric p{font-size:9px}.page-heading h1{font-size:23px}.page-heading p{font-size:11px}.inquiry p,.method-note p span{font-size:10px}.model-caption{font-size:9px}}@media (max-width:768px){.lab-grid,.lab-reconstruction{grid-template-columns:1fr}.control-panel{grid-template-columns:1fr 1fr;column-gap:22px;padding:0 18px;display:grid}.control-heading,.control-hint{grid-column:1/-1}.control-heading h2{font-size:14px}.control-heading>span{font-size:9px}.control{font-size:13px}.control>span,.control>span strong{font-size:12px}.control strong small,.range-labels{font-size:9px}.control-hint p{font-size:11px}.algorithm-options button{font-size:12px}.results-panel,.lab-reconstruction .results-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.lab-reconstruction .results-panel .formula-card{grid-column:1/-1}.quad-grid .visual-stage{height:225px}.metric strong{font-size:26px}.metric>span{font-size:11px}.metric p{font-size:10px}.results-panel>.formula-card{padding:16px}.formula-card>strong{font-size:18px}.formula-card p{font-size:11px}.figure-heading{font-size:12px}.figure-heading>span{font-size:9px}}@media (max-width:760px){.sidebar{background:#0c1b2e}.sidebar .brand strong{font-size:18px}.sidebar .brand small{font-size:7px}.mobile-scrim{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#020916b3}.topbar{gap:7px;height:56px;padding:0 16px}.topbar-actions{gap:7px}.breadcrumb{gap:6px;font-size:10px}.breadcrumb strong{font-size:11px}.topbar-actions .btn{min-height:32px;padding:7px 9px;font-size:10px}.main-shell main{padding:22px 16px 0}.page-heading{align-items:flex-start;gap:12px}.page-heading h1{font-size:23px}.page-heading p{font-size:11px;line-height:1.8}.page-heading>.btn{min-height:34px;padding:8px 10px;font-size:10px}.eyebrow{font-size:8px}.conditions{gap:10px;font-size:10px}.conditions-label{font-size:10px}.experiment-toolbar{border-radius:9px;padding:12px}.toolbar-actions{border-color:#244360;padding-top:10px}.toolbar-actions select,.toolbar-actions .text-button{font-size:10px}.control-panel{gap:0 20px;padding:0 17px}.control-heading{padding:16px 0}.segmented button{font-size:10px}.segmented button small{font-size:8px}.primary-figure .visual-stage{height:315px}.secondary-figure .visual-stage{height:235px}.quad-grid .visual-stage{height:185px}.quad-grid .figure-heading{padding:12px 10px 4px;font-size:10px}.quad-grid .figure-heading>span{font-size:8px}.timeline{gap:10px;padding:12px;font-size:10px}.timeline .text-button{font-size:10px}.timeline small{font-size:9px}.data-table{font-size:11px}.data-table th{padding:11px 12px;font-size:9px}.data-table td{padding:12px;font-size:10px}.table-note{padding:11px 13px;font-size:9px}.recon-visual{height:150px}.recon-heading{font-size:11px}.recon-foot{font-size:9px}.segmentation-figure .visual-stage{height:350px}.segmentation-note strong{font-size:12px}.segmentation-note p,.inquiry strong,.inquiry p{font-size:11px}.inquiry-icon{width:35px;height:35px}.module-pagination .btn{font-size:11px}.model-caption{font-size:9px}.page-footer,.page-footer>span:nth-child(2){letter-spacing:0;font-size:8px}.record-note{font-size:12px}.record-heading strong{font-size:13px}.record-heading small,.drawer-summary,.drawer-footer small{font-size:10px}.modal h2{font-size:23px}.modal>p,.note-label{font-size:12px}.tour-diagram span,.toast{font-size:11px}.metric-pair .metric strong{font-size:20px}.metric-pair .metric small{font-size:9px}.formula-card>span{font-size:11px}.metric small{font-size:10px}.formula-card .sampling-status{font-size:13px}}@media (max-width:420px){.control-panel{column-gap:14px;padding:0 14px}.control>span,.control>span strong{font-size:11px}.figure-heading>span{max-width:50%;font-size:8px}.quad-grid{gap:9px}.quad-grid .figure-heading{font-size:9px}.quad-grid .visual-stage{height:165px}.metric{padding:16px 13px}.metric strong{font-size:24px}.formula-card p{font-size:10px}.segmented button{font-size:9px}.segmented button small{font-size:7px}.experiment-toolbar{padding:10px}.conditions{font-size:9px}.page-heading h1{font-size:21px}.page-heading>.btn{gap:4px;font-size:9px}.page-heading>.btn svg{width:13px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.sidebar{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#2b4d6d transparent;overflow-y:auto}.sidebar>nav{flex-shrink:0}.sidebar-bottom{flex-shrink:0;padding-bottom:20px}.sidebar-bottom>.small-muted{margin-top:14px;display:block;color:#527390!important;font-size:9px!important}.learning-page,.learning-card,.guide-content>div,.profile-grid>.learning-card,.learning-page .page-heading>div{min-width:0}.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-content{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.learning-card p,.answer-preview strong,.answer-preview p,.quiz-review summary>span,.task-tabs button,.operation-block,.observation-block,.report-submit blockquote{overflow-wrap:anywhere}.learning-card .button-row{row-gap:10px}.quiz-summary>div{min-width:0}.quiz-summary .button-row{justify-content:flex-end}.learning-card details>summary:focus-visible{outline-offset:4px;outline:2px solid #7dd3fc}.profile-identity{flex-wrap:wrap}.profile-identity>div{min-width:0}.profile-identity h1{overflow-wrap:anywhere}.learning-table{min-width:650px}.learning-table td{overflow-wrap:anywhere}.learning-card .table-scroll,.notebook .table-scroll{overscroll-behavior-x:contain;max-width:100%}.score-cards progress{appearance:none;overflow:hidden}.score-cards progress::-webkit-progress-bar{background:#1e3a5f;border-radius:5px}.score-cards progress::-webkit-progress-value{background:#38bdf8;border-radius:5px}.score-cards progress::-moz-progress-bar{background:#38bdf8;border-radius:5px}.login-busy{z-index:250;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media (max-height:850px) and (min-width:761px){.sidebar{padding-top:20px}.sidebar .workspace-label{margin:19px 0 18px}.sidebar .nav-label{padding-top:16px;padding-bottom:10px}.sidebar .nav-item{margin-bottom:3px;padding-top:11px;padding-bottom:11px}.sidebar-bottom{padding-top:20px}.sidebar .progress-label{font-size:10px}.sidebar-bottom>p{font-size:9px}}@media (max-width:1200px){.quiz-summary .button-row{justify-content:flex-start}}@media (max-width:768px){.profile-grid,.guide-content{grid-template-columns:1fr}.profile-identity h1 small{border-left:0;margin-top:4px;margin-left:0;padding-left:0;display:block}.profile-identity>button{margin-left:0}.learning-card .section-title{flex-wrap:wrap}.learning-card .section-title>h2{margin-bottom:4px}.quiz-summary .button-row{width:100%}.quiz-summary .button-row>.btn{min-width:130px}.learning-table{min-width:650px}.sidebar-bottom{padding-bottom:24px}}@media (max-width:520px){.topbar-actions{gap:4px}.topbar-actions .cloud-state{display:none}.topbar-actions .notebook-button{width:32px;padding:7px}.topbar-actions .notebook-button span{display:none}.topbar-actions>.icon-btn{width:30px}.breadcrumb{flex:1;min-width:0}.breadcrumb strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:125px;overflow:hidden}.breadcrumb>.mobile-menu{flex-shrink:0}.topbar{gap:5px;padding-left:12px;padding-right:12px}.learning-card .button-row>.btn{white-space:normal;text-align:center;line-height:1.6}.task-tabs button{text-align:left;max-width:100%}.guide-title{gap:10px}.guide-title .status-chip{font-size:10px}.guide-content .btn{white-space:normal;max-width:100%}.record-management>div{align-items:center;gap:12px}.record-management>div>span{overflow-wrap:anywhere;min-width:0}.record-management .text-button{flex-shrink:0}.quiz-options label{padding:12px;font-size:13px}.quiz-card h2{font-size:15px}.learning-card{padding:18px}.score-cards strong{font-size:22px}.score-cards small{font-size:10px}.profile-identity{gap:12px}.profile-avatar{border-radius:14px;width:48px;height:50px}}.login-hall~.login-busy{z-index:250;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.lab-principles{color:#8eafc7;border-bottom:1px solid #23415e;margin-bottom:22px;padding-bottom:17px;font-size:12px}.lab-principles>summary,.advanced-parameters>summary{cursor:pointer;color:#8eb6cf;line-height:1.8}.lab-principles section{margin-top:15px}.lab-principles h3{color:#b1ccdf;margin:0 0 7px;font-size:12px;font-weight:500;line-height:1.6}.lab-principles p{color:#6f91ac;margin:0 0 8px;font-size:11px;line-height:1.9}.lab-principles code{color:#6dc7dc;overflow-wrap:anywhere;background:#0a1e33;border-radius:5px;padding:8px 9px;font:11px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;display:block}.advanced-parameters{color:#779eb9;margin:4px 0 24px;font-size:11px}.advanced-parameters .control:first-of-type{margin-top:18px}.parameter-detail{color:#587f9d;margin-top:10px;font-size:10px;line-height:1.9}.wavelength-options{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.wavelength-options button{min-height:30px}.recon-checklist{color:#89adc7;gap:11px;padding-top:3px;font-size:12px;display:grid}.recon-checklist label{align-items:center;gap:9px;line-height:1.7;display:flex}.recon-checklist input{accent-color:#38bdf8;flex-shrink:0;width:14px;height:14px}.timeline-step{color:#7aa4bf;border-radius:4px;place-items:center;min-width:25px;height:29px;display:grid}.timeline-step:hover{color:#7dd3fc;background:#1a3b58}.timeline>input{min-width:50px}.lab-science-note{color:#527795;margin-top:-6px;font-size:10px;line-height:1.9}.lab-boundary{color:#557b98;text-align:center;margin-top:20px;font-size:10px;line-height:1.9}.data-table th>button{color:#6e95b3;font-size:inherit;white-space:nowrap;padding:4px 0}.data-table th>button:hover,.data-table th>button.metric-sort-active{color:#7dd3fc}.control>span>small{color:#587a97;font-size:9px}.lab-grid .lab-center .visual-stage svg text{font-family:system-ui,sans-serif}.lab-grid .recon-visual svg{border-radius:6px}@media (max-width:768px){.lab-principles{grid-column:1/-1;margin-bottom:20px}.lab-principles>section{vertical-align:top;width:calc(50% - 10px);margin-right:17px;display:inline-block}.lab-principles>section:last-child{margin-right:0}.lab-principles p{font-size:11px}.advanced-parameters{grid-column:1/-1}.advanced-parameters[open]{grid-template-columns:1fr 1fr;gap:0 20px;display:grid}.advanced-parameters>summary{grid-column:1/-1;margin-bottom:15px}.advanced-parameters .control:first-of-type{margin-top:0}.recon-checklist{font-size:11px}.lab-boundary{font-size:9px}.timeline{gap:7px}.timeline-step{min-width:21px}.timeline>span{font-size:9px}}@media (max-width:420px){.lab-principles>section{width:100%;margin-right:0;display:block}.lab-principles p{font-size:11px}.lab-principles code{font-size:10px}.lab-reconstruction .control:last-of-type{grid-column:1/-1}.recon-checklist{grid-template-columns:1fr 1fr;font-size:10px}.timeline{gap:5px;padding:10px}.timeline>span,.timeline small{font-size:8px}.timeline>.play-btn{width:28px;min-width:28px}}.lab-wave-legend{color:#87a7bf;flex-wrap:wrap;justify-content:center;gap:10px 20px;font-size:11px;line-height:1.8;display:flex}.lab-wave-legend>span{align-items:center;gap:7px;display:flex}.lab-wave-legend i{background:#fb923c;width:16px;height:2px;display:block}.lab-wave-legend>span:nth-child(2) i{background:#22d3ee}@media (max-width:768px){.quad-grid{grid-template-columns:1fr}.quad-grid .visual-stage{height:250px}.quad-grid .figure-heading{padding:14px 14px 4px;font-size:12px}.quad-grid .figure-heading>span{font-size:10px}.lab-wave-legend{justify-content:flex-start;font-size:10px}}.app-loading{color:#e2e8f0;background:#0a1628;align-content:center;justify-items:center;gap:12px;min-height:100vh;display:grid}.app-loading svg{color:#38bdf8}.login-busy{z-index:300;color:#e2e8f0;background:#06101ad9;place-items:center;display:grid;position:fixed;inset:0}.learning-page{max-width:1280px;margin:auto}.learning-card{background:var(--panel,#10233f);border:1px solid var(--line,#1e3a5f);color:var(--text,#e2e8f0);border-radius:14px;margin-bottom:20px;padding:24px}.learning-card h2{margin:0 0 16px;font-size:18px}.learning-card h3{margin:14px 0 10px;font-size:15px}.learning-card p{color:var(--text-dim,#94a3b8);font-size:14px;line-height:1.8}.learning-card input:not([type=checkbox]):not([type=radio]),.learning-card textarea,.learning-card select,.modal textarea{color:#e2e8f0;width:100%;line-height:1.65;font:inherit;background:#0b1a2f;border:1px solid #284365;border-radius:8px;outline:none;padding:11px 12px}.learning-card input:focus,.learning-card textarea:focus,.modal textarea:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf815}.learning-card textarea{resize:vertical;min-height:75px}.learning-card input[type=checkbox],.learning-card input[type=radio]{accent-color:#38bdf8;flex-shrink:0}.learning-card details summary{cursor:pointer}.learning-card button:disabled{opacity:.42;cursor:not-allowed}.field-label{color:#cad5e4;flex-direction:column;gap:8px;margin:12px 0;font-size:13px;line-height:1.7;display:flex}.field-label small,.small-muted{line-height:1.7;color:#94a3b8!important;font-size:12px!important}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;display:grid}.button-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.formula-inline{color:#67e8f9;background:#07192e;border-left:3px solid #22d3ee;border-radius:6px;flex-wrap:wrap;align-items:center;gap:20px;padding:18px;font:20px ui-monospace,monospace;display:flex}.formula-inline span{color:#94a3b8;font:13px system-ui}.quiz-list{gap:18px;display:grid}.quiz-card{margin:0}.question-number{color:#38bdf8;align-items:center;gap:12px;margin-bottom:14px;font:20px ui-monospace,monospace;display:flex}.question-number span{color:#94a3b8;font:12px system-ui}.quiz-options{grid-template-columns:1fr 1fr;gap:12px;display:grid}.quiz-options label{cursor:pointer;border:1px solid #284365;border-radius:9px;align-items:center;gap:10px;padding:14px;font-size:14px;line-height:1.7;display:flex}.quiz-options label.selected{background:#38bdf80b;border-color:#38bdf8}.quiz-explanation{color:#6ee7b7;background:#16332f;border-radius:8px;margin-top:16px;padding:15px;font-size:13px}.quiz-explanation.incorrect{color:#fdba74;background:#3a2a25}.quiz-explanation p{margin-bottom:0}.quiz-summary{justify-content:space-between;align-items:center;gap:20px;margin-top:24px;display:flex}.warning-text{color:#fb923c!important}.success-text{color:#6ee7b7!important}.score-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.score-cards>div{background:#0a1b31;border:1px solid #1e3a5f;border-radius:10px;padding:17px}.score-cards span{color:#94a3b8;font-size:12px;display:block}.score-cards strong{color:#e2e8f0;margin:10px 0;font:600 25px ui-monospace,monospace;display:block}.score-cards small{color:#94a3b8;font-size:12px;font-weight:400}.score-cards progress{accent-color:#38bdf8;background:#1e3a5f;border:0;border-radius:5px;width:100%;height:5px}.score-note{margin:16px 0 0!important;font-size:12px!important}.score-note b{color:#38bdf8}.guide-panel{margin-top:24px}.guide-title{justify-content:space-between;align-items:center;gap:20px;display:flex}.guide-title h2{margin-top:7px}.status-chip{color:#7dd3fc;white-space:nowrap;background:#38bdf815;border-radius:6px;padding:5px 9px;font-size:12px;line-height:1.5}.task-tabs{border-bottom:1px solid #1e3a5f;flex-wrap:wrap;gap:8px;padding:12px 0 18px;display:flex}.task-tabs button{color:#94a3b8;cursor:pointer;background:#10233f;border:1px solid #254569;border-radius:7px;align-items:center;gap:7px;padding:9px 12px;font-size:12px;display:flex}.task-tabs button.active{color:#67e8f9;background:#22d3ee0d;border-color:#22d3ee}.task-tabs button span{font-family:ui-monospace,monospace}.guide-content{grid-template-columns:1.15fr 1fr;gap:28px;margin-top:20px;display:grid}.operation-block,.observation-block{background:#38bdf809;border-left:3px solid #38bdf8;padding:12px 14px}.operation-block b,.observation-block b{color:#7dd3fc;margin-bottom:5px;display:block}.observation-block{background:#fb923c09;border-color:#fb923c}.observation-block b{color:#fdba74}.principle-block{color:#cbd5e1;background:#162c4d;border-radius:6px;padding:12px 14px;font-size:13px}.principle-block p{margin-bottom:0;font-size:13px}.task-evidence{color:#94a3b8;flex-direction:column;gap:8px;padding:15px 0;font-size:12px;display:flex}.task-evidence strong{color:#cbd5e1}.mini-observations{gap:8px;max-height:210px;margin:16px 0;display:grid;overflow:auto}.mini-observations>div{background:#091a30;border-radius:7px;gap:5px;padding:10px;font-size:12px;display:grid}.mini-observations span{color:#7dd3fc}.mini-observations small{color:#94a3b8;overflow-wrap:anywhere;line-height:1.7}.question-box{color:#94a3b8;border-top:1px solid #1e3a5f;margin-top:20px;padding-top:15px;font-size:13px}.question-box summary{align-items:center;gap:8px;display:flex}.question-box textarea{margin:12px 0}.learning-table{border-collapse:collapse;width:100%;font-size:12px;line-height:1.7}.learning-table th{color:#94a3b8;text-align:left;white-space:nowrap;background:#162c4d;padding:13px;font-weight:500}.learning-table td{color:#cbd5e1;vertical-align:top;border-bottom:1px solid #1e3a5f;min-width:140px;padding:14px 13px}.learning-table small{color:#94a3b8;font-size:11px;display:block}.learning-table strong{color:#e2e8f0}.learning-table .text-cell{white-space:pre-wrap;overflow-wrap:anywhere;min-width:180px;max-width:380px}.learning-table details summary{color:#38bdf8;cursor:pointer;margin-top:6px;font-size:11px}.empty-learning{text-align:center;color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;min-height:150px;padding:32px 12px;display:flex}.empty-learning svg{color:#38bdf8}.empty-learning h3{color:#cbd5e1;font-size:15px}.conclusion-list{gap:12px;display:grid}.conclusion-list>div{background:#0b1a30;border-radius:8px;padding:13px}.conclusion-list label{align-items:flex-start;gap:10px;font-size:13px;line-height:1.8;display:flex}.conclusion-list input[type=checkbox]{margin-top:5px}.conclusion-list b{color:#38bdf8;font:13px ui-monospace,monospace}.conclusion-list input:not([type=checkbox]){margin-top:12px;font-size:12px}.discussion{margin:24px 0}.discussion strong{font-size:14px;font-weight:500}.report-submit .button-row>span{color:#94a3b8;font-size:12px}.learning-card blockquote{color:#fed7aa;background:#fb923c08;border-left:3px solid #fb923c;margin:20px 0;padding:14px;font-size:13px}.profile-identity{align-items:center;gap:18px;margin:10px 0 28px;display:flex}.profile-avatar{color:#7dd3fc;background:#38bdf815;border-radius:18px;flex-shrink:0;place-items:center;width:60px;height:60px;display:grid}.profile-identity h1{margin:0;font-size:24px}.profile-identity h1 small{color:#94a3b8;margin-left:12px;font-size:13px;font-weight:400}.profile-identity p{color:#94a3b8;font-size:13px}.profile-identity>button{margin-left:auto}.profile-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.profile-grid>.learning-card{margin:0}.profile-grid+.learning-card{margin-top:20px}.quiz-review{border-bottom:1px solid #1e3a5f;padding:12px 0;font-size:12px}.quiz-review summary{justify-content:space-between;align-items:flex-start;gap:12px;line-height:1.7;display:flex}.quiz-review b{white-space:nowrap;color:#38bdf8;font-size:11px}.quiz-review p{font-size:12px}.answer-preview{border-bottom:1px solid #1e3a5f;padding:14px 0}.answer-preview strong{font-size:13px;font-weight:500;line-height:1.8}.answer-preview p{white-space:pre-wrap;font-size:13px}.raised-question{border-bottom:1px solid #1e3a5f;padding:14px 0}.raised-question small{color:#94a3b8;font-size:11px}.raised-question b{color:#fb923c;font-size:12px}.raised-question p{white-space:pre-wrap;overflow-wrap:anywhere}.free-mode-note{justify-content:space-between;align-items:center;gap:20px;margin-top:24px;display:flex}.free-mode-note h2{margin:0}.experience-banner{color:#94a3b8;background:#38bdf808;border:1px solid #38bdf82a;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;padding:12px 16px;font-size:12px;display:flex}.record-management{padding:16px;font-size:13px}.record-management>div{border-bottom:1px solid #1e3a5f;justify-content:space-between;padding:10px 0;display:flex}.teacher-shell .main-shell{margin-left:0}.teacher-shell .topbar{padding-left:32px}.teacher-shell main{max-width:1500px;margin:auto}.notebook.drawer{width:min(1000px,94vw)}.notebook .record-list{padding:20px}.guide-toggle.active{color:#38bdf8}.modal textarea{margin:16px 0;display:block}.modal>.btn{width:100%;margin-top:12px}@media (max-width:1200px){.score-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.quiz-summary{flex-direction:column;align-items:flex-start}.quiz-options{grid-template-columns:1fr}.guide-content{gap:20px}}@media (max-width:768px){.learning-card{padding:18px}.guide-content,.profile-grid{grid-template-columns:1fr}.profile-identity{flex-wrap:wrap}.profile-identity>button{margin-left:0}.profile-identity h1{font-size:21px}.profile-identity p{font-size:11px}.form-grid{grid-template-columns:1fr}.quiz-card h2{font-size:16px;line-height:1.75}.score-cards{gap:10px}.score-cards>div{padding:12px}.score-cards strong{font-size:21px}.free-mode-note,.experience-banner{flex-direction:column;align-items:flex-start}.guide-title{align-items:flex-start}.guide-title .eyebrow{font-size:9px}.task-tabs{gap:6px}.task-tabs button{padding:8px;font-size:11px}.notebook.drawer{width:100vw}.topbar-actions .guide-toggle{display:none}.teacher-shell .topbar{padding-left:16px}.teacher-shell main{padding:20px 14px}.learning-card .button-row>.btn{white-space:nowrap;flex:1}.formula-inline{font-size:18px}.page-heading{align-items:flex-start!important}.page-heading h1{overflow-wrap:anywhere}.learning-page>.page-heading{flex-direction:column;gap:14px}}.connection-retry{z-index:90;color:#fdba74;background:#172438;border:1px solid #fb923c44;border-radius:10px;align-items:center;gap:12px;max-width:95vw;padding:12px 18px;font-size:12px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}
