@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap');
:root{--paper:#f7f4eb;--ink:#173f3b;--muted:#64736b;--gold:#e9ca8c;--line:#dcded2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid #b67d33;outline-offset:5px}header{height:112px;max-width:1360px;margin:auto;padding:0 5%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px}.brand>span{font-family:'Playfair Display',Georgia,serif;font-size:29px;line-height:1}.brand small{display:block;font:9px 'DM Sans',sans-serif;letter-spacing:4px;margin:8px 0 0 3px}nav{display:flex;align-items:center;gap:34px;font-size:13px}nav a:hover,.text-button:hover{color:#a57133}.text-button{border:0;background:none;color:var(--ink);padding:10px 0;font-size:13px}#count{display:inline-grid;place-items:center;background:#e6eadd;border-radius:50%;width:21px;height:21px;font-size:10px;margin-left:4px}.nav-cta{border-bottom:1px solid var(--ink);padding:10px 0}.nav-cta span{margin-left:24px}.hero{max-width:1360px;margin:24px auto 65px;padding:0 5%;display:grid;grid-template-columns:1fr 1.08fr;gap:32px;align-items:center}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600}.spark{color:#ab7f3c;font-size:20px;margin-right:8px}h1,h2,h3{font-family:'Playfair Display',Georgia,serif;font-weight:400}h1{font-size:clamp(44px,4.7vw,68px);line-height:1.12;letter-spacing:-2px;margin:26px 0}em{font-weight:400;color:#6c8165}p{line-height:1.8}.hero-copy>p{font-size:14px;color:var(--muted);margin-bottom:30px}.button{display:inline-flex;align-items:center;gap:30px;background:var(--ink);color:#fffdf4;padding:17px 25px;border-radius:6px;font-size:13px;transition:transform .2s}.button:hover{transform:translateY(-3px)}.hero-note{font-size:11px;margin-top:24px;color:var(--muted)}.hero-note span{font-size:20px;vertical-align:middle;margin-right:8px}.hero-art{position:relative}.hero-art>img{display:block;width:100%;height:490px;object-fit:cover;object-position:60% center;border-radius:160px 160px 12px 12px}.art-label{position:absolute;bottom:24px;left:24px;color:#fff5d9;font-size:11px;letter-spacing:.3px}.round-note{position:absolute;right:-20px;top:26px;background:var(--gold);width:114px;height:114px;border-radius:50%;display:flex;flex-direction:column;justify-content:center;text-align:center;font-size:11px;line-height:1.6;transform:rotate(12deg)}.round-note i{font-family:Georgia,serif;font-size:16px}.ribbon{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:center;gap:6vw;padding:24px 20px;font-size:9px;letter-spacing:1.6px}.ribbon b{color:#b39b6c}.story-section{max-width:1180px;padding:85px 5% 65px;margin:auto}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px}h2{font-size:40px;line-height:1.22;letter-spacing:-1px;margin:18px 0}.section-heading p{font-size:13px;color:var(--muted);margin:0 0 20px}.story-bar{display:flex;justify-content:space-between;align-items:center;margin:25px 0 18px;font-size:10px;color:var(--muted)}.story-bar>div{display:flex;align-items:center;gap:18px}.tag{background:#e8ecdf;border-radius:4px;padding:7px 9px;font-size:8px;letter-spacing:1px;color:var(--ink)}.book{display:grid;grid-template-columns:1fr 1fr;min-height:450px;border-radius:8px;box-shadow:0 24px 40px -25px #24463f66,0 5px 0 #e3ddcb,0 8px 0 #eeeadf;overflow:hidden;background:#fffaf0;border:1px solid #ded8c8}.picture-page{position:relative;min-height:450px}.picture-page img{height:100%;width:100%;position:absolute;object-fit:cover;object-position:62% center}.picture-caption{position:absolute;bottom:25px;left:25px;letter-spacing:3px;font-size:8px;color:#fff5d9}.words-page{padding:45px 45px 35px;background:linear-gradient(90deg,#e9e2d5 0,#f4eddf 3%,#fffaf0 9%);display:flex;flex-direction:column;justify-content:center;position:relative}.chapter{font-size:8px;letter-spacing:2px;color:#8c956f}h3{font-size:33px;line-height:1.25;margin:18px 0}.words-page p{font-family:Georgia,serif;font-size:16px;line-height:1.9;margin:9px 0;color:#47554a}.words-page .dedication{font-style:italic;color:#77856b}.page-number{font-family:Georgia,serif;font-size:11px;color:#93947e;margin-top:auto;padding-top:24px;text-align:center}.reader-controls{display:flex;align-items:center;justify-content:center;gap:28px;margin:28px 0 12px}.arrow{background:transparent;border:1px solid #ccd2c1;color:var(--ink);border-radius:50%;width:40px;height:40px;font-size:19px}.arrow:hover:not(:disabled){background:#e5e9db}.arrow:disabled{opacity:.3;cursor:default}.dots{display:flex;gap:10px}.dots button{border:0;background:#d4d9ca;width:8px;height:8px;border-radius:50%;padding:0}.dots button[aria-current=true]{background:var(--ink);width:22px;border-radius:6px}.reader-tip{text-align:center;font-size:10px;color:var(--muted)}.reader-tip span{margin-left:10px;opacity:.8}.how{border-top:1px solid var(--line);padding:60px 5% 70px;max-width:1180px;margin:auto}.how>div:first-child{text-align:center}.muted{color:var(--muted);font-size:13px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;margin-top:40px}.steps span{color:#9b8b60;font-family:Georgia,serif;font-style:italic;font-size:22px}.steps h4{font-size:15px;font-weight:500;margin:16px 0 8px}.steps p{font-size:12px;color:var(--muted);margin:0}.closing{text-align:center;background:var(--ink);color:var(--paper);padding:48px 20px 42px}.closing>span{color:var(--gold);font-size:38px}.closing h2{font-size:43px;margin:12px 0 28px}.light{background:var(--gold);color:var(--ink)}.closing p{color:#bfcdc1;font-size:10px;margin:24px 0 0}footer{padding:35px 5%;display:flex;justify-content:space-between;align-items:center}footer p{font:italic 15px Georgia,serif;color:var(--muted)}footer>span{font-size:8px;letter-spacing:1.5px;color:var(--muted)}dialog{border:1px solid var(--line);border-radius:16px;background:var(--paper);padding:30px;max-width:500px;width:calc(100% - 32px);color:var(--ink)}dialog::backdrop{background:#102e2bd9}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.dialog-head h2{font-size:30px}.shelf-card{display:flex;gap:20px;align-items:center;padding:20px 0}.shelf-card img{width:90px;height:120px;object-fit:cover;border-radius:5px}.shelf-card h3{font-size:24px;margin:0 0 12px}.shelf-card button{border:0;background:var(--ink);color:white;padding:10px 16px;border-radius:5px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;font-size:12px;padding:14px 22px;border-radius:8px;box-shadow:0 4px 20px #0003;opacity:0;pointer-events:none;transition:opacity .2s;z-index:5}#toast.show{opacity:1}.turn{animation:fade .35s ease}@keyframes fade{from{opacity:.3;transform:translateX(5px)}to{opacity:1;transform:none}}@media(min-width:1450px){.hero{margin-top:40px}}@media(max-width:800px){header{height:90px}nav{gap:20px}nav>a:first-child{display:none}.hero{gap:24px}.hero-art>img{height:430px}.round-note{width:90px;height:90px;right:-10px;font-size:9px}h1{font-size:45px}.hero-copy>p{font-size:13px}.desktop{display:none}.words-page{padding:32px}h3{font-size:28px}.words-page p{font-size:15px}.steps{gap:25px}}@media(max-width:600px){header{padding:0 6%}.brand>span{font-size:24px}.brand img{width:38px;height:38px}nav{gap:14px}nav .nav-cta{display:none}.hero{grid-template-columns:1fr;padding:0 6%;margin:20px auto 35px;gap:30px}.hero-copy{text-align:center}.eyebrow{font-size:8px;letter-spacing:1.5px}h1{font-size:49px;margin:20px 0}.hero-copy>p{font-size:13px}.hero-note{margin-top:18px}.hero-art>img{height:340px;border-radius:100px 100px 10px 10px}.round-note{right:0;top:0}.ribbon{gap:15px;font-size:7px;letter-spacing:.5px;padding:20px 10px}.ribbon b{display:none}.story-section{padding:48px 5% 35px}.section-heading{display:block}h2{font-size:33px}.section-heading p{font-size:12px;margin-top:20px}.story-bar{align-items:start;gap:10px}.story-bar>div{flex-wrap:wrap;gap:8px}.story-bar .text-button{font-size:10px;white-space:nowrap;padding:7px 0}.book{grid-template-columns:1fr}.picture-page{min-height:260px}.picture-page img{object-position:center 58%}.words-page{min-height:350px;padding:28px 30px;background:linear-gradient(#eee7d7,#fffaf0 5%)}h3{font-size:29px}.words-page p{font-size:16px;line-height:1.8}.reader-tip span{display:none}.how{padding:35px 7% 45px}.steps{grid-template-columns:1fr;gap:28px;margin-top:30px}.steps>div{padding-left:44px;position:relative}.steps span{position:absolute;left:0;top:12px}.steps p{font-size:13px}.closing h2{font-size:36px}footer{flex-wrap:wrap;gap:20px;padding:30px 6%}footer p{display:none}footer>span{font-size:7px}.dots{gap:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
.create-section{max-width:1180px;margin:auto;padding:70px 5%;display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;border-bottom:1px solid var(--line)}.create-section h2{font-size:44px}.brief-card{background:#e8ecdf;border:1px solid #d5ddc8;border-radius:12px;padding:24px;margin-top:25px}.brief-card>span{font-size:9px;letter-spacing:1.5px}.brief-card h3{font-size:26px}.brief-card p{font-size:13px}.brief-card small{font-size:10px;line-height:1.7;display:block;color:var(--muted)}form label{display:block;font-size:12px;font-weight:500}input:not([type=radio]):not([type=checkbox]),select,textarea{display:block;width:100%;padding:13px;border:1px solid #cbd2c1;border-radius:6px;background:#fffcf5;color:var(--ink);font:14px 'DM Sans',sans-serif;margin-top:9px}input:focus,select:focus,textarea:focus{outline:2px solid #9aab85;outline-offset:2px}textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:22px}[hidden]{display:none!important}.theme-chips{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0 24px}.theme-chips button{background:#e8ecdf;border:0;border-radius:20px;padding:7px 12px;color:var(--ink);font-size:10px}.lengths{padding:0;border:0;margin:0 0 23px}.lengths legend{font-size:12px;font-weight:500;margin-bottom:10px}.length-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.length-grid label{position:relative}.length-grid input{position:absolute;opacity:0}.length-grid span{display:block;border:1px solid #cbd2c1;border-radius:6px;padding:12px;font-size:11px;cursor:pointer}.length-grid b{display:block;font-size:13px;margin-bottom:5px}.length-grid input:checked+span{background:#e1e8d8;border:2px solid var(--ink);padding:11px}.length-grid input:focus-visible+span{outline:3px solid #ab7f3c}.sibling-toggle{display:flex;align-items:center;gap:9px;padding:16px 0;border-top:1px solid var(--line);cursor:pointer}.sibling-toggle input{accent-color:var(--ink);width:17px;height:17px}.sibling-toggle span{font-weight:400;color:var(--muted);font-size:10px;margin-left:auto}.form-note,#generationStatus{font-size:10px;color:var(--muted);line-height:1.7}.generate{border:0;width:100%;justify-content:center;margin-top:8px}.generate:disabled{opacity:.6;cursor:not-allowed;transform:none}.sample-link{font-size:12px;text-decoration:underline;text-underline-offset:4px}.create-section .muted{max-width:330px}@media(max-width:700px){.create-section{grid-template-columns:1fr;gap:25px;padding:45px 6%}.create-section h2{font-size:36px}.brief-card{margin-top:18px}.form-row{gap:12px}}
.surprise-button{display:inline-flex;margin-top:12px;border:1px solid #9ba98c;background:#e8cf98;color:var(--ink);border-radius:6px;padding:10px 15px;font-size:12px;font-weight:600}.surprise-button:hover{background:#dfbf7f}.surprise-hint{display:block;font-size:10px;color:var(--muted);margin-top:8px;line-height:1.6}
.membership-section{max-width:1180px;margin:auto;padding:55px 5% 65px;text-align:center}.plan-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:32px 0 22px;text-align:left}.plan-grid article{border:1px solid #cbd2c1;border-radius:12px;padding:25px}.plan-grid article:nth-child(2){background:#e8ecdf}.plan-grid article>span{font-size:8px;letter-spacing:1.3px}.plan-grid h3{font-size:26px}.plan-grid p{font-size:12px;color:var(--muted)}.plan-grid strong{font-size:11px;font-weight:500}.book.generated .picture-page{background:#173f3b;display:flex;align-items:center}.book.generated .picture-page img{position:relative;height:auto;aspect-ratio:1;object-fit:contain}.book.generated .picture-caption{display:none}.arrow{min-width:44px;min-height:44px}.theme-chips button{min-height:38px}.dots{max-width:70%;flex-wrap:wrap;justify-content:center}.dots button{min-height:14px;min-width:14px}.shelf-card>div{min-width:0}.shelf-card h3{overflow-wrap:anywhere}.shelf-card button{min-height:44px}.words-page p{white-space:pre-line}#accountSignIn{margin:12px 0;font-size:12px}#accountStatus{font-weight:600;font-size:12px}@media(max-width:1024px){.hero{grid-template-columns:1fr 1fr}.create-section{gap:32px}.round-note{right:0}.words-page{padding:30px}.plan-grid{gap:12px}.plan-grid article{padding:20px}.plan-grid h3{font-size:23px}}@media(max-width:700px){.plan-grid{grid-template-columns:1fr}.membership-section{padding:40px 6%}.hero{grid-template-columns:1fr}.create-section{gap:25px}.book{grid-template-columns:1fr}.picture-page{min-height:280px}.book.generated .picture-page{min-height:0}.book.generated .picture-page img{max-height:430px}.words-page{min-height:300px}.reader-controls{position:sticky;bottom:8px;z-index:2;background:#f7f4ebf5;border:1px solid var(--line);border-radius:30px;width:max-content;max-width:100%;margin:20px auto;padding:7px 12px;gap:14px;box-shadow:0 4px 15px #173f3b12}.dots{max-width:210px;gap:6px}.dots button{min-height:14px;min-width:10px}.hero-art>img{height:350px}input:not([type=radio]):not([type=checkbox]),select,textarea{font-size:16px}.button{min-height:48px}.text-button{min-height:44px}.theme-chips button{min-height:44px}.length-grid span{min-height:66px}.surprise-button{min-height:44px}.brand{min-height:44px}.section-heading{display:block}.story-bar{gap:8px}.reader-tip{padding-bottom:6px}.sibling-toggle{flex-wrap:wrap}.sibling-toggle span{margin-left:26px}.shelf-card{gap:12px}.shelf-card img{width:65px;height:90px}.shelf-card h3{font-size:21px}}@media(max-width:370px){h1{font-size:41px}.form-row{grid-template-columns:1fr}.ribbon{font-size:6px;gap:10px}.hero-art>img{height:300px}.words-page{padding:24px}.dots{max-width:160px}}
.request-access{display:block;margin-top:18px;min-height:44px;border:1px solid var(--ink);border-radius:6px;padding:10px 16px;background:var(--ink);color:var(--paper);font-size:12px}.form-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}#accessForm>label{margin:16px 0}#requestStatus{font-size:13px;line-height:1.7}#accessDialog{max-height:90dvh;overflow-y:auto}
/* Clear account actions and an uncropped, flowing mobile reader. */
#welcomeActions{display:flex;flex-wrap:wrap;align-items:stretch;gap:14px;margin-top:24px}
#welcomeActions>.button{margin:0;justify-content:center;max-width:100%;white-space:normal}
#welcomeActions>.form-note{flex-basis:100%;margin:2px 0 0}
@media(max-width:700px){
 #welcomeActions{flex-direction:column;align-items:stretch;gap:14px}
 #welcomeActions>.button{width:100%}
 .story-section{padding-left:4%;padding-right:4%}
 .book,.book.generated{min-height:0;overflow:visible}
 .picture-page,.book.generated .picture-page{min-height:0;height:auto;background:#e8ecdf;border-radius:8px 8px 0 0;overflow:hidden;display:block}
 .picture-page img,.book.generated .picture-page img{display:block;position:static;width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain}
 .picture-caption{display:none}
 .words-page{min-height:0;padding:22px 22px 20px;border-radius:0 0 8px 8px}
 .words-page h3{font-size:26px;line-height:1.25;margin:12px 0}
 .words-page p{font-size:16px;line-height:1.65;margin:8px 0}
 .page-number{padding-top:16px}
 .reader-controls{position:static;bottom:auto;width:100%;max-width:100%;gap:12px;margin:18px auto 12px;padding:10px 12px;box-shadow:none}
 .reader-controls .arrow{flex:0 0 44px}
 .reader-controls .dots{flex:1;max-width:none;min-width:0;gap:8px}
 .reader-tip{padding-bottom:env(safe-area-inset-bottom,0px)}
}
.reading-book{overflow:hidden}
#readerDialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));border:0;border-radius:0;background:#e9e6db;overflow:hidden}
#readerDialog[open]{display:flex;flex-direction:column;gap:8px}
.reader-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;font-size:14px}.reader-top strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reader-top .arrow{flex-shrink:0;background:var(--paper)}
#readerSpread{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}
#readerDialog .book{min-height:100%;height:auto;box-shadow:none;border:1px solid #d2cab9;overflow:hidden}
#readerDialog .picture-page{display:flex;align-items:center;min-height:0;background:#173f3b}
#readerDialog .picture-page img{position:static;width:100%;height:auto;max-height:none;object-fit:contain;aspect-ratio:auto}
#readerDialog .picture-caption{display:none}
#readerDialog .words-page{min-height:0;padding:clamp(18px,3vw,40px)}
#readerFooter{flex-shrink:0}#readerFooter .reader-controls{position:static;margin:0 auto;padding:6px 12px;width:100%;max-width:550px;background:var(--paper);box-shadow:none;gap:16px}#readerFooter .dots{flex:1;max-width:none;gap:8px}#readerFooter .arrow{flex:0 0 44px}
.rotate-hint{text-align:center;font-size:11px;line-height:1.4;margin:0;flex-shrink:0}
@media(orientation:landscape),(min-width:900px){#readerDialog .rotate-hint{display:none}#readerDialog .book{grid-template-columns:1fr 1fr;height:100%;min-height:0}#readerDialog .picture-page{height:100%;overflow:hidden}#readerDialog .picture-page img{height:100%;max-height:100%;object-fit:contain}#readerDialog .words-page{overflow-y:auto;justify-content:flex-start}#readerDialog .words-page h3{font-size:clamp(22px,3vw,34px);margin:12px 0}#readerDialog .words-page p{font-size:16px;line-height:1.65}#readerDialog .page-number{padding-top:12px}#readerDialog .chapter{font-size:9px}}
@media(max-width:700px) and (orientation:portrait){#readerDialog .book{grid-template-columns:1fr}#readerDialog .picture-page img{max-height:35dvh;object-fit:contain}#readerDialog .words-page{padding:20px}.story-bar{flex-wrap:wrap}.story-bar>div{flex-basis:100%}}

#fullscreenReader{flex-shrink:0;min-height:44px;padding:8px 12px;border:1px solid #ccd2c1;border-radius:7px;background:var(--paper)}#fullscreenHint{font-size:12px;line-height:1.4;margin:0;text-align:center;flex-shrink:0}.reader-top strong{margin-right:auto;min-width:0}

.more-themes{margin:0 0 24px;border:1px solid var(--line);border-radius:8px;padding:12px}.more-themes summary{cursor:pointer;min-height:32px;font-size:13px;font-weight:600}.more-themes .theme-chips{margin-bottom:8px}

.picture-page[data-image-status]::after{content:attr(data-image-status);position:absolute;inset:0;display:grid;place-items:center;padding:20px;text-align:center;background:#173f3b;color:#fffaf0;font:14px 'DM Sans',sans-serif;z-index:1}

.generation-progress{display:flex;gap:16px;align-items:flex-start;margin:20px 0;padding:22px;border:1px solid #a9baa0;border-radius:12px;background:#e8ecdf}.generation-progress strong{font-size:17px}.generation-progress p{font-size:14px;line-height:1.6;margin:8px 0}.generation-progress b{font-size:13px}.making-spinner{flex:0 0 28px;width:28px;height:28px;border:3px solid #cad5c3;border-top-color:#173f3b;border-radius:50%;animation:making-spin 1s linear infinite}#generationTimer{font-variant-numeric:tabular-nums;font-weight:700}@keyframes making-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.making-spinner{animation:none}}