.garden-wrapper{position:relative;min-height:100vh}.garden-ambient{--garden-grass: hsl(120 55% 88%);--garden-grass-2: hsl(112 48% 80%);--garden-grass-3: hsl(118 42% 72%);--garden-glow: hsl(54 90% 86% / .6);--garden-shadow: rgba(0, 0, 0, .12);position:fixed;inset:0;width:100vw;pointer-events:none;z-index:-1;overflow:hidden;background:radial-gradient(120% 80% at 10% -10%,var(--garden-glow),transparent 65%),linear-gradient(160deg,hsl(120 40% 88% / .55),transparent 55%),linear-gradient(180deg,var(--garden-grass) 0%,var(--garden-grass-2) 55%,var(--garden-grass-3) 100%)}.garden-ambient:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,hsl(120 18% 62% / .18) 0 1px,transparent 1px 6px),repeating-linear-gradient(0deg,hsl(120 22% 70% / .12) 0 2px,transparent 2px 8px);opacity:.6}.garden-canopy{position:fixed;inset:0;width:100vw;pointer-events:none;z-index:3;overflow:hidden}.garden-bed{position:absolute;inset:0;pointer-events:none}.garden-content{position:absolute;top:0;left:0;right:0;width:100%;min-height:100vh;z-index:1;pointer-events:auto;display:flex;justify-content:center;align-items:flex-start}.garden-panel{position:relative;border-radius:28px;border:4px solid hsl(28 42% 32%);background:linear-gradient(180deg,#f9f7f0f5,#f2ede3fa),repeating-linear-gradient(120deg,#deceba40 0 6px,#d4c2af33 6px 12px);box-shadow:0 18px 36px #120c042e,0 0 0 1px #b8997a80;padding:2.25rem 1.75rem 2rem}.garden-panel:before{content:"";position:absolute;inset:8px;border-radius:20px;border:2px solid hsl(35 35% 72%);pointer-events:none}.garden-panel-header{display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.garden-panel-title{font-size:1.5rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#4d3523;padding:.35rem 1.2rem;border-radius:999px;background:#f5eee0e6;box-shadow:inset 0 0 0 1px #cdb39899}.garden-section-title{display:inline-block;color:#58412d;letter-spacing:.04em;text-transform:uppercase;padding-bottom:.2rem;border-bottom:2px solid hsl(30 36% 58% / .7)}.plant{--hue: 120;--scale: 1;--stretch: 1;--x: 50;--y: 50;--delay: 0;position:absolute;left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);transform:translate(-50%,-100%) scale(var(--scale)) scaleY(var(--stretch));transform-origin:center bottom;opacity:0;filter:drop-shadow(0 6px 6px var(--garden-shadow));animation:sprout .8s ease-out forwards;animation-delay:calc(var(--delay) * 1s)}.plant-base{position:absolute;bottom:-2px;left:50%;width:18px;height:6px;border-radius:999px;background:radial-gradient(circle at 30% 30%,#75d775,#428a42);transform:translate(-50%);opacity:.9}.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:"";position:absolute;bottom:0;width:2px;height:100%;background:linear-gradient(180deg,hsl(var(--hue) 60% 52%),hsl(var(--hue) 40% 34%));border-radius:2px}.plant--grass .plant-shape:before{left:3px;transform:rotate(-8deg)}.plant--grass .plant-shape:after{left:6px;height:75%;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:"";position:absolute;bottom:0;left:50%;width:2px;height:16px;background:linear-gradient(180deg,#4dcb4d,#317231);border-radius:2px;transform:translate(-50%)}.plant--flower .plant-shape:after{content:"";position:absolute;top:-2px;left:50%;width:8px;height:8px;border-radius:50%;background:#f5c73d;transform:translate(-50%);box-shadow:0 -6px hsl(var(--hue) 70% 70%),6px 0 hsl(var(--hue) 70% 70%),-6px 0 hsl(var(--hue) 70% 70%),0 6px hsl(var(--hue) 70% 70%)}.plant--flower .plant-base{width:16px;height:6px}.plant--tree .plant-shape{width:24px;height:40px}.plant--tree .plant-shape:before{content:"";position:absolute;bottom:0;left:50%;width:6px;height:20px;background:linear-gradient(180deg,#9b704b,#6a4d39);border-radius:3px;transform:translate(-50%)}.plant--tree .plant-shape:after{content:"";position:absolute;bottom:14px;left:50%;width:24px;height:18px;border-radius:999px;background:radial-gradient(circle at 30% 30%,hsl(var(--hue) 55% 55%),hsl(var(--hue) 45% 38%));transform:translate(-50%);box-shadow:-8px -6px hsl(var(--hue) 50% 52% / .9),8px -5px hsl(var(--hue) 50% 52% / .9)}.plant--tree .plant-base{width:20px;height:7px}.plant--palm .plant-shape{width:24px;height:56px}.plant--palm .plant-shape:before{content:"";position:absolute;bottom:0;left:50%;width:4px;height:34px;background:linear-gradient(180deg,#b68154,#6e4c35);border-radius:3px;transform:translate(-50%)}.plant--palm .plant-shape:after{content:"";position:absolute;bottom:22px;left:50%;width:12px;height:8px;border-radius:999px;background:hsl(var(--hue) 55% 52%);transform:translate(-50%);box-shadow:-16px 2px hsl(var(--hue) 60% 48%),16px 2px hsl(var(--hue) 60% 48%),-10px -8px hsl(var(--hue) 65% 58%),10px -8px hsl(var(--hue) 65% 58%)}.plant--palm .plant-base{width:20px;height:7px}@keyframes sprout{0%{opacity:0;transform:translate(-50%,-60%) scale(.4)}to{opacity:1;transform:translate(-50%,-100%) scale(var(--scale)) scaleY(var(--stretch))}}@media(prefers-color-scheme:dark){.garden-ambient{--garden-grass: hsl(140 18% 20%);--garden-grass-2: hsl(120 16% 16%);--garden-grass-3: hsl(120 14% 12%);--garden-glow: hsl(52 52% 40% / .25);--garden-shadow: rgba(0, 0, 0, .4)}.garden-ambient:before{opacity:.4}.garden-panel{border-color:#594636;background:linear-gradient(180deg,#3e3528f2,#33291ffa),repeating-linear-gradient(120deg,#5d4b3c4d 0 6px,#483c3233 6px 12px);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(prefers-reduced-motion:reduce){.plant{animation:none;opacity:1;transform:translate(-50%,-100%) scale(var(--scale)) scaleY(var(--stretch))}}@media(max-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{font-size:1.15rem;letter-spacing:.06em}}