@font-face{font-family:'Patrick Hand';src:url('/assets/fonts/patrick-hand.woff?v=5807581c') format('woff');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Caveat;src:url('/assets/fonts/caveat-latin.woff') format('woff');font-weight:400 700;font-style:normal;font-display:swap}
/* The floral binding is the frame; the letters rest directly on its paper. */
.book-spread .page-manuscript{background:none;border:0;border-radius:0;box-shadow:none;padding:0;display:block}.book-spread:after{content:'';position:absolute;z-index:5;pointer-events:none;left:calc(50% - 14px);top:3%;bottom:3%;width:28px;background:linear-gradient(90deg,transparent,#4A3B331A 45%,#4A3B3326 50%,#4A3B3314 65%,transparent)}.journal-panel .page-manuscript{margin-left:6%;margin-right:-3%}.reflection-panel .page-manuscript{margin-left:-3%;margin-right:6%}.journal-panel .penpal-date{font:italic 12px/1.5 ReStree,Georgia,serif;text-align:right;color:#9A8470;margin:0 0 16px}.penpal-salutation,.journal-panel .journal-entry,.penpal-me{font:400 18px/1.55 'Patrick Hand',cursive;font-style:normal;color:#4A3B33;letter-spacing:0;transform:none}.penpal-salutation{margin:0 0 10px}.journal-panel .journal-entry{margin:0;padding:0 0 3px;clip-path:none;background:repeating-linear-gradient(to bottom,transparent 0,transparent calc(1.55em - 1px),#9A847026 calc(1.55em - 1px),#9A847026 1.55em)}.penpal-me{text-align:right;margin:9px 0 14px}.journal-panel .mood-row{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:baseline;margin:0;padding:0;color:#9A8470;font:italic 11px/1.7 ReStree,Georgia,serif}.mood-row:before{content:'feeling:'}.journal-panel .mood-row span{position:relative;background:none;border:0;border-radius:0;padding:0;color:#4A3B33;font:400 15px/1.6 'Patrick Hand',cursive;isolation:isolate}.mood-row span:before{content:'';position:absolute;left:-2px;right:-2px;bottom:2px;height:5px;background:#E4B442;opacity:.28;rotate:-1.5deg;z-index:-1;border-radius:40% 12% 35% 8%}.mood-row span+span:after{content:'·';position:absolute;left:-6px;color:#9A8470}.penpal-send{display:inline-block;margin-top:15px;padding:5px 0;min-height:32px;border:0;border-bottom:1px solid #3D30634D;background:none;color:#3D3063;font:500 17px/1.3 Caveat,cursive;opacity:0;visibility:hidden;transition:opacity .25s;cursor:pointer}.book-flight[data-penpal-state=ready] .penpal-send{opacity:1;visibility:visible}.penpal-send:focus-visible{outline:2px solid #3D3063;outline-offset:4px}.penpal-demo-note{position:relative;margin:5px 0 0;text-align:center;font:italic 9px/1.4 ReStree,Georgia,serif;color:#EAD8C4}.book-flight[data-penpal-state=writing] .journal-entry{animation:penpal-handwriting var(--write-time,.85s) steps(6,end) both}@keyframes penpal-handwriting{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0)}}
/* A window, never a zodiac wheel. The Cancer Moon belongs to this illustrative diary. */
.reflection-panel .reply-waiting{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:13px;background:none;opacity:1;visibility:visible;pointer-events:none;font:500 20px/1.38 Caveat,cursive;color:#3D3063;transition:opacity .35s}.penpal-sky-window{width:70%;max-width:240px;transform-origin:center;filter:drop-shadow(1px 3px 1px #3D306326);transition:transform .5s ease-in,opacity .4s}.penpal-sky-window>svg{display:block;width:100%;height:auto}.sky-rim{fill:#E4B442}.penpal-sky-rotor{transform-origin:120px 120px;animation:penpal-sky-turn 40s linear infinite}.sky-constellation{fill:#E4B442;stroke:#E4B442;stroke-width:1;transition:filter .45s,stroke-width .45s}.sky-constellation>path{fill:none}.sky-tiny-stars{fill:#EAD8C4;stroke:#EAD8C4;stroke-width:1.1;animation:penpal-twinkle 4s ease-in-out infinite}.sky-moon{fill:#E4B442}.sky-wait-copy,.sky-found-copy{font:500 20px/1.38 Caveat,cursive;color:#3D3063;text-align:center;margin:0}.sky-found-copy{display:none;font-size:19px}.book-flight[data-penpal-state=found] .sky-wait-copy,.book-flight[data-penpal-state=closing] .sky-wait-copy{display:none}.book-flight[data-penpal-state=found] .sky-found-copy,.book-flight[data-penpal-state=closing] .sky-found-copy{display:block}.book-flight[data-penpal-state=found] .sky-constellation{filter:drop-shadow(0 0 3px #E4B442);stroke-width:1.7}.book-flight[data-penpal-state=closing] .penpal-sky-window{transform:scale(.4);opacity:0}.book-flight[data-penpal-state=closing] .reply-waiting{opacity:0}.book-flight[data-penpal-state=reply] .reply-waiting{display:none;visibility:hidden;opacity:0}.book-flight[data-penpal-state=sending] .journal-entry{animation:penpal-ink-glow .9s ease-in-out}.penpal-starlight{position:absolute;inset:0;z-index:8;pointer-events:none;opacity:0}.penpal-starlight i{position:absolute;left:35%;top:40%;width:4px;height:4px;background:#E4B442;border-radius:50%;box-shadow:0 0 6px #E4B44280;--dust-y:0px}.penpal-starlight i:nth-child(2){top:45%;--dust-y:-45px;animation-delay:.08s!important}.penpal-starlight i:nth-child(3){top:51%;--dust-y:32px;animation-delay:.16s!important}.penpal-starlight i:nth-child(4){top:38%;--dust-y:21px;animation-delay:.24s!important}.penpal-starlight i:nth-child(5){top:57%;--dust-y:-50px;animation-delay:.1s!important}.penpal-starlight i:nth-child(6){top:48%;--dust-y:18px;animation-delay:.3s!important}.penpal-starlight i:nth-child(7){top:60%;--dust-y:-27px;animation-delay:.2s!important}.book-flight[data-penpal-state=sending] .penpal-starlight{opacity:1}.book-flight[data-penpal-state=sending] .penpal-starlight i{animation:penpal-dust .7s ease-in-out both}@keyframes penpal-sky-turn{to{transform:rotate(360deg)}}@keyframes penpal-twinkle{50%{opacity:.45}}@keyframes penpal-ink-glow{50%{text-shadow:0 0 7px #E4B44280}}@keyframes penpal-dust{0%{opacity:0;transform:translate(0,0) scale(.4)}25%{opacity:.9}100%{opacity:0;transform:translate(calc(var(--dust-travel,390px)),var(--dust-y)) scale(.2)}}
/* A thin watercolor-like navy edge, with four flat stationery cutouts. */
.reflection-panel .reply-ink{position:relative;isolation:isolate;min-height:0;padding:22px 20px 22px;background:none;opacity:0!important;visibility:hidden!important;transition:opacity .3s;box-shadow:none}.reflection-panel .reply-ink:before,.reflection-panel .reply-ink:after{content:'';position:absolute;inset:-3px;z-index:-2;background:#253A66;clip-path:polygon(1% 1%,12% 0,24% 1%,36% .2%,48% 1%,60% 0,72% .8%,84% .1%,99% .8%,99.5% 13%,99% 27%,99.8% 41%,99% 55%,99.7% 69%,99% 84%,99.5% 99%,85% 99.5%,70% 99%,55% 100%,40% 99%,25% 99.7%,10% 99%,.5% 99.7%,1% 84%,0 69%,.7% 54%,0 39%,1% 24%,0 10%)}.reflection-panel .reply-ink:after{inset:0;z-index:-1;background:#FBF4E6 var(--paper-grain)}.book-flight[data-penpal-state=reply] .reply-ink{opacity:1!important;visibility:visible!important}.reply-stationery-art{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.8}.reflection-panel .reflection-head{position:relative;border:0;padding:0;margin:0 0 12px}.reflection-panel .reflection-head h3{font:italic 12px/1.4 ReStree,Georgia,serif;color:#E4B442;letter-spacing:0;max-width:80%;text-shadow:none}.reflection-panel .reflection-body{position:relative;margin:0;color:#3D3063;font:500 20px/1.38 Caveat,cursive}.reflection-panel .reflection-body>p{margin:0 0 10px;font:inherit}.reflection-panel .reflection-body>p:last-child{margin-bottom:0}.reflection-panel .reflection-body .signature{display:flex;align-items:center;gap:5px;margin:12px 0 8px;color:#3D3063;font:700 21px/1.38 Caveat,cursive;white-space:nowrap}.reflection-panel .reflection-body .penpal-ps{font-size:18px;line-height:1.38;margin-top:5px}.signature-star{display:inline-block;width:1.1em;height:1.1em;fill:#E4B442;flex:none;transform:scale(0) rotate(-12deg);transform-origin:center;stroke:none}.book-flight.penpal-stamped .signature-star{animation:penpal-star-stamp .5s cubic-bezier(.3,1.5,.5,1) both}.book-flight[data-penpal-state=reply] .reflection-body>p{animation:penpal-letter-line var(--reply-line-time,.4s) steps(4,end) both;animation-delay:var(--line-delay,0s)}@keyframes penpal-letter-line{from{clip-path:inset(0 0 100% 0);opacity:0}to{clip-path:inset(0);opacity:1}}@keyframes penpal-star-stamp{0%{transform:scale(0) rotate(-28deg)}65%{transform:scale(1.15) rotate(-7deg)}100%{transform:scale(1) rotate(-12deg)}}
@media(max-width:700px){.journal-panel .page-manuscript,.reflection-panel .page-manuscript{margin:0}.journal-panel .penpal-date{font-size:11px;margin-bottom:14px}.penpal-salutation,.journal-panel .journal-entry,.penpal-me{font-size:17px;line-height:1.55}.penpal-me{margin-bottom:12px}.reflection-panel .reply-ink{padding:19px 15px 18px}.reflection-panel .reflection-body{font-size:19px;line-height:1.38}.reflection-panel .reflection-body>p{margin-bottom:9px}.reflection-panel .reflection-body .signature{font-size:20px;margin-top:10px}.reflection-panel .reflection-body .penpal-ps{font-size:17px}.reflection-panel .reflection-head{margin-bottom:10px}.reflection-panel .reflection-head h3{font-size:11px}.book-spread:after{left:0;width:12px;background:linear-gradient(90deg,#4A3B331A,transparent)}.penpal-sky-window{width:70%;max-width:215px}.penpal-starlight{--dust-travel:130px}.penpal-starlight i{left:15%}.penpal-demo-note{font-size:8px;margin:3px 0}.journal-panel .mood-row{font-size:10px;gap:3px 7px}.journal-panel .mood-row span{font-size:14px}}
@media(prefers-reduced-motion:reduce){.penpal-sky-rotor,.sky-tiny-stars{animation:none!important}.penpal-starlight{display:none}.book-flight[data-penpal-state=sending] .journal-entry{animation:none!important;text-shadow:none}.penpal-sky-window,.book-flight[data-penpal-state=closing] .penpal-sky-window{transform:none;transition:opacity .15s}.book-flight[data-penpal-state=reply] .reflection-body>p{animation:penpal-fade .15s linear both;animation-delay:0s}.book-flight.penpal-stamped .signature-star{animation:none!important;transform:scale(1) rotate(-12deg)}.book-flight[data-penpal-state=writing] .journal-entry{animation:none}@keyframes penpal-fade{from{opacity:0}to{opacity:1}}}

.book-flight[data-penpal-state=found] .penpal-starlight{opacity:1}.book-flight[data-penpal-state=found] .penpal-starlight i{animation:penpal-dust .7s ease-in-out both}