:root{--ink:#344c41;--muted:#798579;--green:#54745a;--cream:#fffdf3;--line:rgba(90,106,75,.14);--shadow:0 12px 40px #4c654d0c;font-family:"Microsoft YaHei UI","Microsoft YaHei","PingFang SC",system-ui,sans-serif;color:var(--ink);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#e5eee7}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}button:focus-visible{outline:3px solid #bf9552;outline-offset:4px}button,svg{flex-shrink:0}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}button svg{pointer-events:none}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}
#garden{width:100vw;height:100dvh;min-height:420px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 65% 12%,#fff7d9b3,transparent 50%),linear-gradient(165deg,#dcece5 0%,#eaf0e6 43%,#f4ecd6 100%)}#scene{position:absolute;inset:0;touch-action:none}canvas{display:block;width:100%;height:100%}#loading{position:absolute;inset:0;background:#e9eee3;z-index:50;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#668065;transition:opacity .5s}#loading p{font-size:14px;letter-spacing:2px}.loading-leaf{font-size:52px;animation:breathe 2s infinite}#loading.error{padding:30px;text-align:center}
.topbar{position:absolute;top:32px;left:40px;right:36px;display:flex;align-items:center;justify-content:space-between;pointer-events:none;gap:20px}.topbar>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:13px}.brand-mark{height:49px;width:49px;border:1px solid #627c6055;border-radius:16px 16px 5px 16px;display:grid;place-items:center;background:#fffdf34d;transform:rotate(-6deg)}.brand-mark svg{width:30px;height:30px;transform:rotate(6deg)}.eyebrow{font-size:10px;letter-spacing:2.8px;font-weight:600;opacity:.7;margin-bottom:4px}h1{font-size:30px;font-weight:650;letter-spacing:5px;line-height:1.2;margin:0}.title-dot{font-size:19px;margin-left:10px;color:#be9c60;vertical-align:middle}.weather{display:flex;align-items:center;gap:10px;font-size:13px;letter-spacing:1px;margin-left:18px;color:#75866f}.weather svg{color:#b69a58;width:21px}.weather i{width:3px;height:3px;border-radius:50%;background:#a0ac95}.weather-note{font-size:12px}.top-actions{display:flex;align-items:center;gap:10px}.harvest-counter{display:flex;align-items:center;gap:10px;border:1px solid #fffdf5a6;background:#fffdf382;border-radius:30px;height:44px;padding:0 18px;margin-right:6px}.harvest-counter svg{width:20px;color:#a7884c}.harvest-counter strong{font:600 21px Georgia,serif}.harvest-counter span{font-size:12px;opacity:.75}.round-button{height:41px;width:41px;border:1px solid #fffdf6aa;background:#fffdf366;border-radius:50%;display:grid;place-items:center;transition:.2s;font-size:24px}.round-button svg{width:19px;height:19px}.round-button:hover{background:#fffdf5;transform:translateY(-2px)}
.paper{background:linear-gradient(145deg,#fffef5e6,#fcfbeecc);border:1px solid #ffffffbd;box-shadow:var(--shadow);backdrop-filter:blur(16px);border-radius:17px}.journey-panel{position:absolute;left:40px;top:137px;width:244px;padding:23px 22px 18px}.section-kicker{font-size:11px;letter-spacing:2px;color:#89907b;display:flex;justify-content:space-between;align-items:center}.section-kicker>span:last-child{font-family:Georgia,serif;font-size:16px;color:#a7ad98;letter-spacing:0}.journey-panel h2{font-size:23px;letter-spacing:2px;font-weight:500;margin:15px 0 7px}.journey-panel>p{font-size:12px;line-height:1.7;color:#8c927e;margin:0}.island-level{display:flex;align-items:center;gap:9px;margin:24px 0 21px;font-size:13px}.island-level svg{width:18px;color:#8d9c76}.island-level strong{margin-left:auto;font-weight:500;font-size:18px}.island-level small{font-size:11px;color:#8f9785}.progress-line{display:flex;justify-content:space-between;font-size:12px;color:#7b866d}.progress-line strong{font-weight:500;font-size:12px}.progress-track{height:5px;background:#e3e7d8;border-radius:10px;overflow:hidden;margin-top:11px}.progress-track>span{display:block;height:100%;border-radius:10px;background:linear-gradient(90deg,#9bb383,#647f5b);width:0;transition:width .6s}.journey-panel>.expansion-caption{font-size:11px;margin-top:10px}.panel-divider{height:1px;background:var(--line);margin:20px 0 16px}.text-button{border:0;background:none;padding:0;width:100%;display:flex;align-items:center;justify-content:space-between;font-size:12px}.text-button>span{color:#8a937d;font-size:11px}.text-button b{font-weight:600;color:#6f855a}.text-button #list-chevron{padding-left:8px}#bed-list{margin-top:12px;max-height:180px;overflow:auto}#bed-list button{width:100%;border:0;border-top:1px solid var(--line);background:none;padding:10px 0;display:flex;text-align:left;align-items:center;font-size:12px;gap:8px}#bed-list button:hover{color:#a27f43}#bed-list button span:last-child{margin-left:auto;font-size:11px;color:#849275}.bed-state{width:7px;height:7px;border-radius:50%;background:#b0b19b}.bed-state.ready{background:#d0ab55}.bed-state.thirsty{background:#8cbbc4}.bed-state.growing{background:#80a477}
.view-controls{position:absolute;right:34px;top:142px;display:flex;align-items:center;flex-direction:column;gap:9px}.view-controls span{font-size:10px;letter-spacing:2px;writing-mode:vertical-rl;color:#8f9b86;margin-top:5px}.plant-panel{position:absolute;right:36px;top:340px;padding:24px 22px 20px;width:235px}.panel-close{position:absolute;right:12px;top:12px;background:none;border:0;color:#a0a792}.panel-close svg{width:15px;height:15px}.plant-panel h2{margin:14px 0 8px;font-size:22px;font-weight:500;letter-spacing:1px}.plant-panel p{font-size:12px;line-height:1.7;color:#8c927e;min-height:20px;margin:0 0 18px}.plant-status{display:flex;align-items:center;gap:6px;font-size:12px;color:#7e8a75}.plant-status strong{margin-left:auto;font-size:12px;font-weight:500}#plant-status-dot{width:6px;height:6px;background:#aabf8b;border-radius:50%}.plant-growth{margin:11px 0 20px}.primary-button{display:flex;align-items:center;justify-content:space-between;background:var(--green);border:0;border-radius:9px;color:#fffcf1;padding:13px 15px;width:100%;font-size:13px;letter-spacing:1px;transition:background .2s}.primary-button:hover{background:#3f6249}.primary-button svg{width:17px;height:17px}.primary-button:disabled{background:#dce2d3;color:#879579}
.bottom-center{position:absolute;left:50%;bottom:30px;transform:translateX(-50%);display:flex;align-items:center;flex-direction:column;gap:13px}.tool-hint{font-size:12px;letter-spacing:1px;color:#7f8d79;background:#f8f8ebaa;border:1px solid #ffffff66;border-radius:20px;padding:8px 17px;white-space:nowrap;backdrop-filter:blur(8px)}.tool-dock{padding:9px 12px;display:flex;align-items:center;gap:7px;background:linear-gradient(160deg,#fffef5f5,#f8f6eaf2);border:1px solid #fff;box-shadow:0 14px 40px #55634c18;border-radius:20px;backdrop-filter:blur(18px)}.tool{position:relative;background:none;border:1px solid transparent;border-radius:12px;width:73px;height:67px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;transition:.2s;color:#929a82}.tool svg{width:23px;height:23px}.tool>span{font-size:12px;letter-spacing:2px}.tool:hover{background:#eef0e3;color:#62795d}.tool.active{color:#496649;background:#e6ecdb;border-color:#d4ddc6}.tool kbd{position:absolute;right:7px;top:5px;font:9px system-ui;opacity:.55}.dock-divider{height:34px;width:1px;background:#d7deca;margin:0 3px}.seed-picker{padding:17px;width:359px;position:absolute;bottom:134px}.seed-heading{font-size:12px;margin-bottom:13px}.seed-heading span{font-size:10px;color:#8b9581;margin-left:8px}#seed-options{display:flex;gap:8px}.seed-option{padding:10px 4px;background:#edf0e255;border:1px solid #e3e6d9;border-radius:10px;flex:1;display:flex;align-items:center;flex-direction:column;gap:6px;min-width:0}.seed-option.active{border-color:#829e6b;background:#e6edda}.seed-option:disabled{opacity:.55}.seed-option .seed-color{width:23px;height:23px;border-radius:50%;box-shadow:inset -3px -3px 0 #00000012;border:4px solid #ffffff55}.seed-option strong{font-weight:500;font-size:12px}.seed-option small{font-size:10px;color:#8a947c}.lulu-note{position:absolute;bottom:42px;left:40px;display:flex;align-items:flex-start;gap:11px;width:290px}.lulu-indicator{width:9px;height:9px;border:2px solid #fcfff2;box-shadow:0 0 0 1px #b9c7a8;border-radius:50%;background:#849e6d;margin-top:5px}.lulu-note div{display:flex;flex-direction:column;gap:7px}.lulu-note strong{font-size:12px;font-weight:500;letter-spacing:2px}.lulu-note div>span{font-size:11px;line-height:1.8;color:#85907a;max-width:240px}.save-note{position:absolute;bottom:44px;right:37px;font-size:10px;color:#96a08c;letter-spacing:1px}.save-note span{display:inline-block;width:5px;height:5px;background:#90a780;border-radius:50%;margin-left:7px}
#plant-labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.plant-label{position:absolute;transform:translate(-50%,-100%);display:flex;align-items:center;justify-content:center;border-radius:50%;width:29px;height:29px;box-shadow:0 4px 12px #5e695126;border:1px solid #ffffffdd;backdrop-filter:blur(5px);font-size:18px;color:#a99055;background:#fff8dcf0;transition:opacity .3s}.plant-label:after{content:"";position:absolute;bottom:-4px;width:6px;height:6px;background:inherit;transform:rotate(45deg)}.plant-label svg{width:15px;height:15px}.plant-label.thirsty{background:#edf9f7ee;color:#72aab7}.plant-label.empty{background:#fffdf0c7;color:#9caa86;font-size:19px;opacity:.85}.plant-label.growing{width:31px;height:22px;border-radius:9px;font-size:10px;color:#758b62;background:#f2f7e8db}.plant-label.selected{box-shadow:0 0 0 3px #bfd4a166}.plant-label.ready{animation:label-pulse 2.5s ease-in-out infinite}
#toast{position:absolute;top:108px;left:50%;transform:translate(-50%,-10px);opacity:0;pointer-events:none;padding:11px 23px;border-radius:30px;background:#4c6855ed;color:#fffdef;font-size:13px;box-shadow:0 8px 20px #3e67401c;transition:opacity .3s,transform .3s;white-space:nowrap;max-width:90vw;overflow:hidden;text-overflow:ellipsis;z-index:10}#toast.show{opacity:1;transform:translate(-50%,0)}.expansion-notice{position:absolute;top:126px;left:50%;transform:translateX(-50%);padding:25px 35px;background:#fffcefef;border:1px solid white;box-shadow:0 15px 60px #6a80512b;border-radius:16px;text-align:center;z-index:11;animation:arrival .5s ease-out}.expansion-notice .section-kicker{display:block;color:#b69a5f;font-size:10px}.expansion-notice h2{font-family:Georgia,"Microsoft YaHei",serif;letter-spacing:2px;font-weight:500;font-size:23px;margin:13px 0 9px}.expansion-notice p{font-size:12px;color:#8a957c;margin-bottom:18px}.expansion-notice button{background:none;border:0;color:#708260;font-size:12px;letter-spacing:2px}.expansion-notice button span{margin-left:15px}
dialog{color:var(--ink);background:#fffdf1;border:1px solid white;border-radius:22px;padding:45px;max-width:610px;width:calc(100vw - 36px);box-shadow:0 30px 150px #3347353d;max-height:90dvh;overflow:auto}dialog::backdrop{background:#5266514d;backdrop-filter:blur(7px)}.dialog-close{position:absolute;right:16px;top:16px}.dialog-close svg{width:17px}dialog h2{font-size:30px;letter-spacing:3px;font-weight:500;margin:20px 0 14px}dialog>p{font-size:13px;line-height:1.9;color:#929784}.guide-steps{display:flex;gap:20px;margin:32px 0}.guide-steps>div{flex:1}.guide-steps svg{color:#8aa172;width:29px;height:29px}.guide-steps h3{font-size:15px;font-weight:500;letter-spacing:2px;margin:12px 0 10px}.guide-steps p{font-size:11px;line-height:1.8;color:#8b957b}.guide-footnote{font-size:11px!important;border-top:1px solid var(--line);padding-top:19px;margin-bottom:23px}.reset-link{display:block;margin:20px auto 0;background:none;border:0;color:#a5aa99;font-size:11px;text-decoration:underline;text-underline-offset:4px}#reset-confirm{background:#f4eee1;border-radius:10px;padding:15px;margin-top:15px;text-align:center;font-size:12px}#reset-confirm button{font-size:12px;border:1px solid #dbdecc;background:#fffcf0;border-radius:5px;padding:8px 14px;margin:0 5px}#reset-accept{color:#ae714f}
.plant-label{pointer-events:auto;padding:0}.plant-label:hover{filter:brightness(1.05);outline:2px solid #a9bf89;outline-offset:3px}
@keyframes breathe{50%{transform:scale(1.12);opacity:.6}}@keyframes label-pulse{50%{box-shadow:0 3px 18px #d4b34b50}}@keyframes arrival{from{opacity:0;margin-top:-15px}to{opacity:1;margin-top:0}}
@media(min-width:1700px){.journey-panel{left:56px;top:155px;width:260px}.topbar{left:56px;top:40px}.lulu-note{left:56px}.bottom-center{bottom:40px}}
@media(max-width:1100px){.topbar{left:24px;right:24px;top:24px}.weather{display:none}.journey-panel{left:24px;top:118px;width:209px;padding:19px 18px}.journey-panel h2{font-size:21px}.lulu-note{left:26px;width:195px;bottom:38px}.lulu-note div>span{max-width:175px}.plant-panel{right:24px;width:204px;top:320px}.view-controls{right:24px;top:115px}.save-note{right:24px;font-size:9px}.bottom-center{bottom:25px}}
@media(max-width:760px){.topbar{top:20px;left:20px;right:20px}.brand-mark{width:39px;height:39px;border-radius:12px 12px 4px 12px}.brand-mark svg{width:25px}.brand{gap:9px}.eyebrow{font-size:8px;letter-spacing:1.5px}h1{font-size:23px;letter-spacing:3px}.title-dot{font-size:15px;margin-left:5px}.top-actions{gap:6px}.harvest-counter{height:35px;padding:0 11px;gap:7px;margin-right:0}.harvest-counter span{display:none}.harvest-counter strong{font-size:18px}.harvest-counter svg{width:17px}.round-button{height:35px;width:35px}.top-actions .round-button svg{width:17px}.journey-panel{left:18px;top:91px;width:174px;padding:15px}.section-kicker{font-size:10px}.journey-panel h2{font-size:18px;margin:8px 0 6px}.journey-panel>p:not(.expansion-caption){display:none}.island-level{font-size:11px;margin:13px 0}.island-level strong{font-size:15px}.progress-line,.progress-line strong{font-size:10px}.journey-panel>.expansion-caption{font-size:9px}.panel-divider{margin:12px 0}.text-button,.text-button>span{font-size:10px}.view-controls{top:93px;right:18px;gap:7px}.view-controls span{font-size:9px}.plant-panel{top:auto;bottom:147px;right:18px;width:193px;padding:18px}.plant-panel h2{font-size:19px;margin-top:10px}.plant-panel p{font-size:11px;margin-bottom:12px}.plant-growth{margin-bottom:14px}.bottom-center{bottom:24px}.lulu-note{bottom:134px;left:20px;width:174px}.lulu-note strong{font-size:10px}.lulu-note div>span{font-size:10px;max-width:154px}.lulu-indicator{width:7px;height:7px;margin-top:4px}.save-note{bottom:7px;right:0;text-align:center;width:100%;font-size:8px}.tool{width:61px;height:60px;gap:5px}.tool-dock{padding:7px 9px;gap:5px;border-radius:17px}.tool svg{width:22px;height:22px}.tool>span{font-size:11px}.tool-hint{font-size:10px;padding:7px 13px}.seed-picker{width:315px;bottom:119px}.seed-heading{font-size:11px}.seed-heading span{font-size:9px}.plant-label{width:25px;height:25px;font-size:15px}#toast{top:76px;font-size:11px;padding:10px 16px}.expansion-notice{top:95px;padding:22px;width:300px}.expansion-notice h2{font-size:20px}dialog{padding:33px 26px}.guide-steps{gap:12px}.guide-steps p{font-size:10px}dialog h2{font-size:25px}}
@media(max-width:380px){.brand-mark{display:none}.topbar{left:15px;right:15px}.journey-panel{width:156px;padding:12px}.harvest-counter{padding:0 9px}.tool{width:56px}.plant-panel{width:168px;right:12px}.lulu-note{width:145px;left:16px}.lulu-note div>span{max-width:125px}}
@media(max-height:650px) and (min-width:761px){.topbar{top:18px}.journey-panel{top:100px;padding:16px}.journey-panel>p:not(.expansion-caption){display:none}.island-level{margin:16px 0}.panel-divider{margin:14px 0}.view-controls{top:100px}.plant-panel{top:260px;padding:16px}.plant-panel p{display:none}.plant-panel h2{font-size:19px}.bottom-center{bottom:15px}.tool{height:57px}.lulu-note{bottom:28px}.save-note{bottom:29px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}