:root{--canvas:#e9efe3;--surface:#fbfdf8;--surface-2:#f0f4ec;--ink:#1b2a22;--muted:#5c6d61;--line:#d7e1d4;--leaf:#3e9e6e;--leaf-deep:#245f42;--bark:#7a6551;--sun:#dd8f22;--sun-ink:#8a5410;--sun-soft:#fbe7c8;--sky-top:#cfe6da;--sky-bot:#f4edd7;--warn:#a3452f;--shadow:0 18px 50px -24px rgba(30,55,40,.4);--radius:18px;--serif:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;--ui:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;--mono:ui-monospace,"SF Mono",Menlo,monospace}@media (prefers-color-scheme:dark){:root{--canvas:#0c1310;--surface:#141d18;--surface-2:#111a15;--ink:#dfeae2;--muted:#8b9c90;--line:#243029;--leaf:#5fc796;--leaf-deep:#2c8259;--bark:#a4875f;--sun:#efb45a;--sun-ink:#f4d29a;--sun-soft:#33291a;--sky-top:#16241d;--sky-bot:#241f13;--warn:#de8f76;--shadow:0 20px 55px -26px rgba(0,0,0,.7)}}:root[data-theme=light]{--canvas:#e9efe3;--surface:#fbfdf8;--surface-2:#f0f4ec;--ink:#1b2a22;--muted:#5c6d61;--line:#d7e1d4;--leaf:#3e9e6e;--leaf-deep:#245f42;--bark:#7a6551;--sun:#dd8f22;--sun-ink:#8a5410;--sun-soft:#fbe7c8;--sky-top:#cfe6da;--sky-bot:#f4edd7;--warn:#a3452f;--shadow:0 18px 50px -24px rgba(30,55,40,.4)}:root[data-theme=dark]{--canvas:#0c1310;--surface:#141d18;--surface-2:#111a15;--ink:#dfeae2;--muted:#8b9c90;--line:#243029;--leaf:#5fc796;--leaf-deep:#2c8259;--bark:#a4875f;--sun:#efb45a;--sun-ink:#f4d29a;--sun-soft:#33291a;--sky-top:#16241d;--sky-bot:#241f13;--warn:#de8f76;--shadow:0 20px 55px -26px rgba(0,0,0,.7)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:radial-gradient(900px 460px at 12% -8%,color-mix(in oklab,var(--leaf) 14%,transparent),transparent 60%),radial-gradient(760px 420px at 100% -4%,color-mix(in oklab,var(--sun) 10%,transparent),transparent 58%),var(--canvas);color:var(--ink);font-family:var(--ui);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:var(--leaf-deep)}.page{max-width:480px;margin:0 auto;padding:22px 18px 96px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px 20px}h1{font-family:var(--serif);font-weight:700;font-size:27px;line-height:1.12;margin:8px 0;text-wrap:balance;letter-spacing:-.01em}.eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--leaf-deep);font-weight:600}.lead{margin:0 0 18px}.lead,.muted{color:var(--muted)}.muted{font-size:14px}.center{text-align:center}.story{display:inline-block;background:var(--surface-2);border-radius:999px;padding:7px 15px;font-size:13.5px;color:var(--leaf-deep);margin:2px 0 18px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 16px}.chip{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:999px;padding:9px 14px;font:inherit;font-size:14px;cursor:pointer;transition:border-color .12s,background .12s}.chip[aria-pressed=true]{border-color:var(--leaf);background:color-mix(in oklab,var(--leaf) 14%,var(--surface));color:var(--leaf-deep)}label{display:block;font-size:13px;color:var(--muted);margin:12px 0 6px}input[type=text],textarea{width:100%;font:inherit;font-size:15px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px 13px;resize:vertical}.btn:focus-visible,.chip:focus-visible,button:focus-visible,input:focus,textarea:focus{outline:2.5px solid var(--sun);outline-offset:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;font:inherit;font-weight:650;font-size:16px;color:#fff;border:none;cursor:pointer;border-radius:14px;padding:14px 18px;margin-top:14px;background:linear-gradient(180deg,var(--leaf-deep),color-mix(in oklab,var(--leaf-deep) 80%,#000));box-shadow:0 12px 26px -12px color-mix(in oklab,var(--leaf-deep) 70%,transparent)}.btn:disabled{opacity:.55;cursor:default;box-shadow:none}.btn{text-decoration:none}.btn-ghost{color:var(--leaf-deep);background:none;border:1px solid var(--line);box-shadow:none}.soft-error{background:color-mix(in oklab,var(--warn) 10%,var(--surface));border:1px solid color-mix(in oklab,var(--warn) 30%,var(--line));border-radius:12px;padding:11px 14px;font-size:14px;color:var(--warn);margin-top:14px}.home{max-width:480px;margin:0 auto;min-height:100vh;padding-bottom:96px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 8px}.wordmark{font-family:var(--serif);font-weight:700;font-size:18px}.streak{font-size:12.5px;color:var(--leaf-deep);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;background:color-mix(in oklab,var(--leaf) 15%,transparent);padding:5px 11px;border-radius:999px}.hero{position:relative}.hero canvas{display:block;width:100%;height:min(46vh,320px)}.tree-meta{position:absolute;left:0;right:0;bottom:10px;text-align:center;padding:0 18px}.stage-name{font-family:var(--serif);font-size:20px}.stage-name b{color:var(--leaf-deep)}.reach{font-size:13px;color:var(--muted);margin-top:2px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.body{padding:6px 18px;display:flex;flex-direction:column;gap:14px}.reward{position:relative;overflow:hidden;border-radius:16px;padding:15px 16px;background:linear-gradient(160deg,color-mix(in oklab,var(--sun) 20%,var(--surface)),var(--surface) 78%);border:1px solid color-mix(in oklab,var(--sun) 42%,var(--line))}.reward:after{content:"";position:absolute;width:120px;height:120px;right:-30px;top:-44px;pointer-events:none;background:radial-gradient(closest-side,color-mix(in oklab,var(--sun) 50%,transparent),transparent)}.reward .eb{font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--sun-ink);font-weight:700}.reward .msg{margin-top:5px;font-size:15px}.reward .quote{font-family:var(--serif);font-size:18px;line-height:1.35;margin-top:6px;text-wrap:balance}.diary-head{font-size:11.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);margin:4px 2px -2px}.row{display:flex;align-items:center;gap:12px;padding:11px 2px;border-top:1px solid var(--line)}.row:first-of-type{border-top:none}.dot{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-size:15px;background:var(--surface-2);flex:none}.row .t{font-size:14.5px}.row .s{font-size:12.5px;color:var(--muted);margin-top:1px}.row .s.up{color:var(--leaf-deep)}.fab{position:fixed;left:50%;transform:translateX(-50%);bottom:18px;z-index:20;width:min(444px,calc(100% - 36px));height:54px;border:none;cursor:pointer;border-radius:15px;font-family:var(--ui);font-weight:650;font-size:16px;color:#fff;background:linear-gradient(180deg,var(--leaf-deep),color-mix(in oklab,var(--leaf-deep) 80%,#000));box-shadow:0 14px 30px -10px color-mix(in oklab,var(--leaf-deep) 68%,transparent)}.skeleton{color:var(--muted);text-align:center;padding:120px 20px}.sheet-backdrop{position:fixed;inset:0;z-index:40;background:rgba(8,16,11,.5);display:flex;align-items:flex-end;justify-content:center}.sheet{width:100%;max-width:480px;background:var(--surface);border:1px solid var(--line);border-bottom:none;border-radius:24px 24px 0 0;padding:6px 20px calc(24px + env(safe-area-inset-bottom));box-shadow:0 -18px 50px -24px rgba(10,25,15,.5)}.sheet-grip{width:38px;height:4px;border-radius:999px;background:var(--line);margin:8px auto 10px}.sheet h2{font-family:var(--serif);font-weight:700;font-size:20px;margin:2px 0 12px;text-wrap:balance}.prompt{margin:0 18px;border-radius:16px;padding:15px 16px;border:1px solid var(--line);background:linear-gradient(180deg,color-mix(in oklab,var(--leaf) 8%,var(--surface)),var(--surface))}.prompt.gold{border-color:color-mix(in oklab,var(--sun) 42%,var(--line));background:linear-gradient(180deg,color-mix(in oklab,var(--sun) 16%,var(--surface)),var(--surface))}.prompt .eb{font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--leaf-deep);font-weight:700}.prompt.gold .eb{color:var(--sun-ink)}.prompt .msg{margin-top:5px;font-size:15px}.prompt .hint{margin-top:4px;font-size:13.5px;color:var(--muted)}.row2{display:flex;gap:10px;margin-top:13px}.row2 .btn{margin-top:0;flex:1 1}.iconbtn{background:none;border:none;color:var(--muted);font-size:22px;line-height:1;cursor:pointer;padding:6px;float:right}.share{margin-top:12px}.share .row2 .btn{margin-top:0}.qr-wrap{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:14px}.qr-wrap svg{box-shadow:var(--shadow)}@media (prefers-reduced-motion:no-preference){.sheet{animation:slideup .26s cubic-bezier(.2,.8,.2,1)}.pulse{animation:pulse .9s ease-out}}@keyframes slideup{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}30%{transform:scale(1.035)}to{transform:scale(1)}}.claim-hero{margin:-6px -20px 8px;border-radius:16px;overflow:hidden;background:linear-gradient(180deg,var(--sky-top),var(--sky-bot))}.claim-hero canvas{display:block;width:100%;height:172px}.gift-note{font-family:var(--serif);font-size:19px;line-height:1.4;color:var(--ink);text-wrap:balance;margin:6px 0 16px}.claim h1{font-size:29px}.pass-code{font-family:var(--mono);font-size:13px;letter-spacing:.08em;color:var(--muted)}.lp{max-width:480px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;justify-content:center;padding:36px 24px calc(36px + env(safe-area-inset-bottom));text-align:center}.lp-tree{border-radius:18px;overflow:hidden;margin-bottom:22px;background:linear-gradient(180deg,var(--sky-top),var(--sky-bot));border:1px solid var(--line)}.lp-tree canvas{display:block;width:100%;height:210px}.lp h1{font-size:29px}.lp .lead{font-size:17px;max-width:34ch;margin:10px auto 22px}.lp .cta{max-width:320px;margin-left:auto;margin-right:auto}.stage-guide{display:inline-block;margin-top:7px;font-size:12.5px;color:var(--muted);text-decoration:none;border-bottom:1px solid transparent}.stage-guide:focus-visible,.stage-guide:hover{color:var(--leaf-deep);border-bottom-color:currentColor}.stages .back-link{display:inline-block;margin-bottom:8px;font-size:14px;color:var(--muted);text-decoration:none}.stages .back-link:focus-visible,.stages .back-link:hover{color:var(--leaf-deep)}.stages h1{font-size:26px}.stage-spine{position:relative;margin-top:20px;display:flex;flex-direction:column;gap:16px}.stage-spine:before{content:"";position:absolute;left:13px;top:8px;bottom:8px;width:2px;background:linear-gradient(var(--line),transparent)}.stage-card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;padding:0 0 14px}.stage-card.here{border-color:color-mix(in oklab,var(--leaf) 55%,var(--line));box-shadow:var(--shadow)}.stage-tree{background:linear-gradient(180deg,var(--sky-top),var(--sky-bot))}.stage-tree canvas{display:block;width:100%;height:224px}.stage-head{display:flex;align-items:center;gap:10px;padding:12px 16px 2px}.stage-head h2{font-family:var(--serif);font-weight:700;font-size:19px;margin:0}.here-pill,.stage-card.here .stage-head h2{color:var(--leaf-deep)}.here-pill{font-size:11.5px;background:var(--surface-2);border-radius:999px;padding:4px 10px;white-space:nowrap}.stages .muted{padding:0 16px}.intro{max-width:480px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:40px 26px;text-align:center}.intro-emoji{font-size:66px;line-height:1;margin-bottom:20px}.intro h1{font-size:30px}.intro .lead{font-size:17px;max-width:32ch;margin:8px auto 24px}.dots{display:flex;gap:7px;justify-content:center;margin:2px 0 22px}.dot-i{width:8px;height:8px;border-radius:999px;background:var(--line);transition:width .2s,background .2s}.dot-i.on{background:var(--leaf);width:22px}.milestone{position:fixed;inset:0;z-index:50;background:rgba(8,16,11,.62);display:flex;align-items:center;justify-content:center;padding:26px}.milestone .card{max-width:360px;text-align:center}.milestone .m-emoji{font-size:56px;line-height:1}@media (prefers-reduced-motion:no-preference){.milestone .card{animation:pop .42s cubic-bezier(.2,.8,.2,1)}}@keyframes pop{0%{transform:scale(.86);opacity:0}to{transform:scale(1);opacity:1}}@media (prefers-reduced-motion:no-preference){.grow{animation:grow .52s cubic-bezier(.2,.7,.3,1)}}@keyframes grow{0%{transform:scale(.94);opacity:0}to{transform:scale(1);opacity:1}}