.plant-launch{display:flex;gap:16px;align-items:center;justify-content:space-between;background:#eaf4ed;border:1px solid #c6dccd;border-radius:18px;padding:20px;margin:0 0 22px}.plant-launch h3{font-size:17px;color:#245a40}.plant-launch p{font-size:12px}.plant-launch .button{flex-shrink:0;background:#245a40}
.bottom-nav{grid-template-columns:repeat(5,1fr)}
.plant-modes{display:grid;grid-template-columns:1fr 1fr .8fr;gap:8px;margin-bottom:15px}.plant-modes button{background:#fff;border:1px solid #cbd9d2;border-radius:12px;padding:12px 6px;color:#355d47}.plant-modes button[aria-pressed=true]{background:#245a40;border-color:#245a40;color:#fff}.plant-modes b{font-size:14px;display:block}.plant-modes span{font-size:11px;display:block;margin-top:3px}.plant-directions{font-size:14px;line-height:1.8;margin-bottom:14px}.plant-controls{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:12px}.plant-controls label{font-size:12px;display:flex;align-items:center;gap:6px;min-height:44px}.plant-controls input{width:20px;height:20px;accent-color:#245a40}.plant-map{background:#fff;border:1px solid #c9d8cf;border-radius:16px;padding:12px;overflow:hidden}.plant-scroll{overflow:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.plant-scroll:focus-visible{outline:2px solid #245a40}.plant-scroll svg{width:100%;height:auto;display:block}.plant-scroll [role=button]{cursor:pointer}.plant-scroll [role=button]:focus{outline:none}.plant-scroll [role=button]:focus>rect:first-child{stroke:#d58418;stroke-width:6}#plantDiagram.large{width:1110px}.plant-extra-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.plant-extra-node{border:1px solid #c4d8cb;background:#f4f8f5;border-radius:8px;padding:10px;font-size:12px;min-height:48px}.plant-extra-node:first-child{grid-column:1/4}.plant-extra-node:last-child{grid-column:4;grid-row:1/3}.plant-extra-node b,.plant-extra-node span{display:block}.plant-extra-node span{font-size:11px;margin-top:4px}.plant-progress{font-size:14px;font-weight:700;color:#245a40;margin:20px 0 10px}.plant-picker{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:15px}.plant-pick{min-height:44px;border:1px solid #cbd7cf;border-radius:10px;background:#fff;font-size:12px;padding:8px 12px}.plant-pick.selected{box-shadow:inset 0 0 0 2px #245a40;border-color:#245a40;font-weight:700}.plant-pick.correct{background:#eaf5ed;color:#205f39}.plant-pick.wrong{background:#fff1ec;color:#9a3e2b}.plant-editor{border:2px solid #b6d1bf;background:#fff;border-radius:17px;padding:22px;scroll-margin:15px}.plant-editor h3{font-size:19px}.plant-given{font-size:18px;font-weight:650;line-height:1.9;margin:12px 0;padding:14px;background:#f0f6f1;border-radius:10px;overflow-wrap:anywhere}.plant-editor textarea{font:inherit;font-size:18px;line-height:1.8;border:1px solid #aebeb4;border-radius:10px;padding:12px;width:100%;resize:vertical;min-height:58px;color:#203747;background:#fff}.plant-editor textarea:focus{outline:3px solid #adcdb9;border-color:#245a40}.plant-editor-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.plant-editor-actions .button+.button{margin:0}.plant-editor-actions .primary{background:#245a40}.plant-feedback{padding:14px 16px;border-radius:10px;margin-top:16px;font-size:15px;line-height:1.85}.plant-feedback.correct{background:#edf8ef;color:#235c36;border:1px solid #b2d8bd}.plant-feedback.wrong{background:#fff3ee;color:#8a3827;border:1px solid #ebc4b7}.plant-feedback p{margin-top:7px}.plant-hint{font-size:13px;margin-top:15px;color:#53675a}.plant-hint summary{cursor:pointer;min-height:44px;padding-top:10px}.plant-hint p{padding:10px;background:#f4f6f4}.plant-study-hint{font-size:15px;margin:12px 0}.plant-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:18px 0}.plant-actions .button+.button{margin:0}.plant-history{padding-left:20px;font-size:12px;line-height:2}.plant-view .reference-card{margin-top:14px}.plant-view .button.primary{background:#245a40}
@media(max-width:620px){.plant-launch{display:block;padding:16px}.plant-launch .button{margin-top:12px;width:100%}.plant-view h2{font-size:26px}.plant-modes{gap:5px}.plant-modes b{font-size:12px}.plant-modes span{font-size:10px}.plant-controls{gap:4px}.plant-controls label{font-size:11px}.plant-controls .button{margin-left:auto}.plant-map{padding:5px;border-radius:10px}.plant-picker{gap:6px}.plant-pick{font-size:12px;padding:8px 10px}.plant-editor{padding:16px}.plant-editor h3{font-size:17px}.plant-given{font-size:17px;padding:12px}.plant-editor-actions{display:grid;grid-template-columns:1fr}.plant-editor-actions .button{width:100%}.plant-extra-grid{gap:4px}.plant-extra-node{padding:8px 3px;font-size:11px;overflow-wrap:anywhere}.plant-extra-node span{font-size:10px}.plant-actions>.button{width:100%}}