:root{--p-ink:#e8eee5;--p-muted:#9aa99a;--p-line:rgba(210,232,204,.13);--p-panel:#101a17;--p-accent:#c5f477;--p-accent2:#6cd8b1}
.plant-lab{background:#07100e;color:var(--p-ink);overflow-x:hidden}.plant-lab main{position:relative}.plant-intro{padding:42px clamp(22px,6vw,94px) 38px;max-width:1600px;margin:auto;position:relative}.plant-intro:after{content:"";position:absolute;right:9%;top:40px;width:310px;height:210px;border:1px solid rgba(197,244,119,.08);border-radius:50%;transform:rotate(-24deg);pointer-events:none;box-shadow:0 0 80px rgba(78,155,107,.06)}.plant-intro .eyebrow{margin-top:34px}.plant-intro h1{font-size:clamp(3.5rem,8vw,7.7rem);line-height:.94;letter-spacing:-.085em;margin:20px 0 20px;font-weight:700}.plant-intro h1 em,.atlas-heading h2 em{font-family:Georgia,serif;font-weight:400;color:var(--p-accent);letter-spacing:-.07em}.plant-intro>p{max-width:600px;color:#aab7ab;line-height:1.8;font-size:1rem}.intro-meta{display:flex;gap:26px;margin-top:28px;flex-wrap:wrap}.intro-meta span{font:10px 'DM Mono',monospace;letter-spacing:.1em;color:#7e9082;border-left:1px solid var(--p-line);padding-left:12px}.intro-meta b{color:#d9e7d4;font-size:13px;margin-right:6px}.plant-workspace{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:14px;max-width:1600px;padding:0 clamp(22px,6vw,94px);margin:0 auto}.viewer-shell{min-width:0;background:linear-gradient(145deg,#0c1714,#08110f 65%,#111c15);border:1px solid var(--p-line);position:relative;overflow:hidden}.viewer-top{height:42px;display:flex;align-items:center;gap:10px;padding:0 16px;border-bottom:1px solid var(--p-line);font:9px 'DM Mono',monospace;letter-spacing:.1em;color:#8b9e8d}.live-dot{width:6px;height:6px;background:#c5f477;border-radius:50%;box-shadow:0 0 12px #c5f477}.viewer-hint{margin-left:auto;color:#637667}.plant-viewer,#plant-viewer{height:630px;min-height:430px;position:relative;overflow:hidden;touch-action:none;background:radial-gradient(ellipse at 53% 45%,rgba(43,91,57,.24),transparent 45%),radial-gradient(ellipse at 45% 95%,rgba(70,101,65,.12),transparent 45%),linear-gradient(160deg,#0a1512,#0b1713 52%,#08100f)}#plant-viewer canvas{display:block;width:100%;height:100%;outline:none;cursor:grab}#plant-viewer canvas:active{cursor:grabbing}.scene-wash{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(5,13,11,.3),transparent 28%,transparent 72%,rgba(5,13,11,.22)),linear-gradient(0deg,rgba(5,13,11,.45),transparent 22%,transparent 76%,rgba(5,13,11,.22));z-index:1}.loading-state{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;font:10px 'DM Mono',monospace;letter-spacing:.16em;color:#9fb59e;z-index:4;background:#0b1512}.loader-ring{width:28px;height:28px;border:1px solid rgba(197,244,119,.2);border-top-color:var(--p-accent);border-radius:50%;animation:plantspin 1s linear infinite}@keyframes plantspin{to{transform:rotate(360deg)}}.selected-tag{position:absolute;left:20px;top:18px;z-index:2;display:flex;flex-direction:column;gap:5px;pointer-events:none}.selected-tag small{font:8px 'DM Mono',monospace;letter-spacing:.16em;color:#829687}.selected-tag strong{font-size:14px;font-weight:600;color:#d8edcf}.view-crosshair{position:absolute;left:50%;top:50%;color:rgba(197,244,119,.24);font:16px 'DM Mono',monospace;transform:translate(-50%,-50%);pointer-events:none;z-index:1}.view-corner{position:absolute;z-index:2;font:8px 'DM Mono',monospace;letter-spacing:.12em;color:rgba(154,177,157,.48);pointer-events:none}.corner-tl{left:20px;bottom:18px}.corner-br{right:20px;bottom:18px}.viewer-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px;border-top:1px solid var(--p-line);background:rgba(9,18,15,.8)}.control-btn,.speed-control button{font:10px 'DM Mono',monospace;color:#b5c4b6;background:rgba(222,245,216,.035);border:1px solid rgba(214,239,207,.12);padding:10px 12px;cursor:pointer;transition:.2s}.control-btn:hover,.speed-control button:hover{border-color:rgba(197,244,119,.5);color:#e8f5dd}.control-btn.active{background:rgba(197,244,119,.11);border-color:rgba(197,244,119,.38);color:var(--p-accent)}.control-btn span{margin-right:6px}.speed-control{display:flex;align-items:center;gap:6px;margin-left:auto;color:#7e9281;font:8px 'DM Mono',monospace;letter-spacing:.1em}.speed-control button{padding:7px 10px}.speed-control #speed-value{min-width:32px;text-align:center;color:var(--p-accent);font-size:10px}.viewer-note{padding:10px 14px;color:#617366;font:8px 'DM Mono',monospace;letter-spacing:.1em;border-top:1px solid rgba(210,232,204,.06)}.lesson-panel{background:linear-gradient(155deg,#111e19,#0d1714);border:1px solid var(--p-line);padding:26px 24px 20px;display:flex;flex-direction:column;min-height:100%}.panel-eyebrow{display:flex;justify-content:space-between;color:#7e9584;font:9px 'DM Mono',monospace;letter-spacing:.14em}.panel-eyebrow span{color:#526b59}.part-number{font:13px 'DM Mono',monospace;color:var(--p-accent);margin-top:42px}.part-number span{color:#64766a;font-size:10px}.lesson-panel h2{font-size:clamp(1.8rem,2.5vw,2.6rem);line-height:1.08;letter-spacing:-.06em;margin:13px 0 10px}.part-subtitle{font:11px 'DM Mono',monospace;color:#8caa91;line-height:1.6;margin:0}.part-divider{height:1px;background:var(--p-line);margin:26px 0}.explain-label{font:9px 'DM Mono',monospace;letter-spacing:.15em;color:var(--p-accent);margin-bottom:12px}.lesson-panel #part-description{color:#b1beb2;font-size:12px;line-height:1.9;margin:0}.fact-card{display:flex;gap:12px;margin-top:26px;padding:16px 13px;background:rgba(197,244,119,.055);border:1px solid rgba(197,244,119,.13)}.fact-icon{font-size:18px;color:var(--p-accent);padding-top:1px}.fact-card span{font:8px 'DM Mono',monospace;letter-spacing:.13em;color:#9dbb8e}.fact-card p{font-size:11px;line-height:1.7;color:#c0cfbd;margin:8px 0 0}.panel-bottom{margin-top:auto;padding-top:32px;display:flex;align-items:center;gap:10px;font:8px 'DM Mono',monospace;letter-spacing:.14em;color:#64796a;line-height:1.7}.tiny-orbit{font-size:20px;color:#c5f477}.atlas-section{max-width:1600px;margin:0 auto;padding:96px clamp(22px,6vw,94px) 76px}.atlas-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}.atlas-heading h2{font-size:clamp(2.4rem,5vw,4.6rem);letter-spacing:-.08em;line-height:.95;margin:16px 0 0}.atlas-heading>p{max-width:390px;color:#8fa092;font-size:12px;line-height:1.8;margin:0 0 5px}.atlas-filters{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}.atlas-filter{background:transparent;border:1px solid rgba(210,232,204,.13);padding:10px 12px;color:#8da091;font:9px 'DM Mono',monospace;cursor:pointer;transition:.2s}.atlas-filter span{color:#5e7663;margin-left:8px}.atlas-filter:hover,.atlas-filter.active{color:#d9ebd3;border-color:rgba(197,244,119,.4);background:rgba(197,244,119,.07)}.atlas-filter.active span{color:var(--p-accent)}.atlas-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.atlas-card{position:relative;text-align:left;min-height:114px;padding:15px 14px 13px;background:linear-gradient(145deg,rgba(22,39,30,.76),rgba(11,21,17,.8));border:1px solid rgba(210,232,204,.1);color:#e1e9de;cursor:pointer;overflow:hidden;transition:transform .22s,border-color .22s,background .22s}.atlas-card:before{content:"";position:absolute;left:0;top:0;width:2px;height:0;background:var(--p-accent);transition:height .2s}.atlas-card:hover{transform:translateY(-3px);border-color:rgba(197,244,119,.32)}.atlas-card:hover:before,.atlas-card.selected:before{height:100%}.atlas-card.selected{background:linear-gradient(145deg,rgba(44,72,42,.8),rgba(13,28,20,.9));border-color:rgba(197,244,119,.5)}.atlas-card .card-index{display:block;color:#738979;font:9px 'DM Mono',monospace;margin-bottom:17px}.atlas-card .card-name{display:block;font-size:12px;font-weight:600;letter-spacing:-.02em}.atlas-card .card-category{display:block;margin-top:7px;color:#748779;font:8px 'DM Mono',monospace;letter-spacing:.07em;text-transform:uppercase}.atlas-card .card-arrow{position:absolute;right:12px;top:12px;color:#6f8c70;font-size:12px}.atlas-foot{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--p-line);padding-top:17px;margin-top:20px;color:#607465;font:8px 'DM Mono',monospace;letter-spacing:.1em}.plant-lab .pagefooter{border-top:1px solid var(--p-line)}
@media(max-width:1100px){.plant-workspace{grid-template-columns:minmax(0,1fr) 280px}.plant-viewer,#plant-viewer{height:560px}.atlas-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.lesson-panel{padding:22px 18px}.part-number{margin-top:28px}}
@media(max-width:800px){.plant-workspace{grid-template-columns:1fr}.lesson-panel{min-height:unset}.part-number{margin-top:24px}.panel-bottom{margin-top:25px;padding-top:20px}.plant-viewer,#plant-viewer{height:min(76vh,610px);min-height:440px}.atlas-heading{align-items:start;flex-direction:column;gap:18px}.atlas-heading>p{max-width:600px}.atlas-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.plant-intro:after{right:-90px;opacity:.5}}
@media(max-width:520px){.plant-intro{padding-top:28px}.plant-intro .eyebrow{margin-top:28px}.viewer-hint{display:none}.plant-viewer,#plant-viewer{height:460px;min-height:390px}.viewer-controls{gap:6px}.control-btn{padding:9px 9px;font-size:9px}.speed-control{margin-left:0;order:3;width:100%;justify-content:flex-end;padding-top:5px}.atlas-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.atlas-card{min-height:104px}.atlas-section{padding-top:65px}.atlas-foot{flex-direction:column;gap:8px}.intro-meta{gap:12px}.intro-meta span{font-size:8px}}