:root{--ink:#10261b;--forest:#123b2a;--forest-2:#1f5f3c;--leaf:#48c56a;--lime:#a8ef67;--paper:#eef3ed;--sky:#74b8ef;--muted:#627269;--line:rgba(16,53,36,.14);--card:rgba(255,255,255,.9);--shadow:0 24px 70px rgba(18,49,32,.15)}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
body{margin:0;background:linear-gradient(180deg,#f7faf5,#eaf1e9);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
a{color:inherit}
button,input,textarea{font:inherit}
.garden-header{position:sticky;top:0;z-index:50;min-height:74px;display:flex;align-items:center;justify-content:space-between;padding:10px clamp(20px,4vw,64px);border-bottom:1px solid rgba(255,255,255,.45);background:rgba(12,45,74,.88);color:#fff;backdrop-filter:blur(18px);box-shadow:0 10px 30px rgba(11,36,58,.13)}
.garden-brand{display:grid;grid-template-columns:32px auto;grid-template-rows:auto auto;column-gap:9px;text-decoration:none}.garden-brand>span{grid-row:1/3;align-self:center;font-size:2rem;color:#bdf58a}.garden-brand b{font-size:1.05rem;letter-spacing:.02em}.garden-brand small{font-size:.48rem;letter-spacing:.13em;color:#bcd8eb}
.garden-header nav{display:flex;align-items:center;gap:7px}.garden-header nav>a,.garden-header nav button{padding:9px 13px;border:0;border-radius:999px;background:transparent;color:#e9f5ff;font-size:.74rem;font-weight:750;text-decoration:none;cursor:pointer}.garden-header nav>a:hover,.garden-header nav>a.active{background:rgba(255,255,255,.94);color:#16466e}.garden-header nav form{margin:0}.garden-header .join-link{border:1px solid rgba(255,255,255,.34)}.garden-header .credit-nav{background:rgba(125,224,105,.18);color:#d9ffc5}
main{width:min(1520px,calc(100% - 30px));margin:auto;padding:28px 0 70px}.garden-notice{margin:0 0 14px;padding:12px 16px;border-radius:12px;background:#dff4d5;color:#22522d}.garden-notice.error{background:#f7dddd;color:#85251d}
.garden-intro{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:20px}.garden-intro>div:first-child{max-width:780px}.garden-intro p,.growth-journey>div p{margin:0;color:#24714b;font-size:.65rem;font-weight:900;letter-spacing:.16em}.garden-intro h1{margin:8px 0 10px;font:600 clamp(2.5rem,4.4vw,5rem)/.9 Georgia,serif;letter-spacing:-.055em}.garden-intro h1 em{color:#2c6ea0;font-weight:400}.garden-intro>div:first-child>span{display:block;max-width:700px;color:var(--muted);font-size:.9rem;line-height:1.55}.intro-cards{display:flex;align-items:stretch;gap:10px}.weather-card,.balance-card{min-width:185px;display:flex;align-items:center;gap:11px;padding:14px 16px;border:1px solid rgba(255,255,255,.7);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(230,243,249,.88));box-shadow:0 14px 35px rgba(31,72,95,.1)}.weather-symbol{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#fff7b7;font-size:1.45rem;box-shadow:0 0 25px rgba(255,204,49,.45)}.weather-card b{display:block;font-size:1.15rem}.weather-card small,.balance-card small{display:block;color:#67808d;font-size:.6rem;line-height:1.45}.balance-card{display:grid;grid-template-columns:1fr auto;gap:1px 12px}.balance-card>span{color:#557080;font-size:.6rem}.balance-card strong{grid-row:1/3;grid-column:2;font-size:1.25rem}.balance-card small{grid-column:1}.balance-card.guest{display:flex;flex-direction:column;align-items:flex-start}.balance-card.guest strong{font-size:.88rem}.balance-card.guest a{color:#2a7a45;font-size:.62rem;font-weight:800}
.garden-stage{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:14px;align-items:start;--weather-light:1;--weather-cloud:0;--weather-rain:0;--weather-fog:0;--weather-wet:0;--weather-brightness:1;--weather-warmth:.5;border-radius:27px}
.garden-scene{position:relative;height:clamp(570px,68vh,720px);overflow:hidden;border:1px solid rgba(255,255,255,.55);border-radius:26px;background:linear-gradient(180deg,#79baf0 0%,#d8ebf3 54%,#6d9e54 55%,#2f643a 100%);box-shadow:var(--shadow);isolation:isolate}
.scene-toolbar{position:absolute;z-index:12;top:18px;left:18px;right:18px;display:flex;align-items:center;justify-content:space-between;gap:15px;pointer-events:none}.scene-toolbar>div{display:flex;flex-direction:column;padding:10px 13px;border:1px solid rgba(255,255,255,.28);border-radius:13px;background:rgba(8,37,50,.58);color:#fff;backdrop-filter:blur(12px);text-shadow:0 1px 3px rgba(0,0,0,.25)}.scene-toolbar small{font-size:.52rem;letter-spacing:.15em;color:#c7ef9f}.scene-toolbar b{margin-top:3px;font:600 1.05rem Georgia,serif}.scene-toolbar button{pointer-events:auto;padding:9px 12px;border:1px solid rgba(255,255,255,.44);border-radius:99px;background:rgba(9,48,44,.58);color:#fff;font-size:.63rem;font-weight:800;cursor:pointer;backdrop-filter:blur(10px)}
.garden-environment,.garden-environment span{position:absolute;inset:0;pointer-events:none}.garden-environment{z-index:0;filter:brightness(calc(.64 + var(--weather-light)*.42)) saturate(calc(.78 + var(--weather-light)*.34));transition:filter 2s ease}.ambient-sun{inset:55px auto auto 67%!important;width:82px;height:82px;border-radius:50%;background:radial-gradient(circle,#fffbd1 0 16%,#ffd655 35%,rgba(255,214,85,.15) 66%,transparent 70%);filter:blur(.2px);opacity:calc(.25 + var(--weather-light)*.75)}
.ambient-cloud{width:210px;height:58px;inset:80px auto auto 10%!important;border-radius:60px;background:rgba(255,255,255,.72);filter:blur(2px);opacity:calc(.22 + var(--weather-cloud)*.58)}.ambient-cloud:before,.ambient-cloud:after{content:"";position:absolute;border-radius:50%;background:inherit}.ambient-cloud:before{width:85px;height:85px;left:40px;bottom:0}.ambient-cloud:after{width:105px;height:105px;right:25px;bottom:-5px}.ambient-cloud.cloud-two{inset:155px 7% auto auto!important;transform:scale(.66);opacity:calc(.18 + var(--weather-cloud)*.45)}
.ambient-hills{top:auto!important;height:53%;bottom:18%!important;background:linear-gradient(145deg,transparent 0 38%,rgba(49,104,84,.48) 38.5% 55%,transparent 55.5%),linear-gradient(35deg,transparent 0 43%,rgba(64,117,93,.55) 43.5% 62%,transparent 62.5%);filter:blur(1px)}
.ambient-skyline{top:auto!important;bottom:25%!important;left:14%!important;right:8%!important;height:18%;opacity:.34;background:repeating-linear-gradient(90deg,#355d62 0 15px,transparent 15px 21px,#355d62 21px 43px,transparent 43px 49px);clip-path:polygon(0 100%,0 70%,4% 70%,4% 30%,8% 30%,8% 62%,13% 62%,13% 12%,18% 12%,18% 55%,23% 55%,23% 35%,27% 35%,27% 70%,34% 70%,34% 20%,40% 20%,40% 58%,46% 58%,46% 40%,51% 40%,51% 66%,57% 66%,57% 5%,62% 5%,62% 52%,68% 52%,68% 28%,73% 28%,73% 65%,80% 65%,80% 37%,86% 37%,86% 58%,92% 58%,92% 22%,96% 22%,96% 72%,100% 72%,100% 100%)}
.ambient-meadow{top:auto!important;height:35%;background:radial-gradient(ellipse at 50% 0,rgba(186,223,124,.9),transparent 55%),linear-gradient(180deg,#7cab53,#315e34)}.ambient-flowers{top:auto!important;height:26%;opacity:.75;background-image:radial-gradient(circle at 8% 72%,#ff8bc0 0 3px,transparent 4px),radial-gradient(circle at 18% 44%,#fff08b 0 3px,transparent 4px),radial-gradient(circle at 31% 78%,#ffabcf 0 4px,transparent 5px),radial-gradient(circle at 71% 66%,#fff2a4 0 3px,transparent 4px),radial-gradient(circle at 83% 40%,#ff8fbc 0 4px,transparent 5px),radial-gradient(circle at 93% 75%,#d8ed8d 0 4px,transparent 5px);background-size:180px 115px}
.garden-scene>.tree-scene,.garden-spot-overlay{position:absolute;inset:0;width:100%;height:100%;transition:opacity .45s ease,filter .45s ease}.garden-scene>.tree-scene{z-index:3;filter:brightness(calc(.72 + var(--weather-light)*.38)) saturate(calc(.82 + var(--weather-light)*.25))}.garden-scene .scene-background{fill:transparent!important}.garden-scene .scene-ground{opacity:.18}.garden-scene .scene-debug-layer{display:none}.garden-scene .scene-tree-instance{cursor:pointer;transition:opacity .35s ease,filter .35s ease}.garden-scene .scene-shadow{fill:#183d2a;opacity:.22}.garden-scene .scene-root-berm{opacity:.7}.garden-stage.is-focus .garden-scene>.tree-scene{opacity:.13;filter:blur(1.4px) saturate(.7)}.garden-stage.is-focus .garden-spot-overlay{opacity:0;pointer-events:none}.garden-stage:not(.is-focus) .focus-tree-layer{opacity:0;pointer-events:none}
.garden-spot-overlay{z-index:5}.garden-spot-target{cursor:pointer;outline:none}.spot-focus{fill:transparent;stroke:transparent;stroke-width:3}.garden-spot-target:hover .spot-focus,.garden-spot-target:focus .spot-focus{fill:rgba(204,244,119,.08);stroke:#d6fa92}.spot-soil{fill:#1c4b31;opacity:.22}.garden-spot-target text{font-size:8px;text-anchor:middle;fill:#f6ffe8;font-weight:900;letter-spacing:.08em;paint-order:stroke;stroke:#173d2b;stroke-width:2}.spot-seed{fill:#bcf168}.transition-ring{fill:none;stroke:#e7d177;stroke-width:2;stroke-dasharray:9 7;animation:ring 9s linear infinite}@keyframes ring{to{stroke-dashoffset:-80}}
.focus-tree-layer{position:absolute;z-index:4;inset:80px 5% 7%;display:grid;place-items:center;pointer-events:none;transition:opacity .35s ease}.focus-tree-layer figure{position:relative;width:100%;height:100%;margin:0;display:grid;place-items:center;animation:focus-enter .5s ease both}.focus-tree-layer img{position:relative;z-index:2;display:block;max-width:82%;max-height:96%;object-fit:contain;filter:drop-shadow(0 28px 22px rgba(13,36,21,.36));transform-origin:50% 100%}.focus-tree-glow{position:absolute;z-index:1;inset:auto 16% 2%;height:25%;border-radius:50%;background:radial-gradient(ellipse,rgba(199,239,121,.42),rgba(38,104,54,.12) 45%,transparent 70%);filter:blur(16px)}@keyframes focus-enter{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}
.garden-weather-layer{position:absolute;inset:0;z-index:7;pointer-events:none;overflow:hidden}.weather-cloud-layer,.weather-rain-layer,.weather-fog-layer{position:absolute;inset:0}.weather-cloud-layer{background:linear-gradient(180deg,rgba(43,60,74,.38),rgba(80,96,102,.08) 45%,transparent 70%);opacity:calc(var(--weather-cloud)*.58);transition:opacity 2s}.weather-fog-layer{background:linear-gradient(180deg,rgba(238,244,238,.08),rgba(232,239,235,.78) 58%,rgba(226,235,228,.18));opacity:var(--weather-fog)}.weather-rain-layer{background-image:repeating-linear-gradient(104deg,transparent 0 19px,rgba(224,243,251,.78) 20px 21px,transparent 22px 39px);background-size:42px 70px;opacity:calc(var(--weather-rain)*.8);transform:translateY(-70px);animation:garden-rain .72s linear infinite}@keyframes garden-rain{to{transform:translate(18px,70px)}}
.weather-clear{--weather-cloud:.03;--weather-rain:0;--weather-fog:0;--weather-wet:0}.weather-partly_cloudy{--weather-cloud:.34;--weather-rain:0;--weather-fog:0;--weather-wet:0}.weather-cloudy{--weather-cloud:.78;--weather-rain:0;--weather-fog:0;--weather-wet:.08;--weather-light:.68}.weather-light_rain{--weather-cloud:.82;--weather-rain:.42;--weather-fog:.12;--weather-wet:.48;--weather-light:.62}.weather-heavy_rain,.weather-storm{--weather-cloud:1;--weather-rain:.9;--weather-fog:.18;--weather-wet:.9;--weather-light:.48}.weather-foggy{--weather-cloud:.45;--weather-rain:0;--weather-fog:.82;--weather-wet:.22;--weather-light:.66}.daylight-night{--weather-light:.32}.daylight-night .garden-scene{background:linear-gradient(180deg,#142848,#425378 55%,#24472e 56%,#132c20)}.daylight-night .ambient-sun{background:radial-gradient(circle,#fff 0 22%,#dbe2ff 35%,rgba(205,217,255,.12) 66%,transparent 70%)}.daylight-dawn,.daylight-dusk{--weather-light:.62;--weather-warmth:.8}.daylight-golden_hour{--weather-light:.78;--weather-warmth:.9}.daylight-golden_hour .garden-scene,.daylight-dawn .garden-scene,.daylight-dusk .garden-scene{box-shadow:0 25px 75px rgba(126,84,48,.25)}
.scene-event-toast{position:absolute;z-index:15;left:50%;bottom:22px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;min-width:310px;padding:10px 13px;border:1px solid rgba(255,255,255,.24);border-radius:14px;background:rgba(8,34,27,.86);color:#fff;box-shadow:0 16px 40px rgba(0,0,0,.28);backdrop-filter:blur(12px)}.scene-event-toast>span{color:#d8ff70;font-size:1.3rem}.scene-event-toast div{display:flex;flex:1;flex-direction:column}.scene-event-toast b{font-size:.64rem;letter-spacing:.08em}.scene-event-toast small{color:#c8d8cf;font-size:.62rem}.scene-event-toast button{border:0;background:transparent;color:#fff;font-size:1rem;cursor:pointer}
.garden-story{height:clamp(570px,68vh,720px);overflow:auto;padding:20px;border:1px solid rgba(255,255,255,.8);border-radius:26px;background:linear-gradient(160deg,rgba(255,255,255,.96),rgba(232,243,247,.9));box-shadow:var(--shadow);scrollbar-width:thin;scrollbar-color:#a7c2b3 transparent}.garden-story article{min-height:100%}.garden-story article[hidden]{display:none!important}.story-kicker{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#327150;font-size:.55rem;font-weight:900;letter-spacing:.13em}.story-kicker button{display:grid;place-items:center;width:26px;height:26px;border:1px solid var(--line);border-radius:50%;background:#fff;color:#355b47;cursor:pointer}.garden-story h2{margin:13px 0 8px;font:600 1.85rem/1 Georgia,serif;letter-spacing:-.03em}.garden-story p{color:var(--muted);font-size:.72rem;line-height:1.55}.tree-panel-heading{display:flex;align-items:start;justify-content:space-between;gap:12px}.tree-panel-heading p{margin:10px 0 2px;color:#3e8560;font-size:.63rem}.tree-panel-heading code{font-size:.55rem;color:#7a9184}.stage-badge{flex:none;padding:7px 9px;border-radius:99px;background:#dff3d6;color:#28653e;font-size:.56rem;font-weight:800}
.progress-card,.conditions-card,.recent-card,.activity-card{margin-top:14px;padding:14px;border:1px solid rgba(23,78,52,.1);border-radius:15px;background:rgba(255,255,255,.76);box-shadow:0 8px 25px rgba(31,75,52,.06)}.progress-card{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}.progress-card>div{display:flex;flex-direction:column}.progress-card small,.conditions-card header small,.recent-card header small,.activity-card header small{color:#7a9185;font-size:.52rem}.progress-card b{font-size:.9rem}.tree-progress-bar{grid-column:1/-1;display:block;height:9px;overflow:hidden;border-radius:99px;background:#d7e4e3;box-shadow:inset 0 1px 2px rgba(10,52,35,.15)}.tree-progress-bar i{display:block;height:100%;min-width:3px;border-radius:inherit;background:linear-gradient(90deg,#25c869,#9ceb57);box-shadow:0 0 14px rgba(57,214,91,.45);transition:width .6s ease}.progress-card>small:last-child{grid-column:1/-1;text-align:right}
.conditions-card header,.recent-card header,.activity-card header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.conditions-card header b,.recent-card header b,.activity-card header b{font-size:.78rem}.condition-row{display:grid;grid-template-columns:22px 74px 1fr 35px;align-items:center;gap:6px;padding:6px 0}.condition-row>span{font-size:.85rem}.condition-row label{font-size:.61rem;color:#355a48}.condition-row>b{text-align:right;color:#397149;font-size:.55rem}.condition-track{height:7px;overflow:hidden;border-radius:99px;background:#dae7ec}.condition-track em{display:block;height:100%;border-radius:inherit}.condition-track .water{background:#3e9ef4}.condition-track .light{background:#ffc02f}.condition-track .nutrients{background:#45b778}.condition-track .biodiversity{background:#f06c92}
.recent-card ul,.activity-card ol{margin:0;padding:0;list-style:none}.recent-card li{display:flex;align-items:center;gap:9px;padding:7px 0;border-top:1px solid rgba(16,53,36,.07)}.caregiver-avatar{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:linear-gradient(145deg,#8ed39c,#2f7952);color:#fff;font-size:.67rem;font-weight:900}.recent-card li div{display:flex;flex-direction:column}.recent-card a{font-size:.63rem;font-weight:800;text-decoration:none}.recent-card li small{color:#75877c;font-size:.55rem}.activity-card{padding-bottom:8px}.live-status{padding:5px 8px;border-radius:99px;background:#edf2e9;color:#667364;font-size:.5rem;letter-spacing:0}.live-status[data-state="CONNECTED"]{background:#dff2d7;color:#2d653d}.live-feed{max-height:390px;overflow:auto}.live-feed li{display:flex;justify-content:space-between;gap:9px;padding:9px 0;border-top:1px solid rgba(16,53,36,.08);font-size:.59rem;line-height:1.4}.live-feed time{flex:none;color:#86968c}.live-empty{font-size:.62rem}.presence-line{display:flex;align-items:center;gap:7px;margin-top:12px;color:#6b7f73;font-size:.6rem}.presence-line i{width:7px;height:7px;border-radius:50%;background:#4ecb6e;box-shadow:0 0 0 4px rgba(78,203,110,.14)}
.garden-traits{margin-top:14px}.garden-traits>span{display:block;color:#778c80;font-size:.55rem}.garden-traits>div{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.garden-traits b{padding:5px 7px;border-radius:99px;background:#e6f3de;color:#316444;font-size:.53rem}.legacy-details{margin-top:14px;border-top:1px solid var(--line)}.legacy-details summary{display:flex;justify-content:space-between;padding:13px 0;color:#315a45;font-size:.65rem;font-weight:800;cursor:pointer}.legacy-details summary::marker{display:none}.legacy-details[open] summary span{transform:rotate(45deg)}.naming-panel,.memory-panel{padding:12px;border-radius:12px;background:rgba(233,242,235,.72)}.memory-panel{margin-top:8px}.naming-panel strong,.memory-panel strong{font-size:.68rem}.memory-list{list-style:none;padding:0;display:grid;gap:6px}.memory-list li{padding:8px;border:1px solid var(--line);border-radius:9px;font-size:.62rem}.memory-list small{display:block;margin-top:4px;color:#72867a}.personalization-form{display:grid;gap:6px;margin-top:8px}.personalization-form label{font-size:.58rem}.personalization-form input,.personalization-form textarea{width:100%;margin-top:4px;border:1px solid #b8cfc1;background:#fff;color:var(--ink);border-radius:8px;padding:8px}.personalization-form button{border:0;background:#2d7d48;color:#fff;border-radius:8px;padding:8px;font-size:.62rem;font-weight:800}.empty-spot-illustration{display:grid;place-items:center;min-height:260px;font-size:5rem}
.garden-spot-switcher{grid-column:1/-1;display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:-2px}.garden-spot-switcher button{display:grid;grid-template-columns:28px 1fr;grid-template-rows:auto auto;column-gap:7px;padding:9px 11px;border:1px solid rgba(255,255,255,.8);border-radius:13px;background:rgba(255,255,255,.84);color:#224a36;text-align:left;cursor:pointer;box-shadow:0 7px 20px rgba(32,73,48,.06)}.garden-spot-switcher button:hover,.garden-spot-switcher button.active{border-color:#5acb71;background:#effce9}.garden-spot-switcher button>span{grid-row:1/3;align-self:center;font-size:1.2rem}.garden-spot-switcher b{font-size:.62rem}.garden-spot-switcher small{color:#76897c;font-size:.51rem}
.garden-care-dock{grid-column:1/-1;overflow:hidden;border:1px solid rgba(255,255,255,.24);border-radius:20px;background:linear-gradient(115deg,rgba(9,46,38,.96),rgba(16,57,65,.94));color:#fff;box-shadow:0 18px 50px rgba(9,44,31,.18)}.garden-care-dock>section{display:grid;grid-template-columns:220px 1fr;gap:14px;padding:12px}.dock-heading{display:flex;justify-content:space-between;gap:10px;padding:7px 6px}.dock-heading>div:first-child{display:flex;flex-direction:column}.dock-heading small{color:#b9d4c7;font-size:.5rem;letter-spacing:.08em}.dock-heading b{margin:4px 0;font:600 .92rem Georgia,serif}.dock-heading span{color:#92b6a5;font-size:.52rem}.dock-heading>div:last-child{display:flex;flex-direction:column;align-items:end;justify-content:center}.dock-heading strong{color:#9df26c;font-size:1.25rem}.care-actions{display:grid;grid-template-columns:repeat(6,minmax(95px,1fr));gap:7px}.care-actions form{margin:0}.care-action{position:relative;display:grid;grid-template-columns:29px 1fr;grid-template-rows:auto auto;width:100%;min-height:72px;padding:10px;border:1px solid rgba(184,221,200,.22);border-radius:12px;background:rgba(255,255,255,.08);color:#fff;text-align:left;text-decoration:none;cursor:pointer;transition:.2s ease}.care-action:hover:not(:disabled){transform:translateY(-2px);border-color:#94eb70;background:rgba(142,232,109,.13)}.care-action>span{grid-row:1/3;align-self:center;font-size:1.25rem}.care-action b{font-size:.6rem}.care-action small{color:#b8cec3;font-size:.5rem}.care-action em{grid-column:1/-1;margin-top:5px;color:#f0d988;font-size:.47rem;font-style:normal}.care-action:disabled,.care-action.state-blocked,.care-action.state-cooldown{cursor:not-allowed;opacity:.5}.care-feedback{grid-column:1/-1;margin:0 6px 8px;padding:8px 11px;border-radius:9px;background:#274f3c;color:#e7f2e9;font-size:.62rem}.care-feedback.success{background:#2d6842}.care-feedback.blocked{background:#6a4d2a}.cycle-complete,.dock-empty{grid-column:1/-1;margin:0;padding:18px;text-align:center;color:#dce9df}.dock-empty{display:flex;align-items:center;justify-content:center;gap:12px}.dock-empty>span{font-size:2rem}.dock-empty div{display:flex;flex-direction:column;text-align:left}.dock-empty small{color:#a9c1b5;font-size:.58rem}
.growth-journey{margin-top:20px;padding:20px 24px;border:1px solid rgba(255,255,255,.8);border-radius:22px;background:rgba(255,255,255,.78);box-shadow:0 14px 40px rgba(31,70,45,.08)}.growth-journey{display:grid;grid-template-columns:210px 1fr;align-items:center;gap:20px}.growth-journey h2{margin:5px 0 0;font:600 1.35rem Georgia,serif}.growth-journey ol{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;margin:0;padding:0;list-style:none}.growth-journey li{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 6px;border-radius:13px;color:#667b6f}.growth-journey li:not(:last-child):after{content:"→";position:absolute;right:-7px;top:30px;color:#7f9b8b}.growth-journey li span{font-size:1.8rem;filter:grayscale(.75);opacity:.56}.growth-journey li b{font-size:.61rem}.growth-journey li small{font-size:.5rem}.growth-journey li.reached{color:#32744b}.growth-journey li.reached span{filter:none;opacity:.85}.growth-journey li.current{background:linear-gradient(145deg,#eaffdd,#d9f4ca);color:#205c37;box-shadow:inset 0 0 0 1px #69ce79}.growth-journey li.current span{filter:none;opacity:1;transform:scale(1.12)}
footer{display:flex;justify-content:space-between;gap:20px;padding:24px clamp(20px,4vw,64px);background:#102d26;color:#b9d0c4;font-size:.63rem}footer a{color:#d5f3c6;text-decoration:none}
.scene-tree-instance.realtime-pulse .scene-tree-image{filter:drop-shadow(0 0 20px rgba(207,245,107,.96));animation:garden-realtime-pulse 1.8s ease-out}@keyframes garden-realtime-pulse{0%{opacity:.75}35%{opacity:1}100%{opacity:1}}
@media(max-width:1180px){.garden-stage{grid-template-columns:minmax(0,1fr) 330px}.care-actions{grid-template-columns:repeat(3,1fr)}.garden-care-dock>section{grid-template-columns:210px 1fr}.garden-intro h1{font-size:3.6rem}}
@media(max-width:900px){.garden-intro{align-items:start;flex-direction:column}.intro-cards{width:100%}.weather-card,.balance-card{flex:1}.garden-stage{grid-template-columns:1fr}.garden-scene,.garden-story{height:600px}.garden-story{max-height:600px}.garden-spot-switcher{overflow-x:auto;grid-template-columns:repeat(6,minmax(130px,1fr))}.garden-care-dock>section{grid-template-columns:1fr}.dock-heading{padding:5px}.growth-journey{grid-template-columns:1fr}.growth-journey ol{overflow-x:auto;grid-template-columns:repeat(6,minmax(105px,1fr))}}
@media(max-width:620px){.garden-header{align-items:flex-start;flex-wrap:wrap}.garden-header nav{width:100%;overflow-x:auto;justify-content:flex-start}.garden-header nav>a,.garden-header nav button{white-space:nowrap;padding:7px 10px}.garden-intro h1{font-size:2.8rem}.intro-cards{overflow-x:auto}.weather-card,.balance-card{min-width:180px}.garden-scene{height:490px;border-radius:18px}.garden-story{height:auto;max-height:620px;border-radius:18px}.scene-toolbar{top:10px;left:10px;right:10px}.scene-toolbar b{font-size:.88rem}.focus-tree-layer{inset:75px 0 8%}.focus-tree-layer img{max-width:94%;max-height:92%}.garden-spot-switcher{margin-top:0}.care-actions{display:flex;overflow-x:auto}.care-actions form,.care-actions>a{min-width:145px}.garden-care-dock{border-radius:16px}.growth-journey{padding:16px}.ambient-skyline{opacity:.22}.scene-event-toast{min-width:calc(100% - 28px)}footer{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.transition-ring,.weather-rain-layer,.focus-tree-layer figure,.scene-tree-instance.realtime-pulse .scene-tree-image{animation:none}.garden-scene>.tree-scene,.garden-spot-overlay,.garden-environment{transition:none}}
/* Caregiver progression stays discreet in the global navigation. */
.caregiver-nav{display:grid!important;line-height:1.05}.caregiver-nav small{font-size:.62rem;font-weight:600;opacity:.72;margin-top:3px}