:root{--font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--sky-1: #cdeafe;--sky-2: #eaf6ff;--grass-1: #6fae4e;--grass-2: #8cc66a;--leaf-deep: #2f4d1f;--cta: #4f7d36;--cta-strong: #456e2f;--earth: #b07a4a;--earth-dark: #7d5230;--sun: #f3c331;--sun-soft: #ffe9a3;--blossom: #f0a6c4;--lilac: #c7b3e6;--cream: #fffaf0;--paper: #fffefb;--ink: #34301f;--ink-soft: #6c6450;--line: #e8e0cf;--radius-lg: 22px;--radius-md: 16px;--radius-sm: 10px;--bottom-nav-h: 4.6rem;--shadow-soft: 0 6px 18px rgba(80, 60, 20, .12);--shadow-card: 0 2px 10px rgba(80, 60, 20, .08);font-family:var(--font);line-height:1.5;color:var(--ink);color-scheme:light;-webkit-text-size-adjust:100%}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{background:linear-gradient(180deg,var(--sky-2) 0%,var(--cream) 60%);color:var(--ink)}button{font-family:inherit;cursor:pointer}:focus-visible{outline:3px solid var(--leaf-deep);outline-offset:2px;border-radius:6px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.app{max-width:540px;margin:0 auto;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.app__screen{flex:1;padding:1.1rem 1.1rem calc(var(--bottom-nav-h) + .9rem + env(safe-area-inset-bottom,0px))}.nav{position:fixed;bottom:0;left:0;right:0;z-index:20;display:flex;justify-content:center;gap:.25rem;padding:.4rem .5rem calc(.4rem + env(safe-area-inset-bottom,0px));background:#fffefbeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--line)}.nav__btn{flex:1;max-width:160px;min-height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:.4rem .3rem;border:none;background:transparent;color:var(--ink-soft);border-radius:var(--radius-md);font-size:.72rem;font-weight:600}.nav__btn[aria-current=page]{color:var(--leaf-deep);background:var(--sun-soft)}.nav__btn svg{width:26px;height:26px}.topbar{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.topbar__greet{flex:1;min-width:60%}.topbar__title{margin:0;font-size:1.35rem;color:var(--leaf-deep);letter-spacing:-.01em}.topbar__sub{margin:.1rem 0 0;color:var(--ink-soft);font-size:.9rem}.resources{display:flex;gap:.4rem;flex-wrap:wrap}.resource{position:relative;display:inline-flex}.resource__trigger{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .6rem;background:var(--paper);border:1px solid var(--line);border-radius:999px;box-shadow:var(--shadow-card);font-weight:700;font-size:.85rem;font-variant-numeric:tabular-nums;color:var(--ink);transition:border-color .15s ease}.resource__trigger:hover,.resource.is-open .resource__trigger{border-color:var(--grass-1)}.resource svg{width:18px;height:18px}.resource--streak.is-active .resource__trigger{background:linear-gradient(180deg,var(--sun-soft),#fff6d8);border-color:#ecd591}.resource-pop{position:absolute;top:calc(100% + .5rem);left:0;z-index:60;width:max-content;max-width:min(20rem,calc(100vw - 2rem));padding:.8rem .9rem;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);text-align:left;animation:pop-in .16s ease}.resource:nth-child(n+3) .resource-pop{left:auto;right:0}.resource-pop__head{display:flex;align-items:center;gap:.4rem;margin-bottom:.35rem}.resource-pop__icon{display:inline-flex}.resource-pop__icon svg{width:20px;height:20px}.resource-pop__title{color:var(--leaf-deep);font-size:.95rem}.resource-pop__close{margin-left:auto;width:28px;height:28px;flex-shrink:0;border:none;background:transparent;border-radius:50%;font-size:1.3rem;line-height:1;color:var(--ink-soft)}.resource-pop__close:hover{background:var(--cream)}.resource-pop__desc{margin:0;font-size:.85rem;font-weight:400;line-height:1.45;color:var(--ink-soft)}@keyframes pop-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.resource__pop{animation:pop .45s ease}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.28)}to{transform:scale(1)}}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:1rem}.tip-list{display:flex;flex-direction:column;gap:.9rem}.tip{position:relative;border-left:6px solid var(--accent, var(--grass-1));overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,opacity .3s ease}.tip.is-done{opacity:.72}.tip.is-highlight{border-left-width:8px;box-shadow:0 0 0 2px var(--accent, var(--grass-1)) inset,var(--shadow-soft)}.tip__hero{margin-left:auto;font-size:.74rem;font-weight:800;color:var(--leaf-deep);background:var(--sun-soft);border:1px solid #ecd591;border-radius:999px;padding:.16rem .55rem}.tip__impact{display:flex;align-items:center;gap:.4rem;margin:.1rem 0 .5rem}.tip__impact-leaves{display:inline-flex;gap:1px;font-size:.95rem;line-height:1}.tip__impact-leaves .leaf{filter:grayscale(1);opacity:.35}.tip__impact-leaves .leaf.is-on{filter:none;opacity:1}.tip__impact-label{font-size:.8rem;font-weight:700;color:var(--leaf-deep)}.tip__impact[data-tier=klein] .tip__impact-label{color:var(--ink-soft)}.tip__badges{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.5rem}.badge-chip{display:inline-flex;align-items:center;gap:.25rem;font-size:.72rem;font-weight:700;padding:.16rem .5rem;border-radius:999px;background:#eef7e4;color:var(--leaf-deep);border:1px solid #d6e8c4}.celebrate{display:flex;align-items:center;gap:.7rem;background:linear-gradient(180deg,#fff,#eef7e4);border-color:#d6e8c4;margin-bottom:.9rem}.celebrate__spark{font-size:1.6rem;line-height:1}.celebrate strong{color:var(--leaf-deep)}.celebrate__sub{margin:.1rem 0 0;font-size:.86rem;color:var(--ink-soft)}.prompt{margin-bottom:.9rem}.prompt__q{margin:0 0 .7rem;font-weight:700;color:var(--ink)}.prompt__actions{display:flex;gap:.6rem;flex-wrap:wrap}.prompt__actions .btn{flex:1;min-width:140px}.extras{margin-top:1.2rem}.extras__title{font-size:1.1rem;color:var(--leaf-deep);margin:0 0 .3rem}.extras__hint{margin:0 0 .8rem;font-size:.88rem;color:var(--ink-soft)}.extras .btn--block{margin-top:.9rem}.tip__head{display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:.3rem;padding:.18rem .55rem;border-radius:999px;font-size:.74rem;font-weight:700;background:var(--chip-tint, var(--sun-soft));color:var(--chip-ink, var(--leaf-deep))}.chip__dot{width:9px;height:9px;border-radius:50%;background:var(--accent, var(--grass-1))}.tip__title{margin:0;font-size:1.08rem;color:var(--ink)}.tip__desc{margin:.2rem 0 .5rem;color:var(--ink-soft);font-size:.92rem}.tip__why{margin:0 0 .6rem;font-size:.85rem;color:var(--ink-soft);background:var(--chip-tint, #f4f0e4);padding:.45rem .6rem;border-radius:var(--radius-sm)}.tip__why b{color:var(--chip-ink, var(--leaf-deep))}.tip__meta{display:flex;gap:.8rem;flex-wrap:wrap;font-size:.78rem;color:var(--ink-soft);margin-bottom:.7rem}.tip__meta span{display:inline-flex;align-items:center;gap:.25rem}.tip__rewards{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:.8rem;color:var(--ink-soft);margin-bottom:.8rem}.reward-pill{display:inline-flex;align-items:center;gap:.25rem;font-weight:700;color:var(--ink)}.reward-pill svg{width:16px;height:16px}.tip__actions{display:flex;gap:.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.3rem;min-height:44px;border:none;border-radius:999px;padding:.6rem 1rem;font-weight:700;font-size:.92rem;transition:transform .12s ease,filter .12s ease}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--cta);color:#fff;box-shadow:var(--shadow-card);flex:1}.btn--primary:hover{background:var(--cta-strong)}.btn--ghost{background:transparent;color:var(--ink-soft);border:1px solid var(--line)}.btn--done{background:var(--sun-soft);color:var(--leaf-deep);flex:1;cursor:default}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--block{width:100%}.btn--danger{background:#f7dddd;color:#6e2b2b}.done-state{text-align:center;padding:2rem 1rem}.done-state__art{width:130px;height:130px;margin:0 auto .8rem}.done-state h2{margin:0 0 .3rem;color:var(--leaf-deep)}.done-state p{margin:0;color:var(--ink-soft)}.onb{display:flex;flex-direction:column;min-height:100vh;min-height:100svh;max-width:540px;margin:0 auto}.onb__scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:calc(1.2rem + env(safe-area-inset-top,0px)) 1.1rem 1.2rem}.onb--embedded{min-height:0;margin:0}.onb--embedded .onb__scroll{overflow:visible;padding:0}.onb__progress{height:8px;border-radius:999px;background:var(--line);overflow:hidden;margin-bottom:1.2rem}.onb__progress-bar{height:100%;background:linear-gradient(90deg,var(--grass-2),var(--sun));border-radius:999px;transition:width .3s ease}.onb__step{font-size:.78rem;color:var(--ink-soft);font-weight:700;margin-bottom:.4rem}.onb__prompt{font-size:1.5rem;color:var(--leaf-deep);margin:0 0 .3rem;line-height:1.25}.onb__help{color:var(--ink-soft);margin:0 0 1rem;font-size:.92rem}.onb__body{margin-bottom:.4rem}.option-grid{display:flex;flex-direction:column;gap:.6rem}.option{display:flex;align-items:center;gap:.6rem;width:100%;text-align:left;padding:.85rem 1rem;border-radius:var(--radius-md);border:2px solid var(--line);background:var(--paper);font-size:1rem;font-weight:600;color:var(--ink);transition:border-color .15s ease,background .15s ease}.option.is-selected{border-color:var(--grass-1);background:#eef7e4}.option--rich{align-items:flex-start}.option__main{display:flex;flex-direction:column;gap:.2rem;min-width:0}.option__label{font-weight:600}.option__desc{font-size:.82rem;font-weight:400;line-height:1.4;color:var(--ink-soft)}.option__check{margin-left:auto;width:22px;height:22px;border-radius:50%;border:2px solid var(--line);display:grid;place-items:center;flex-shrink:0}.option.is-selected .option__check{background:var(--grass-1);border-color:var(--grass-1);color:#fff}.weight{display:flex;align-items:center;gap:.5rem;padding:.7rem .9rem;border-radius:var(--radius-md);border:2px solid var(--line);background:var(--paper)}.weight.is-active{border-color:var(--grass-1);background:#eef7e4}.weight__label{flex:1;font-weight:600}.stepper{display:inline-flex;align-items:center;gap:.3rem}.stepper__btn{width:44px;height:44px;border-radius:50%;border:2px solid var(--line);background:var(--paper);font-size:1.2rem;font-weight:700;line-height:1;color:var(--leaf-deep)}.stepper__val{min-width:2.2rem;text-align:center;font-weight:800;font-size:1.1rem;font-variant-numeric:tabular-nums}.number-big{display:flex;align-items:center;justify-content:center;gap:.8rem;margin-top:1rem}.number-big .stepper__val{font-size:2rem}.onb__error{color:#a23b3b;font-size:.85rem;margin:.6rem 0 0}.onb__nav{position:sticky;bottom:0;z-index:10;display:flex;gap:.6rem;padding:.8rem 1.1rem calc(.8rem + env(safe-area-inset-bottom,0px));background:var(--paper);border-top:1px solid var(--line);box-shadow:0 -4px 16px #503c140f}.onb--embedded .onb__nav{bottom:calc(var(--bottom-nav-h) + env(safe-area-inset-bottom,0px));margin:0 -1.1rem;border-bottom:1px solid var(--line)}.garden-wrap{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-soft);border:1px solid var(--line);margin-bottom:1rem}.garden-svg{display:block;width:100%;height:auto}.garden-legend{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}.legend-chip{display:inline-flex;align-items:center;gap:.3rem;font-size:.74rem;font-weight:600;padding:.2rem .5rem;border-radius:999px;background:var(--paper);border:1px solid var(--line);color:var(--ink-soft)}.legend-chip .chip__dot{width:8px;height:8px}.section{margin-bottom:1.4rem}.section__title{font-size:1.05rem;color:var(--leaf-deep);margin:0 0 .6rem}.row{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.7rem 0;border-bottom:1px solid var(--line)}.row:last-child{border-bottom:none}.row__label{font-weight:600}.row__label.is-locked{font-weight:500;color:var(--ink-soft)}.row__hint{font-size:.8rem;color:var(--ink-soft);margin:.1rem 0 0}.switch{position:relative;width:50px;height:28px;border-radius:999px;border:none;background:var(--line);transition:background .15s ease;flex-shrink:0}.switch:before{content:"";position:absolute;inset:-8px -4px}.switch.is-on{background:var(--grass-1)}.switch__knob{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;transition:transform .15s ease}.switch.is-on .switch__knob{transform:translate(22px)}.privacy-note{font-size:.85rem;color:var(--ink-soft);background:#eef7e4;border-radius:var(--radius-md);padding:.8rem 1rem}.muted{color:var(--ink-soft);font-size:.85rem}.fx-layer{position:fixed;inset:0;pointer-events:none;z-index:40;overflow:hidden}.spark{position:absolute;width:10px;height:10px;border-radius:2px;will-change:transform,opacity;animation:spark-fly .85s ease-out forwards}@keyframes spark-fly{0%{transform:translate(0) scale(.4) rotate(0);opacity:0}15%{opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(1) rotate(220deg);opacity:0}}.milestone-toast{position:fixed;left:50%;bottom:calc(6rem + env(safe-area-inset-bottom,0px));transform:translate(-50%);z-index:50;max-width:420px;width:calc(100% - 2rem);background:linear-gradient(180deg,#fff,var(--sun-soft));border:1px solid #ecd591;border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);padding:.9rem 1rem;display:flex;align-items:center;gap:.7rem;animation:toast-in .4s ease}.milestone-toast svg{width:38px;height:38px;flex-shrink:0}.milestone-toast__text strong{display:block;color:var(--leaf-deep)}.milestone-toast__text span{font-size:.82rem;color:var(--ink-soft)}@keyframes toast-in{0%{transform:translate(-50%,20px);opacity:0}to{transform:translate(-50%);opacity:1}}@keyframes sway{0%,to{transform:rotate(-1.2deg)}50%{transform:rotate(1.2deg)}}.plant-sway{transform-box:fill-box;transform-origin:bottom center;animation:sway 5s ease-in-out infinite}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.reduce-motion *,.reduce-motion *:before,.reduce-motion *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.update-toast{position:fixed;left:50%;bottom:calc(1rem + env(safe-area-inset-bottom,0px));transform:translate(-50%);z-index:60;max-width:420px;width:calc(100% - 2rem);background:linear-gradient(180deg,#fff,var(--sky-2));border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);padding:.8rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap;animation:toast-in .4s ease}.update-toast__text{font-weight:700;color:var(--leaf-deep)}.update-toast__actions{display:flex;gap:.5rem}.install-step{display:flex;flex-direction:column;min-height:100vh;min-height:100svh}.install-step__scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;align-items:center;justify-content:center;padding:calc(1.2rem + env(safe-area-inset-top,0px)) 1.2rem 1.2rem}.install-step__footer{position:sticky;bottom:0;z-index:10;padding:.8rem 1.2rem calc(.8rem + env(safe-area-inset-bottom,0px));background:var(--paper);border-top:1px solid var(--line);box-shadow:0 -4px 16px #503c140f}.install-step__footer .btn{margin:0 auto;max-width:460px}.install-card{max-width:460px;width:100%;text-align:center}.install-card__art{font-size:3rem;line-height:1;margin-bottom:.4rem}.install-card__title{margin:0 0 .4rem;color:var(--leaf-deep)}.install-card__lead{color:var(--ink-soft);margin:0 0 1.1rem}.install-card__ios{text-align:left;margin-bottom:.6rem}.install-card__steps{margin:.4rem 0 .8rem;padding-left:1.2rem;display:flex;flex-direction:column;gap:.4rem}.install-card__hint{font-size:.85rem;color:var(--ink-soft);background:#eef7e4;border-radius:var(--radius-md);padding:.7rem .9rem}.install-card__backup{text-align:left;margin:.9rem 0;border:1px solid var(--line);border-radius:var(--radius-md);padding:.7rem .9rem}.install-card__backup summary{cursor:pointer;font-weight:700;color:var(--leaf-deep);min-height:44px;display:flex;align-items:center}.bridge{display:flex;flex-direction:column;gap:.7rem}.bridge__actions{display:flex;flex-wrap:wrap;gap:.5rem}.bridge__field{display:flex;flex-direction:column;gap:.3rem}.bridge__code{width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8rem;border:1px solid var(--line);border-radius:var(--radius-sm);padding:.6rem;resize:vertical;background:var(--paper);color:var(--ink)}.first-run-restore{margin:1rem}.help-tours{display:flex;flex-direction:column;gap:.5rem}.story{position:fixed;inset:0;z-index:70;display:flex;flex-direction:column;min-height:100vh;min-height:100svh;background:linear-gradient(180deg,var(--sky-2) 0%,var(--cream) 60%)}.story:focus{outline:none}.story__scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;align-items:center;justify-content:center;padding:calc(1.2rem + env(safe-area-inset-top,0px)) 1.2rem 1.2rem}.story__card{position:relative;max-width:460px;width:100%;text-align:center;animation:story-fade .4s ease}@keyframes story-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.story__skip{position:absolute;top:0;right:0;background:none;border:0;color:var(--ink-soft);font-weight:700;font-size:.85rem;padding:.5rem;min-height:44px}.story__art{font-size:3.4rem;line-height:1;margin:1.6rem 0 .6rem}.story__title{margin:0 0 .6rem;color:var(--leaf-deep);font-size:1.6rem;line-height:1.2}.story__para{color:var(--ink-soft);margin:0 auto .8rem;max-width:38ch}.story__dots{display:flex;justify-content:center;gap:.4rem;margin-top:1rem}.story__dot{width:8px;height:8px;border-radius:999px;background:var(--line);transition:background .2s ease,transform .2s ease}.story__dot.is-active{background:var(--grass-1);transform:scale(1.25)}.story__footer{display:flex;gap:.7rem;padding:.8rem 1.2rem calc(.8rem + env(safe-area-inset-bottom,0px));background:var(--paper);border-top:1px solid var(--line);box-shadow:0 -4px 16px #503c140f}.story__footer .btn,.story__footer-spacer{flex:1;max-width:240px;margin:0 auto}.tour{position:fixed;inset:0;z-index:80}.tour:focus{outline:none}.tour__backdrop{position:absolute;inset:0;background:#141e0c8c;animation:tour-fade .25s ease}@keyframes tour-fade{0%{opacity:0}to{opacity:1}}.tour__spotlight{position:fixed;border-radius:var(--radius-md);box-shadow:0 0 0 9999px #141e0c8c;outline:3px solid var(--sun);outline-offset:2px;pointer-events:none;transition:top .25s ease,left .25s ease,width .25s ease,height .25s ease}.tour__card{position:fixed;left:50%;transform:translate(-50%);width:calc(100% - 2rem);max-width:420px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);padding:1rem 1.1rem;animation:tour-card-in .3s ease}@keyframes tour-card-in{0%{transform:translate(-50%,12px)}to{transform:translate(-50%)}}.tour__card--anchored{bottom:calc(5.6rem + env(safe-area-inset-bottom,0px))}.tour__card--centered{top:50%;transform:translate(-50%,-50%)}@keyframes tour-card-in-centered{0%{transform:translate(-50%,-46%)}to{transform:translate(-50%,-50%)}}.tour__card--centered{animation-name:tour-card-in-centered}.tour__step{font-size:.78rem;color:var(--leaf-deep);font-weight:700;margin:0 0 .3rem}.tour__title{margin:0 0 .4rem;color:var(--leaf-deep);font-size:1.2rem}.tour__body{margin:0 0 .9rem;color:var(--ink-soft);font-size:.95rem}.tour__actions{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.tour__nav{display:flex;gap:.5rem;margin-left:auto}.tour__skip{padding-left:0;padding-right:0}