/* Feelings are the first act; the current two handwriting fonts are retained. */
.journal-panel .mood-row{display:flex;margin:0 0 16px;gap:5px 12px;align-items:baseline}.journal-panel .mood-row:before{content:'Today I feel';flex-basis:100%;font:400 18px/1.4 'Patrick Hand',cursive;font-style:normal;color:#4A3B33;margin-bottom:3px}.journal-panel .mood-row span{font-size:16px;line-height:1.5}.journal-panel .mood-row span+span:after{content:none}.journal-panel .mood-row span:before{height:11px;bottom:2px;left:-3px;right:-3px;background:#E4B442;opacity:.26;transform:scaleX(0);transform-origin:0 50%;transition:transform .25s ease-out;border-radius:38% 15% 32% 12%;rotate:-2deg}.journal-panel .mood-row span.is-chosen:before{transform:scaleX(1)}.journal-panel .penpal-date{margin-bottom:13px}.book-flight[data-penpal-state=feelings] :is(.penpal-salutation,.journal-entry,.penpal-me){opacity:0}.book-flight:not([data-penpal-state=feelings]) :is(.penpal-salutation,.journal-entry,.penpal-me){opacity:1}.penpal-story-so-far h4:before{content:'↶';margin-right:5px;font-style:normal}.penpal-story-so-far{margin-top:16px}.penpal-story-so-far h4{font:400 14px/1.35 'Patrick Hand',cursive;color:#9A8470}.penpal-story-so-far p{color:#9A8470}.penpal-story-so-far{opacity:.85}
/* STREE writes on the book paper itself. No separate stationery frame or sky art. */
.reflection-panel .reply-ink{background:none;rotate:0deg;padding:0!important;box-shadow:none;filter:none}.reflection-panel .reply-ink:before,.reflection-panel .reply-ink:after{content:none!important}.reflection-panel .reflection-head{display:block;padding:0;min-height:0;margin-bottom:14px}.reflection-panel .reflection-head h3{font-size:12px;max-width:none}.reflection-panel .reflection-body{font:500 20px/1.38 Caveat,cursive;color:#3D3063}.reflection-panel .reflection-body .moon-byline{font:italic 11px/1.5 ReStree,Georgia,serif;color:#9A8470;margin:-2px 0 12px}.astro-phrase{position:relative;isolation:isolate;white-space:nowrap;background:none;color:inherit;font:inherit;padding:0}.astro-phrase:before{content:'';position:absolute;inset:auto -2px 2px;height:.35em;z-index:-1;opacity:.26;background:#E4B442;rotate:-1deg;border-radius:35% 10% 25% 12%}.waiting-star{display:block;width:39px;height:41px;fill:#E4B442;rotate:-12deg;animation:waiting-starlight 3.8s ease-in-out infinite}.star-wait-copy{font:500 21px/1.38 Caveat,cursive;color:#3D3063;text-align:center;margin:0}.book-flight[data-penpal-state=sending] .waiting-star{animation:waiting-starlight .65s ease-in-out}.book-flight[data-penpal-state=sending] .reply-waiting{opacity:.65}@keyframes waiting-starlight{0%,100%{opacity:.4}50%{opacity:1;filter:drop-shadow(0 0 4px #E4B4424D)}}
/* Fabric bookmarks grow directly out of the book's lower binding. */
.book-ribbon{display:none}.book-volume{z-index:2}.book-ribbons{position:absolute;z-index:1;top:calc(100% - 7px);left:20%;width:60%;opacity:0;pointer-events:none}.book-flight.is-readable .book-ribbons{opacity:1;pointer-events:auto}.book-ribbons .story-samples{display:flex;justify-content:center;align-items:flex-start;gap:22px}.book-ribbons .story-samples button{position:relative;isolation:isolate;width:122px;height:76px;min-height:0;margin:0;padding:24px 8px 16px;flex:0 1 122px;display:flex;align-items:flex-start;justify-content:center;text-align:center;border:0;border-radius:0;box-shadow:none;background:#EAD8C4;color:#3D3063;font:500 17px/1.15 Caveat,cursive;clip-path:polygon(0 0,100% 0,99% 100%,50% 84%,1% 100%);filter:drop-shadow(1px 3px 1px #3D306326);transform-origin:50% 0;transition:height .3s ease,filter .2s}.book-ribbons .story-samples button:nth-child(2){background:#C9A77C;color:#3D3063}.book-ribbons .story-samples button:nth-child(3){background:#3D3063;color:#F4E9D8}.book-ribbons .story-samples button:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.35;background:repeating-linear-gradient(0deg,transparent 0 2px,#3D30631A 2px 3px),repeating-linear-gradient(90deg,transparent 0 3px,#EAD8C44D 3px 4px)}.book-ribbons .story-samples button[aria-selected=true],.book-ribbons .story-samples button[aria-pressed=true]{height:92px;border:0;box-shadow:none}.book-ribbons .story-samples button:hover{color:#3D3063;box-shadow:none;border:0;animation:bookmark-sway .7s ease-in-out}.book-ribbons .story-samples button:nth-child(1):hover{background:#EAD8C4}.book-ribbons .story-samples button:nth-child(2):hover{background:#C9A77C}.book-ribbons .story-samples button:nth-child(3):hover{background:#3D3063;color:#F4E9D8}.book-ribbons .story-samples button:focus-visible{outline:2px solid #3D3063;outline-offset:-7px}.book-ribbons .story-samples button:nth-child(3):focus-visible{outline-color:#F4E9D8}@keyframes bookmark-sway{25%{rotate:-3deg}65%{rotate:2deg}100%{rotate:0deg}}

@media(max-width:700px){.journal-panel .mood-row{margin-bottom:13px;gap:4px 10px}.journal-panel .mood-row:before{font-size:17px}.journal-panel .mood-row span{font-size:15px}.journal-panel .penpal-date{margin-bottom:11px}.penpal-story-so-far{margin-top:13px}.penpal-story-so-far h4{font-size:13px}.reflection-panel .reflection-head{margin-bottom:12px}.reflection-panel .reflection-head h3{font-size:11px}.reflection-panel .reflection-body{font-size:19px;line-height:1.38}.reflection-panel .reflection-body .moon-byline{font-size:10px;line-height:1.4;margin-bottom:10px}.book-ribbons{left:11%;width:78%;top:calc(100% - 6px)}.book-ribbons .story-samples{gap:12px}.book-ribbons .story-samples button{flex-basis:88px;width:88px;height:69px;font-size:14px;padding:21px 5px 14px}.book-ribbons .story-samples button[aria-selected=true],.book-ribbons .story-samples button[aria-pressed=true]{height:83px}}
@media(prefers-reduced-motion:reduce){.waiting-star{animation:none!important;opacity:.8;filter:none}.book-ribbons .story-samples button:hover{animation:none}.book-ribbons .story-samples button,.journal-panel .mood-row span:before{transition:none}}
/* The writing pose is scenery and does not intercept nearby controls. */
.story-character[data-pose=writing],.story-character[data-pose=writing] *{pointer-events:none!important}
@media(max-width:700px){.living-story:not(.is-static) .story-character[data-pose=writing]{bottom:calc(var(--actor-bottom,14svh) - 74px)}}