@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap";:root{font-family:DM Sans,sans-serif;color:#253a2c;background:#c4cfbc;font-synthesis:none;font-size:13px}*{box-sizing:border-box}body{margin:0}button,select,input{font:inherit}button,select{cursor:pointer}button{color:inherit}button:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid #718637;outline-offset:4px}button:disabled{opacity:.4;cursor:not-allowed}#viewport{position:fixed;inset:0 0 110px}canvas{display:block}.planting{cursor:crosshair}header{height:100px;position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:0 42px;pointer-events:none}header>*{pointer-events:auto}.brand{color:inherit;text-decoration:none;display:flex;align-items:center;gap:12px;font-size:19px;letter-spacing:4px}.brand svg{width:39px;height:39px}.brand small{display:block;font-size:10px;letter-spacing:2px;margin-top:5px;color:#61705d}.experiment{font-size:10px;letter-spacing:2px;display:flex;align-items:center;gap:10px;margin-left:auto;margin-right:35px}.status-dot{display:inline-block;width:6px;height:6px;background:#66834d;border-radius:50%;box-shadow:0 0 0 4px #71885712}.tag{font-size:8px;border:1px solid #53694b30;padding:5px 7px;letter-spacing:1px;margin-left:8px}.icon-button{border:1px solid #52634655;background:transparent;border-radius:50%;height:28px;width:28px}main{pointer-events:none;position:relative;z-index:1;height:calc(100dvh - 254px);min-height:450px}main button,main input,main select,main .panel{pointer-events:auto}.intro{position:absolute;left:44px;top:10px}.eyebrow{font-size:9px;letter-spacing:2.1px;font-weight:600}h1{font-family:Libre Caslon Display,Georgia,serif;font-size:55px;line-height:1.02;font-weight:400;letter-spacing:-1.6px;margin:17px 0 15px}.intro p{font-size:12px;line-height:1.7;color:#61705d}.panel{background:#f5f6eddd;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid #fffffe70;box-shadow:0 10px 45px #34482909;border-radius:3px;width:250px;padding:20px}.environment{position:absolute;left:42px;top:245px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel h2{font-weight:500;font-size:13px;margin:0}.tiny{font-size:8px;letter-spacing:1px;color:#7a8573}.select-label{display:block;font-size:10px;color:#67745f;margin-top:23px}.select-label select{display:block;width:100%;background:transparent;border:0;border-bottom:1px solid #8c997540;padding:9px 0;color:#34492f;font-size:12px;border-radius:0}.field{margin-top:19px}.field label{display:flex;justify-content:space-between;font-size:11px}.field output{font-size:10px;color:#64714e}.field input{display:block;accent-color:#526c3c;width:100%;height:3px;margin:15px 0 10px;cursor:pointer}.range-labels{display:flex;justify-content:space-between;font-size:8px;color:#8a927f}.footnote{font-size:9px;line-height:1.6;color:#87907b;margin:18px 0 0}.specimen{position:absolute;right:42px;top:19px;width:239px}.specimen h2{font-family:Libre Caslon Display,Georgia,serif;font-size:24px}.latin{font-size:10px;color:#858c78;margin-top:5px}.specimen-status{display:flex;gap:9px;align-items:center;margin:22px 0 18px;font-size:9px}.metrics{display:flex;gap:40px;border-bottom:1px solid #637b4220;padding-bottom:21px;margin-bottom:20px}.metrics strong{font-family:Libre Caslon Display,Georgia,serif;font-size:36px;font-weight:400;display:block;line-height:1.2}.metrics span{font-size:9px;color:#818a75}.meter-row{display:flex;justify-content:space-between;font-size:10px;margin:16px 0 8px;color:#69775f}.meter-row b{font-weight:400;color:#354b2d}.meter{background:#dce1cf;height:3px}.meter i{background:#7f9358;display:block;height:100%;transition:width .4s}.tree-detail{display:flex;justify-content:space-between;font-size:10px;color:#77816b;margin-top:16px}.tree-detail b{font-weight:400;color:#49583d}.text-button{display:flex;justify-content:space-between;margin-top:20px;padding:15px 0 0;background:none;border:0;border-top:1px solid #637b4220;width:100%;font-size:10px}.view-tools{position:absolute;right:42px;top:431px;background:#f5f6edc9;border:1px solid #fff7;border-radius:4px;padding:4px;display:flex;gap:2px;pointer-events:auto}.view-tools button{border:0;background:transparent;font-size:10px;padding:8px 10px;border-radius:2px;color:#647457}.view-tools button.active{background:#344b33;color:#f0f2e6}.scene-hint{position:absolute;bottom:8px;left:50%;transform:translate(-50%);font-size:8px;letter-spacing:1.2px;color:#5a6e4b;white-space:nowrap}.scene-hint span{padding:0 10px}.leaf-caption{position:absolute;left:34%;bottom:60px}.leaf-caption h2{font-family:Libre Caslon Display,Georgia,serif;font-size:38px;font-weight:400;margin:12px 0}.leaf-caption p{font-size:11px;line-height:1.8;color:#5f7258}.leaf-caption small{font-size:9px;color:#738263}.leaf-mode .intro,.leaf-mode .environment{visibility:hidden}.leaf-mode .leaf-caption{left:44px;bottom:80px}footer{position:relative;z-index:3;display:flex;align-items:center;gap:42px;margin:0 42px;background:#f8f8eeeb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #fff9;height:107px;padding:20px 27px;border-radius:4px;box-shadow:0 8px 35px #3042220a}.time-card{display:grid;grid-template-columns:auto auto;column-gap:12px;align-items:baseline;min-width:177px}.time-card .eyebrow{grid-column:span 2;color:#7b896c;font-size:8px}.time-card strong{font-family:Libre Caslon Display,Georgia,serif;font-size:34px;font-weight:400;margin-top:5px}.time-card>span:last-child{font-size:10px;color:#7d8871}.timeline{flex:1;max-width:650px}.season-labels{display:flex;justify-content:space-between;color:#8b947d;font-size:8px;letter-spacing:1px}.months{display:flex;gap:5px;margin:11px 0}.months i{display:block;flex:1;height:4px;background:#d7ddc9;border-radius:1px}.months i.current{background:#617d3d;position:relative}.months i.current:after{content:"";position:absolute;width:7px;height:7px;border:2px solid #f5f6ec;background:#617d3d;border-radius:50%;left:50%;top:-3px}.weather{display:flex;gap:25px;font-size:9px;color:#738062}.turn-controls{display:flex;gap:13px;align-items:center;margin-left:auto}.turn-options{display:flex;align-items:center;gap:6px}.turn-options button{border:1px solid #cdd5bd;background:transparent;width:30px;height:32px;border-radius:3px}.turn-options select{border:0;color:#60704f;background:transparent;font-size:11px;padding:9px 0}.primary{background:#344d31;border:0;color:#f5f7e9;padding:15px 18px;border-radius:3px;font-size:11px;display:flex;gap:32px;white-space:nowrap}.primary:hover,.plant-button:hover{background:#45613c}.bottom-actions{position:relative;z-index:3;display:flex;align-items:center;gap:18px;padding:13px 43px;height:47px;font-size:10px}.plant-button{background:#344d31;color:#f4f6e8;border:0;padding:9px 13px;font-size:10px;border-radius:3px;white-space:nowrap}.plant-button span{margin-left:14px;color:#cad7b5}.plant-button.active{background:#8a7339}#event{color:#718065;font-size:9px;flex:1}.quiet-button{border:0;background:none;color:#78856c;font-size:10px;white-space:nowrap}dialog{border:1px solid #e2e5d3;background:#f7f7ed;color:#34492f;border-radius:6px;padding:35px;max-width:570px;width:calc(100% - 32px);box-shadow:0 25px 100px #172a2740}dialog::backdrop{background:#142c2466;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}dialog h2{font-family:Libre Caslon Display,Georgia,serif;font-size:38px;font-weight:400;margin:20px 0}dialog h3{font-size:12px;font-weight:600;margin-top:22px}dialog p{font-size:12px;line-height:1.8;color:#6a775e}dialog a{color:#506c3b}.close{position:absolute;right:18px;top:13px;font-size:25px;border:0;background:none}.dialog-actions{display:flex;justify-content:flex-end;gap:10px}.dialog-actions button{padding:10px 14px;border:1px solid #c4ccb7;background:#edf0e1;border-radius:3px}.render-error{position:absolute;top:45%;left:35%;padding:30px;background:#f4f5e8;line-height:1.8;box-shadow:0 14px 50px #30422218;border-radius:4px}.render-error strong{font-size:14px;font-weight:500}.render-error button{margin-top:13px;border:1px solid #829271;background:#e6ecd8;padding:9px 13px;border-radius:3px;font-size:10px}@media(min-height:950px){.environment{top:280px}.intro{top:30px}.specimen{top:40px}.view-tools{top:452px}}@media(max-height:790px)and (min-width:901px){header{height:80px}main{height:calc(100dvh - 234px);min-height:380px}.intro h1{font-size:43px}.intro p{display:none}.environment{top:150px;padding:16px}.field{margin-top:14px}.field input{margin:12px 0 8px}.footnote{margin-top:12px}.select-label{margin-top:15px}.specimen{top:10px}.view-tools{top:422px}.scene-hint{bottom:2px}}@media(max-width:1050px){header{padding:0 24px}.intro,.environment{left:24px}.specimen,.view-tools{right:24px}.environment,.specimen{width:218px}footer{gap:20px;margin:0 24px;padding:18px}.time-card{min-width:140px}.primary{gap:12px}.bottom-actions{padding:13px 24px}.experiment{font-size:8px}.tag{display:none}}@media(max-width:760px){header{height:77px;padding:0 18px}.brand{font-size:16px}.brand svg{width:30px}.experiment{display:none}main{height:calc(100dvh - 265px);min-height:350px}.intro{left:20px;top:0}.intro .eyebrow{font-size:7px}.intro h1{font-size:36px;margin-top:12px}.intro p,.environment{display:none}.specimen{right:16px;top:5px;width:145px;padding:12px}.specimen h2{font-size:19px}.specimen .tiny,.latin,.specimen-status,.meter-row,.meter,.tree-detail,.text-button{display:none}.metrics{gap:15px;margin:14px 0 0;padding:0;border:0}.metrics strong{font-size:27px}.metrics span{font-size:8px}.view-tools{right:16px;top:124px}.view-tools button{font-size:8px;padding:8px}.scene-hint{font-size:6px;letter-spacing:.5px;bottom:10px}.scene-hint span{padding:0 3px}footer{margin:0 14px;height:138px;display:grid;grid-template-columns:110px 1fr;gap:12px;padding:14px}.time-card{min-width:0}.time-card strong{font-size:28px}.time-card>span:last-child{display:none}.timeline{min-width:0}.season-labels{font-size:6px}.weather{font-size:8px;gap:10px}.turn-controls{grid-column:span 2;justify-content:space-between;margin:0}.primary{padding:12px 20px}.bottom-actions{padding:10px 15px;gap:10px;height:50px}#event{display:none}.bottom-actions .quiet-button:first-of-type{margin-left:auto}.leaf-mode .leaf-caption{left:20px;bottom:25px}.leaf-caption h2{font-size:26px}.leaf-caption p{font-size:10px}.leaf-caption small{font-size:8px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}#conditions{display:none}@media(max-width:760px){#conditions{display:block;position:absolute;left:20px;top:127px;border:1px solid #88997455;border-radius:3px;background:#f5f6eddd;font-size:9px;padding:10px}.conditions-open .environment{display:block;z-index:5;left:20px;top:168px;width:235px;padding:15px;background:#f5f6ed}.conditions-open .environment .field,.conditions-open .environment .select-label{margin-top:12px}}.lighting-tools{position:absolute;right:42px;top:482px;display:flex;align-items:center;gap:5px;pointer-events:auto;background:#f5f6eddb;border-radius:3px;padding:5px 8px;font-size:9px}.lighting-tools>span{font-size:7px;letter-spacing:1.2px;padding:0 8px;color:#718166}.lighting-tools button{background:none;border:0;color:#68745e;font-size:9px;padding:6px 8px;border-radius:2px}.lighting-tools button.active{background:#dce3cc;color:#33472b}.leaf-actions{display:flex;gap:8px;margin-top:17px;pointer-events:auto}.leaf-actions button{background:#f2f4e5d9;border:1px solid #86947655;border-radius:3px;padding:9px 12px;font-size:10px}.leaf-actions button:hover{background:#e3e9d3}.leaf-mode .lighting-tools{background:#f5f6ed}.leaf-mode .scene-hint{opacity:.55}@media(min-height:950px){.lighting-tools{top:503px}}@media(max-height:790px)and (min-width:901px){.lighting-tools{top:468px}}@media(max-width:1050px){.lighting-tools{right:24px}}@media(max-width:760px){.lighting-tools{right:16px;top:166px;font-size:8px}.lighting-tools>span{display:none}.lighting-tools button{font-size:8px;padding:5px 6px}.leaf-mode .leaf-caption{bottom:30px;max-width:280px}.leaf-mode .leaf-caption p{max-width:235px}.leaf-actions{gap:6px;margin-top:10px}.leaf-actions button{font-size:9px;padding:8px}}main{height:auto;min-height:max(680px,calc(100dvh - 254px));display:grid;grid-template-columns:250px minmax(0,1fr) 250px;align-items:start;padding:20px 42px 48px;gap:20px}.inspector-stack{grid-column:3;display:flex;flex-direction:column;gap:12px;min-width:0}.inspector-stack .specimen,.inspector-stack .view-tools,.inspector-stack .lighting-tools{position:static;width:100%;margin:0}.inspector-stack .view-tools,.inspector-stack .lighting-tools{flex-wrap:wrap;justify-content:center}.specimen .metrics{gap:20px;justify-content:space-between}.tree-detail{gap:12px}.tree-detail b{flex-shrink:0}.issues-panel{margin-top:16px;border-top:1px solid #637b4220;padding-top:12px;font-size:10px;color:#64745a}.issues-panel summary{cursor:pointer;display:flex;justify-content:space-between;list-style:none}.issues-panel summary::-webkit-details-marker{display:none}.issues-panel summary:after{content:"＋";font-size:14px}.issues-panel[open] summary:after{content:"−"}.issues-panel ul{margin:11px 0 0;padding-left:16px;line-height:1.55;color:#718065}.issues-panel li+li{margin-top:6px}.bottom-actions{height:auto;min-height:58px;flex-wrap:wrap}#event{min-width:160px;line-height:1.5}.quiet-button{min-height:36px}footer{height:auto;min-height:107px;flex-wrap:wrap}.timeline{min-width:180px}.weather{flex-wrap:wrap;gap:8px 20px}.scene-hint{white-space:normal;text-align:center;width:calc(100% - 48px);line-height:1.6}dialog{max-height:calc(100dvh - 32px);overflow:auto}#viewport:has(.render-error){position:relative;inset:auto;padding:12px 16px}#viewport .render-error{position:static;max-width:650px;margin:0 auto;padding:18px;overflow-wrap:anywhere}@media(min-height:950px){main{padding-top:40px;min-height:max(720px,calc(100dvh - 265px))}}@media(max-width:1050px){main{padding-right:24px;padding-left:24px;grid-template-columns:218px minmax(0,1fr) 230px}}@media(max-width:760px){main{padding:8px 16px 44px;grid-template-columns:minmax(0,1fr) 170px;gap:12px;min-height:max(380px,calc(100dvh - 330px))}.inspector-stack{grid-column:2;gap:10px}.intro{max-width:calc(100% - 202px)}.intro h1{font-size:clamp(24px,5vw,36px)}.inspector-stack .specimen{padding:12px}.inspector-stack .view-tools button{flex:1;padding:10px 4px;min-height:36px}.inspector-stack .lighting-tools button{min-height:32px}.specimen .text-button{display:flex;min-height:36px;margin-top:12px;padding-top:10px}footer{min-height:138px;grid-template-columns:100px minmax(0,1fr);gap:12px}.timeline{min-width:0}.bottom-actions{gap:8px;padding:10px 15px}#event{display:block;flex-basis:100%;order:5}.bottom-actions .quiet-button{padding:4px 8px}.conditions-open main{min-height:640px}.conditions-open .environment{position:static;grid-column:1 / -1;grid-row:2;width:100%;margin-top:16px}.leaf-mode #conditions,.leaf-mode.conditions-open .environment{display:none}.leaf-mode main{min-height:650px}.leaf-mode .leaf-caption{bottom:60px}}@media(max-width:380px){main{grid-template-columns:minmax(0,1fr) 155px}.intro{left:16px;max-width:135px}.intro .eyebrow{letter-spacing:1px}#conditions{left:16px;max-width:130px}.brand{letter-spacing:2px}}html,body{height:100%;overflow:hidden}#app{height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto}main,.conditions-open main,.leaf-mode main{height:100%;min-height:0;overflow:hidden;padding-top:12px;padding-bottom:30px;grid-template-rows:minmax(0,1fr)}.inspector-stack{height:100%;min-height:0;overflow:hidden}.inspector-stack .specimen{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;flex:0 1 auto}.inspector-stack .view-tools,.inspector-stack .lighting-tools{flex-shrink:0}.environment{max-height:calc(100% - 160px);top:150px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.intro h1{font-size:43px}.intro p{display:none}.leaf-mode .leaf-caption{max-height:calc(100% - 40px);overflow:auto;pointer-events:auto;bottom:30px}#viewport:has(.render-error){position:fixed;inset:100px 290px 180px;overflow:auto;pointer-events:auto}@media(max-width:760px){main,.conditions-open main,.leaf-mode main{overflow:auto;pointer-events:auto;align-content:start;grid-template-rows:auto;padding-top:8px}.inspector-stack{height:auto;overflow:visible}.inspector-stack .specimen{overflow:visible;scrollbar-gutter:auto}.conditions-open .environment{max-height:none;overflow:visible}.leaf-mode .leaf-caption{position:static;grid-column:1 / -1;grid-row:3;max-height:none;margin:24px 4px;overflow:visible}#viewport:has(.render-error){inset:80px 16px auto;max-height:180px;z-index:4}.bottom-actions{max-height:120px;overflow:auto}}