.graph-toolbar{display:flex;gap:6px;justify-content:flex-end;margin:8px 0}.graph-style{border:1px solid #c5d6e5;border-radius:7px;background:#fff;padding:7px 14px;color:#425c79;font-size:11px}.graph-style.selected{background:#176d81;color:white;border-color:#176d81}.graph-reading{font:11px/1.5 Arial!important;padding:10px;background:#ffffff8c;border-radius:7px;min-height:35px}.graph-mark{cursor:crosshair;transition:fill .15s}.graph-mark:hover,.graph-mark:focus{fill:#e4a83f;outline:0;stroke:#173953;stroke-width:2}.interactive-chart svg{width:100%;height:auto}.bench-scene{height:275px;border-radius:14px;overflow:hidden;background:radial-gradient(ellipse at 50% 30%,#235b71,#0c2038 80%);position:relative;perspective:800px;margin:15px 0;border:1px solid #2a536e;box-shadow:inset 0 0 50px #0003}.bench-caption{position:absolute;left:18px;top:13px;color:#9ee4e3;font:9px monospace;letter-spacing:1px;z-index:3}.bench-caption span{display:block;color:#aabccf;font-size:8px;margin-top:4px}.bench-object{position:absolute;inset:35px 0 20px;transform-style:preserve-3d;transition:transform .7s;z-index:2;display:flex;justify-content:center;align-items:center}.bench-floor{position:absolute;bottom:-70px;left:-10%;width:120%;height:150px;transform:rotateX(55deg);background:repeating-linear-gradient(90deg,#a6d0d01a 0 1px,transparent 1px 40px),linear-gradient(#3b6075,#132f46);box-shadow:0 -10px 40px #4d9d9b1a}.bench-meter{position:absolute;bottom:10px;right:15px;color:#a6d6df;font:9px monospace;z-index:3}.bench-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:10px;color:#6c8198}.bench-controls button{font-size:10px;padding:7px 12px}.glass-flask{position:relative;width:145px;height:195px;filter:drop-shadow(15px 18px 9px #0005)}.flask-neck{position:absolute;width:47px;height:73px;left:49px;top:0;background:linear-gradient(90deg,#8ac8da20,#b9f3ff65 20%,#4c849c20 60%,#d0f2ff70);border:2px solid #a9dae3aa;border-radius:5px}.flask-bulb{position:absolute;bottom:0;width:145px;height:140px;border:2px solid #b6e9f080;border-radius:40% 40% 20% 20%;overflow:hidden;background:linear-gradient(90deg,#c1faff30,transparent 30%,#77bfd629 75%,#c6f2ff50);box-shadow:inset -10px -10px 20px #b5fbff35,inset 5px 0 10px #fff5}.flask-liquid{position:absolute;bottom:0;width:100%;background:linear-gradient(90deg,#04958da0,#55e4c5b0,#077184d0);border-top:3px solid #8cf4cf;border-radius:50% 50% 0 0/10% 10% 0 0;transition:height .35s}.glass-shine{width:12px;height:60%;position:absolute;left:13px;top:15px;border-radius:50%;background:#eeffff45;filter:blur(2px)}.bubble{position:absolute;width:9px;height:9px;border:1px solid #d7fff7;border-radius:50%;left:38%;bottom:14%;animation:bubble-rise 3s infinite}.bubble.second{left:67%;animation-delay:1s}.dish{width:225px;height:150px;transform:rotateX(35deg) rotateZ(-12deg);border-radius:50%;border:5px solid #c8eaf17a;background:linear-gradient(120deg,#b5dbed40,#6a9eac60);box-shadow:0 12px 0 #8bbfd077,0 16px 3px #8bbfd033,18px 35px 20px #0005,inset 0 0 15px #b6e2d866}.dish-liquid{position:absolute;inset:8px;border-radius:50%;background:radial-gradient(ellipse,#e1c77b,#aa9d58);overflow:hidden}.colony{position:absolute;border-radius:50%;background:radial-gradient(circle at 30% 25%,#f7fbcc,#b0b966);box-shadow:2px 3px 4px #53693a88;transition:width .3s,height .3s}.aquarium{width:240px;height:160px;background:linear-gradient(120deg,#a5def720,transparent);border:3px solid #b0dce260;border-radius:7px;box-shadow:12px 14px 5px #0003,inset 5px 0 10px #a7edff44;overflow:hidden}.water{position:absolute;inset:35px 0 0;background:linear-gradient(#4bd6d530,#117eaa90);border-top:2px solid #90f0e1}.model-fish{font-size:65px;color:#f3bd71;position:absolute;top:25px;left:75px;text-shadow:4px 7px 5px #092d4c;animation:fish-sway 4s infinite alternate}.plant-model{width:150px;height:210px;position:relative;transform:scale(var(--grow));transform-origin:bottom;transition:transform .4s;filter:drop-shadow(10px 10px 8px #0005)}.plant-stem{height:130px;width:8px;background:linear-gradient(90deg,#497955,#9ac787,#285d49);position:absolute;left:70px;top:5px}.leaf{position:absolute;width:70px;height:34px;border-radius:0 100% 0 100%;background:linear-gradient(150deg,#a5d690,#228066);box-shadow:2px 3px 5px #0004}.leaf.one{top:25px;left:6px;transform:rotate(10deg)}.leaf.two{top:65px;left:75px;transform:rotate(-55deg)}.leaf.three{top:92px;left:7px;transform:rotate(15deg)}.plant-pot{position:absolute;bottom:10px;left:35px;width:80px;height:70px;background:linear-gradient(90deg,#8d5a43,#d4a17d,#845644);clip-path:polygon(0 0,100% 0,85% 100%,15% 100%);border-top:8px solid #b18b70}.flower-photo-viewport{position:relative;overflow:hidden;border-radius:14px;background:#0d2637;aspect-ratio:1.35;touch-action:pan-y}.flower-photo-inner{position:absolute;inset:0;transition:transform .25s}.flower-photo-inner img{width:100%;height:100%;object-fit:contain;display:block}.photo-hotspot{position:absolute;border:2px solid white;border-radius:50%;width:29px;height:29px;background:#0c8e95;color:white;box-shadow:0 0 0 5px #ffffff30;transform:translate(-50%,-50%);font-size:12px}.photo-hotspot:hover,.photo-hotspot:focus{background:#d3a047;outline:2px solid #f2d894}.flower-controls{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin:12px 0}.photo-info{padding:15px;border-left:3px solid #2b9397;background:#edf7f6;font-size:13px}.flower-photo-caption{font-size:10px;color:#6b7e91;margin:8px 0}.photo-observation{font-size:12px}.flower-stage-tag{font:10px monospace;color:#28818b;letter-spacing:1px;margin:12px 0}#flower-lab{max-width:1000px}#lab{max-width:1100px}#lab .experiment-layout{grid-template-columns:240px 1fr}@keyframes bubble-rise{0%{transform:translateY(0);opacity:0}30%{opacity:.7}100%{transform:translateY(-55px);opacity:0}}@keyframes fish-sway{from{transform:translateX(-30px)}to{transform:translateX(35px)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(max-width:650px){#lab .experiment-layout{grid-template-columns:1fr}.bench-scene{height:235px}.flower-photo-viewport{aspect-ratio:1}.photo-hotspot{width:25px;height:25px;font-size:10px}.graph-style{padding:7px 11px}}
