@font-face{font-family:LabArabic;src:url('arabic.woff') format('woff');font-display:swap}*{box-sizing:border-box}html{color-scheme:dark;scroll-behavior:smooth}body{margin:0;background:#071320;color:#edf5ff;font-family:LabArabic,Tahoma,Arial,sans-serif;font-size:16px;line-height:1.75}button,input,select{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #f7c16b;outline-offset:4px}button{transition:background .18s,border-color .18s,transform .18s}button:hover:not(:disabled){filter:brightness(1.12)}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1{font-size:2rem;line-height:1.45}h2{font-size:1.05rem}h3{font-size:1.2rem;line-height:1.65}.topbar{height:92px;padding:16px 36px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #273746;background:#0b1929}.brand{display:flex;gap:12px;align-items:center;font-size:1.4rem;font-weight:700}.brand small{display:block;color:#9fb2c4;font-size:.8rem;font-weight:400}.brandmark{font-family:Arial;font-size:3rem;line-height:1;background:#5bedd0;color:#07272b;border-radius:14px;width:50px;height:50px;text-align:center}.header-actions{display:flex;gap:18px;align-items:center}.progress{color:#67e7cc;font-size:.9rem}.quiet{border:1px solid #33485c;background:transparent;color:#cedde8;border-radius:8px;padding:7px 13px}.small{font-size:.82rem;padding:5px 10px}.workspace{display:grid;grid-template-columns:220px minmax(0,1fr);max-width:1650px;margin:auto}.stations{border-left:1px solid #273746;padding:30px 16px;min-height:calc(100vh - 92px)}.eyebrow{font-size:.8rem;letter-spacing:.03em;color:#9fb5c9}.stations>.eyebrow{display:flex;justify-content:space-between;padding:0 12px 16px}.station{width:100%;background:transparent;border:1px solid transparent;color:#b1c2d0;display:flex;align-items:center;gap:11px;text-align:right;border-radius:10px;padding:12px;margin-bottom:5px;font-size:.91rem}.station .number{font-family:monospace;color:#6e879c;font-size:.82rem}.station.active{background:#123d42;border-color:#215955;color:#90fce1}.station.active .number{color:#6cf0d1}.station .check{margin-right:auto;color:#68e6c5}.sidebar-bottom{border-top:1px solid #273746;margin-top:32px;padding:24px 12px;display:flex;gap:10px;font-size:.82rem;color:#9eafbd}.mini-pulse{color:#5bedd0;font-size:2rem}main{padding:28px 34px;min-width:0}.station-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.station-heading .eyebrow{color:#65d8c3;margin-bottom:7px}.station-heading p:last-child{color:#9fb5c9;font-size:.93rem;margin-top:6px}#station-symbol{font-family:Georgia;font-size:3.4rem;color:#5bedd0;opacity:.8;direction:ltr}.experiments{display:flex;gap:8px;overflow-x:auto;margin-bottom:22px;padding:3px 0 8px;scrollbar-width:thin}.experiment{white-space:nowrap;background:#0c1e30;color:#b5cadb;border:1px solid #2a3c51;border-radius:100px;padding:7px 16px;font-size:.9rem}.experiment.active{background:#e8f5f3;color:#112c32;border-color:#e8f5f3}.lab-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:22px;align-items:start}.lab-panel{background:#0c1d2e;border:1px solid #2c4055;border-radius:16px;overflow:hidden}.lab-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:18px 20px;border-bottom:1px solid #263e52}.lab-head h2{flex:1}.live-tag{font-size:.72rem;color:#79efce;border:1px solid #216458;border-radius:5px;padding:1px 7px;white-space:nowrap}.scene{height:290px;overflow:hidden;position:relative;background-color:#0b1a2b;background-image:linear-gradient(#23334744 1px,transparent 1px),linear-gradient(90deg,#23334744 1px,transparent 1px);background-size:26px 26px;direction:ltr}.scene svg{width:100%;height:100%;display:block}.scene svg text{font-family:LabArabic,Tahoma,Arial,sans-serif;fill:#b6cde0;font-size:17px}.readouts{display:flex;flex-wrap:wrap;gap:1px;background:#284053;border-block:1px solid #284053}.readout{flex:1;min-width:110px;text-align:center;background:#102538;padding:11px 8px}.readout small{display:block;color:#a8bfce;font-size:.75rem}.readout strong{font-size:1.35rem;line-height:1.7;display:block;color:#87f4d7;direction:ltr;font-family:LabArabic,Arial,sans-serif}.controls-head{display:flex;justify-content:space-between;align-items:center;padding:17px 20px 0;color:#c7d9e5;font-size:.88rem}.controls{padding:4px 20px 16px}.control{margin-top:17px}.control label{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:.89rem}.control output{color:#7ce5cc;direction:ltr;background:#152f40;padding:1px 10px;border-radius:6px;min-width:75px;text-align:center;font-family:Arial,sans-serif}.control input[type=range]{direction:ltr;width:100%;accent-color:#60e7cb;height:30px;cursor:ew-resize;touch-action:pan-y}.bounds{display:flex;justify-content:space-between;direction:ltr;color:#7f99ab;font:12px Arial;margin-top:-6px}.assumption{margin:0 20px 19px;padding-top:12px;border-top:1px solid #293e4f;font-size:.78rem;color:#a7bccb}.learning-panel{padding:0 2px}.step-line{display:flex;gap:4px;border-bottom:1px solid #2c4055;margin-bottom:21px}.step-line span{flex:1;text-align:center;font-size:.77rem;color:#7592a9;border-bottom:2px solid transparent;padding:9px 0 13px}.step-line .active{color:#75ebcf;border-color:#75ebcf}.step-caption{color:#f1bc6b;font-size:.8rem;margin-bottom:8px}.learning-panel p{color:#b3c6d7;font-size:.94rem;margin-top:9px}.choices{display:grid;gap:10px;margin-top:22px}.choice{text-align:right;border:1px solid #344a60;background:#102237;color:#dfebf5;border-radius:10px;padding:13px 15px;line-height:1.7}.choice.selected{border-color:#f7c16b;background:#392f25;color:#ffddab}.primary{background:#63e9ca;color:#052b2b;border:0;border-radius:10px;padding:12px 20px;font-weight:700;width:100%;margin-top:19px}.secondary{background:transparent;border:1px solid #466173;border-radius:10px;color:#d1e1ec;padding:10px 16px;width:100%;margin-top:12px}.feedback{border:1px solid #32775f;background:#12382f;color:#b8f8d9;border-radius:11px;padding:14px;margin-top:15px;font-size:.9rem;line-height:1.9}.feedback.wrong{border-color:#a95d64;background:#3d212d;color:#ffccd0}.feedback.neutral{border-color:#566d83;background:#1a3045;color:#d8e9f8}.task{margin-top:15px;background:#152c40;border-right:3px solid #f1bc6b;padding:14px;border-radius:8px}.task strong{color:#ffce84}.task p{font-size:.91rem;margin-top:4px}.task .goal{margin-top:12px;font-size:.85rem}.law{background:#102e39;border:1px solid #2b5b61;border-radius:11px;margin-top:18px;padding:17px}.law .formula{direction:ltr;unicode-bidi:isolate;text-align:center;font-family:Georgia,'Times New Roman',serif;font-size:1.4rem;color:#abffe4;margin:7px 0 12px;line-height:1.6;overflow-wrap:anywhere}.law p{font-size:.84rem;color:#b9d9db}.math{direction:ltr;unicode-bidi:isolate;display:inline-block;font-family:Arial,sans-serif}.transfer{border-top:1px solid #304559;margin-top:24px;padding-top:18px}.answer-row{display:flex;gap:10px;margin-top:13px;align-items:center}.answer-row input{width:100%;min-width:0;background:#0a1c2e;color:#fff;border:1px solid #476278;border-radius:8px;padding:11px;text-align:center;direction:ltr}.answer-row span{white-space:nowrap;color:#c1d5e3;font-family:Arial,sans-serif}.hint{font-size:.82rem;text-align:right}.connection{border:1px solid #2b4254;border-radius:12px;margin-top:22px;padding:15px 20px;display:flex;gap:18px;align-items:center;background:#0c1d2c}.connection span{color:#f7c16b;white-space:nowrap;font-size:.83rem}.connection p{color:#b6c8d6;font-size:.88rem}footer{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;color:#b5c5d2;font-size:.8rem;padding:22px 0 0}dialog{max-width:620px;width:calc(100% - 28px);background:#102438;color:#e8f2fa;border:1px solid #436078;border-radius:18px;padding:32px;line-height:2;max-height:88vh}dialog::backdrop{background:#030b15cc;backdrop-filter:blur(4px)}dialog h2{font-size:1.4rem;margin-bottom:18px}dialog p{margin:12px 0;color:#bbcfdf}dialog ol,dialog ul{padding-right:22px}dialog a{color:#7ef0d1;text-decoration:underline}.dialog-close{float:left;border:0;background:#203a50;color:#fff;font-size:1.5rem;border-radius:7px;width:36px;height:36px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#d0ffeb;color:#103f34;padding:10px 24px;border-radius:10px;box-shadow:0 10px 50px #0008;opacity:0;pointer-events:none;z-index:10;transition:opacity .2s;white-space:nowrap}#toast.show{opacity:1}.success-badge{display:inline-block;border:1px solid #4b9e7b;color:#9effcd;padding:5px 12px;border-radius:30px;font-size:.85rem;margin:14px 0}.exp-done{color:#6bf0c5;margin-inline-start:5px}.experiment.active .exp-done{color:#146553}@media(min-width:1400px){.scene{height:340px}main{padding:32px 45px}}@media(max-width:1150px){.workspace{grid-template-columns:180px minmax(0,1fr)}main{padding:24px 20px}.stations{padding:26px 10px}.station{font-size:.82rem;padding:10px 8px}.lab-layout{gap:17px;grid-template-columns:minmax(0,1.2fr) minmax(265px,1fr)}.lab-head{padding:15px}.lab-head .live-tag{display:none}.controls{padding:4px 16px 16px}.topbar{padding:16px 24px}}@media(max-width:900px){.workspace{display:block}.stations{min-height:0;padding:13px 20px 0;border-left:0}.stations>.eyebrow,.sidebar-bottom{display:none}#stations{display:flex;gap:8px;overflow:auto;scrollbar-width:thin;padding-bottom:6px}.station{width:auto;white-space:nowrap;padding:7px 12px;gap:7px;border-color:#283f52;background:#0d2030;font-size:.83rem}.station .check{margin-right:5px}main{padding-top:16px}.station-heading{margin-bottom:16px}.lab-layout{grid-template-columns:minmax(0,1.2fr) minmax(260px,1fr)}.scene{height:275px}}@media(max-width:650px){.topbar{height:78px;padding:12px 16px}.brand{font-size:1.15rem;gap:9px}.brandmark{width:40px;height:40px;font-size:2.5rem;border-radius:10px}.brand small{font-size:.7rem}.header-actions{gap:7px}.header-actions .quiet{font-size:.74rem;padding:5px 8px}.progress{font-size:.74rem}.stations{padding-inline:14px}main{padding:13px 14px 20px}h1{font-size:1.6rem}.station-heading p:last-child{font-size:.82rem}#station-symbol{font-size:2.5rem}.experiments{margin-bottom:12px;gap:7px}.experiment{font-size:.81rem;padding:6px 12px}.lab-layout{display:flex;flex-direction:column;gap:18px}.lab-panel,.learning-panel{width:100%}.learning-panel{display:contents}.step-line{order:-2;width:100%;margin:0 0 -7px}.lab-panel{order:0}#learning{order:-1;width:100%;background:#0c1e2e;border:1px solid #2c4055;border-radius:12px;padding:17px}.choices{grid-template-columns:1fr;gap:7px;margin-top:14px}.choice{padding:9px 12px;font-size:.9rem}.scene{height:250px}.lab-head{padding:12px 15px}.controls-head{padding:14px 16px 0}.control{margin-top:12px}.connection{display:block;padding:13px 16px}.connection p{margin-top:4px}.primary{padding:10px 16px;margin-top:14px}.learning-panel h3{font-size:1.07rem}footer{font-size:.76rem;gap:10px}.assumption{font-size:.76rem}.readout{min-width:90px}.readout strong{font-size:1.25rem}dialog{padding:23px}.transfer{margin-top:18px}.law .formula{font-size:1.3rem}.task{margin-top:12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto;transition:none!important}}

.mobile-only{display:none}@media(max-width:650px){.mobile-only{display:block}}

.target-hint{font-size:.86rem;color:#ffd499;margin-top:7px}.target-hint.matched{color:#84efce}.control-guidance{font-size:.9rem;line-height:1.9;color:#d7e7f1;background:#163348;border:1px solid #38576c;border-radius:9px;padding:12px;margin-top:16px}.control-guidance.needs-attention{border-color:#eab975;background:#3a3023;color:#ffe3b7}.control-guidance[hidden],button[hidden]{display:none!important}