.acidlab{padding:24px;max-width:1220px}.acidlab h1{font-size:clamp(29px,4vw,44px);line-height:1.12;letter-spacing:-1.4px}.acidlab-head{margin-bottom:28px}.acidlab-head p{font-size:16px}.acidlab-types{gap:10px}.acidlab-type{border-radius:14px;background:#f6f9f9;padding:15px 20px}.acidlab-type.active{background:#e9f5f2;border-color:#68a79c;box-shadow:none}.acidlab-type span{font-size:10px;letter-spacing:1px}.acidlab-type strong{font-size:17px}.acidlab-grid{grid-template-columns:minmax(0,1.3fr) minmax(320px,.8fr);align-items:start}.acidlab-stage{box-shadow:none;background:#f7faf9}.acidlab-panel{box-shadow:none;padding:24px}.acidlab-visual{min-height:450px;background:radial-gradient(ellipse at 50% 50%,#fff,#eff6f4)!important}.acidlab-visual:after{display:none}.acidlab-scene-top{display:flex;justify-content:space-between;align-items:center;padding:22px 24px;font-size:11px;letter-spacing:1.5px;color:#68847e}.acidlab-status{padding:7px 12px;border-radius:30px;background:#e2efea;color:#397768;font-size:12px;letter-spacing:0}.acidlab-apparatus{position:relative;height:325px}.acidlab-glass{bottom:28px;width:192px;height:230px;border:3px solid #96b8c1;border-top:5px solid #a8c7ce;border-radius:3px 3px 24px 24px;box-shadow:inset 10px 0 12px #ffffffa8,inset -8px 0 14px #9dc3ca22,4px 8px 12px #24414a0d;background:#ffffff38;overflow:hidden}.acidlab-glass:after{content:'';position:absolute;left:11px;top:12px;bottom:20px;width:5px;background:#fff9;border-radius:9px}.acidlab-liquid{position:absolute;bottom:0;width:100%;height:145px;background:linear-gradient(90deg,#b5dce980,#dff3f7b0,#b5dce980);border-top:2px solid #91c7d388;border-radius:45% 45% 0 0 / 5% 5% 0 0}.acidlab-graduations{position:absolute;right:13px;top:30px;font-size:12px;line-height:38px;color:#68939e;text-align:right}.acidlab-sample{background:var(--sample);bottom:12px;width:75px;height:18px;border-radius:5px;box-shadow:inset 0 3px 3px #fff5,0 3px 4px #0002;transform:translateX(-50%) rotate(-8deg)}.acidlab-bench{position:absolute;left:10%;right:10%;bottom:25px;height:6px;border-radius:50%;background:#bdd0cb;box-shadow:0 12px 20px #607d7326}.acidlab-pipette{display:none}.acidlab-visual[data-kind=hydroxide] .acidlab-pipette{display:block;position:absolute;left:calc(50% - 8px);top:4px;width:16px;height:55px;background:linear-gradient(90deg,#b8d9df,#f7ffff,#aecbd2);border-radius:8px 8px 4px 4px;z-index:4}.acidlab-visual[data-kind=hydroxide] .acidlab-sample{display:none}.acidlab-visual[data-kind=hydroxide] .acidlab-liquid{background:#d6b0e080}.acidlab-scene-caption{text-align:center;font-size:14px;color:#526f69;padding:0 20px 28px}.acidlab-progress{background:#dceae5;bottom:0;left:0;right:0;height:4px;border-radius:0}.acidlab-progress i{background:#529b88}.acidlab-reference{display:flex;align-items:center;gap:17px;padding:18px 22px;border-top:1px solid #dce7e2;background:white}.acidlab-reference img{width:108px;height:75px;object-fit:cover;border-radius:9px}.acidlab-reference b{font-size:14px}.acidlab-reference p{font-size:12px;color:#789087;margin:5px 0}.acidlab-running .acidlab-progress i{animation-duration:8s}.acidlab-running[data-kind=oxide] .acidlab-sample{animation-duration:7s}.acidlab-running[data-kind=hydroxide] .acidlab-glass{animation:none}.acidlab-running[data-kind=hydroxide] .acidlab-drop{top:0;z-index:4;animation:acidDrop 1s ease-in 7}.acidlab-running[data-kind=oxide] .acidlab-liquid,.acidlab-running[data-kind=hydroxide] .acidlab-liquid{animation:acidColour 7s forwards}.acidlab-running[data-kind=metal]:not([data-inert=true]) .acidlab-sample{animation:acidDissolve 8s forwards}.acidlab-running[data-inert=true] .acidlab-bubble,.acidlab-finished .acidlab-bubble{animation:none!important;opacity:0}.acidlab-result{background:#f3f7f5;border-radius:12px;font-size:15px}.acidlab-equation{background:#fff;padding:13px;border-radius:9px;margin:12px 0;line-height:1.7}.acidlab-predict label:has(input:checked){background:#e6f3ed;outline:1px solid #73ab98}.acidlab-predict input{accent-color:#258471}.acidlab-actions button:hover{filter:brightness(1.07)}@keyframes acidColour{to{background:var(--product)}}@media(max-width:780px){.acidlab{padding:14px}.acidlab-grid{grid-template-columns:1fr}.acidlab-types{grid-template-columns:1fr}.acidlab-visual{min-height:430px}.acidlab-panel{padding:18px}}
.acidlab-apparatus{height:auto!important;aspect-ratio:600/370;min-height:260px}.acidlab-progress i{animation:none!important;transition:none}.acidlab-apparatus svg{overflow:visible}.acidlab-visual{min-height:0!important}.acidlab-scene-caption{padding-bottom:22px}