:root{--bg:#080e21;--panel:#101b33;--panel2:#131f38;--border:rgba(173,206,255,.13);--text:#eaf2ff;--muted:#8c9bb9;--accent:#7eb4ff;--teal:#63ddcf;--violet:#aa8cf0;--radius:18px;--s:clamp(14px,1vw,16px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;font-size:var(--s);min-height:100vh}button,select,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #7ee5e0;outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.45}p{line-height:1.65}a{color:#9ac5ff}h1,h2,h3,h4,p{margin-top:0}small{font-size:.75rem}strong{font-weight:760}
.space-bg{pointer-events:none;position:fixed;inset:0;z-index:-1;overflow:hidden;background:linear-gradient(125deg,#070e22,#081427 45%,#080d20)}.nebula{position:absolute;filter:blur(60px);opacity:.34;border-radius:50%}.n1{width:540px;height:500px;left:29%;top:1%;background:radial-gradient(ellipse,#183c9c,transparent 73%)}.n2{width:550px;height:500px;right:-15%;top:42%;background:radial-gradient(ellipse,#672378,transparent 70%)}.stars{position:absolute;inset:0;opacity:.65;background-image:radial-gradient(circle at 17% 33%,#c6deff 1px,transparent 1.5px),radial-gradient(circle at 71% 47%,#c6deff 1px,transparent 1.5px),radial-gradient(circle at 39% 78%,#abd2fd 1px,transparent 1.5px);background-size:137px 173px,241px 217px,317px 291px}
.topbar{height:77px;display:flex;align-items:center;gap:28px;padding:0 clamp(16px,2.8vw,52px);border-bottom:1px solid var(--border);background:rgba(7,14,31,.9);position:sticky;top:0;z-index:30;backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:12px;background:none;border:0;color:#fff;text-align:left;min-width:246px;padding:0}.brand-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#6b8aff,#68d5e4);font-size:30px;color:#0b1c35;box-shadow:0 0 30px #5c8cff33}.brand strong{display:block;letter-spacing:1px;font-size:17px}.brand em{font-style:normal;color:var(--teal)}.brand small{display:block;letter-spacing:2.1px;color:#7a95b9;font-size:9px;margin-top:3px}.main-nav{display:flex;gap:5px;flex:1;align-items:center}.main-nav button,.teacher-link{border:0;background:transparent;color:#96a6c7;padding:13px 14px;border-radius:9px;font-weight:650;font-size:12px;white-space:nowrap}.main-nav button.active,.main-nav button:hover{color:#e8f1ff;background:#172745}.teacher-link{background:rgba(124,147,216,.12);border:1px solid var(--border)}.layout{display:grid;grid-template-columns:264px minmax(0,1fr);min-height:calc(100vh - 115px)}.side-panel{border-right:1px solid var(--border);background:rgba(11,19,39,.86);padding:32px 19px;position:sticky;top:77px;align-self:start;height:calc(100vh - 77px);overflow:auto}.aside-title{letter-spacing:1.7px;font-size:10px;font-weight:850;color:#cad7f8;margin:0 0 28px}.blink{float:right;color:#68dec2;text-shadow:0 0 10px #55dbbf}.side-panel label{display:block;font-size:10px;color:#7e8eaf;letter-spacing:1.3px;font-weight:850;margin:22px 0 10px}.side-panel select{background:#152440;color:#e6efff;border:1px solid #273a59;border-radius:9px;padding:12px 10px;width:100%;font-size:13px}.profile-card{border:1px solid var(--border);background:linear-gradient(135deg,#172743b8,#141c35bb);border-radius:13px;padding:17px;margin:28px 0}.profile-row{display:flex;align-items:center;gap:10px}.avatar{display:grid;place-items:center;width:37px;height:37px;flex:none;border-radius:12px;color:#c4bbff;background:#473e85b5;font-size:21px}.profile-row small{display:block;color:#93a4c3;font-size:9px;letter-spacing:1.1px}.profile-row strong{font-size:12px}.xp-label{display:flex;justify-content:space-between;font-size:10px;color:#99aacc;font-weight:700;letter-spacing:.6px;margin:25px 0 8px}.xp-label b{color:#b3d3ff}.progress-track{height:7px;background:#283654;border-radius:12px;overflow:hidden}.progress-track span{display:block;width:0;height:100%;background:linear-gradient(90deg,#6bdac9,#7a9ffe);border-radius:12px}.small-stat{margin-top:9px;font-size:11px;color:#8b9bb8}.section-side{font-size:10px;letter-spacing:1.4px;font-weight:800;color:#8095b9;margin:24px 0 11px}.side-action{border:0;background:transparent;color:#afc0dc;width:100%;text-align:left;display:flex;align-items:center;gap:12px;padding:13px 8px;font-size:12px;border-radius:10px}.side-action span{font-size:21px;color:#77badf}.side-action b{margin-left:auto;color:#7594c5}.side-action:hover{background:#162a48}.aside-foot{font-size:10px;color:#7a90af;position:relative;margin:33px 2px}.online-dot{display:inline-block;width:7px;height:7px;background:#5edcaa;border-radius:50%;margin-right:4px}
main{min-width:0;padding:40px clamp(20px,4.5vw,78px) 55px;max-width:1690px;width:100%;margin:0 auto}.eyebrow{font-size:11px;letter-spacing:2.2px;font-weight:800;color:#75dcd2;margin-bottom:14px}.eyebrow b{color:#8a9ef4}.hero{display:grid;grid-template-columns:1.12fr .9fr;align-items:center;gap:24px;min-height:375px}.hero h1{font-size:clamp(35px,4.6vw,69px);line-height:1.04;letter-spacing:-2px;margin-bottom:18px}.hero h1 span{display:block;background:linear-gradient(95deg,#75dce0 7%,#7ba6fa 60%,#cd9cf8);background-clip:text;color:transparent}.hero p{max-width:520px;color:#a9bad6;font-size:14px;line-height:1.9;margin-bottom:25px}.btn{border-radius:11px;border:1px solid #415d91;background:#1b3051;color:#e5f1ff;padding:12px 17px;font-size:12px;font-weight:780;display:inline-flex;align-items:center;justify-content:center;gap:9px;transition:transform .15s,background .15s}.btn:hover{transform:translateY(-1px);background:#274570}.btn-primary{color:#071726;border-color:transparent;background:linear-gradient(95deg,#77e0da,#86b9ff);box-shadow:0 8px 32px #4fbbdf26}.btn-primary:hover{background:linear-gradient(95deg,#96f0e8,#9fc9ff)}.btn-subtle{background:#16233b;border:1px solid var(--border)}.btn-danger{border-color:#803a5d;color:#ffadbd;background:#301a34}.actions{display:flex;flex-wrap:wrap;gap:11px}.orb-scene{min-height:300px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #7fa5e640;border-radius:50%;transform:rotate(-23deg)}.orbit.one{width:320px;height:132px}.orbit.two{width:365px;height:247px;transform:rotate(30deg)}.orb-core{width:216px;height:216px;border-radius:50%;position:relative;background:radial-gradient(circle at 30% 27%,#a3eff4 0%,#4170c8 34%,#263e9a 55%,#111a3e 72%,#09122d 100%);box-shadow:inset -24px -18px 27px #080f28,0 0 50px #447dd448,0 0 90px #356bd632;animation:float 7s ease-in-out infinite}.orb-core:after{content:'';position:absolute;inset:21px;border-radius:50%;border:1px dashed #c2e9ff37}.orb-node{position:absolute;width:10px;height:10px;background:#95fff1;border-radius:50%;box-shadow:0 0 18px #5debdc}.orb-node.a{top:60px;right:40px}.orb-node.b{bottom:70px;left:21px;background:#c49efb}.orb-label{position:absolute;padding:10px 14px;border:1px solid #46668c66;border-radius:11px;background:#10223fda;backdrop-filter:blur(6px);font-size:11px;color:#c7dfff;box-shadow:0 6px 20px #0005}.orb-label.a{top:42px;left:0}.orb-label.b{right:0;bottom:42px}.orb-label strong{color:#75decf;font-size:15px;margin-right:7px}@keyframes float{50%{transform:translateY(-10px)}}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:18px 0 36px}.metric{border:1px solid var(--border);background:#122039a6;padding:17px;border-radius:12px;display:flex;align-items:center;gap:12px}.metric .icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#182c4c;color:#85caff;font-size:19px}.metric b{display:block;font-size:21px;letter-spacing:-.6px}.metric small{color:#91a2be;white-space:nowrap;font-size:11px}.section-head{display:flex;align-items:end;justify-content:space-between;margin:32px 0 16px;gap:12px}.section-head h2{font-size:25px;letter-spacing:-.65px;margin:0}.section-head p{font-size:12px;color:#8599b7;margin:5px 0 0}.tiny-label{font-size:10px;color:#90a9cc;letter-spacing:1px}.world-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.world-card{position:relative;text-align:left;border:1px solid var(--border);border-radius:14px;background:linear-gradient(140deg,#15253fdb,#101a31ed);padding:19px 16px 20px;min-height:174px;color:var(--text);overflow:hidden;transition:transform .15s,border-color .15s}.world-card:hover{transform:translateY(-3px);border-color:#6c96c76e}.world-card:after{content:'';position:absolute;inset:auto -20px -65px auto;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,var(--glow),transparent 69%);opacity:.22}.world-card .wicon{height:51px;width:51px;border-radius:17px;display:grid;place-items:center;background:color-mix(in srgb,var(--glow) 12%,transparent);color:var(--glow);font-size:32px;margin-bottom:13px}.world-card .wcat{display:block;font-size:9px;letter-spacing:1.7px;color:#829cbe;font-weight:850;margin-bottom:5px}.world-card strong{display:block;font-size:14px;line-height:1.3;max-width:180px}.world-card .world-foot{margin-top:13px;font-size:11px;color:#9eb1cd}.world-card .arrow{position:absolute;right:13px;top:15px;color:#87aacc}.tag{display:inline-flex;border:1px solid #345677;background:#182e4c;color:#9fc7ed;border-radius:40px;padding:6px 10px;font-size:10px;font-weight:700}.chip{display:inline-flex;padding:7px 11px;border:1px solid #38516f;background:#172c49;color:#bbd1e9;border-radius:30px;font-size:11px}
.page-title{font-size:clamp(26px,3vw,42px);line-height:1.1;letter-spacing:-1.2px;margin:0 0 13px}.page-lead{color:#a6b8d4;line-height:1.8;font-size:14px;max-width:800px}.card,.panel{background:linear-gradient(140deg,#15253ecb,#0f1a31e8);border:1px solid var(--border);border-radius:var(--radius);padding:22px}.stack{display:grid;gap:18px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}.three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.panel h3{font-size:18px;margin-bottom:12px}.panel p,.panel li{color:#aec0db;font-size:13px}.panel ul{padding-left:18px}.muted{color:var(--muted)}.stat-line{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid var(--border);padding:12px 0;color:#b2c5dd;font-size:13px}.stat-line strong{color:#f1f7ff}.notice{border-left:3px solid #76ceef;background:#16304a80;padding:14px 17px;border-radius:9px;color:#b9d8ea;font-size:12px;line-height:1.6}.notice.warn{border-color:#efa66e;background:#44312660}.lesson-step{display:flex;gap:12px;align-items:start;margin:15px 0}.lesson-step .num{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:#26446d;color:#a9d6ff;font-weight:800;flex:none}.lesson-step strong{display:block;font-size:13px}.lesson-step small{display:block;color:#9dacc6;font-size:12px;margin-top:5px;line-height:1.6}
.quiz-card{border:1px solid #365176;border-radius:14px;padding:24px;background:linear-gradient(135deg,#162b49,#121d35)}.question-number{letter-spacing:1.4px;font-size:10px;color:#80dbd1;font-weight:800;margin-bottom:11px}.quiz-card h3{font-size:18px;line-height:1.45}.quiz-card input{width:100%;max-width:380px;background:#0e1a30;border:1px solid #496080;border-radius:10px;color:#fff;padding:13px;font-size:15px}.answer-row{display:flex;gap:9px;flex-wrap:wrap;margin:14px 0}.answer-choice{border:1px solid #3a5273;background:#1a2a48;color:#d4e3f8;border-radius:9px;padding:12px;min-width:98px;flex:1}.answer-choice.selected{border-color:#74e0ce;background:#214d57}.feedback{padding:12px 14px;border-radius:10px;margin-top:13px;font-size:13px;background:#234a448a;border:1px solid #3cae9359;color:#c7f4e9}.feedback.bad{border-color:#e4958a66;background:#542d3a7d;color:#ffd3d3}.mini-controls{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.mini-controls button{border:1px solid #385777;background:#1a2a48;color:#cadcf6;border-radius:8px;padding:9px 11px;font-size:11px}.mini-controls button.active{background:#2a4e69;border-color:#68cfca;color:#fff}.lab-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.9fr);gap:18px}.viewer-shell{position:relative;border:1px solid #335077;border-radius:16px;background:radial-gradient(ellipse at 55% 42%,#1d3457 0%,#101d38 45%,#0b1429 76%);min-height:390px;overflow:hidden}.viewer-shell:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#b6daff40 1px,transparent 1px);background-size:31px 31px;opacity:.28}.viewer-shell canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.viewer-shell #moleculeOverlay{pointer-events:none}.viewer-hint{position:absolute;left:18px;bottom:14px;color:#98afce;font-size:11px;pointer-events:none;background:#0a1b30ad;padding:7px 11px;border-radius:7px}.viewer-top{position:absolute;top:14px;left:16px;z-index:3;color:#86b6d9;font-size:10px;letter-spacing:1.3px;font-weight:800;pointer-events:none}.lab-buttons{display:flex;flex-wrap:wrap;gap:8px;margin:13px 0}.lab-buttons button,.atom-btn{border:1px solid #364d70;background:#192b49;color:#c9daed;border-radius:9px;padding:9px 12px;font-size:12px}.lab-buttons button.active,.atom-btn.active{background:#234b60;border-color:#76d9d1;color:#eaffff}.prop-display{padding:15px;border:1px solid #365273;background:#0b1830cc;border-radius:12px;min-height:89px;font-size:12px;color:#b2c5de;line-height:1.7}.input-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:15px}.input-row label{font-size:12px;color:#a2b6d0}.input-row select,.input-row input,.input-row textarea{color:#eaf4ff;background:#13243f;border:1px solid #3c5576;border-radius:9px;padding:10px;min-width:0}.input-row input[type='range']{flex:1;padding:0;accent-color:#6ed9d2}.input-row output{min-width:50px;text-align:right;color:#9beada;font-weight:800}.atoms-list{display:flex;flex-wrap:wrap;gap:7px}.atom-pill{border:1px solid #3a5775;border-radius:8px;background:#1c3050;color:#e0ebff;padding:7px 10px;font-size:12px}.atom-pill.active{outline:2px solid #7addd5}.ptable{display:grid;grid-template-columns:repeat(18,minmax(37px,1fr));gap:4px;overflow-x:auto}.element{padding:6px 2px 5px;border:1px solid #3a5674;border-radius:7px;background:#203550;color:#eaf4ff;text-align:center;min-height:65px;min-width:37px}.element:hover,.element.selected{outline:2px solid #79e0d3}.element .z{font-size:9px;color:#a6bcd8;display:block}.element strong{display:block;font-size:18px}.element small{display:block;overflow:hidden;text-overflow:clip;white-space:nowrap;font-size:8px}.element.non{background:#194448}.element.metal{background:#203652}.element.metalloid{background:#4b3d58}.lanth-note{grid-column:3/span 12;padding:8px;font-size:10px;color:#9dadcc}.range{width:100%;accent-color:#6bdfd4}.graph{width:100%;height:170px;background:#0c1b33;border-radius:12px;border:1px solid #2d4264}.stat-number{font-size:29px;font-weight:850;color:#92eae1;margin:4px 0 14px}.escape-gate{display:flex;gap:5px;flex-wrap:wrap;margin:12px 0 24px}.gate{height:32px;min-width:32px;border:1px solid #304966;background:#152641;border-radius:7px;display:grid;place-items:center;font-size:10px;color:#8197b9}.gate.done{background:#29564d;color:#b8f4e2;border-color:#4c9b85}.gate.current{background:#4158a0;color:#fff;border-color:#91a9ff}.esc-card{max-width:800px}.sim-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.sim-tab{background:#182a48;border:1px solid #34516e;padding:10px 13px;color:#b4c7e1;border-radius:10px;font-size:12px}.sim-tab.active{background:#2c526a;color:white;border-color:#78d4d9}.world-title-line{display:flex;gap:18px;align-items:center}.big-symbol{border:1px solid #395b84;background:#18304a;color:#82dcd7;border-radius:19px;font-size:42px;width:76px;height:76px;display:grid;place-items:center;flex:none}
.chat{position:fixed;bottom:82px;right:24px;width:min(375px,calc(100vw - 24px));height:460px;background:#111e34;border:1px solid #405477;border-radius:18px;z-index:80;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 80px #0009}.chat.hidden{display:none}.chat header{display:flex;align-items:center;gap:10px;padding:12px;border-bottom:1px solid var(--border)}.chat header div{flex:1}.chat header strong,.chat header small{display:block}.chat header small{color:#91a7bf;margin-top:2px}.chat header button{background:none;border:0;color:#b7c3dc;font-size:18px}.chat-log{padding:14px;flex:1;overflow:auto;display:flex;flex-direction:column;gap:10px}.bubble{background:#1c3456;padding:12px 14px;border-radius:14px;color:#dce8f8;font-size:12px;line-height:1.7;max-width:92%}.bubble.user{background:#294f55;margin-left:auto;color:#ebfffd}.chat form{padding:12px;border-top:1px solid var(--border);display:flex;gap:8px}.chat form input{background:#172944;color:white;border:1px solid #37506f;border-radius:10px;padding:11px;min-width:0;flex:1}.chat form button{background:#70cfd1;border:0;border-radius:10px;padding:10px 13px}#atom-fab{position:fixed;right:23px;bottom:20px;border:1px solid #4385b6;border-radius:35px;color:#effeff;background:linear-gradient(120deg,#264b77,#285b64);padding:10px 17px 10px 10px;display:flex;align-items:center;gap:8px;font-weight:700;font-size:12px;z-index:70;box-shadow:0 7px 29px #0009}.atom-face{background:linear-gradient(135deg,#8fd5e8,#8a90ee);color:#08142d;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;font-size:21px}footer{text-align:center;border-top:1px solid var(--border);font-size:10px;color:#8396b7;background:#0b1527;padding:20px 14px;letter-spacing:.2px}
@media(max-width:1300px){.main-nav button{padding:12px 8px}.world-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1030px){.layout{grid-template-columns:1fr}.side-panel{position:relative;top:0;height:auto;padding:13px 20px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.side-panel .aside-title,.side-panel .profile-card,.section-side,.side-action,.aside-foot{display:none}.side-panel label{margin:0 4px}.side-panel select{width:auto;min-width:145px}main{padding:30px 24px 60px}.topbar{gap:12px;padding:0 20px}.brand{min-width:208px}.teacher-link span{display:none}}
@media(max-width:760px){.topbar{height:auto;min-height:70px;flex-wrap:wrap;padding:12px 15px;gap:9px}.brand{min-width:0;flex:1}.brand strong{font-size:14px}.main-nav{order:3;width:100%;overflow:auto;padding-bottom:3px}.main-nav button{font-size:11px;padding:10px}.side-panel{padding:10px 15px}.side-panel label{font-size:9px}.side-panel select{flex:1;width:calc(50% - 10px);min-width:135px}main{padding:26px 16px 60px}.hero{grid-template-columns:1fr;gap:0}.hero h1{font-size:42px}.orb-scene{min-height:245px;transform:scale(.79)}.metrics{grid-template-columns:repeat(2,1fr);gap:9px}.metric{padding:12px}.metric b{font-size:17px}.world-grid{grid-template-columns:repeat(2,1fr);gap:9px}.world-card{min-height:164px;padding:15px 12px}.world-card strong{font-size:12px}.two-col,.three-col,.lab-layout{grid-template-columns:1fr}.viewer-shell{min-height:360px}.ptable{overflow:visible;width:max-content;min-width:100%}.periodic-scroll{overflow:auto}.element{min-width:40px}.orb-label{white-space:nowrap}.panel,.card{padding:16px}.section-head h2{font-size:22px}.big-symbol{height:60px;width:60px;font-size:32px}}@media(max-width:370px){.world-grid{grid-template-columns:1fr}.world-card{min-height:125px}.world-card .wicon{margin-bottom:5px}.brand small{font-size:8px}.metrics{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.orb-core{animation:none}*{transition:none!important}}
/* Components actius addicionals */
.range-control{display:block;margin:22px 0;font-size:13px;color:#b8d2e9}.range-control strong{float:right;color:#9ee3dc}.range-control input{display:block;width:100%;margin:15px 0 5px;accent-color:#73dad1;min-height:28px}.reaction-visual{display:flex;align-items:center;justify-content:space-around;min-height:140px;background:#102642;border-radius:13px;margin:18px 0;text-align:center;gap:8px;font-size:13px}.reaction-visual strong{color:#9be5e0}.reaction-arrow{font-size:32px;color:#82aaff}.particle-box{min-height:170px;display:flex;align-items:center;align-content:center;justify-content:center;flex-wrap:wrap;gap:9px;padding:15px;border-radius:12px;background:#132741}.particle{width:12px;height:12px;border-radius:50%;background:#83bcff;box-shadow:0 0 9px #83bcff6a}.solution-vessel{height:220px;width:185px;border:5px solid #a5cbef;border-top:0;border-radius:0 0 24px 24px;position:relative;margin:20px auto;overflow:hidden}.solution-vessel>div{position:absolute;bottom:0;width:100%;background:linear-gradient(#7edbfe,#537cdd);transition:height .1s}.ph-indicator{height:140px;border-radius:18px;box-shadow:0 0 30px #4a73b943;margin:14px 0}.equilibrium-bar{position:relative;margin:28px 0;background:#122e4a;border:1px solid #456583;height:48px;border-radius:12px;overflow:hidden}.equilibrium-bar .bar-fill{background:#53b8d3;height:100%}.equilibrium-bar>span{position:absolute;top:14px;left:14px;color:white;font-weight:700}.range{display:flex;gap:5px;align-items:center;flex-wrap:wrap;margin-top:14px;font-size:12px}.range .chip{cursor:pointer}.atom-pill{border:1px solid #7a9cb5;background:#172e4d;color:#d6efff;border-radius:9px;padding:9px 12px;margin:3px;min-width:48px}.atom-pill small{margin-left:5px;color:#86a9c9}.atom-pill.active{background:#39577a}.stat-line{gap:10px}.stat-line strong{color:#a7f5e2}.lab-buttons{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.lab-buttons .chip{display:flex;align-items:center;gap:6px}.lab-layout{align-items:start}.viewer-shell canvas#moleculeOverlay{pointer-events:none}.btn{cursor:pointer}.btn:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,canvas:focus-visible{outline:3px solid #9bf7e7;outline-offset:2px}a{color:#9ee4ff}#main .page-title{margin-bottom:24px}#main .world-card p{font-size:12px;line-height:1.5;color:#b6c8dd}.card p,.panel p{line-height:1.7}#quizFeedback button{margin-left:12px}.element{cursor:pointer}.range-control input{cursor:pointer}#editorFeedback{margin:12px 0}.aside-title{white-space:nowrap}@media(max-width:600px){.reaction-visual{flex-direction:column;padding:15px}.reaction-arrow{transform:rotate(90deg)}.lab-buttons .btn{font-size:11px}.viewer-shell{min-height:340px}.page-title h1{overflow-wrap:anywhere}}@media print{.topbar,.side-panel,#atom-fab,.space-bg,.main-nav{display:none!important}.layout{display:block!important}main{max-width:none!important}*{color:#222!important;background:white!important}}

/* Ajustos de contingut i simuladors per a la versió estàtica */
.page-title>h1{font-size:clamp(27px,3.5vw,44px);line-height:1.12;letter-spacing:-1px;margin:8px 0 10px}.page-title>p{font-size:14px;line-height:1.7;color:#aabbda;font-weight:400;letter-spacing:0;max-width:850px}.orb-core{display:grid;place-items:center;font-size:58px;color:#b8ecff}.range-control{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin:16px 0;color:#c6d8ee;font-size:13px}.range-control strong{color:#94e7da}.range-control input{width:100%;accent-color:#79e0d7}.reaction-visual,.particle-box{min-height:110px;border-radius:12px;background:#0b1a30;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px;padding:15px}.reaction-visual span,.particle-box span{display:inline-block}.solution-vessel{margin:20px auto;width:170px;height:190px;border:4px solid #8fbfda;border-radius:12px 12px 27px 27px;position:relative;overflow:hidden;background:#0e1d32}.solution-vessel>div{position:absolute;bottom:0;width:100%;height:55%;background:linear-gradient(145deg,#6dd9d3aa,#4f91d8bd)}.ph-indicator{height:90px;border-radius:12px;margin:18px 0;border:1px solid #6c8bad}.equilibrium-bar{height:38px;position:relative;background:#21324e;border:1px solid #406182;border-radius:9px;overflow:hidden;display:flex;align-items:center}.equilibrium-bar .bar-fill{height:100%;background:linear-gradient(95deg,#81d9d2,#a0a0ee)}.equilibrium-bar span{position:absolute;left:10px;color:white;font-size:12px;font-weight:700}.orb-node.n-a,.orb-node.n-b,.orb-node.n-c{font-size:10px;display:grid;place-items:center;width:32px;height:32px;color:#081529}.orb-node.n-a{top:12px;right:13px}.orb-node.n-b{bottom:20px;left:-15px}.orb-node.n-c{bottom:40px;right:-24px}.orb-label{top:auto!important;right:0;bottom:-31px;font-size:9px}.page-title{font-size:inherit;line-height:normal;letter-spacing:normal}.answer-row>input{background:#0f1c32;color:white;border:1px solid #405c7e;padding:13px;border-radius:10px;min-width:0;width:min(100%,400px)}

/* v1.1 — Glossari, panells desplegables i temes diürn/nocturn */
html{color-scheme:dark}
.main-nav{min-width:0;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--border);color:var(--text);background:var(--panel2);padding:10px 13px;border-radius:11px;white-space:nowrap;font-weight:700;font-size:12px;min-height:41px;flex-shrink:0}
.theme-toggle:hover{border-color:var(--accent)}.theme-toggle .theme-icon{font-size:19px}.theme-label{font-size:11px}
.accordion-stack{display:flex;flex-direction:column;gap:15px;width:100%;max-width:1100px;margin:0 0 28px}
.accordion{width:100%;min-width:0;background:var(--panel);border:1px solid var(--border);border-radius:15px;overflow:clip;box-shadow:0 12px 30px rgba(2,7,20,.08)}
.accordion[open]{border-color:color-mix(in srgb,var(--accent) 50%,var(--border))}
.accordion>summary{display:flex;justify-content:space-between;align-items:center;gap:18px;list-style:none;padding:19px 23px;cursor:pointer;min-height:76px;user-select:none}
.accordion>summary::-webkit-details-marker,.glossary-mini-entry>summary::-webkit-details-marker{display:none}
.accordion>summary:hover{background:color-mix(in srgb,var(--accent) 6%,transparent)}
.accordion>summary:focus-visible,.glossary-mini-entry>summary:focus-visible{outline:3px solid var(--teal);outline-offset:-3px;border-radius:10px}
.accordion-heading{display:flex;flex-direction:column;gap:8px;min-width:0;line-height:1.4}
.accordion-heading strong{font-size:clamp(15px,1.35vw,21px);letter-spacing:-.2px;overflow-wrap:anywhere}
.accordion-heading .tiny-label{color:var(--teal);font-size:10px;font-weight:800;letter-spacing:1.25px}
.accordion-chevron{display:grid;place-items:center;flex:none;width:35px;height:35px;border-radius:10px;background:color-mix(in srgb,var(--accent) 13%,transparent);color:var(--accent);font-size:24px;transition:transform .2s}
.accordion[open]>summary .accordion-chevron{transform:rotate(180deg)}
.accordion-body{padding:6px 23px 23px;border-top:1px solid var(--border)}
.accordion-body h2{font-size:clamp(17px,2vw,24px);margin-top:18px}.accordion-body h3{margin-top:22px;font-size:17px}
.accordion-body p{line-height:1.75;color:var(--text);opacity:.94;max-width:88ch}
.accordion-body .lesson-step{border-bottom:1px solid var(--border);padding-bottom:12px;max-width:930px}
.accordion-body .lesson-step p{margin:7px 0 0}
.accordion-body .actions{margin-top:20px;flex-wrap:wrap}
.glossary-mini{display:flex;flex-direction:column;gap:9px;margin-top:16px}
.glossary-mini-entry{border-radius:10px;background:color-mix(in srgb,var(--accent) 6%,var(--panel2));border:1px solid var(--border);overflow:hidden}
.glossary-mini-entry>summary{list-style:none;cursor:pointer;padding:13px 15px;font-weight:750;display:flex;align-items:center;justify-content:space-between}
.glossary-mini-entry>summary:after{content:'+';font-size:22px;line-height:1;color:var(--accent)}
.glossary-mini-entry[open]>summary:after{content:'−'}
.glossary-mini-entry p,.glossary-mini-entry button{margin:10px 15px 14px}
.glossary-controls{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:19px 22px;margin:0 0 19px;max-width:1100px}
.field-label{display:block;font-weight:750;color:var(--text);font-size:13px;margin:3px 0 9px}
.glossary-search-row{display:flex;gap:10px;margin-bottom:19px}
.glossary-controls input[type=search],.glossary-controls select{min-height:47px;background:var(--panel2);border:1px solid var(--border);color:var(--text);font:inherit;border-radius:10px;padding:10px 14px}
.glossary-controls input[type=search]{width:100%;min-width:0;flex:1}
.glossary-controls select{width:min(100%,390px)}
#glossary-count{color:var(--muted);font-size:12px;margin:12px 0 0}
.glossary-definition{font-size:16px;line-height:1.75;font-weight:550}
.glossary-entry .accordion-body>.notice{margin:17px 0}
.glossary-entry .ask-term{margin-top:5px}
.bubble.bot{white-space:pre-line}
@media(max-width:1200px){.theme-label{display:none}.theme-toggle{padding:9px 11px}}
@media(max-width:760px){.theme-toggle{order:2}.teacher-link{order:2}.main-nav{order:3;width:100%}.accordion>summary{padding:15px;min-height:70px}.accordion-body{padding:6px 15px 17px}.glossary-controls{padding:16px}.glossary-search-row{flex-wrap:wrap}.glossary-search-row>button{width:100%}}
@media(max-width:480px){.theme-toggle{min-height:38px;padding:8px}.brand{flex:1}.glossary-controls input[type=search]{flex-basis:100%}.accordion-heading strong{font-size:15px}}

/* Tema diürn: contrastos propis, no un filtre que inverteixi els colors de les molècules. */
html[data-theme="light"]{color-scheme:light;--bg:#edf5fc;--panel:#fff;--panel2:#f4f8fc;--border:rgba(30,67,113,.19);--text:#192a45;--muted:#526783;--accent:#1d5cae;--teal:#087a70;--violet:#634aa5}
[data-theme="light"] body{background:var(--bg);color:var(--text)}
[data-theme="light"] .space-bg{background:linear-gradient(135deg,#eef7ff,#e4f2fa 45%,#f4f0ff)}
[data-theme="light"] .nebula{opacity:.15}
[data-theme="light"] .stars{opacity:.22}
[data-theme="light"] .topbar{background:rgba(252,254,255,.94);border-color:var(--border);box-shadow:0 4px 21px rgba(60,80,130,.05)}
[data-theme="light"] .brand{color:#152c4e}
[data-theme="light"] .brand strong{color:#162b49}
[data-theme="light"] .brand small{color:#566984}
[data-theme="light"] .main-nav button,[data-theme="light"] .teacher-link{color:#395572}
[data-theme="light"] .main-nav button.active,[data-theme="light"] .main-nav button:hover{background:#daecff;color:#174f97}
[data-theme="light"] .teacher-link,[data-theme="light"] .theme-toggle{background:#f1f7fe;border-color:#c4d7e9;color:#1b4d79}
[data-theme="light"] .side-panel{background:rgba(248,252,255,.92);border-color:var(--border)}
[data-theme="light"] .side-panel label,[data-theme="light"] .side-panel .aside-title,[data-theme="light"] .section-side{color:#526884}
[data-theme="light"] .side-panel select,[data-theme="light"] .glossary-controls input,[data-theme="light"] .glossary-controls select{background:#fff;color:#19334e;border-color:#b9cede}
[data-theme="light"] .side-action{color:#245078}
[data-theme="light"] .side-action:hover{background:#e7f2fc}
[data-theme="light"] .aside-foot,[data-theme="light"] .small-stat{color:#486883}
[data-theme="light"] .profile-card,[data-theme="light"] .card,[data-theme="light"] .panel,[data-theme="light"] .world-card,[data-theme="light"] .metric,[data-theme="light"] .quiz-card{background:linear-gradient(145deg,#fff,#f1f8ff);color:#203451;border-color:var(--border)}
[data-theme="light"] .hero p,[data-theme="light"] .page-lead,[data-theme="light"] .page-title>p,[data-theme="light"] .panel p,[data-theme="light"] .panel li,[data-theme="light"] .card p,[data-theme="light"] #main .world-card p,[data-theme="light"] .stat-line,[data-theme="light"] .muted{color:#536983}
[data-theme="light"] .hero h1{color:#18324f}
[data-theme="light"] .eyebrow,[data-theme="light"] .tiny-label{color:#126d79}
[data-theme="light"] .metric small,[data-theme="light"] .world-card .wcat,[data-theme="light"] .world-card .world-foot,[data-theme="light"] .world-card .arrow,[data-theme="light"] .section-head p{color:#51738f}
[data-theme="light"] .stat-line strong{color:#183a62}
[data-theme="light"] .btn{color:#173b67;background:#e9f3ff;border-color:#b7cee5}
[data-theme="light"] .btn:hover{background:#dbeaff}
[data-theme="light"] .btn-primary{background:linear-gradient(100deg,#10786d,#2465b0);color:#fff;border-color:transparent}
[data-theme="light"] .btn-primary:hover{background:linear-gradient(100deg,#0b665e,#1f579b)}
[data-theme="light"] .btn-danger{background:#ffe7ee;color:#9a254c;border-color:#e9aab9}
[data-theme="light"] .tag,[data-theme="light"] .chip,[data-theme="light"] .atom-pill{color:#244f75;background:#e9f3fe;border-color:#bdd2e6}
[data-theme="light"] .tag,[data-theme="light"] .notice{color:#244864}
[data-theme="light"] .notice{background:#e5f3fc;border-left-color:#2495be}
[data-theme="light"] .notice.warn{background:#fff3e5;color:#6b4829;border-left-color:#b97c3d}
[data-theme="light"] .lesson-step .num{background:#deecfd;color:#28547a}
[data-theme="light"] .quiz-card input,[data-theme="light"] .answer-row>input{background:#fff;color:#243953;border-color:#9db9d1}
[data-theme="light"] .answer-choice{background:#f2f7fd;color:#294d71;border-color:#b6cbdf}
[data-theme="light"] .answer-choice.selected{background:#deefff;color:#194a7e}
[data-theme="light"] .chat{background:#fff;border-color:#b7cbe1;box-shadow:0 20px 55px #1c456f32}
[data-theme="light"] .chat header{background:#f0f6fe}
[data-theme="light"] .chat header button,[data-theme="light"] .chat header small{color:#3e6382}
[data-theme="light"] .chat form input{background:#f8fcff;color:#253b56;border-color:#b6cddf}
[data-theme="light"] .bubble.bot{background:#eaf3ff;color:#213851}
[data-theme="light"] .bubble.user{background:#237b83;color:white}
[data-theme="light"] .accordion{background:#fff}
[data-theme="light"] .glossary-mini-entry{background:#f2f7fd}
[data-theme="light"] .accordion-body p{color:#344e68}
[data-theme="light"] .reaction-visual,[data-theme="light"] .particle-box,[data-theme="light"] .equilibrium-bar,[data-theme="light"] .solution-vessel{background:#e7f3ff;color:#183653}
[data-theme="light"] .reaction-visual strong{color:#135b72}
[data-theme="light"] .range-control,[data-theme="light"] .range-control strong{color:#26486d}
[data-theme="light"] .atom-pill small{color:#607f98}
[data-theme="light"] .ph-indicator{border-color:#86a4be}
[data-theme="light"] a{color:#1c5b9a}
[data-theme="light"] .world-card:after{opacity:.12}
[data-theme="light"] .orb-node{color:#173754}
[data-theme="light"] .orb-label{color:#376081}
[data-theme="light"] .stats,[data-theme="light"] .progress-track{background:#e3eff8}
[data-theme="light"] #atom-fab{color:#12384c}
[data-theme="light"] svg text[fill="white"]{fill:#1f3952}
@media print{.accordion{break-inside:avoid}.accordion-body{display:block!important}.theme-toggle{display:none!important}}
.glossary-group-body{display:flex;flex-direction:column;gap:10px;padding-top:17px}
.glossary-group .glossary-entry{background:var(--panel2);box-shadow:none;border-radius:12px}
.glossary-group .glossary-entry>summary{min-height:61px;padding:13px 16px}
.glossary-group .glossary-entry .accordion-body{padding:7px 16px 18px}
.glossary-group .glossary-entry .accordion-heading strong{font-size:15px}

/* SEO 2026: enllaços reals i navegació complementària sense alterar el visor */
.nav-seo-link{display:inline-flex;align-items:center;padding:10px 12px;font-size:12px;color:var(--text)!important;text-decoration:underline;text-underline-offset:3px;white-space:nowrap;font-weight:650}
.course-guide-link{font-size:11px;margin:0 0 8px;display:block;color:var(--accent);text-underline-offset:3px}.seo-guide-link{margin:0 0 17px}.seo-guide-link a{font-weight:700;color:var(--teal)}
footer .footer-seo{margin-bottom:9px}footer .footer-seo summary{cursor:pointer;font-size:12px}footer .footer-seo nav{display:flex;flex-wrap:wrap;gap:10px 17px;max-width:900px;margin:12px auto 15px}footer .footer-seo a{color:var(--text);font-size:11px}
/* v1.3 — Escape rooms 3D realment manipulables, una sola columna, mòbil primer */
.esc-card{max-width:1080px;margin:0 auto}.escape3d{display:flex;flex-direction:column;gap:14px}
.escape3d-top h2{font-size:clamp(19px,3vw,28px);margin:4px 0 8px}.escape3d-top p{max-width:76ch}
.escape3d-stage{min-height:420px;width:100%}.escape3d-stage .viewer-hint{max-width:calc(100% - 28px)}
.escape3d-toolbar{display:flex;flex-wrap:wrap;gap:8px}.escape3d-toolbar .btn{min-height:41px}
.escape3d-controls{border:1px solid var(--border,#3a5779);background:rgba(20,43,70,.40);border-radius:14px;padding:14px}
.escape3d-rows{display:grid;gap:12px}.escape3d-line{display:flex;align-items:center;flex-wrap:wrap;gap:10px;border-bottom:1px solid #4c638249;padding-bottom:12px}
.escape3d-line>strong{flex:1;min-width:120px}.escape3d-line label,.escape3d-range{font-size:13px;font-weight:650}
.escape3d-line select{color:#eaf4ff;background:#162e4a;border:1px solid #7892af;border-radius:8px;padding:10px;min-height:44px;max-width:155px}
.escape3d-stepper{display:flex;align-items:center;gap:8px}.escape3d-stepper button{min-height:44px;min-width:48px;border:1px solid #7892af;background:#25486a;border-radius:9px;color:white;font-size:21px;cursor:pointer}.escape3d-stepper output{min-width:35px;text-align:center;font-size:20px;font-weight:750}
.escape3d-note{font-size:12px;opacity:.85;line-height:1.6;margin:8px 0}.escape3d-range{display:grid;gap:9px}.escape3d-range output{font-size:17px;color:#93f4d9}.escape3d-range input{width:100%;min-height:36px;accent-color:#62e5d9}
.escape3d-switch{display:flex;gap:15px;align-items:center;flex-wrap:wrap;border:1px solid #49617a;border-radius:10px;padding:12px}.escape3d-switch legend{padding:0 6px;font-size:12px}.escape3d-switch label{display:flex;gap:8px;align-items:center;min-height:32px}
.escape3d-equation{font-size:21px;font-weight:750;text-align:center;letter-spacing:1px;padding:12px}.escape3d-stats{display:flex;flex-wrap:wrap;gap:9px}.escape3d-stats>div{background:#1b3956;color:#f2f9ff;padding:9px 12px;border-radius:10px;flex:1;min-width:125px;font-size:12px}.escape3d-stats strong{display:block;font-size:16px;color:#9be7df}
.escape3d-footer>.accordion{margin:0}.escape3d-footer>.actions{margin:14px 0}.escape3d-footer .btn{min-height:44px}
#escape-reasoning[hidden]{display:none!important}#escape-reasoning{margin-top:25px;border-top:2px solid #498eab;padding-top:20px}#escape3d-feedback .feedback{padding:15px}
[data-theme="light"] .escape3d-controls{background:#e8eff8}[data-theme="light"] .escape3d-stepper button{background:#dbeafb;color:#172841}[data-theme="light"] .escape3d-line select{background:#fff;color:#1b3555}[data-theme="light"] .escape3d-stats>div{background:#d7e6f3;color:#1a3453}[data-theme="light"] .escape3d-stats strong{color:#185b55}
@media(max-width:650px){.escape3d-stage{min-height:320px}.escape3d-controls{padding:10px}.escape3d-toolbar .btn{font-size:11px;flex:1}.escape3d-line{gap:7px}.escape3d-line select{max-width:115px;flex:1}.escape3d-line>label{min-width:58px}}
/* v1.4 · Constructor táctil i estacions d'experiments científics */
.lab-layout{display:flex;flex-direction:column;gap:17px;max-width:1160px;margin:0 auto}
.lab-layout>.panel{width:100%;min-width:0}
.lab-tools{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}
.lab-tools label{min-width:108px;min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 13px;border-radius:12px;background:var(--panel2);color:var(--text);border:1px solid var(--border);cursor:pointer;font-weight:720;font-size:13px}
.lab-tools label:has(input:checked){border-color:var(--teal);box-shadow:0 0 0 2px #49d9c823;background:color-mix(in srgb,var(--panel2),var(--teal) 12%)}
.lab-tools input{accent-color:var(--teal);width:16px;height:16px}
.direct-hint{font-size:13px;font-weight:600;color:var(--text);padding:11px 13px;border-left:3px solid var(--teal);background:var(--panel2);border-radius:0 8px 8px 0;margin:10px 0}
.lab-layout .viewer-shell{min-height:clamp(380px,55vh,640px)}
.wet-intro{border-left:3px solid var(--teal);background:var(--panel2);padding:12px 18px;border-radius:0 13px 13px 0;margin-bottom:15px}
.wet-intro p{margin:8px 0 2px;font-size:13px}
.wet-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}
.wet-tabs button{min-height:45px}
.wet-layout{display:grid;grid-template-columns:minmax(280px,.92fr) minmax(300px,1.08fr);align-items:start;gap:16px}
.wet-layout>.panel{min-width:0}
.wet-controls h2{font-size:clamp(20px,2.4vw,29px);margin-top:8px}
.wet-controls p{font-size:14px}
.wet-controls .field-label{display:flex;justify-content:space-between;align-items:center;gap:7px;flex-wrap:wrap;font-size:13px;font-weight:750;margin:17px 0 7px;color:var(--text)}
.wet-controls select,.wet-controls input[type=number]{display:block;min-height:44px;background:var(--panel2);border:1px solid var(--border);border-radius:9px;color:var(--text);padding:10px;width:100%}
.wet-controls input[type=range]{width:100%;height:36px;accent-color:var(--teal);cursor:pointer}
.wet-step-buttons{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0 16px}
.wet-step-buttons .btn{min-height:42px;flex:1}
.wet-scene{background:radial-gradient(ellipse at 45% 18%,#193d5cb3,transparent 65%),var(--panel);min-height:480px;text-align:center}
.wet-scene>.tiny-label{display:block;text-align:left}
.wet-glass,.wet-burette{width:100%;max-width:450px;margin:0 auto;color:#dae7ed}
.wet-glass-svg,.wet-burette-svg,.wet-chart{display:block;width:100%;height:auto}
.wet-glass-svg{max-height:370px}
.wet-burette-svg{max-height:360px}
.wet-device{background:#1d3448;border:2px solid #6c96a9;border-radius:12px;padding:9px 15px;color:#bce8e0;text-align:center;max-width:240px;margin:0 auto 14px;display:flex;flex-direction:column;gap:4px}
.wet-device span{font-size:11px;letter-spacing:1.3px}
.wet-device strong{font-size:25px;color:#a3fff0;font-variant-numeric:tabular-nums}
.wet-stats{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:19px 0}
.wet-stats>div{display:flex;flex-direction:column;gap:6px;min-width:0;background:var(--panel2);padding:13px;border:1px solid var(--border);border-radius:10px;text-align:center}
.wet-stats small{color:var(--muted)}.wet-stats strong{font-size:clamp(16px,2vw,24px);color:var(--teal);overflow-wrap:anywhere}
.wet-controls .accordion{margin:16px 0}.wet-controls .accordion summary{cursor:pointer}
.wet-challenge{border:1px solid var(--border);border-radius:13px;background:color-mix(in srgb,var(--teal) 5%,var(--panel));padding:17px;margin:17px 0}
.wet-challenge>strong{display:block;font-size:17px;margin-bottom:9px}.wet-challenge>.btn{min-height:44px;margin-bottom:8px}
.wet-reason{padding:11px 13px;background:var(--panel2);border-radius:9px;margin:10px 0;font-size:13px}
.wet-chart{max-height:260px;color:var(--text)}
.wet-molecule-trays{display:grid;gap:12px}.wet-tray{border:1px solid var(--border);border-radius:12px;padding:13px;text-align:left;background:var(--panel2)}
.wet-tray h3{font-size:14px}.wet-molecule-grid{display:flex;flex-wrap:wrap;gap:11px 14px;min-height:45px;align-items:center}
.wet-pair,.wet-water-molecule{position:relative;display:flex;align-items:center;margin:3px 5px}
.wet-atom{display:inline-block;width:22px;height:22px;border-radius:50%;box-shadow:inset -4px -5px 7px #1019297d,0 2px 8px #0004;border:1px solid #ffffff77}
.wet-atom+.wet-atom{margin-left:-5px}.wet-H{background:radial-gradient(circle at 25% 25%,#fff,#bfd4e4)}.wet-O{width:27px;height:27px;background:radial-gradient(circle at 25% 25%,#ffb0af,#f04362)}
.wet-balance{padding:13px 10px;font-variant-numeric:tabular-nums;background:var(--panel2);border-radius:9px;margin:16px 0}
[data-theme="light"] .wet-scene{background:radial-gradient(ellipse at 45% 18%,#d8f2ff,transparent 70%),#e6f0fa}
[data-theme="light"] .wet-glass,[data-theme="light"] .wet-burette{color:#355977}
[data-theme="light"] .wet-device{background:#d7f0eb;color:#1e4a5c}[data-theme="light"] .wet-device strong{color:#166356}
@media(max-width:950px){.wet-layout{grid-template-columns:1fr}.wet-scene{min-height:0}.wet-scene .wet-burette{max-width:430px}}
@media(max-width:600px){.lab-tools label{min-width:0;flex:1 1 28%;font-size:12px;padding:9px 5px}.wet-tabs button{flex:1;min-width:43%;font-size:12px}.wet-layout>.panel{padding:15px}.wet-stats strong{font-size:17px}.lab-layout .viewer-shell{min-height:340px}}
@media(prefers-reduced-motion:reduce){.wet-glass *,.wet-burette *, .wet-atom{animation:none!important;transition:none!important}}
.quick-atom-palette{display:flex;flex-wrap:wrap;gap:8px;margin:11px 0}
.quick-atom-palette button{min-width:47px;height:47px;border:2px solid var(--atom);border-radius:13px;background:var(--panel2);color:var(--text);font-weight:850;font-size:17px;box-shadow:inset 0 0 18px color-mix(in srgb,var(--atom) 12%,transparent)}
.quick-atom-palette button[aria-pressed="true"]{background:color-mix(in srgb,var(--atom) 28%,var(--panel));box-shadow:0 0 0 3px color-mix(in srgb,var(--atom) 22%,transparent)}
@media(max-width:520px){.quick-atom-palette{gap:5px}.quick-atom-palette button{min-width:41px;height:43px;font-size:14px}}

/* v1.6 Educationverse · original content remains, additive mobile-first layouts */
.edu-home-spotlight{margin:28px 0;padding:24px;border:1px solid color-mix(in srgb,var(--teal) 42%,var(--border));background:linear-gradient(125deg,color-mix(in srgb,var(--panel) 85%,#10799e),var(--panel));border-radius:22px;overflow:hidden}
.spotlight-content{display:grid;grid-template-columns:minmax(160px,260px) 1fr;gap:24px;align-items:center}
.spotlight-content h2{font-size:clamp(19px,2.4vw,30px);line-height:1.24;margin:0 0 12px}
.spotlight-content p{color:var(--muted);line-height:1.65;max-width:65ch}
.spotlight-art{position:relative;min-height:195px;border-radius:20px;isolation:isolate;background:radial-gradient(circle at 43% 43%,#245f9b 0%,#152947 55%,#0e1c34 100%);box-shadow:inset 0 0 38px #1fbbdd23}
.atom-orb{position:absolute;z-index:2;display:grid;place-items:center;border-radius:50%;font-weight:900;box-shadow:inset -9px -7px 12px #11182754,0 10px 24px #101b3055}
.orb-o{width:78px;height:78px;left:32%;top:32%;background:linear-gradient(135deg,#fb7185,#e03151);font-size:23px;color:white}
.orb-h1,.orb-h2{height:49px;width:49px;background:linear-gradient(135deg,#fff,#9ae5fa);color:#12344f;font-size:16px}
.orb-h1{left:15%;top:21%}.orb-h2{left:66%;top:24%}
.spotlight-art:before,.spotlight-art:after{content:'';position:absolute;z-index:1;background:#98e8f9;width:91px;height:12px;top:48%;left:22%;transform:rotate(41deg);border-radius:12px;box-shadow:0 0 12px #92e9ff66}
.spotlight-art:after{left:55%;transform:rotate(-43deg)}
.spotlight-art>b{position:absolute;bottom:15px;right:19px;color:#d7f8ff;font-size:19px}
.edu-practice-nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:17px}
.edu-practice-nav button{margin-left:auto}
.edu-practice-card{max-width:900px;min-height:345px;box-shadow:0 12px 34px #09172b22}
.edu-practice-card h2{font-size:clamp(22px,3vw,32px);margin:10px 0}
.edu-practice-card>p{font-size:clamp(15px,1.5vw,19px);line-height:1.7}
@keyframes quimiverse-enter-right{from{opacity:0;transform:translate3d(42px,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}
.quiz-slide{animation:quimiverse-enter-right .38s cubic-bezier(.18,.8,.23,1) both}
.edu-form{display:grid;gap:14px;margin:23px 0 12px}
.edu-form>label,.edu-input-list label{display:flex;flex-direction:column;gap:8px;font-weight:700}
.edu-form input[type=text],.edu-form textarea,.edu-select,.edu-notes-form input,.edu-notes-form textarea{font:inherit;width:100%;max-width:720px;min-height:48px;padding:12px 13px;border-radius:10px;border:1px solid var(--border);color:var(--text);background:var(--panel2)}
.edu-form textarea,.edu-notes-form textarea{min-height:108px;resize:vertical}
.edu-input-list{display:grid;gap:15px}
.edu-options{display:grid;gap:11px;padding:0;border:0;min-width:0}
.edu-options legend{padding-bottom:12px;color:var(--muted)}
.edu-options label{display:flex;align-items:center;gap:12px;padding:13px 15px;border:1px solid var(--border);border-radius:12px;background:var(--panel2);cursor:pointer;line-height:1.5}
.edu-options label:has(input:checked){border-color:var(--teal);background:color-mix(in srgb,var(--teal) 13%,var(--panel2))}
.edu-options input[type=radio]{accent-color:var(--teal);width:20px;height:20px;flex-shrink:0}
.edu-next-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}
.edu-graph{width:min(100%,580px);margin:16px 0;background:var(--panel2);padding:13px;border-radius:12px;border:1px solid var(--border)}
.edu-graph svg{display:block;width:100%;height:auto;color:var(--text)}
.edu-graph figcaption{font-size:12px;color:var(--muted);line-height:1.5;margin-top:7px}
.edu-progress-panel{margin:24px 0 10px}
.edu-recommend{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid var(--border);padding:15px 0}
.edu-recommend p{font-size:13px;margin:5px 0 0;color:var(--muted)}
.edu-recommend button{flex-shrink:0}
.edu-notes-form{display:grid;gap:16px;margin-top:15px}
.edu-notes-form label{display:grid;gap:8px;max-width:780px;font-weight:700}
.edu-note{padding:15px 0;border-bottom:1px solid var(--border)}
.edu-note h3{margin:0 0 8px}.edu-note p{white-space:pre-wrap;overflow-wrap:anywhere}
#edu-board{display:block;max-width:100%;height:auto;border-radius:12px;border:2px solid #94a3b8;background:white;cursor:crosshair;touch-action:none}
@media(max-width:680px){.spotlight-content{grid-template-columns:1fr}.spotlight-art{min-height:170px}.edu-home-spotlight{padding:17px}.edu-recommend{align-items:flex-start;flex-direction:column}.edu-practice-nav button{margin-left:0}.edu-practice-card{padding:17px!important}}
@media(prefers-reduced-motion:reduce){.quiz-slide{animation:none!important}.accordion-chevron,.btn,.world-card{transition:none!important}}
@media print{#edu-board,.edu-notes-form,#note-form,.edu-next-actions,.edu-practice-nav{display:none!important}.edu-note{break-inside:avoid}}