.classification-lab{--class-teal:#34767a;--class-gold:#dfa743;--class-coral:#d86f55;margin-top:17px;padding:clamp(18px,3vw,31px);overflow:hidden;border:1px solid #bfd2ce;border-radius:19px;background:linear-gradient(145deg,#fffdf8,#eaf4ef);box-shadow:0 12px 28px rgba(39,74,61,.12)}.classification-intro h3{margin:5px 0 8px;font:700 clamp(24px,3vw,32px)/1.15 'Fraunces',serif}.classification-intro>p:not(.eyebrow){max-width:900px;color:#526862;line-height:1.6}.classification-vocab{display:flex;gap:9px;flex-wrap:wrap;margin:16px 0}.classification-vocab span{display:flex;flex:1 1 190px;flex-direction:column;padding:11px 13px;border:1px solid #c6d8d1;border-radius:11px;background:#fff;color:#60736d;font-size:12px}.classification-vocab b{margin-bottom:3px;color:var(--class-teal);font-size:14px}.specimen-picker,.group-prediction,.binary-choice,.spore-controls{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.specimen-picker button,.group-prediction button,.binary-choice button,.spore-controls button,.classification-primary{padding:10px 14px;border:1px solid #b8c9c1;border-radius:10px;background:#fff;color:#315d50;font-weight:800;cursor:pointer;box-shadow:0 4px 9px rgba(38,74,55,.08)}.specimen-picker button[aria-pressed=true],.spore-controls button[aria-pressed=true],.classification-primary{border-color:var(--class-teal);background:var(--class-teal);color:#fff}.classification-result{padding:14px 16px;border-left:5px solid var(--class-gold);border-radius:8px;background:#fff;color:#526862;line-height:1.5}.classification-result strong{color:var(--class-teal)}.vertebrate-workbench{display:grid;grid-template-columns:.75fr 1.25fr;gap:14px}.animal-stage{display:grid;place-items:center;align-content:center;min-height:230px;padding:15px;border-radius:15px;background:radial-gradient(circle,#eef9e7,#b9d8d0);text-align:center}.animal-stage>span{font-size:90px;filter:drop-shadow(0 8px 5px rgba(41,70,59,.2))}.animal-stage>b{font:700 23px 'Fraunces',serif}.animal-stage small{max-width:220px;margin-top:5px;color:#5d7169}.evidence-board{display:grid;grid-template-columns:1fr 1fr;gap:9px}.evidence-board span{display:flex;flex-direction:column;justify-content:center;padding:14px;border-radius:12px;background:#fff}.evidence-board b{color:var(--class-teal);font-size:12px}.evidence-board i{margin-top:4px;color:#334f47;font-style:normal;font-weight:800}.group-prediction button.correct,.binary-choice button.correct{border-color:#3f875f;background:#dff2df;color:#286344}.group-prediction button.incorrect,.binary-choice button.incorrect{border-color:#d47a64;background:#fbe3dd;color:#9c4837}
.scanner-stage{display:grid;grid-template-columns:1fr 1fr;gap:15px;min-height:250px;padding:18px;border-radius:15px;background:linear-gradient(135deg,#c6e5e8,#e8f1de)}.scan-specimen{position:relative;display:grid;place-items:center;overflow:hidden;border:4px solid #6a9ba0;border-radius:50%;background:#fff}.scan-specimen>span{position:relative;z-index:2;font-size:105px}.scan-specimen>i{position:absolute;left:-20%;right:-20%;top:0;height:5px;background:#78d2d3;box-shadow:0 0 16px #78d2d3;animation:scan-trait 2.1s ease-in-out infinite}.trait-scanner{display:grid;gap:9px}.trait-scanner span{display:flex;justify-content:space-between;align-items:center;padding:13px;border-radius:10px;background:#fff;color:#315b51;font-weight:900}.trait-scanner b{font-size:12px;color:#6a7d75}@keyframes scan-trait{50%{top:calc(100% - 5px)}}
.seed-inspection{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;min-height:230px;padding:17px;border-radius:15px;background:linear-gradient(#c5e7ed 0 68%,#a98456 68%)}.seed-specimen,.magnifier,.seed-proof{display:grid;place-items:center;align-content:center;gap:7px;text-align:center}.seed-specimen span{font-size:88px}.seed-specimen b{padding:5px 8px;border-radius:7px;background:#fff}.magnifier{border:6px solid #547d82;border-radius:50%;background:rgba(255,255,255,.82)}.magnifier>span{font-size:65px}.magnifier small,.seed-proof small{font-weight:800}.seed-proof>span{font-size:58px;color:#86592d;text-shadow:18px 8px #9b7043,-15px 10px #72471f}.decision-path{display:flex;align-items:center;justify-content:center;gap:8px;margin:12px 0}.decision-path span{padding:9px;border-radius:9px;background:#fff;color:#687a73;font-weight:800}.decision-path span.active{background:#dcefe2;color:#2e704e}.decision-path b{display:inline-grid;place-items:center;width:22px;height:22px;margin-right:5px;border-radius:50%;background:#397a65;color:#fff}.classification-primary{margin-bottom:12px}
.classification-slider{display:flex;justify-content:space-between;flex-wrap:wrap;padding:13px 15px;border-radius:12px;background:#fff;font-weight:800}.classification-slider input{flex:1 0 100%;width:100%;margin-top:10px;accent-color:var(--class-teal)}.spore-workbench{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:12px}.plant-sample,.microscope-view{position:relative;min-height:290px;overflow:hidden;border-radius:15px;background:linear-gradient(#c7e8e9 0 72%,#8b704b 72%)}.plant-sample .fern-stem{position:absolute;left:50%;bottom:45px;width:8px;height:210px;border-radius:8px;background:#458251;transform:rotate(-8deg);transform-origin:bottom}.plant-sample>i{position:absolute;left:50%;width:90px;height:34px;border-radius:80% 10% 80% 10%;background:#5c9e58;transform-origin:left}.plant-sample>i:nth-of-type(1){top:55px;transform:rotate(18deg)}.plant-sample>i:nth-of-type(2){top:88px;transform:scaleX(-1) rotate(18deg)}.plant-sample>i:nth-of-type(3){top:120px;transform:rotate(20deg)}.plant-sample>i:nth-of-type(4){top:151px;transform:scaleX(-1) rotate(20deg)}.plant-sample>i:nth-of-type(5){top:182px;transform:rotate(22deg)}.plant-sample>i:nth-of-type(6){top:211px;transform:scaleX(-1) rotate(22deg)}.plant-sample.moss .fern-stem,.plant-sample.moss>i{display:none}.plant-sample.moss::before{content:"";position:absolute;left:14%;right:14%;bottom:43px;height:105px;background:radial-gradient(ellipse at bottom,#55904d 0 50%,transparent 52%);background-size:38px 75px}.plant-sample.moss::after{content:"••••••";position:absolute;left:20%;bottom:125px;color:#8b5735;font-size:25px;letter-spacing:14px}.microscope-view{display:grid;place-items:center;border:12px solid #506c70;border-radius:50%;background:radial-gradient(circle,#fff8d9,#bbd6c2)}.spore-cluster{position:relative;width:170px;height:170px;opacity:var(--spore-opacity,.12);transform:scale(var(--spore-scale,.5));transition:.45s}.spore-cluster i{position:absolute;width:25px;height:25px;border-radius:50%;background:#a86c3b;box-shadow:inset -5px -5px rgba(92,48,26,.25)}.spore-cluster i:nth-child(1){left:22%;top:15%}.spore-cluster i:nth-child(2){left:52%;top:8%}.spore-cluster i:nth-child(3){left:73%;top:28%}.spore-cluster i:nth-child(4){left:14%;top:48%}.spore-cluster i:nth-child(5){left:43%;top:42%}.spore-cluster i:nth-child(6){left:67%;top:60%}.spore-cluster i:nth-child(7){left:27%;top:73%}.spore-cluster i:nth-child(8){left:51%;top:82%}.spore-cluster i:nth-child(9){left:82%;top:77%}.microscope-view>small{position:absolute;bottom:15px;padding:5px 8px;border-radius:7px;background:#fff;font-weight:800}.structure-checks{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:12px 0}.structure-checks span{display:flex;justify-content:space-between;padding:11px;border-radius:9px;background:#fff}.structure-checks b{color:#34767a}.structure-checks i{font-style:normal;font-weight:800}.classification-model-note{margin:8px 2px 0;color:#70817a;font-size:11px}
@media(max-width:700px){.vertebrate-workbench,.scanner-stage,.spore-workbench{grid-template-columns:1fr}.seed-inspection{grid-template-columns:1fr;min-height:560px}.plant-job-status{grid-template-columns:1fr 1fr}.decision-path{align-items:stretch}.decision-path span{flex:1;font-size:11px}.decision-path>i{display:none}.plant-sample,.microscope-view{min-height:240px}}@media(max-width:460px){.evidence-board,.structure-checks{grid-template-columns:1fr}.classification-lab{padding:16px}.group-prediction button{flex:1 1 42%}}