.educat-head,.lab-head{padding:1rem 1.2rem;border-radius:18px;background:linear-gradient(125deg,#062f38,#0f766e);color:#fff;overflow:hidden;position:relative}.educat-head span,.lab-head span{color:#99f6e4}.educat-head h1,.lab-head h1{color:#fff}.educat-head p,.lab-head p{color:#d8f3ef}.educat-mark,.lab-flask{flex:0 0 76px;width:76px;height:76px;display:grid;place-items:center;border:1px solid #ffffff4d;border-radius:22px;background:#ffffff17;font-size:2.4rem;font-weight:950;box-shadow:0 18px 40px #001b2066}.educat-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:.8rem}.educat-input-panel,.educat-preview-panel{overflow:visible}.educat-form .wide{grid-column:1/-1}.educat-form button{justify-self:start}.educat-examples{margin-top:.8rem;display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;padding:.65rem;border-radius:10px;background:#f1f5f9;font-size:.61rem;color:#475569}.educat-examples b{color:#0f172a}.educat-examples span{padding:.3rem .45rem;border:1px solid #cbd5e1;border-radius:999px;background:#fff}.educat-expression{display:grid;gap:.2rem;padding:.8rem;border-radius:12px;background:#071d31;color:#fff}.educat-expression small,.educat-solution small{font-size:.55rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#5eead4}.educat-expression strong{font-size:1.4rem}.educat-preview-panel h3{margin:.8rem 0}.educat-options{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.educat-options>span{display:flex;justify-content:space-between;align-items:center;gap:.5rem;border:1px solid #d6e0e3;border-radius:9px;padding:.65rem;font-weight:800}.educat-options .correct{border-color:#14b8a6;background:#ecfdf5;color:#115e59}.educat-options small{font-size:.5rem;text-transform:uppercase}.educat-solution{margin-top:.7rem;border-left:4px solid #e9b949;border-radius:9px;background:#fffbeb;padding:.7rem;color:#78350f}.educat-solution small{color:#92400e}.educat-solution p{font-size:.68rem;line-height:1.55}.educat-save{display:grid;grid-template-columns:1fr auto;gap:.5rem;margin-top:.8rem}.educat-save label{grid-column:1/-1;font-size:.61rem;font-weight:850}.educat-save select{border:1px solid #94a3b8;border-radius:9px;padding:.58rem;background:#fff;font-size:.68rem}.educat-save button,.lab-journal button{border:0;border-radius:9px;background:#0f766e;padding:.6rem .8rem;color:#fff;font-size:.64rem;font-weight:850}.educat-empty{min-height:260px;display:grid;place-items:center;align-content:center;text-align:center;color:#64748b}.educat-empty span{font-size:3rem;color:#14b8a6}.educat-empty b{color:#0f172a}.educat-empty p{max-width:380px;font-size:.66rem}.educat-notice{margin-top:.8rem;border-radius:10px;background:#fef3c7;padding:.7rem;color:#78350f}.educat-notice p,.educat-notice a{font-size:.62rem}.educat-notice a{font-weight:850}.lab-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-bottom:.8rem}.lab-card{position:relative;min-height:190px;padding:1rem;border:1px solid #cfe3e1;border-radius:16px;background:linear-gradient(140deg,#fff,#eefcf9);box-shadow:0 10px 28px #0f766e0e;transition:transform .2s,box-shadow .2s}.lab-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px #0f766e1c}.lab-card-icon{float:right;width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#ccfbf1;font-size:1.5rem}.lab-card .lab-subject{font-size:.55rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#0f766e}.lab-card h2{margin:.75rem 0 .35rem;font-size:1rem}.lab-card p{max-width:85%;font-size:.68rem;line-height:1.55;color:#64748b}.lab-card strong{position:absolute;bottom:1rem;color:#0f766e;font-size:.64rem}.lab-access-note{text-align:center}.virtual-lab{overflow:visible}.lab-instructions,.lab-observation{padding:.75rem;border-radius:11px;background:#f0fdfa}.lab-instructions p,.lab-observation p{font-size:.68rem;color:#475569}.lab-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin:1rem 0}.lab-controls label{display:grid;gap:.3rem;padding:.6rem;border:1px solid #dce5e8;border-radius:10px;font-size:.62rem;font-weight:800}.lab-controls output{color:#0f766e;font-weight:900}.balance-visual{height:190px;display:grid;grid-template-columns:1fr 80px 1fr;align-items:center;max-width:760px;margin:auto}.balance-visual div{height:70px;display:grid;place-items:center;border-radius:50%;background:#fef3c7;border:4px solid #e9b949;font-weight:900}.balance-visual i{height:9px;background:#334155;transform:rotate(0deg);position:relative}.balance-visual i:after{content:"";position:absolute;left:50%;top:8px;width:0;height:0;border-left:35px solid transparent;border-right:35px solid transparent;border-bottom:80px solid #64748b;transform:translateX(-50%)}.density-tank{height:230px;max-width:500px;margin:0 auto 1rem;position:relative;overflow:hidden;border:5px solid #94a3b8;border-top:0;border-radius:0 0 20px 20px;background:#fff}.density-tank .water{position:absolute;inset:45px 0 0;background:linear-gradient(#bae6fd99,#38bdf8aa)}.density-object{position:absolute;left:50%;translate:-50% 0;border-radius:12px;background:#f97316;transition:top .5s}.density-object.floating{top:35px}.density-object.sinking{top:145px}.circuit-visual{min-height:190px;display:flex;align-items:center;justify-content:center;gap:0}.circuit-visual i{width:100px;height:6px;background:#475569}.battery,.resistor{padding:.65rem;border:3px solid #334155;border-radius:8px;background:#fff;font-weight:900}.bulb{color:#fbbf24;font-size:4rem;transition:filter .25s}.plant-visual{min-height:220px;display:flex;align-items:end;justify-content:center;gap:2rem;padding:1rem;background:linear-gradient(#e0f2fe 70%,#92400e 71%);border-radius:16px}.plant-visual .sun{align-self:start;font-size:3rem}.plant-visual .plant{color:#15803d;line-height:1;transition:font-size .25s}.plant-visual .drops{align-self:center;color:#0284c7;font-size:2rem}.lab-journal textarea{width:100%;border:1px solid #94a3b8;border-radius:10px;padding:.7rem;margin:.6rem 0;font-size:.7rem}.lab-filter{display:flex;gap:.5rem;margin:.8rem 0}.lab-filter a{border:1px solid #99d8d1;border-radius:999px;background:#fff;padding:.45rem .8rem;color:#0f766e;font-size:.65rem;font-weight:850}.lab-group-title{margin:1rem 0 .55rem;font-size:1rem}.fraction-stage{display:grid;gap:1rem;max-width:760px;margin:1.5rem auto}.fraction-stage>div{display:grid;grid-template-columns:55px 1fr;align-items:center;gap:.75rem}.fraction-stage i{height:42px;overflow:hidden;border:2px solid #0f766e;border-radius:9px;background:#f8fafc}.fraction-stage i span{display:block;height:100%;background:linear-gradient(90deg,#14b8a6,#5eead4);transition:width .25s}.percent-stage{display:grid;place-items:center;padding:1rem}.percent-wheel{width:190px;height:190px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#14b8a6 var(--percent),#e2e8f0 0);box-shadow:inset 0 0 0 22px #fff}.percent-wheel b{font-size:1.4rem}.coordinate-plane,.unit-circle-stage{position:relative;width:min(360px,90vw);height:360px;margin:1rem auto;border:1px solid #94a3b8;background:linear-gradient(#cbd5e155 1px,transparent 1px),linear-gradient(90deg,#cbd5e155 1px,transparent 1px);background-size:10% 10%}.axis-x,.axis-y{position:absolute;background:#334155}.axis-x{left:0;right:0;top:50%;height:2px}.axis-y{top:0;bottom:0;left:50%;width:2px}.coordinate-point,.circle-point{position:absolute;translate:-50% -50%;border-radius:999px;background:#f97316;padding:.35rem;color:#fff;font-size:.6rem;font-weight:900;transition:left .2s,top .2s}.triangle-stage{min-height:260px;display:flex;align-items:end;justify-content:center}.right-triangle{width:0;height:0;border-left:var(--leg-a) solid #14b8a6;border-top:var(--leg-b) solid transparent;filter:drop-shadow(0 8px 8px #0f766e33);transition:border-width .2s}.unit-circle-stage{border-radius:50%;background:#ecfeff}.radius{position:absolute;left:50%;top:50%;width:43%;height:4px;background:#0f766e;transform-origin:left center}.circle-point{width:14px;height:14px;padding:0}.probability-stage{display:grid;place-items:center;gap:1rem;padding:1rem}.spinner-disc{width:190px;height:190px;border:8px solid #fff;border-radius:50%;background:conic-gradient(#ef4444 var(--red-angle),#3b82f6 0);box-shadow:0 0 0 2px #475569}.lab-actions{display:flex;flex-wrap:wrap;gap:.5rem}.lab-actions button{border:0;border-radius:8px;background:#0f766e;padding:.55rem .7rem;color:#fff;font-weight:800}.statistics-bars{height:230px;display:flex;align-items:end;justify-content:center;gap:.8rem;padding:1rem}.statistics-bars label{display:flex;height:100%;flex-direction:column;justify-content:end;align-items:center}.statistics-bars span{width:46px;display:grid;place-items:start center;border-radius:8px 8px 0 0;background:#14b8a6;color:#fff;font-weight:900;transition:height .2s}.statistics-bars input{width:70px}.derivative-stage{min-height:230px;position:relative;display:grid;place-items:center;overflow:hidden}.derivative-stage .curve{font-size:12rem;line-height:1;color:#99f6e4}.derivative-stage i{position:absolute;width:300px;height:4px;background:#f97316;transition:transform .2s}.derivative-stage b{position:absolute;top:1rem;right:1rem}.lab-journal{margin-top:.8rem}@media(max-width:900px){.educat-layout,.lab-grid{grid-template-columns:1fr}.lab-controls{grid-template-columns:1fr}.educat-mark,.lab-flask{display:none}}@media(max-width:600px){.educat-options,.educat-save{grid-template-columns:1fr}.educat-save label{grid-column:auto}.balance-visual{grid-template-columns:1fr 45px 1fr}.coordinate-plane,.unit-circle-stage{width:280px;height:280px}.statistics-bars{gap:.25rem}.statistics-bars span{width:34px}.statistics-bars input{width:48px}}
