:root{color:#173b2d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f8fbf3;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{overflow:hidden}button{font:inherit}h1,h2,p{margin:0}.care-gift{background:radial-gradient(circle at 16% 18%,#86d6db5c,#0000 28rem),radial-gradient(circle at 84% 20%,#b0e09361,#0000 25rem),linear-gradient(145deg,#fffdf7 0%,#f2f8ed 52%,#edf8f9 100%);place-items:center;min-height:100svh;padding:clamp(16px,4vw,46px);display:grid;position:relative;overflow:hidden}.care-gift:before{content:"";pointer-events:none;opacity:.72;background-image:linear-gradient(#235b450b 1px,#0000 1px),linear-gradient(90deg,#235b4509 1px,#0000 1px),radial-gradient(#235b4514 .8px,#0000 .8px);background-size:34px 34px,34px 34px,18px 18px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#00000080);mask-image:linear-gradient(#000,#00000080)}.paper-atmosphere{pointer-events:none;position:absolute;inset:0;overflow:hidden}.blue-wash,.green-wash{aspect-ratio:1;filter:blur(2px);opacity:.28;border-radius:45% 55% 50% 48%;width:clamp(220px,34vw,520px);position:absolute}.blue-wash{background:#77cdd7;animation:13s ease-in-out infinite alternate slowDrift;bottom:4%;left:-8%}.green-wash{background:#a8d879;animation:15s ease-in-out infinite alternate-reverse slowDrift;top:5%;right:-10%}.paper-fiber{background:#2553411f;border-radius:999px;width:clamp(140px,18vw,270px);height:2px;position:absolute}.fiber-one{top:24%;left:7%;transform:rotate(-9deg)}.fiber-two{bottom:18%;right:9%;transform:rotate(12deg)}.ambient-leaf,.floating-leaf{aspect-ratio:.62;transform-origin:50% 100%;background:linear-gradient(135deg,#5fac73,#b9da75);border-radius:100% 0;width:clamp(18px,2.3vw,34px);position:absolute;box-shadow:inset -5px -4px #144a341c}.ambient-one{animation:8s ease-in-out infinite leafFloat;top:13%;left:13%}.ambient-two{animation:9s ease-in-out 1.2s infinite leafFloat;top:64%;right:18%}.ambient-three{animation:7.5s ease-in-out .7s infinite leafFloat;top:12%;left:72%}.moment{z-index:2;width:min(100%,1120px);min-height:min(88svh,760px);position:relative}.opening-moment{grid-template-columns:minmax(0,1.02fr) minmax(300px,.98fr);align-items:center;gap:clamp(24px,5vw,76px);display:grid}.opening-copy,.final-copy{justify-items:start;gap:clamp(18px,3vw,26px);display:grid}.soft-kicker{color:#285947;letter-spacing:.02em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff94;border:1px solid #2553412e;border-radius:999px;align-items:center;width:fit-content;min-height:34px;padding:0 14px;font-size:clamp(.78rem,1.6vw,.92rem);font-weight:800;display:inline-flex;box-shadow:0 14px 34px #30705714}.opening-copy h1{color:#123a2b;letter-spacing:0;max-width:760px;font-size:clamp(2.35rem,6.1vw,5.85rem);font-weight:900;line-height:.98}.primary-action,.quiet-action{cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:54px;padding:0 22px;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.primary-action{color:#fff;background:#1f7a4d;font-weight:850;box-shadow:0 20px 48px #1f7a4d38}.primary-action:hover{background:#17633f;transform:translateY(-3px);box-shadow:0 26px 58px #1f7a4d47}.primary-action:active{transform:translateY(0)scale(.98)}.primary-action svg{transition:transform .2s}.primary-action:hover svg{transform:translate(2px)rotate(4deg)}.opening-art{border-radius:34px;place-items:center;min-height:clamp(330px,48vw,540px);display:grid;position:relative}.paper-sun{aspect-ratio:1;background:radial-gradient(circle at 38% 34%,#fff 0 18%,#0000 19%),#cfe9f1;border-radius:999px;width:clamp(68px,9vw,116px);position:absolute;top:10%;right:16%;box-shadow:0 22px 60px #4395a72e}.mini-city{opacity:.82;background-color:#0000;background-image:linear-gradient(0deg,#8bbeb5 0 42%,#0000 42%),linear-gradient(0deg,#0000 0 20%,#6aa898 20% 72%,#0000 72%),linear-gradient(0deg,#0000 0 9%,#b6d8c7 9% 60%,#0000 60%);background-position:0 0,45% 0,100% 0;background-repeat:no-repeat;background-size:26% 100%,42% 100%,68% 100%;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;width:clamp(96px,13vw,160px);height:clamp(54px,7vw,88px);position:absolute;bottom:15%}.city-one{left:6%}.city-two{right:5%;transform:scaleX(-1)}.leaf-one{animation:7s ease-in-out infinite leafFloat;top:18%;left:18%}.leaf-two{animation:7.8s ease-in-out .9s infinite leafFloat;bottom:24%;right:18%}.leaf-three{animation:8.5s ease-in-out 1.4s infinite leafFloat;bottom:13%;left:48%}.reusable-bag{aspect-ratio:.86;place-items:end center;width:clamp(148px,23vw,260px);animation:4.8s ease-in-out infinite alternate bagFloat;display:grid;position:relative}.reusable-bag.large{width:clamp(210px,31vw,380px)}.bag-handle{transform-origin:50% 100%;border:clamp(9px,1.5vw,16px) solid #2e8a5b;border-bottom:0;border-radius:999px 999px 0 0;width:48%;height:34%;animation:3.8s ease-in-out infinite alternate handleSway;position:absolute;top:3%}.bag-body{color:#114331;background:linear-gradient(135deg,#ffffff47,#0000 38%),repeating-linear-gradient(90deg,#ffffff2b 0 5px,#0000 5px 12px),linear-gradient(160deg,#64b87b,#2f8a5c);border:2px solid #1c6a4329;border-radius:12% 12% 16% 16%;place-items:center;width:78%;height:72%;display:grid;position:absolute;bottom:0;box-shadow:inset 0 -18px 34px #0c4c2d2e,0 30px 70px #236f4a38}.wishes-moment{align-content:center;justify-items:center;gap:clamp(18px,4vw,34px);display:grid}.wishes-center{place-items:center;min-height:clamp(150px,23svh,230px);display:grid;position:relative}.planet-sticker{aspect-ratio:1;color:#15503f;background:linear-gradient(145deg,#7bcbd8,#e8fff0);border:2px solid #fff;border-radius:999px;place-items:center;width:clamp(54px,8vw,76px);font-size:.78rem;font-weight:900;display:grid;position:absolute;top:12%;right:-16%;transform:rotate(8deg);box-shadow:0 18px 42px #26747c29}.wish-card-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2.4vw,24px);width:min(100%,940px);display:grid}.wish-card{background:linear-gradient(#ffffffe0,#ffffffa3),repeating-linear-gradient(0deg,#0000 0 20px,#1f7a4d0d 21px);border:1px solid #1f7a4d24;border-radius:22px;align-content:start;gap:14px;min-height:clamp(172px,20vw,210px);padding:clamp(18px,3vw,26px);display:grid;box-shadow:0 22px 58px #34705321}.wish-icon{aspect-ratio:1;color:#1f6f4a;background:#e6f5dc;border-radius:16px;place-items:center;width:46px;display:grid}.wish-card h2{color:#153d2e;letter-spacing:0;max-width:12ch;font-size:clamp(1.28rem,2.6vw,1.85rem);line-height:1.08}.wish-card p{color:#426657;max-width:22ch;font-size:clamp(.95rem,1.7vw,1.05rem);line-height:1.45}.secondary-space{margin-top:4px}.transform-moment{align-content:center;justify-items:center;gap:clamp(14px,2.5vw,24px);display:grid}.transform-header{grid-template-columns:auto 1fr auto;align-items:center;gap:14px;width:min(100%,860px);display:grid}.transform-header p{color:#244f3e;text-align:center;font-size:clamp(1.02rem,2.2vw,1.35rem);font-weight:780;line-height:1.3}.transform-header strong{color:#1f6849;background:#fff;border-radius:999px;place-items:center;min-width:58px;min-height:42px;display:grid;box-shadow:0 14px 36px #3470531f}.nature-tray{background:linear-gradient(#e1f7fac7 0 48%,#eff8e1e6 48%),repeating-linear-gradient(0deg,#0000 0 25px,#1f7a4d0d 26px);border:1px solid #1f7a4d26;border-radius:clamp(24px,4vw,38px);width:min(100%,900px);min-height:clamp(370px,55svh,520px);position:relative;overflow:hidden;box-shadow:0 28px 80px #30705724}.tray-sky span{background:#ffffffd1;border-radius:999px;width:clamp(82px,12vw,138px);height:clamp(26px,4vw,40px);animation:12s ease-in-out infinite alternate cloudDrift;position:absolute;box-shadow:28px 2px 0 -6px #ffffffc7,-24px 7px 0 -8px #ffffffb8}.tray-sky span:first-child{top:13%;left:12%}.tray-sky span:last-child{animation-delay:1.3s;top:19%;right:10%}.tray-city{align-items:end;gap:8px;display:flex;position:absolute;bottom:18%;left:5%}.tray-city span{background:linear-gradient(#b8d8d0,#73ab9f);border-radius:8px 8px 0 0;width:clamp(24px,4vw,44px);box-shadow:inset 0 0 0 1px #12463414}.tray-city span:first-child{height:72px}.tray-city span:nth-child(2){height:112px}.tray-city span:nth-child(3){height:88px}.tray-city span:nth-child(4){height:126px}.tray-meadow{background:linear-gradient(#afd985,#75b96b);border-radius:50% 50% 0 0;width:clamp(180px,28vw,310px);height:clamp(74px,11vw,120px);position:absolute;bottom:13%;right:6%}.tray-meadow span{aspect-ratio:.65;background:#2f8a5c;border-radius:100% 0;width:18px;position:absolute;bottom:36%}.tray-meadow span:first-child{left:22%;transform:rotate(-28deg)}.tray-meadow span:nth-child(2){left:50%;transform:rotate(18deg)}.tray-meadow span:nth-child(3){right:18%;transform:rotate(-8deg)}.transform-object{aspect-ratio:1;cursor:pointer;transform-origin:50%;background:0 0;border:0;border-radius:24px;place-items:center;width:clamp(58px,8vw,86px);display:grid;position:absolute;translate:-50% -50%}.is-plastic{animation:2.8s ease-in-out infinite alternate plasticBob}.plastic-bag{background:linear-gradient(135deg,#ffffffc7,#cfeff566),repeating-linear-gradient(120deg,#0000 0 7px,#437e881f 8px 10px);border:2px solid #437e886b;border-radius:9px 9px 17px 17px;width:70%;height:78%;position:relative;box-shadow:0 16px 34px #3070571f}.plastic-bag i,.plastic-bag b{background:#ffffff6b;border:2px solid #437e886b;border-bottom:0;border-radius:999px 999px 0 0;width:31%;height:24%;position:absolute;top:-9%}.plastic-bag i{left:13%}.plastic-bag b{right:13%}.result-shape{aspect-ratio:1;border:3px solid #fff;border-radius:999px;place-items:center;width:72%;display:grid;box-shadow:0 18px 42px #27694b2e}.flower-result{color:#18563b;background:#fff6c8}.planet-result{color:#0d4558;background:linear-gradient(145deg,#76cbd6,#e7fbf0)}.mini-bag-result{color:#1f704d;background:#daf2ce}.complete-action{min-height:50px}.final-moment{grid-template-columns:minmax(250px,.82fr) minmax(0,1.18fr);align-items:center;gap:clamp(24px,6vw,78px);display:grid}.keepsake-orbit{place-items:center;min-height:clamp(280px,48vw,470px);display:grid;position:relative}.keepsake-orbit:before{content:"";aspect-ratio:1;background:radial-gradient(circle,#ffffffd9,#ffffff57 58%,#0000 59%),repeating-linear-gradient(0deg,#0000 0 20px,#1f7a4d0b 21px);border-radius:999px;width:min(86%,410px);position:absolute;box-shadow:0 28px 80px #30705721}.orbit-item{aspect-ratio:1;color:#1e6f4b;border:3px solid #fff;border-radius:999px;place-items:center;width:clamp(58px,8vw,78px);animation:4.6s ease-in-out infinite alternate orbitFloat;display:grid;position:absolute;box-shadow:0 18px 42px #27694b29}.orbit-flower{background:#fff6c8;top:20%;left:8%}.orbit-planet{color:#155a70;background:#dff6fb;animation-delay:.5s;top:27%;right:7%}.orbit-leaf{background:#e6f5dc;animation-delay:1s;bottom:16%;right:18%}.final-copy h2{color:#123a2b;letter-spacing:0;max-width:760px;font-size:clamp(2.15rem,5.2vw,5rem);font-weight:900;line-height:1}.primary-action.saved{color:#145439;background:#dff2d4;box-shadow:0 18px 44px #1f7a4d24}.saved-note{color:#356651;font-size:clamp(.98rem,2vw,1.12rem);font-weight:720}.quiet-action{color:#2d604c;background:0 0;min-height:40px;padding:0 4px;font-weight:760}.quiet-action:hover{color:#174633;transform:translateY(-2px)}.moment-dots{z-index:5;pointer-events:none;gap:8px;display:flex;position:absolute;bottom:clamp(12px,2.4vw,24px);left:50%;translate:-50%}.moment-dots span{background:#1f5f4638;border-radius:999px;width:8px;height:8px;transition:width .25s,background .25s}.moment-dots .active{background:#1f7a4d;width:28px}@keyframes slowDrift{0%{transform:translate(0,0)rotate(0)}to{transform:translate(18px,-20px)rotate(8deg)}}@keyframes leafFloat{0%,to{transform:translate(0,0)rotate(-16deg)}50%{transform:translate(12px,-18px)rotate(16deg)}}@keyframes bagFloat{0%{transform:translateY(0)rotate(-1deg)}to{transform:translateY(-12px)rotate(1deg)}}@keyframes handleSway{0%{transform:rotate(-2deg)}to{transform:rotate(3deg)}}@keyframes plasticBob{0%{margin-top:0}to{margin-top:-9px}}@keyframes cloudDrift{0%{transform:translate(0)}to{transform:translate(22px)}}@keyframes orbitFloat{0%{transform:translateY(0)rotate(-4deg)}to{transform:translateY(-12px)rotate(5deg)}}@media (width<=820px){.care-gift{min-height:100svh;padding:16px 16px 38px}.moment{min-height:calc(100svh - 54px)}.opening-moment,.final-moment{text-align:center;grid-template-columns:1fr;align-content:center;justify-items:center;gap:18px}.opening-copy,.final-copy{justify-items:center}.opening-copy h1{max-width:11.4ch;font-size:clamp(2.35rem,12vw,4rem);line-height:1.02}.opening-art{order:-1;width:100%;min-height:min(42svh,330px)}.wish-card-row{grid-template-columns:1fr;gap:12px}.wish-card{text-align:left;grid-template-columns:auto 1fr;align-items:center;min-height:auto;padding:16px}.wish-card h2,.wish-card p{max-width:none}.wish-card p{grid-column:2}.wishes-center{min-height:116px}.wishes-center .reusable-bag{width:120px}.transform-header{grid-template-columns:1fr auto}.transform-header .soft-kicker{grid-column:1/-1;justify-self:center}.transform-header p{text-align:left}.nature-tray{border-radius:26px;min-height:min(54svh,430px)}.tray-city{transform-origin:0 100%;left:2%;scale:.78}.tray-meadow{transform-origin:100% 100%;right:-2%;scale:.86}.final-copy h2{max-width:12.5ch;font-size:clamp(2.25rem,11vw,4rem);line-height:1.02}}@media (width<=480px){.primary-action{width:min(100%,330px);min-height:52px;padding:0 16px}.opening-copy h1,.final-copy h2{max-width:100%}.soft-kicker{text-align:center;max-width:100%}.transform-object{width:62px}.moment-dots{bottom:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}