.garden-wrapper{min-height:100vh;position:relative}.garden-ambient{--garden-grass:#d0f1d0;--garden-grass-2:#bae4b4;--garden-grass-3:#9cd69a;--garden-glow:#fbf5bb99;--garden-shadow:#0000001f;pointer-events:none;z-index:-1;background:radial-gradient(120% 80% at 10% -10%, var(--garden-glow), transparent 65%), linear-gradient(160deg, #d4edd48c, transparent 55%), linear-gradient(180deg, var(--garden-grass) 0%, var(--garden-grass-2) 55%, var(--garden-grass-3) 100%);width:100vw;position:fixed;inset:0;overflow:hidden}.garden-ambient:before{content:"";opacity:.6;background:repeating-linear-gradient(90deg,#8db08d2e 0 1px,#0000 1px 6px),repeating-linear-gradient(0deg,#a2c3a21f 0 2px,#0000 2px 8px);position:absolute;inset:0}.garden-canopy{pointer-events:none;z-index:3;width:100vw;position:fixed;inset:0;overflow:hidden}.garden-bed{pointer-events:none;position:absolute;inset:0}.garden-content{z-index:1;pointer-events:auto;justify-content:center;align-items:flex-start;width:100%;min-height:100vh;display:flex;position:absolute;top:0;left:0;right:0}.garden-panel{background:linear-gradient(#f9f7f0f5,#f2ede3fa),repeating-linear-gradient(120deg,#deceba40 0 6px,#d4c2af33 6px 12px);border:4px solid #744f2f;border-radius:28px;padding:2.25rem 1.75rem 2rem;position:relative;box-shadow:0 18px 36px #120c042e,0 0 0 1px #b8997a80}.garden-panel:before{content:"";pointer-events:none;border:2px solid #d1bc9f;border-radius:20px;position:absolute;inset:8px}.garden-panel-header{justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex}.garden-panel-title{letter-spacing:.08em;text-transform:uppercase;color:#4d3523;padding:.35rem 1.2rem;font-size:1.5rem;font-weight:700}.garden-section-title{color:#58412d;letter-spacing:.04em;text-transform:uppercase;border-bottom:2px solid #ba946db3;padding-bottom:.2rem;display:inline-block}.plant{--hue:120;--scale:1;--stretch:1;--x:50;--y:50;--delay:0s;--duration:.6s;left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);transform:translate(-50%, -100%) scale(var(--scale)) scaleY(var(--stretch));transform-origin:bottom;opacity:1;filter:drop-shadow(0 6px 6px var(--garden-shadow));position:absolute}.plant--growing{animation:sprout var(--duration) ease-out both;animation-delay:var(--delay)}.plant-base{opacity:.9;background:radial-gradient(circle at 30% 30%,#75d775,#428a42);border-radius:999px;width:18px;height:6px;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.plant-shape{position:absolute;bottom:0;left:50%;transform:translate(-50%)}.plant--grass .plant-shape{width:10px;height:16px}.plant--grass .plant-shape:before,.plant--grass .plant-shape:after{content:"";background:linear-gradient(180deg, hsl(var(--hue) 60% 52%), hsl(var(--hue) 40% 34%));border-radius:2px;width:2px;height:100%;position:absolute;bottom:0}.plant--grass .plant-shape:before{left:3px;transform:rotate(-8deg)}.plant--grass .plant-shape:after{height:75%;left:6px;transform:rotate(12deg)}.plant--grass .plant-base{width:12px;height:4px}.plant--flower .plant-shape{width:14px;height:24px}.plant--flower .plant-shape:before{content:"";background:linear-gradient(#4dcb4d,#317231);border-radius:2px;width:2px;height:16px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.plant--flower .plant-shape:after{content:"";width:8px;height:8px;box-shadow:0 -6px 0 hsl(var(--hue) 70% 70%), 6px 0 0 hsl(var(--hue) 70% 70%), -6px 0 0 hsl(var(--hue) 70% 70%), 0 6px 0 hsl(var(--hue) 70% 70%);background:#f5c73d;border-radius:50%;position:absolute;top:-2px;left:50%;transform:translate(-50%)}.plant--flower .plant-base{width:16px;height:6px}.plant--tree .plant-shape{width:24px;height:40px}.plant--tree .plant-shape:before{content:"";background:linear-gradient(#9b704b,#6a4d39);border-radius:3px;width:6px;height:20px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.plant--tree .plant-shape:after{content:"";background:radial-gradient(circle at 30% 30%, hsl(var(--hue) 55% 55%), hsl(var(--hue) 45% 38%));width:24px;height:18px;box-shadow:-8px -6px 0 hsl(var(--hue) 50% 52% / .9), 8px -5px 0 hsl(var(--hue) 50% 52% / .9);border-radius:999px;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.plant--tree .plant-base{width:20px;height:7px}.plant--palm .plant-shape{width:24px;height:56px}.plant--palm .plant-shape:before{content:"";background:linear-gradient(#b68154,#6e4c35);border-radius:3px;width:4px;height:34px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.plant--palm .plant-shape:after{content:"";background:hsl(var(--hue) 55% 52%);width:12px;height:8px;box-shadow:-16px 2px 0 hsl(var(--hue) 60% 48%), 16px 2px 0 hsl(var(--hue) 60% 48%), -10px -8px 0 hsl(var(--hue) 65% 58%), 10px -8px 0 hsl(var(--hue) 65% 58%);border-radius:999px;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.plant--palm .plant-base{width:20px;height:7px}@keyframes sprout{0%{opacity:0;transform:translate(-50%, -100%) scale(var(--scale)) scaleY(.05)}to{opacity:1;transform:translate(-50%, -100%) scale(var(--scale)) scaleY(var(--stretch))}}@media (prefers-color-scheme:dark){.garden-ambient{--garden-grass:#2a3c30;--garden-grass-2:#222f22;--garden-grass-3:#1a231a;--garden-glow:#9b8d3140;--garden-shadow:#0006}.garden-ambient:before{opacity:.4}.garden-panel{background:linear-gradient(#3e3528f2,#33291ffa),repeating-linear-gradient(120deg,#5d4b3c4d 0 6px,#483c3233 6px 12px);border-color:#594636;box-shadow:0 18px 36px #00000073,0 0 0 1px #42372e99}.garden-panel:before{border-color:#6c5e4b}.garden-panel-title{color:#dfd3c3;background:#4b3c30e6;box-shadow:inset 0 0 0 1px #6e5b49b3}.garden-section-title{color:#e4ddd3;border-bottom-color:#7e6b58cc}}@media (width<=640px){.garden-canopy{display:none}.garden-ambient{background:radial-gradient(140% 80% at 20% -20%, var(--garden-glow), transparent 65%), linear-gradient(180deg, var(--garden-grass) 0%, var(--garden-grass-2) 55%, var(--garden-grass-3) 100%)}.garden-panel{border-radius:22px;padding:1.75rem 1.25rem 1.5rem}.garden-panel-title{letter-spacing:.06em;font-size:1.15rem}}@media (prefers-reduced-motion:reduce){.plant--growing{animation:none}}