@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Fraunces:opsz,wght,SOFT,WONK@9..144,400,20,1;9..144,600,20,1;9..144,700,20,1&display=swap');
:root{font-family:"DM Sans",system-ui,sans-serif;color:#1b3a32;background:#f8f8f1;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:290px}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #ce9556;outline-offset:3px}.page-shell{max-width:1220px;padding:0 40px;margin:auto}
.header{height:91px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d8ded5}.logo{font-size:26px;letter-spacing:-1.3px;font-weight:800;display:flex;align-items:center}.logo-mark{display:inline-grid;place-items:center;background:#174332;color:#ffe8a6;border-radius:50%;width:35px;height:35px;margin-right:9px;font-size:25px}.logo-period{color:#cb9352}.header-note{font-size:11px;letter-spacing:.03em;color:#6f8577;display:flex;align-items:center;gap:9px}.online-dot{width:6px;height:6px;border-radius:50%;background:#5f9b77}.header-about{font-size:12px;font-weight:700;border:none;color:#385e4b;background:transparent}
.intro{text-align:center;max-width:710px;margin:76px auto 43px}.eyebrow{font-weight:800;letter-spacing:2.2px;font-size:10px;color:#7b9678}.eyebrow-line{display:inline-block;width:16px;height:1px;background:#7b9678;vertical-align:middle;margin-right:8px}.intro h1{font:600 clamp(42px,6.2vw,74px)/1.09 "Fraunces",Georgia,serif;letter-spacing:-3px;margin:17px 0 17px;color:#183d30}.intro h1 em{color:#b47b45;font-style:italic;font-weight:400}.intro p{color:#657b6c;line-height:1.9;font-size:14px;max-width:605px;margin:auto}
.garden{position:relative;overflow:hidden;border-radius:27px 27px 25px 25px;background:linear-gradient(180deg,#dcece2 0%,#e8f1de 49%,#dbe5bd 100%);box-shadow:0 15px 38px #39634d10;border:1px solid #b9d0c0;isolation:isolate}.garden-sky{position:absolute;inset:0 0 100px;pointer-events:none}.garden-sky:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 71% 21%,#fffbd17b,transparent 32%),linear-gradient(165deg,#e4f2e8a3,transparent 55%)}.sun-halo{position:absolute;width:235px;height:235px;right:12%;top:7%;border-radius:50%;background:#fff4b5aa;filter:blur(43px)}.sun{position:absolute;width:80px;height:80px;right:21%;top:12%;border-radius:50%;background:#fff2bd;box-shadow:0 0 0 16px #fffff330,0 0 70px #f9e6a980}.cloud{position:absolute;background:#fffdf68c;width:144px;height:33px;border-radius:100%;filter:blur(8px)}.cloud:before,.cloud:after{content:"";position:absolute;border-radius:50%;background:#fffff5c0}.cloud:before{width:52px;height:43px;left:24px;top:-15px}.cloud:after{width:70px;height:45px;right:26px;top:-18px}.cloud-one{top:20%;left:8%;animation:float 18s ease-in-out infinite alternate}.cloud-two{top:31%;right:6%;width:85px;opacity:.5;animation:float 22s ease-in-out infinite alternate-reverse}.garden-stars{position:absolute;top:31%;left:25%;color:#fff8d0;font-size:16px}
.garden-heading{position:absolute;left:38px;right:38px;top:31px;z-index:3;display:flex;justify-content:space-between;align-items:start;gap:10px}.garden-small{font-weight:800;letter-spacing:2px;color:#6d9277;font-size:9px}.garden-title h2{font:600 29px "Fraunces",Georgia,serif;letter-spacing:-.8px;margin:6px 0;color:#284d3b}.day-tag{padding:10px 13px;border:1px solid #aec9ad;border-radius:99px;background:#f3f9eacc;font-size:11px;font-weight:800;letter-spacing:1.2px;color:#487356;white-space:nowrap}.tag-leaf{color:#b39151;margin-left:8px}.tree-container{height:570px;position:relative;display:flex;align-items:center;justify-content:center;z-index:2}.tree-container svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 7px 4px #3a5a3d13)}.light-dust{position:absolute;border-radius:50%;background:#fffdeb;border:1px solid #fbefba;box-shadow:0 0 12px #fff2b9;opacity:.5;width:5px;height:5px;animation:drift 7s ease-in-out infinite alternate}.dust-a{left:22%;top:40%}.dust-b{right:28%;top:63%;animation-delay:2s}
.garden-ground{position:relative;z-index:3;background:linear-gradient(180deg,#cfdbad 0%,#b8cb9e 100%);height:81px;border-top:1px solid #adbe91}.ground-contour{position:absolute;left:-10%;right:-10%;top:-13px;height:28px;background:#cfdbad;border-radius:50% 50% 0 0 / 100% 100% 0 0}.garden-footer{height:100%;display:flex;align-items:center;justify-content:center;gap:13px;color:#547354;font-size:10px;letter-spacing:1.8px;font-weight:800}.garden-separator{height:3px;width:3px;border-radius:50%;background:#6a885e}.garden-footer #treeCaption{font-weight:600;color:#6b8863;letter-spacing:.1px;font-size:11px;text-transform:none}
.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.stat{display:flex;flex-wrap:wrap;align-items:center;gap:9px;background:#fffefa;border:1px solid #e3e9d9;border-radius:16px;padding:20px 23px;min-height:103px}.stat-icon{width:31px;height:31px;border-radius:50%;background:#eaf0e2;display:grid;place-items:center;color:#60845f;font-size:17px}.stat-number{font:600 31px "Fraunces",Georgia,serif;color:#28503c}.stat-label{color:#708170;font-size:11px;letter-spacing:.2px;width:100%;margin-left:41px;margin-top:-11px}
.return-card{background:#194531;color:#f8fff1;border-radius:20px;display:flex;gap:19px;align-items:center;padding:27px 29px;margin:18px 0 20px}.return-symbol{display:grid;place-items:center;flex:none;width:53px;height:53px;border-radius:50%;background:#3d7855;color:#e9f5c1;font-size:26px}.return-copy{flex:1}.return-copy .eyebrow{color:#b9d39d}.return-copy h2{font:600 25px "Fraunces",Georgia,serif;margin:7px 0 5px}.return-copy p{font-size:12px;line-height:1.7;color:#d1e1c9;margin:0}.return-copy .storage-note{margin-top:8px;color:#b5cbaa;font-size:10px}.return-countdown{text-align:center;min-width:157px;border-left:1px solid #4c7859;padding-left:23px}.return-countdown>span{display:block;color:#c6d9b7;font-size:9px;letter-spacing:1.6px;font-weight:800}.return-countdown strong{display:block;font:600 27px "Fraunces",Georgia,serif;margin:7px 0 12px;white-space:nowrap}.save-btn{border:none;border-radius:11px;padding:11px 17px;color:#234632;background:#f1e3b9;font-size:11px;font-weight:800}.save-btn:hover{background:#fff0c9}
.bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.progress-panel,.activity-panel{background:#fffefa;border:1px solid #e3e9d9;border-radius:20px;padding:27px}.panel-top{display:flex;justify-content:space-between;align-items:center}.panel-top h2{font:600 27px "Fraunces",Georgia,serif;margin:8px 0 6px;letter-spacing:-.5px}.panel-sun{font-size:29px;color:#c99d61}.progress-panel>p,.activity-panel>p{font-size:12px;line-height:1.7;color:#7a8a79;margin:0 0 22px}.milestones{position:relative;display:flex;justify-content:space-between;gap:6px}.milestones:before{content:"";position:absolute;left:8%;right:8%;height:2px;top:17px;background:#e3e7d8}.milestone{position:relative;z-index:1;text-align:center;flex:1;font-size:10px;color:#8b988a}.milestone .m-icon{display:grid;place-items:center;width:37px;height:37px;border-radius:50%;margin:0 auto 10px;background:#edf0e8;color:#9dad9c;border:1px solid #dfe6d9;font-size:19px}.milestone.active .m-icon{background:#347654;border-color:#347654;color:#e6f6d7}.milestone strong{display:block;color:#677c68;font-size:10px;margin-bottom:3px}.milestone.active strong{color:#24543c}.week{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.week-day{text-align:center;font-size:10px;color:#859382}.week-day .week-square{width:100%;max-width:45px;aspect-ratio:1;margin:0 auto 10px;display:grid;place-items:center;border-radius:9px;background:#e9eee5;border:1px solid #dfe7d9;color:#a7b8a5;font-size:20px}.week-day .week-square.hit{background:#3b7958;border-color:#3b7958;color:#f6f0c9}.week-day .week-square.today{outline:2px solid #d2ae76;outline-offset:2px}.activity-legend{display:flex;justify-content:flex-end;gap:18px;margin-top:20px;font-size:10px;color:#829282}.legend-dot{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:5px}.legend-dot.visited{background:#3b7958}.legend-dot.unvisited{background:#e1e8dc}
.about{text-align:center;padding:95px 0 85px}.about h2{font:600 clamp(29px,4vw,43px) "Fraunces",Georgia,serif;margin:13px 0 34px}.steps{display:grid;grid-template-columns:repeat(3,1fr);text-align:left;gap:30px}.steps>div{border-top:1px solid #d7dfd2;padding-top:22px}.steps span{font-size:11px;color:#aa865d;font-weight:800;letter-spacing:2px}.steps h3{font:600 22px "Fraunces",Georgia,serif;margin:12px 0 7px}.steps p{font-size:12px;color:#738676;line-height:1.8}footer{border-top:1px solid #d8dfd2;display:flex;justify-content:space-between;gap:18px;padding:24px 0 35px;font-size:12px;font-weight:800}.footer-muted{color:#859184;font-weight:500}#toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,12px);opacity:0;pointer-events:none;z-index:12;padding:13px 18px;background:#204d3b;color:#fff;border-radius:10px;font-size:12px;transition:opacity .3s,transform .3s;box-shadow:0 8px 24px #122a2350}#toast.shown{opacity:1;transform:translate(-50%,0)}
@keyframes float{to{transform:translateX(34px)}}@keyframes drift{to{transform:translate(16px,-21px);opacity:.85}}@media(max-width:800px){.page-shell{padding:0 19px}.header{height:73px}.header-note{display:none}.intro{margin:55px auto 31px}.tree-container{height:510px}.garden-heading{left:23px;right:23px;top:24px}.garden-title h2{font-size:24px}.garden-small{font-size:8px}.bottom-grid{grid-template-columns:1fr}.stats-row{gap:8px}.stat{padding:15px 12px}.stat-label{margin-left:0;margin-top:0}.return-card{padding:22px}.return-countdown{min-width:132px;padding-left:15px}.about{padding:67px 0}.steps{gap:16px}}@media(max-width:520px){.intro h1{letter-spacing:-2px}.intro p{font-size:13px}.garden{border-radius:18px}.tree-container{height:420px}.garden-heading{top:19px;left:17px;right:17px}.garden-small{letter-spacing:1px}.garden-title h2{font-size:22px}.day-tag{font-size:9px;padding:8px}.garden-ground{height:65px}.garden-footer{font-size:9px;gap:8px}.garden-footer #treeCaption{font-size:9px}.sun{right:15%;top:17%;width:58px;height:58px}.stat{min-height:95px;gap:5px}.stat-icon{width:26px;height:26px}.stat-number{font-size:25px}.stat-label{font-size:9px}.return-card{flex-wrap:wrap;gap:12px}.return-symbol{height:42px;width:42px}.return-copy{flex-basis:calc(100% - 55px)}.return-countdown{width:100%;border-left:none;border-top:1px solid #4c7859;padding:16px 0 0;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.return-countdown strong{font-size:20px;margin:0}.save-btn{padding:10px 12px}.steps{grid-template-columns:1fr;gap:20px}.steps>div{padding-top:15px}footer{flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}