.garden-world{min-height:calc(100vh - 122px);border-radius:40px;overflow:hidden;position:relative;background:linear-gradient(180deg,#cfe9dc 0%,#c0ddc0 58%,#a9cca4 100%);box-shadow:var(--shadow);isolation:isolate}[data-theme="dark"] .garden-world{background:linear-gradient(180deg,#152230 0%,#1a2b25 55%,#132016 100%)}
.garden-world[data-weather="sunny"]::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 14%,rgba(255,218,148,.88),transparent 16%),radial-gradient(circle at 18% 20%,rgba(255,255,255,.35),transparent 22%);opacity:.95;z-index:0;pointer-events:none}.garden-world[data-weather="rain"]::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(122,157,169,.46),transparent 42%),radial-gradient(circle at 82% 14%,rgba(255,255,255,.35),transparent 16%);z-index:0;pointer-events:none}.garden-world[data-weather="night"]::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 14%,rgba(232,240,255,.58),transparent 14%),radial-gradient(circle at 28% 18%,rgba(143,202,156,.12),transparent 25%);z-index:0;pointer-events:none}
.glass-header{position:absolute;top:18px;left:18px;right:18px;z-index:30;display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 16px;border-radius:27px;background:rgba(255,255,255,.30);border:1px solid rgba(255,255,255,.43);backdrop-filter:blur(24px);box-shadow:0 18px 40px rgba(52,81,58,.10)}[data-theme="dark"] .glass-header{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.12)}.glass-header small{display:block;color:rgba(23,37,29,.66);font-size:12px;font-weight:800;margin-bottom:4px}[data-theme="dark"] .glass-header small{color:rgba(238,247,236,.72)}.glass-header strong{display:block;font-size:20px;letter-spacing:-.045em}.header-actions{display:flex;gap:9px}.round-btn{width:43px;height:43px;border-radius:50%;border:1px solid rgba(255,255,255,.36);background:rgba(255,255,255,.30);display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(18px);transition:transform .18s ease,background .18s ease;font-size:18px}.round-btn:hover{transform:translateY(-1px);background:rgba(255,255,255,.42)}[data-theme="dark"] .round-btn{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12)}
.hero-copy{position:absolute;z-index:18;left:32px;top:126px;max-width:540px}.kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.34);border:1px solid rgba(255,255,255,.40);color:rgba(23,37,29,.76);font-size:12px;font-weight:850;margin-bottom:18px;backdrop-filter:blur(16px)}[data-theme="dark"] .kicker{color:rgba(238,247,236,.78);background:rgba(255,255,255,.07)}.hero-copy h1{margin:0;font-size:clamp(48px,7vw,88px);line-height:.86;letter-spacing:-.09em;text-wrap:balance}.hero-copy h1 span{color:var(--primary)}.hero-copy p{margin:18px 0 0;max-width:410px;color:rgba(23,37,29,.72);font-size:17px;line-height:1.45}[data-theme="dark"] .hero-copy p{color:rgba(238,247,236,.70)}.hero-pills{margin-top:18px;display:flex;gap:10px;flex-wrap:wrap}.stage-pill{display:inline-flex;align-items:center;gap:10px;padding:12px 14px;border-radius:999px;background:rgba(255,255,255,.38);border:1px solid rgba(255,255,255,.42);backdrop-filter:blur(18px);box-shadow:0 14px 28px rgba(42,76,48,.10)}[data-theme="dark"] .stage-pill{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.12)}.stage-pill strong{font-size:14px}.stage-pill small{display:block;color:var(--muted);font-size:12px}.buttonlike{cursor:pointer;color:var(--text);font-weight:850}
.stars{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0;background-image:radial-gradient(circle,rgba(255,255,255,.9) 0 1px,transparent 1.5px),radial-gradient(circle,rgba(255,255,255,.65) 0 1px,transparent 1.5px);background-size:92px 92px,136px 136px;background-position:15px 26px,58px 72px;transition:opacity .4s ease}.garden-world[data-weather="night"] .stars,[data-theme="dark"] .stars{opacity:.75}.rain{position:absolute;inset:0;z-index:4;pointer-events:none;opacity:0;background-image:repeating-linear-gradient(105deg,rgba(255,255,255,0) 0 16px,rgba(255,255,255,.38) 17px,rgba(255,255,255,.38) 18px,rgba(255,255,255,0) 19px 34px);background-size:140px 140px;animation:rain 1.3s linear infinite;transition:opacity .3s ease}.garden-world[data-weather="rain"] .rain{opacity:.55}.cloud{position:absolute;z-index:3;left:52px;top:288px;width:138px;height:42px;border-radius:999px;background:rgba(255,255,255,.55);animation:cloud 14s ease-in-out infinite;filter:blur(.1px)}.cloud::before,.cloud::after{content:"";position:absolute;background:inherit;border-radius:50%}.cloud::before{width:64px;height:64px;left:21px;bottom:12px}.cloud::after{width:52px;height:52px;right:22px;bottom:9px}[data-theme="dark"] .cloud,.garden-world[data-weather="night"] .cloud{background:rgba(255,255,255,.10)}
.hills{position:absolute;inset:auto -12% -92px -12%;height:350px;z-index:2;pointer-events:none}.hill{position:absolute;bottom:0;width:72%;height:270px;border-radius:50% 50% 0 0;background:linear-gradient(180deg,rgba(68,127,75,.28),rgba(58,98,73,.08))}.hill.one{left:-8%;transform:rotate(3deg)}.hill.two{right:-2%;bottom:18px;height:305px;background:linear-gradient(180deg,rgba(255,255,255,.20),rgba(58,98,73,.08))}[data-theme="dark"] .hill{background:linear-gradient(180deg,rgba(116,170,120,.13),rgba(0,0,0,.04))}
.pond{position:absolute;left:54px;bottom:118px;z-index:5;width:176px;height:58px;border-radius:50%;background:radial-gradient(ellipse,rgba(255,255,255,.55),transparent 38%),linear-gradient(145deg,rgba(116,185,214,.78),rgba(71,139,165,.48));box-shadow:inset 0 -10px 20px rgba(38,95,118,.18),0 15px 28px rgba(38,95,118,.10);opacity:0;transform:translateY(12px) scale(.92);transition:opacity .6s ease,transform .6s ease}.pond.show{opacity:1;transform:translateY(0) scale(1)}.bench{position:absolute;left:88px;bottom:208px;z-index:6;font-size:48px;opacity:0;transform:translateY(12px) scale(.92);transition:opacity .6s ease,transform .6s ease;filter:drop-shadow(0 10px 12px rgba(0,0,0,.10))}.bench.show{opacity:1;transform:translateY(0) scale(1)}
.plant-stage{position:absolute;z-index:8;right:min(58px,7vw);bottom:72px;width:min(456px,88vw);height:480px}.ground-glow{position:absolute;bottom:25px;left:6%;width:88%;height:70px;border-radius:50%;background:radial-gradient(ellipse,rgba(31,70,39,.26),transparent 70%);z-index:1}.pot{position:absolute;bottom:60px;left:50%;translate:-50% 0;width:162px;height:122px;border-radius:24px 24px 54px 54px;background:linear-gradient(145deg,#dda066,#a76c42);box-shadow:inset 0 -18px 34px rgba(77,45,27,.20),0 20px 46px rgba(70,46,30,.20);z-index:6}.pot::before{content:"";position:absolute;left:-14px;right:-14px;top:-19px;height:40px;border-radius:999px;background:linear-gradient(145deg,#e7ad76,#b87949);box-shadow:0 10px 20px rgba(82,49,30,.14)}.pot::after{content:"";position:absolute;left:37px;right:37px;top:28px;height:8px;border-radius:999px;background:rgba(255,255,255,.20)}
.stem{position:absolute;left:50%;bottom:160px;translate:-50% 0;width:15px;height:var(--stem-height,60px);border-radius:999px;background:linear-gradient(90deg,#24472e,#79a96f);transform-origin:bottom;animation:sway 5.2s ease-in-out infinite;transition:height .8s cubic-bezier(.2,.9,.2,1);z-index:5}[data-theme="dark"] .stem{background:linear-gradient(90deg,#83c28e,#d4edd1)}.leaf{position:absolute;width:var(--leaf-size,50px);height:calc(var(--leaf-size,50px) * .62);border-radius:100% 0 100% 0;background:var(--leaf-gradient,linear-gradient(135deg,#8fc28a,#3f7647));opacity:var(--leaf-opacity,.2);box-shadow:inset 10px 10px 22px rgba(255,255,255,.15);z-index:7;transition:all .75s cubic-bezier(.2,.9,.2,1)}.leaf::after{content:"";position:absolute;left:18%;top:48%;width:66%;height:2px;border-radius:999px;background:rgba(255,255,255,.20);rotate:-18deg}.l1{left:calc(50% - 80px);bottom:212px;rotate:-38deg}.l2{right:calc(50% - 82px);bottom:250px;transform:scaleX(-1);rotate:38deg}.l3{left:calc(50% - 104px);bottom:302px;rotate:-28deg;scale:.9}.l4{right:calc(50% - 106px);bottom:346px;transform:scaleX(-1);rotate:28deg;scale:.92}.l5{left:calc(50% - 72px);bottom:390px;rotate:-52deg;scale:.72}.l6{right:calc(50% - 72px);bottom:416px;transform:scaleX(-1);rotate:52deg;scale:.72}
.plant-cactus .stem{width:68px;border-radius:40px 40px 18px 18px;background:linear-gradient(90deg,#2f6b49,#76a86d)}.plant-cactus .leaf{border-radius:999px;height:calc(var(--leaf-size,50px) * 1.18);width:calc(var(--leaf-size,50px) * .58)}.plant-bonsai .stem{width:24px;border-radius:999px;background:linear-gradient(90deg,#6d4a30,#9a704b)}.plant-bonsai .leaf{border-radius:50%;height:var(--leaf-size,50px);background:radial-gradient(circle at 30% 30%,#aad18c,#467842)}
.flower{position:absolute;left:50%;bottom:calc(160px + var(--stem-height,60px));translate:-50% 0;width:104px;height:104px;opacity:0;scale:.75;transform:translateY(24px);transition:all .8s cubic-bezier(.2,.9,.2,1);z-index:8}.flower.show{opacity:1;scale:1;transform:translateY(0)}.petal{position:absolute;width:48px;height:48px;border-radius:50% 50% 50% 8px;background:linear-gradient(145deg,#f5c1b7,#e18a83);left:28px;top:28px;transform-origin:24px 24px;box-shadow:inset 8px 8px 16px rgba(255,255,255,.14)}.petal:nth-child(1){transform:rotate(0deg) translateY(-31px)}.petal:nth-child(2){transform:rotate(72deg) translateY(-31px)}.petal:nth-child(3){transform:rotate(144deg) translateY(-31px)}.petal:nth-child(4){transform:rotate(216deg) translateY(-31px)}.petal:nth-child(5){transform:rotate(288deg) translateY(-31px)}.core{position:absolute;width:34px;height:34px;left:35px;top:35px;border-radius:50%;background:var(--gold);box-shadow:inset 0 -6px 13px rgba(120,80,28,.14)}
.critter{position:absolute;z-index:12;opacity:0;scale:.75;transition:opacity .5s ease,scale .5s ease;filter:drop-shadow(0 10px 13px rgba(0,0,0,.11));pointer-events:none}.critter.show{opacity:1;scale:1}.butterfly{left:16px;bottom:240px;font-size:32px;animation:flutter 5.4s ease-in-out infinite}.bird{right:24px;bottom:300px;font-size:30px;animation:flutter 6.2s ease-in-out infinite .2s}.sparkle{left:50%;bottom:430px;font-size:26px;animation:sparkle 3.2s ease-in-out infinite}.speech{position:absolute;z-index:32;left:28px;right:28px;bottom:24px;padding:17px 19px;border-radius:24px;background:rgba(255,255,255,.50);border:1px solid rgba(255,255,255,.42);backdrop-filter:blur(22px);line-height:1.45;box-shadow:0 18px 42px rgba(35,62,42,.12)}[data-theme="dark"] .speech{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.12)}
@media (max-width:640px){.garden-world{min-height:calc(100vh - 112px);border-radius:32px}.glass-header{top:12px;left:12px;right:12px;padding:12px;border-radius:23px}.glass-header strong{font-size:18px}.round-btn{width:40px;height:40px}.hero-copy{left:22px;right:22px;top:118px}.hero-copy h1{font-size:54px}.hero-copy p{font-size:16px;max-width:320px}.stage-pill{padding:10px 12px}.cloud{top:325px;left:22px;scale:.82}.pond{left:24px;bottom:152px;width:140px}.bench{left:52px;bottom:234px;font-size:40px}.plant-stage{left:50%;right:auto;translate:-50% 0;bottom:88px;width:420px;max-width:100%;height:430px}.speech{left:14px;right:14px;bottom:14px}}


/* v7 Clean Garden */
.hero-copy {
  top: 128px;
  max-width: 500px;
  pointer-events: none;
}
.hero-copy h1 {
  font-size: clamp(56px, 8vw, 104px);
}
.hero-copy p {
  max-width: 340px;
}

@media (min-width: 900px) {
  .plant-stage {
    right: 9%;
    bottom: 78px;
  }
}
@media (max-width:640px){
  .hero-copy {
    top: 130px;
  }
  .hero-copy h1 {
    font-size: 64px;
  }
  .garden-progress-chip {
    left: 14px;
    bottom: 88px;
  }
}