.plant-lab{--plant-green:#39765d;--plant-teal:#2e7780;--plant-gold:#e4aa45;margin-top:17px;padding:clamp(18px,3vw,31px);overflow:hidden;border:1px solid #bed1c7;border-radius:19px;background:linear-gradient(145deg,#fffdf7,#edf6ed);box-shadow:0 12px 28px rgba(39,79,60,.12)}.plant-intro h3{margin:5px 0 8px;font:700 clamp(24px,3vw,32px)/1.15 'Fraunces',serif}.plant-intro>p:not(.eyebrow){max-width:900px;color:#526862;line-height:1.6}.plant-vocab{display:flex;gap:9px;flex-wrap:wrap;margin:16px 0}.plant-vocab span{display:flex;flex:1 1 190px;flex-direction:column;padding:11px 13px;border:1px solid #c6d8cd;border-radius:11px;background:#fff;color:#60736d;font-size:12px}.plant-vocab b{margin-bottom:3px;color:var(--plant-green);font-size:14px}.transport-controls,.resource-controls,.response-controls,.temperature-picker{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.transport-controls button,.resource-controls button,.response-controls button,.temperature-picker button,.plant-primary{padding:10px 14px;border:1px solid #b8c9c0;border-radius:10px;background:#fff;color:#315d4d;font-weight:800;cursor:pointer;box-shadow:0 4px 9px rgba(38,74,50,.08)}.transport-controls button[aria-pressed=true],.resource-controls button[aria-pressed=true],.response-controls button[aria-pressed=true],.temperature-picker button[aria-pressed=true],.plant-primary{border-color:var(--plant-green);background:var(--plant-green);color:#fff}.plant-slider{display:flex;justify-content:space-between;flex-wrap:wrap;padding:13px 15px;border-radius:12px;background:#fff;font-weight:800}.plant-slider input{flex:1 0 100%;width:100%;margin-top:10px;accent-color:var(--plant-green)}.plant-result{padding:14px 16px;border-left:5px solid var(--plant-gold);border-radius:8px;background:#fff;color:#526862;line-height:1.5}.plant-result strong{color:var(--plant-green)}.model-note-plant{margin:8px 2px 0;color:#70817a;font-size:11px}.transport-scene{position:relative;height:330px;margin-top:12px;overflow:hidden;border-radius:15px;background:linear-gradient(#c5e6ee 0 68%,#bc9e68 68%)}.celery-model{position:absolute;z-index:3;left:38%;bottom:61px;width:150px;height:250px}.celery-stem{position:absolute;left:54px;bottom:34px;width:40px;height:175px;border:5px solid #4d8a54;border-radius:22px 22px 7px 7px;background:#9bd17e;overflow:hidden}.celery-stem i{position:absolute;inset:auto 7px 0;width:5px;height:var(--water-rise,0%);border-radius:5px;background:var(--water-color,#398cdb);box-shadow:10px 0 var(--water-color,#398cdb),20px 0 var(--water-color,#398cdb);transition:height .7s}.celery-leaves i{position:absolute;width:64px;height:42px;border-radius:70% 20% 70% 20%;background:#4b984d;transform-origin:bottom}.celery-leaves i:first-child{left:15px;top:12px;transform:rotate(-30deg)}.celery-leaves i:nth-child(2){left:72px;top:0;transform:rotate(22deg)}.celery-leaves i:nth-child(3){left:54px;top:36px;transform:rotate(5deg)}.celery-cut{position:absolute;left:50px;bottom:26px;width:49px;height:18px;border-radius:50%;background:#d9edb7;border:4px solid #4d8a54}.celery-cut span{position:absolute;inset:4px;background:radial-gradient(circle,var(--water-color,#398cdb) 0 2px,transparent 3px);background-size:10px 8px;opacity:var(--dot-opacity,0);transition:opacity .5s}.water-cup{position:absolute;left:calc(38% + 37px);bottom:20px;width:78px;height:80px;border:5px solid rgba(86,130,143,.6);border-top:0;border-radius:0 0 12px 12px;overflow:hidden;text-align:center}.water-cup i{position:absolute;inset:auto 0 0;height:58px;background:var(--water-color,#398cdb);opacity:.65}.water-cup b{position:absolute;z-index:2;left:0;right:0;bottom:18px;color:#fff;font-size:10px}.transport-labels{position:absolute;inset:20px 25px;pointer-events:none}.transport-labels span{position:absolute;padding:5px 8px;border-radius:6px;background:#fff;font-size:11px;font-weight:800}.transport-labels span:first-child{left:54%;top:4%}.transport-labels span:nth-child(2){left:55%;top:42%}.transport-labels span:nth-child(3){left:54%;bottom:24%}.transport-labels span:nth-child(4){left:23%;bottom:8%}
.plant-jobs-scene{position:relative;height:350px;overflow:hidden;border-radius:15px;background:linear-gradient(#c3e6ee 0 70%,#8c6b45 70%)}.jobs-sun,.jobs-cloud,.jobs-bee,.soil-water{position:absolute;opacity:.18;transition:.35s}.jobs-sun{right:7%;top:7%;color:#f3bc35;font-size:65px}.jobs-cloud{left:7%;top:14%;padding:12px;border-radius:50%;background:#fff;color:#46717b;font-weight:900}.jobs-bee{right:31%;top:20%;font-size:35px}.soil-water{left:27%;bottom:10%;font-size:28px}.plant-jobs-scene.has-light .jobs-sun,.plant-jobs-scene.has-air .jobs-cloud,.plant-jobs-scene.has-pollinator .jobs-bee,.plant-jobs-scene.has-water .soil-water{opacity:1}.jobs-plant{position:absolute;left:48%;bottom:55px;width:160px;height:270px}.jobs-stem{position:absolute;left:76px;bottom:52px;width:12px;height:160px;border-radius:9px;background:#4f8c50}.jobs-leaves i{position:absolute;width:70px;height:42px;border-radius:80% 15% 80% 15%;background:#5b9f50}.jobs-leaves i:first-child{left:8px;top:95px;transform:rotate(22deg)}.jobs-leaves i:nth-child(2){right:4px;top:135px;transform:scaleX(-1) rotate(18deg)}.jobs-flower{position:absolute;z-index:2;left:54px;top:0;color:#d85c73;font-size:70px;filter:grayscale(1);transition:.4s}.plant-jobs-scene.food-ready .jobs-flower{filter:none;transform:scale(1.08)}.jobs-roots{position:absolute;left:43px;bottom:0;width:90px;height:60px}.jobs-roots i{position:absolute;left:42px;top:0;width:6px;height:62px;border-radius:5px;background:#d7bd8c;transform-origin:top}.jobs-roots i:first-child{transform:rotate(28deg)}.jobs-roots i:nth-child(2){transform:rotate(-28deg)}.seed-pod{position:absolute;right:2px;top:45px;padding:6px;border-radius:14px;background:#a7ca6f;opacity:0;transition:.4s}.plant-jobs-scene.has-seeds .seed-pod{opacity:1}.resource-flow i{position:absolute;color:#dff7ff;font-style:normal;font-weight:900;opacity:0}.resource-flow i:first-child{left:45%;bottom:28%;transform:rotate(-90deg)}.resource-flow i:nth-child(2){left:55%;top:44%}.plant-jobs-scene.has-water [data-flow-water],.plant-jobs-scene.food-ready [data-flow-food]{opacity:1;animation:flow-pulse .8s infinite alternate}.plant-job-status{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.plant-job-status span{display:flex;flex-direction:column;padding:10px;border-radius:9px;background:#fff;color:#6b7c74;font-size:11px}.plant-job-status b{color:#39765d;font-size:13px}.plant-job-status span.ready{background:#dff1dd}@keyframes flow-pulse{to{transform:translateY(-8px)}}
.growth-response-scene{position:relative;height:330px;margin-top:12px;overflow:hidden;border-radius:15px;background:linear-gradient(#c4e6ef 0 72%,#8d7049 72%)}.growth-lamp{position:absolute;z-index:2;left:6%;top:8%;color:#f4bd37;font-size:64px;text-shadow:0 0 17px #ffec85;transition:left .4s}.growth-lamp.right{left:86%}.growth-rays{position:absolute;left:12%;right:50%;top:18%;height:4px;background:#ffe17a;box-shadow:0 0 14px #ffe17a;transform:rotate(14deg);transform-origin:left;transition:.4s}.growth-rays.right{left:54%;right:10%;transform:rotate(166deg);transform-origin:right}.growth-model{position:absolute;left:47%;bottom:45px;width:150px;height:240px;transition:transform .4s}.growth-model.sideways{transform:rotate(90deg)}.growth-pot{position:absolute;left:43px;bottom:35px;width:68px;height:65px;background:#c46e45;clip-path:polygon(0 0,100% 0,85% 100%,15% 100%)}.growth-shoot{position:absolute;left:72px;bottom:95px;width:9px;height:var(--shoot-height,100px);border-radius:8px;background:#4d8e4c;transform:rotate(var(--shoot-bend,0deg));transform-origin:bottom;transition:.6s}.growth-shoot i{position:absolute;left:-39px;top:36%;width:45px;height:28px;border-radius:75% 15% 75% 15%;background:#67a755}.growth-shoot span{position:absolute;left:4px;top:55%;width:45px;height:28px;border-radius:15% 75% 15% 75%;background:#67a755}.growth-roots{position:absolute;left:67px;bottom:0;width:20px;height:45px;transform:rotate(var(--root-turn,0deg));transform-origin:top;transition:.6s}.growth-roots i{position:absolute;left:7px;top:0;width:5px;height:48px;border-radius:4px;background:#d8bd87;transform-origin:top}.growth-roots i:first-child{transform:rotate(24deg)}.growth-roots i:nth-child(2){transform:rotate(-24deg)}.gravity-direction{position:absolute;right:16px;bottom:15px;padding:6px 9px;border-radius:7px;background:#fff;color:#39765d;font-weight:900}.response-observations{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.response-observations span{display:flex;flex-direction:column;padding:11px;border-radius:10px;background:#fff}.response-observations b{color:#39765d}.response-observations small{color:#697a73}
.heat-growth-workbench{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:12px}.growth-chamber{display:grid;place-items:center;min-height:260px;padding:15px;border-radius:15px;background:linear-gradient(#c6e5e9 0 72%,#9a744d 72%)}.growth-chamber>span{justify-self:start;align-self:start;font-size:38px}.growth-chamber>small{font-weight:900}.test-seedling{position:relative;width:90px;height:150px;transform:scale(var(--plant-scale,1));transform-origin:bottom;transition:.5s}.test-seedling>b{position:absolute;left:40px;bottom:20px;width:10px;height:105px;border-radius:7px;background:#4b8c4a}.test-seedling>i::before,.test-seedling>i::after{content:"";position:absolute;z-index:2;top:48px;width:48px;height:30px;background:var(--leaf-color,#5fa250);border-radius:75% 15% 75% 15%;transition:.4s}.test-seedling>i::before{left:2px;transform:rotate(15deg)}.test-seedling>i::after{right:0;top:75px;transform:scaleX(-1) rotate(12deg)}.growth-record{display:grid;gap:10px}.growth-record>div{padding:13px;border-radius:11px;background:#fff}.growth-record span{display:block;color:#6b7d75;font-size:11px;font-weight:800}.growth-record strong{display:block;margin:5px 0;color:#39765d;font:800 18px monospace}.growth-record i{display:block;height:9px;overflow:hidden;border-radius:99px;background:#e3ece5}.growth-record i b{display:block;width:var(--bar-width,50%);height:100%;border-radius:inherit;background:linear-gradient(90deg,#65a65a,#e5b34a);transition:.5s}.plant-primary{margin:12px 0}.growth-table{display:grid;grid-template-columns:60px 1fr 1fr;overflow:hidden;border:1px solid #c8d7cf;border-radius:10px;background:#fff}.growth-table>span{padding:7px 10px;background:#39765d;color:#fff;font-size:11px;font-weight:900}.growth-table>div{display:contents}.growth-table>div span{padding:7px 10px;border-top:1px solid #e0e8e3;font-size:12px}
@media(max-width:760px){.plant-job-status{grid-template-columns:1fr 1fr}.heat-growth-workbench{grid-template-columns:1fr}.transport-scene{height:300px}.celery-model{left:27%}.water-cup{left:calc(27% + 37px)}.growth-model{left:39%}}@media(max-width:480px){.plant-job-status,.response-observations{grid-template-columns:1fr}.plant-lab{padding:16px}.jobs-plant{left:32%}.transport-labels{display:none}.celery-model{left:20%}.water-cup{left:calc(20% + 37px)}.growth-model{left:28%}}