/* Story scenery opens, shelters, then gathers around the invitation. */
.story-canopies{position:absolute;inset:0;z-index:-3;pointer-events:none;overflow:hidden}.paper-canopy{position:absolute;top:-3%;left:-6%;width:112%;height:76%;filter:drop-shadow(0 8px 3px #09162775);will-change:transform;transform:translate3d(calc(var(--mx)*var(--depth) + var(--canopy-x)*var(--side)),calc(var(--canopy-y)*var(--depth)),0) rotate(calc(var(--canopy-turn)*var(--side)));transform-origin:50% 0}.canopy-0{--depth:.55;--side:-1}.canopy-1{--depth:.8;--side:1}.canopy-2{--depth:1.1;--side:-1}.canopy-3{--depth:1.4;--side:1}.forest-glow{position:absolute;z-index:-2;inset:15% 0 -10%;background:radial-gradient(ellipse at 48% 73%,#f1bc5865,transparent 51%);opacity:var(--shelter,0);pointer-events:none}.paper-fireflies{position:absolute;inset:0;z-index:7;opacity:var(--shelter,0);pointer-events:none}.paper-fireflies i{position:absolute;left:calc(17% + var(--i)*8%);top:calc(42% + mod(var(--i),3)*13%);width:4px;height:4px;border-radius:50%;background:#ffdf91;box-shadow:0 0 10px #ffe7b3;animation:firefly 6s ease-in-out infinite alternate;animation-delay:calc(var(--i)*-.7s)}@keyframes firefly{to{translate:12px -25px;opacity:.25}}
.hero-promises{gap:15px;margin-top:25px}.hero-promises>span{position:relative;isolation:isolate;min-width:110px;min-height:82px;padding:12px 13px 10px 38px;color:#f2e5cb;font:16px/1.12 Storyhand,cursive;transform:rotate(-3deg)}.hero-promises>span:nth-child(2){transform:rotate(2deg)}.hero-promises>span:nth-child(3){transform:rotate(-1deg)}.hero-promises>span:before{content:'';position:absolute;inset:0;z-index:-1;border:1px solid #bdac7a66;border-radius:25% 10% 22% 8%;background:linear-gradient(135deg,#344f50ed,#1b3547e8),url('/assets/storybook/surface.webp');box-shadow:2px 4px 0 #0f213c}.hero-promises svg{position:absolute;width:22px;height:25px;left:10px;top:21px}
/* A botanical binding and quiet writing paper, with decoration outside the ink. */
.book-cover{background:#153c40 url('/assets/storybook/forest-journal-cover.webp') center/100% 100% no-repeat;border-color:#8a784d;border-radius:5px 13px 13px 5px;box-shadow:inset 8px 0 6px #102b3099,3px 5px 0 #f1e1be,5px 9px 0 #8b7550}.cover-foil{inset:29% 19% 24%;border:0;outline:0;font:clamp(27px,3.2vw,47px)/1.1 Storyhand,cursive;color:#f4db9d;gap:15px}.cover-foil small{font:9px/1.5 var(--serif);letter-spacing:.12em;max-width:150px}.cover-sprig{display:none}.cover-star{font-size:27px}.book-ribbon{position:absolute;width:18px;height:31%;background:#5c4b6c;left:52%;bottom:-10%;clip-path:polygon(0 0,100% 0,100% 100%,50% 93%,0 100%);transform:rotate(-5deg);box-shadow:2px 3px 3px #1c162d66;z-index:0}.book-leaf{padding:10% 11% 11%!important;display:flex;align-items:stretch}.page-manuscript{position:relative;width:100%;padding:18px 17px;background:linear-gradient(#f4e9d6f5,#efe1c6fa),url('/assets/storybook/paper.webp') center/cover;border-radius:2px;box-shadow:0 0 18px 14px #efdfbfaa}.journal-panel .page-manuscript{margin-left:8%;margin-right:-7%}.reflection-panel .page-manuscript{margin-left:-7%;margin-right:8%}.panel-label{font:24px/1.1 Storyhand,cursive;color:#315148;border-bottom:1px solid #89754a4d;padding-bottom:9px}.journal-day{font:24px/1.2 Storyhand,cursive;margin-top:13px}.journal-entry{font:23px/1.34 Storyhand,cursive;margin-top:14px}.mood-row{margin-top:15px;font-size:9px}.story-context{font:11px/1.5 var(--serif);margin-top:16px;padding-top:12px;border-color:#9e875557}.story-context p{font:9px/1.2 var(--serif);letter-spacing:.09em;margin-bottom:8px}.reflection-head h3{font:24px/1.2 Storyhand,cursive;color:#315148}.reflection-head{border-color:#9e875557;padding-bottom:9px}.reflection-body{font:19px/1.34 Storyhand,cursive;margin-top:14px}.reflection-body p{margin-bottom:10px}.reflection-body strong{font-weight:500}.reflection-foot{font:9px/1.5 var(--serif);opacity:.8}.signature{font-size:21px}.reply-ink{opacity:var(--reply-reveal,0);transition:opacity .5s;visibility:hidden}.is-reply-visible .reply-ink,.is-static .reply-ink{visibility:visible}.reply-waiting{position:absolute;inset:15% 10%;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:#526055;font:27px/1.2 Storyhand,cursive;opacity:calc(1 - var(--reply-reveal,0));pointer-events:none}.reply-waiting>span{font-size:48px;color:#ab8852;margin-bottom:14px}.reply-waiting small{font:11px/1.5 var(--serif);margin-top:14px}.book-actions{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:7px 14px;margin-top:7px}.story-samples{display:flex;justify-content:center;gap:7px;flex-basis:100%}.story-samples button{padding:8px 16px;min-height:42px;border:1px solid #c4aa7377;color:#f1e5cb;background:#263d43ed;border-radius:4px;font:16px/1.1 Storyhand,cursive;box-shadow:1px 2px 2px #09162766}.story-samples button[aria-pressed=true]{background:#f1e5cb;color:#29443f;border-color:#d2b77d}.reply-seal{min-height:40px;border:0;padding:6px 14px;background:#d9c39c;color:#333b36;border-radius:3px;font:17px Storyhand,cursive}.page-controls{gap:9px}.page-controls button{width:40px;height:40px}.page-controls span{font:14px Storyhand,cursive}.mobile-page-choice{margin:0}.is-reply-visible .reply-seal{background:#344d43;color:#f1e5cb}
/* The forest becomes a sheltered reading nook; notes are phrases from early readers. */
.memory-copy{position:relative;z-index:3;max-width:670px;margin:auto}.memory-copy h2{font-size:clamp(29px,3vw,44px)}.memory-copy h2 br{display:none}.memory-copy p{margin:15px auto 0;max-width:600px;font-size:16px;line-height:1.55}.memory-copy p:last-child{font:21px/1.3 Storyhand,cursive;color:#edcf9e}.memory-tree{bottom:3%;height:67%;width:80%;left:10%}.memory-note{font:19px/1.1 Storyhand,cursive;padding:10px 14px;box-shadow:2px 4px 4px #101e2d70;background:#f1e3c6;transform:rotate(-5deg)}.note-one{left:29%;top:30%}.note-two{left:60%;top:35%;transform:rotate(6deg)}.note-three{left:44%;top:56%;transform:rotate(-3deg)}.memory-whisper{top:auto!important;bottom:3%;left:25%;width:50%;background:#293e39eb;color:#f8e9cc;border:1px solid #d0b17755;padding:10px 16px;font:20px/1.3 Storyhand,cursive}.community-letters{bottom:0;right:0}.story-character{filter:drop-shadow(0 11px 6px #111d2866)}
/* Letters share the same handwriting, cream paper and botanical ink. */
.personal-paper{max-width:475px;padding:40px 42px 35px}.personal-paper:before{background-image:url('/assets/storybook/paper-card.webp');inset:-8px -14px}.personal-paper h3{font:31px/1.1 Storyhand,cursive;color:#315148;margin-bottom:20px}.personal-paper label,.personal-paper legend{font:14px/1.4 var(--serif)}.personal-paper input:not([type=radio]),.personal-paper select{font:19px/1.2 Storyhand,cursive;color:#3d4c42;background:#f5ebd455;border-bottom-color:#a08b62}.personal-paper .form-note{font:10px/1.5 var(--serif);color:#655b4b}.letter-preview #letter-body{font:23px/1.4 Storyhand,cursive;color:#38483d;margin-top:12px}.letter-preview #letter-body p{margin-bottom:15px}.letter-preview .text-link{font:17px/1.2 Storyhand,cursive}.letter-preview{max-height:62svh;overflow-y:auto;padding:0 8px 0 0;scrollbar-color:#ae966e transparent;scrollbar-width:thin}.sky-footnote{font:11px/1.5 var(--serif);background:#263849e8;padding:12px 16px;border-radius:5px}.sky-heading p{font:23px/1.25 Storyhand,cursive;color:#f0d9b2}.ending-copy{padding:35px 35px 40px}.ending-copy h2{font-size:clamp(32px,3.6vw,53px);line-height:1.1}.ending-copy p{font:22px/1.4 Storyhand,cursive;max-width:340px}.envelope-invitation{font:21px/1.2 Storyhand,cursive;background:#f1e3c6;box-shadow:3px 6px 5px #10203377}.cottage-art{filter:drop-shadow(0 0 35px #e8b65d30)}
@media(max-width:700px){.hero-promises{gap:5px;justify-content:center}.hero-promises>span{min-width:0;width:105px;padding:12px 5px 10px 30px;min-height:72px;font-size:14px}.hero-promises svg{left:7px;width:17px;top:19px}.paper-canopy{height:65%}.book-flight{width:94vw;height:535px;margin-left:-47vw;margin-top:-237px;top:51%}.book-volume{height:100%}.book-leaf{padding:15% 13% 15%!important}.page-manuscript{padding:12px 14px;background:#f1e4cdec;box-shadow:0 0 15px 10px #ecddc1d9}.journal-panel .page-manuscript,.reflection-panel .page-manuscript{margin:0}.journal-day{font-size:25px;margin-top:12px}.panel-label{font-size:25px}.journal-entry{font-size:23px;line-height:1.3;margin-top:14px}.story-context{font-size:11px;line-height:1.5;margin-top:16px}.story-context p{font-size:8px}.reflection-head h3{font-size:25px}.reflection-body{font-size:20px;line-height:1.25;margin-top:12px}.reflection-body p{margin-bottom:9px}.reflection-foot{font-size:9px}.book-caption{top:12%;left:5%;width:90%}.book-caption h2{font-size:27px}.book-caption p{font-size:11px}.book-actions{gap:5px 10px;margin-top:0}.story-samples{gap:4px}.story-samples button{padding:6px 10px;font-size:14px;min-height:36px}.page-controls{display:none}.mobile-page-choice button{font:14px Storyhand,cursive;padding:7px 11px;min-height:38px}.reply-seal{font-size:14px;min-height:38px;padding:6px 10px}.cover-foil{font-size:34px}.cover-foil small{font-size:9px}.memory-copy h2{font-size:30px}.memory-copy h2 br{display:block}.memory-copy p{font-size:13px;max-width:310px;margin-top:12px}.memory-copy p:last-child{font-size:17px;max-width:280px}.memory-tree{width:160%;left:-30%;height:57%;bottom:9%}.memory-note{font-size:14px;padding:8px}.note-one{left:29%;top:35%}.note-two{left:57%;top:32%;max-width:100px}.note-three{left:44%;top:58%}.memory-whisper{font-size:16px;left:8%;width:84%;bottom:3%;padding:8px 10px}.community-letters{bottom:-1%;font-size:9px}.personal-paper{padding:30px 24px 25px;margin-top:24px;width:95%}.personal-paper h3{font-size:26px;margin-bottom:12px}.personal-paper label,.personal-paper legend{font-size:11px}.personal-paper .form-note{font-size:9px}.personal-paper input:not([type=radio]),.personal-paper select{font-size:18px;height:36px}.personal-paper fieldset{gap:8px;margin:10px 0}.personal-paper fieldset label{font-size:11px}.letter-preview #letter-body{font-size:21px;line-height:1.35}.letter-preview #letter-body p{margin-bottom:13px}.letter-preview{max-height:56svh}.sky-footnote{font-size:9px;padding:9px 12px}.ending-copy{left:12%;width:80%;top:2%;padding:25px 26px 30px}.ending-copy h2{font-size:31px}.ending-copy p{font-size:19px;line-height:1.3}.envelope-invitation{font-size:17px;left:34%}.cottage-art{bottom:7%;height:53%}}
.is-static{--reply-reveal:1!important}.is-static .reply-waiting{display:none}.is-static .reply-ink{opacity:1}.is-static .reply-seal{display:none}.is-static .paper-canopy{transform:none!important;opacity:.7}.is-static .forest-glow{opacity:.4}.is-static .memory-whisper{bottom:1%}.is-static .book-actions{margin-top:16px}.is-static .book-leaf{padding:10% 11% 11%!important}.is-static .memory-tree{bottom:5%}@media(max-width:700px){.is-static .book-leaf{padding:60px 42px!important;min-height:600px}.is-static .page-manuscript{padding:20px 15px}.is-static .book-actions{margin-top:10px}.is-static .page-controls{display:flex}.is-static .letter-preview{max-height:none}.is-static .memory-tree{height:53%;bottom:10%}.is-static .memory-whisper{bottom:2%}.is-static .ending-copy{width:85%;left:10%}}
@media(prefers-reduced-motion:reduce){.paper-canopy{will-change:auto}.reply-ink{transition:none}.paper-fireflies i{animation:none}}

.page-manuscript{min-height:0}.reflection-body strong{text-decoration:none}.book-cover{background-blend-mode:normal}.paper-fireflies i:nth-child(3n){top:60%}.paper-fireflies i:nth-child(3n + 1){top:45%}.paper-fireflies i:nth-child(3n + 2){top:70%}.is-static .book-flight{--writing:1!important}

/* Ink sits on the actual book paper; no pasted rectangular writing cards. */
.paper-canopy{filter:none}.book-leaf{padding:18% 15% 17%!important}.page-manuscript{padding:8px 6px;background:none;box-shadow:none;border-radius:0}.journal-panel .page-manuscript{margin-left:10%;margin-right:-5%}.reflection-panel .page-manuscript{margin-left:-5%;margin-right:10%}.book-ribbon{height:19%;bottom:-3%;width:13px}.reflection-body{font-size:20px;line-height:1.3}.reflection-body p{margin-bottom:11px}.is-static .book-leaf{padding:18% 15% 17%!important}.story-canopies{contain:layout paint}.paper-canopy{height:58%}.memory-whisper{bottom:2%}
@media(max-width:700px){.book-leaf{padding:18% 15% 17%!important}.journal-panel .page-manuscript,.reflection-panel .page-manuscript{margin:0}.page-manuscript{padding:7px 5px}.journal-entry{font-size:21px;line-height:1.3}.reflection-body{font-size:18px;line-height:1.25}.reflection-body p{margin-bottom:8px}.reflection-head h3{font-size:23px}.reflection-head{margin-bottom:8px}.reflection-foot{font-size:8px;margin-top:6px}.story-context{font-size:10px;line-height:1.45}.book-ribbon{width:10px;bottom:-5%;height:18%}.is-static .book-leaf{padding:65px 50px!important}.is-static .page-manuscript{padding:10px 5px}.paper-canopy{height:48%}}
/* Load the binding when STREE reaches for the book, after the welcome view. */
.book-cover{background-image:none}.is-book-ready .book-cover{background-image:url('/assets/storybook/forest-journal-cover.webp')}.personal-paper.letter-overflows:after{content:'A little more below ↓';display:block;position:absolute;bottom:13px;left:0;width:100%;text-align:center;color:#6b614f;font:13px/1.2 Storyhand,cursive;pointer-events:none}.is-static .personal-paper:after{display:none}
.is-book-ready .book-leaf{background-image:url('/assets/storybook/forest-journal-pages.webp')}