/* One shared paper palette; illustrated scenery keeps its own night colors. */
:root{--ui-cream:#EAD8C4;--ui-kraft:#C9A77C;--ui-plum:#3D3063;--ui-mustard:#E4B442;--ui-light:#F4E9D8;--paper:var(--ui-cream);--ink:var(--ui-plum);--brand-purple:var(--ui-plum);--brand-purple-deep:var(--ui-plum);--brand-purple-light:var(--ui-plum);--gold:var(--ui-mustard);--paper-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.62' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Cpath d='M0 0h150v150H0z' filter='url(%23g)' opacity='.065'/%3E%3C/svg%3E")}
html{scroll-padding-top:112px}.story-anchor,[id]{scroll-margin-top:112px}.welcome-copy{top:max(120px,27svh)}.site-header{color:var(--ui-plum)}.nav-links a,.menu-toggle,.wordmark{color:var(--ui-plum)}.site-header:before{background-color:var(--ui-cream);background-blend-mode:luminosity}.nav-links{color:var(--ui-plum)}.welcome-copy h1,.welcome-copy h1 em,.hero-subtitle{color:var(--ui-cream)}.hero-promises{color:var(--ui-cream)}.hero-promises svg{stroke:var(--ui-cream)}
/* Grain belongs to the paper, with no dark beveled borders or hover recoloring. */
.button,.button:not(.cream),.button.gold,.personal-paper .button,.ending-copy .download-badge{position:relative;isolation:isolate;background:var(--ui-plum);color:var(--ui-light);border:0;border-radius:2px 5px 3px 4px;box-shadow:none;filter:drop-shadow(1px 3px 1px #3D306326) drop-shadow(0 4px 4px #3D30631A);clip-path:polygon(.7% 1%,19% .4%,40% 1%,62% .3%,82% .8%,99.2% .5%,99.5% 25%,99% 51%,99.6% 77%,99% 99%,78% 99.6%,57% 99%,36% 99.7%,17% 99%,.6% 99.5%,1% 73%,.4% 48%,1% 24%);transition:transform .2s,filter .2s;transform:translateY(0)}.button:after,.download-badge:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:var(--paper-grain);mix-blend-mode:screen;opacity:.7}.button.cream,.button.cream:hover{background:var(--ui-cream);color:var(--ui-plum)}.button:hover,.button:not(.cream):hover,.button.gold:hover,.personal-paper .button:hover,.ending-copy .download-badge:hover{background:var(--ui-plum);color:var(--ui-light);border:0;transform:translateY(-1px);filter:drop-shadow(1px 4px 2px #3D306326) drop-shadow(0 6px 5px #3D30631A)}.button.cream:hover{background:var(--ui-cream);color:var(--ui-plum)}.button:active,.ending-copy .download-badge:active{transform:translateY(1px);filter:drop-shadow(0 1px 1px #3D306326)}.button:focus-visible,.download-badge:focus-visible{outline:2px solid var(--ui-cream);outline-offset:-5px}.button.cream:focus-visible{outline-color:var(--ui-plum)}.download-badge[data-store=googlePlayUrl] svg>path:first-child{fill:var(--ui-light);stroke:var(--ui-light)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-color:var(--ui-plum)}.speech,.speech:before,.personal-paper:before,.ending-copy:before,.page-manuscript,dialog.invitation,.footer{background-color:var(--ui-cream);color:var(--ui-plum)}.speech,.speech:before,.personal-paper:before,.ending-copy:before,dialog.invitation,.footer{background-image:var(--paper-grain)}.launch-eyebrow,.ending-copy,.ending-copy .download-note,.reader-note-heading,.reader-ticket,.reader-signature,.footer p,.footer .footer-brand-line,.footer small,.footer a,.invitation,.personal-paper,.personal-paper h3,.personal-paper label,.personal-paper .form-note,.personal-paper small,.letter-preview,.letter-preview #letter-body,.personal-paper .text-link,.sky-footnote,.book-cover,.cover-foil,.journal-panel .journal-day,.journal-panel .journal-entry,.journal-panel .panel-label,.journal-panel .story-context,.journal-panel .mood-row,.reflection-panel .reflection-head h3,.reflection-panel .reflection-body,.reflection-panel .signature{color:var(--ui-plum)}.cover-foil{color:var(--ui-cream)}.personal-paper input:not([type=radio]),.personal-paper select,.invitation input:not([type=checkbox]){background:var(--ui-cream);color:var(--ui-plum);border-color:#3D30634D}.personal-paper input::placeholder,.invitation input::placeholder{color:#3D306399}.personal-paper input[type=radio],.consent-line input{accent-color:var(--ui-plum)}.personal-paper #birth-error{color:var(--ui-plum)}.sky-footnote,.memory-whisper,.memory-note,.envelope-invitation,.story-prompt{background:var(--ui-cream) var(--paper-grain);color:var(--ui-plum);border-color:#3D30634D}.memory-note small,.memory-note span,.reply-waiting{color:var(--ui-plum)}.memory-copy,.memory-copy #memory-growth-caption,.memory-note-caption,.book-caption,.sky-heading,.sky-heading p{color:var(--ui-cream)}.memory-page-flights span,.memory-page-flights span:nth-child(3){background:var(--ui-cream);color:var(--ui-plum)}.book-ribbon{background:var(--ui-kraft);box-shadow:1px 2px 1px #3D306326}.memory-threads{stroke:var(--ui-cream)}
.story-samples button,.mobile-page-choice button,.reply-seal,.page-controls button{background:var(--ui-cream) var(--paper-grain);color:var(--ui-plum);border:1px solid #3D30634D;box-shadow:1px 2px 1px #3D306326}.story-samples button:hover,.mobile-page-choice button:hover,.reply-seal:hover,.story-samples button[aria-pressed=true],.mobile-page-choice button[aria-pressed=true],.story-samples button[aria-pressed=true]:hover,.mobile-page-choice button[aria-pressed=true]:hover,.is-reply-visible .reply-seal{background:var(--ui-cream) var(--paper-grain);color:var(--ui-plum);border-color:var(--ui-plum);box-shadow:inset 0 -2px #3D306326}.zodiac-sign{background:var(--ui-cream);color:var(--ui-plum);border-color:#3D30634D}.zodiac-sign[aria-pressed=true]{background:var(--ui-plum);color:var(--ui-light);border-color:var(--ui-plum)}.zodiac-sign:hover{border-color:var(--ui-plum)}
/* Every note is the same cream sheet; tape and the folded pocket are kraft. */
.reader-note-track .quote-card:after,.reader-note-track .quote-card:nth-child(even):after{background:var(--ui-cream) var(--paper-grain);background-blend-mode:normal;box-shadow:inset 0 0 14px #3D306308}.reader-note-track .quote-card:before{background:var(--ui-kraft) var(--paper-grain);background-blend-mode:normal;opacity:.68;box-shadow:0 1px 1px #3D30631A}.reader-note-track .quote-card blockquote{color:var(--ui-plum);background:repeating-linear-gradient(to bottom,transparent 0,transparent calc(1.35em - 1px),#3D30631A calc(1.35em - 1px),#3D30631A 1.35em)}.reader-ticket{background:var(--ui-kraft) var(--paper-grain);color:var(--ui-plum);box-shadow:none}.reader-note-track .quote-card figcaption,.reader-signature{color:var(--ui-plum)}.reader-pocket{filter:drop-shadow(1px 3px 1px #3D306326) drop-shadow(0 5px 5px #3D30631A)}.reader-pocket:before{height:51%;background:var(--ui-kraft) var(--paper-grain);background-blend-mode:normal;box-shadow:inset 0 5px 8px #3D306326}.reader-pocket:after{height:21px;background:linear-gradient(155deg,transparent 48%,#3D306326 49%,transparent 51%),linear-gradient(205deg,transparent 48%,#3D306326 49%,transparent 51%),var(--ui-kraft);background-blend-mode:normal;box-shadow:inset 0 2px 3px #3D306326,0 -1px #3D306326}.reader-note-track .quote-card{padding-top:26px;padding-bottom:14px;filter:drop-shadow(1px 2px 0 #3D306326) drop-shadow(0 4px 4px #3D30631A)}.reader-initial-seal{width:17px;height:18px;background:none;border:1px solid var(--ui-plum);box-shadow:none;color:var(--ui-plum);font-size:12px;opacity:.62;rotate:-8deg}.reader-paper-stamp svg>path:first-child{fill:var(--ui-cream);stroke:var(--ui-plum)}.reader-paper-stamp svg>path:last-child{fill:var(--ui-mustard)}
/* Ink chevrons, with no envelope silhouette or button box. */
.reader-note-heading button[data-reader-turn],.reader-note-heading button[data-reader-turn]:hover{width:32px;height:36px;min-height:36px;padding:0;background:none;border:0;box-shadow:none;filter:none;transform:none;color:var(--ui-plum);clip-path:none}.reader-ink-arrow{display:inline-block;font:28px/1 Storyhand,cursive;color:var(--ui-plum);transform-origin:center}.reader-note-heading button[data-reader-turn]:hover .reader-ink-arrow{animation:ink-arrow-wobble .45s ease-in-out}.reader-note-heading button:focus-visible{outline:2px solid var(--ui-plum);outline-offset:3px}@keyframes ink-arrow-wobble{30%{rotate:-7deg;translate:0 -1px}70%{rotate:5deg}100%{rotate:0deg}}
.reader-note-heading #reader-autoplay-toggle,.reader-note-heading #reader-autoplay-toggle:hover,.reader-note-heading #reader-autoplay-toggle[aria-pressed=true]{width:37px;height:37px;min-height:37px;background:none;border:0;border-radius:0;padding:0;box-shadow:none;rotate:0deg;color:var(--ui-plum);filter:none}.reader-wax-seal{width:37px;height:37px;overflow:visible;filter:drop-shadow(0 2px 1px #3D306326)}.wax-edge{fill:var(--ui-mustard)}.wax-ring{fill:none;stroke:var(--ui-plum);stroke-opacity:.22;stroke-width:1.2}.wax-highlight{fill:none;stroke:var(--ui-cream);stroke-width:1.3;opacity:.55;stroke-linecap:round}.wax-pause{fill:none;stroke:var(--ui-plum);stroke-opacity:.85;stroke-width:2.6;stroke-linecap:round;filter:drop-shadow(0 1px 0 #EAD8C480)}.wax-play{display:none;fill:var(--ui-plum);opacity:.85;filter:drop-shadow(0 1px 0 #EAD8C480)}[aria-pressed=true] .wax-play{display:block}[aria-pressed=true] .wax-pause{display:none}
@media(max-width:700px){.welcome-copy{top:max(104px,17svh)}html{scroll-padding-top:96px}.story-anchor,[id]{scroll-margin-top:96px}.nav-links{background-color:var(--ui-cream);color:var(--ui-plum)}.reader-note-track .quote-card{padding:21px 13px 12px}.reader-pocket:after{height:18px}.reader-note-heading button[data-reader-turn],.reader-note-heading button[data-reader-turn]:hover{width:29px;height:33px;min-height:33px}.reader-note-heading #reader-autoplay-toggle,.reader-note-heading #reader-autoplay-toggle:hover,.reader-note-heading #reader-autoplay-toggle[aria-pressed=true],.reader-wax-seal{width:33px;height:33px;min-height:33px}.reader-initial-seal{width:15px;height:16px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.reader-note-heading button:hover .reader-ink-arrow{animation:none}.button,.download-badge{transition:none}.button:hover,.download-badge:hover,.button:active,.download-badge:active{transform:none}}
/* Distinguish the two writers through ink density and type, within plum only. */
.journal-panel .journal-day,.journal-panel .journal-entry,.journal-panel .panel-label{color:#3D3063CC}.reflection-panel .reflection-body{color:#3D3063}.button:not(.cream):focus-visible,.download-badge:focus-visible{outline-color:var(--ui-cream)}.personal-paper .form-note,.personal-paper .form-note a,.personal-paper .letter-preview p,.personal-paper .letter-preview small,.personal-paper legend,.personal-paper #letter-label,.personal-paper #birth-note{color:var(--ui-plum)}
/* Preserve the original hand-cut silhouettes without rectangular backing paint. */
.site-header:before{background:var(--ui-cream) var(--paper-grain);clip-path:polygon(2% 1%,15% 0,32% .7%,51% 0,69% .8%,85% 0,98% 1%,99% 12%,99% 27%,100% 43%,99.4% 63%,98% 78%,97% 96%,82% 99%,65% 98.4%,48% 100%,29% 98.8%,12% 100%,3% 98%,1% 88%,0 67%,.4% 45%,1% 28%,1% 11%)}.speech{background:var(--ui-cream) var(--paper-grain);clip-path:polygon(2% 2%,17% 0,34% 1%,52% 0,73% 1%,96% 0,99% 8%,98% 29%,100% 48%,98.5% 68%,99% 91%,96% 99%,76% 98%,54% 100%,33% 98%,12% 100%,1% 96%,2% 74%,0 52%,1% 30%)}.hero-promises>span{color:var(--ui-plum)}.hero-promises>span:before{background:var(--ui-cream) var(--paper-grain);border:0;box-shadow:1px 3px 2px #3D306326}.hero-promises svg{stroke:var(--ui-plum)}.hero-actions,.nav-actions,.download-options{filter:drop-shadow(1px 3px 1px #3D306326) drop-shadow(0 4px 4px #3D30631A)}.hero-actions:has(.button:hover),.nav-actions:has(.button:hover),.download-options:has(.download-badge:hover){filter:drop-shadow(1px 4px 2px #3D306326) drop-shadow(0 6px 5px #3D30631A)}.hero-actions:has(.button:active),.nav-actions:has(.button:active),.download-options:has(.download-badge:active){filter:drop-shadow(0 1px 1px #3D306326)}.ending-copy:after{background:linear-gradient(45deg,var(--ui-kraft) 0 47%,var(--ui-cream) 51% 100%)}.panel-label,.reflection-head,.story-context{border-color:#3D306326}.reply-waiting>span{color:var(--ui-mustard)}
