/* Paper-and-ink edition. No generated image replaces real interactive content. */
.page.wizard.step-4 .wizard-top{margin-bottom:0;min-height:36px}.page.wizard.step-4 .wizard-top .text-btn,.page.wizard.step-4 .wizard-top .icon-btn{min-height:36px;height:36px}.page.wizard.step-4 .wizard-body>.muted{line-height:1.3}.page.wizard.step-4 .style-list{gap:6px}.page.wizard.step-4 .style-choice{min-height:84px}
.status-icons{display:flex;gap:3px;align-items:center}.status-icons img{width:16px;height:16px}
.wizard.step-4 .paper-brand{padding-bottom:10px;margin-bottom:6px}.wizard.step-4 .paper-brand h1{font-size:30px}.wizard.step-4 .stepper{margin:8px 0 16px}.wizard.step-4 .wizard-body h2{font-size:26px}.wizard.step-4 .wizard-body>.muted{font-size:12px;margin-bottom:10px}.wizard.step-4 .style-list{gap:8px;margin-top:10px}.wizard.step-4 .style-choice{min-height:88px;padding:8px;gap:10px}.wizard.step-4 .style-photo{width:58px;height:65px}.wizard.step-4 .style-choice b{font-size:17px}.wizard.step-4 .style-choice small{font-size:11px}.wizard.step-4 .style-example{bottom:0}.wizard.step-4 .wizard-actions{padding-top:14px}
:root{--paper:#f7f3ea;--ink:#40372e;--muted:#756d61;--jade:#62775c;--jade-dark:#405839;--persimmon:#be6239;--line:#d9cebc}
body{background:#e6e1d7}.stage{padding:24px}.screen{background:var(--paper) url('/assets/images/paper-landscape.webp') center/cover}.chat-page{background:transparent}.page{padding:16px 22px 30px}h1,h2,h3{font-family:"Songti SC","STSong",serif}.ui-icon{width:22px;height:22px;vertical-align:middle;flex-shrink:0}.tabbar{background:#f8f4eaf2}.tabbar img{width:24px;height:24px;opacity:.6}.tabbar .active img{opacity:1}.tabbar small{font-size:13px}.btn{border-radius:9px}.btn.small{min-height:44px}.btn:disabled{opacity:.55;cursor:wait}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #be6239;outline-offset:2px}.icon-btn{width:44px;height:44px;display:grid;place-items:center;padding:8px}.text-btn{min-height:44px}
.paper-brand{display:flex;justify-content:space-between;align-items:center;padding:5px 0 24px;border-bottom:1px solid #c8bca65c;margin-bottom:22px}.paper-brand h1{font-size:33px;letter-spacing:3px;margin:0 0 7px}.paper-brand p{font-size:12px;color:var(--muted);letter-spacing:1px;margin:0}.brand-verse{font:12px/1.9 "Songti SC",serif;letter-spacing:2px;color:#91836c;border-left:1px solid #c8bca6;padding-left:12px}.section-title{align-items:baseline;gap:8px;margin:22px 0 16px}.section-title h2{font-size:25px;margin:0;white-space:nowrap}.section-title>span{font-size:11px;color:var(--muted)}
.discovery-intro{padding:8px 0 16px;min-height:188px}.eyebrow{font-size:12px;letter-spacing:3px;color:#957550}.discovery-intro h2{font-size:30px;line-height:1.5;margin:12px 0}.discovery-intro p{font-size:14px;color:var(--muted);margin:0}.discovery-intro .text-btn{padding-left:0;font-size:14px}.filters button{min-height:44px;border-radius:6px;font-size:14px}.filters .active{background:var(--jade);border-color:var(--jade)}.story-card{background:#fffcf5d9;border-radius:10px;padding:18px;margin:14px 0}.story-stage{font-size:12px;color:#9b623a;letter-spacing:1px}.story-open{display:block;text-align:left;width:100%;padding:0;background:none;border:0}.story-open h2{font-size:23px;line-height:1.5;margin:8px 0}.story-open p{font-size:16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:8px}.read-more{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--jade-dark);min-height:40px}.read-more img{width:16px}.story-card footer{align-items:center;border-top:1px solid #e7dfd2;padding-top:6px}.author{display:flex;align-items:center;gap:5px;max-width:55%;overflow-wrap:anywhere}.author img{width:16px}.story-card footer>div{display:flex}.story-card footer button{display:flex;align-items:center;gap:4px;min-height:44px;background:none;border:0;padding:6px}.story-card footer button img{width:17px}.guest-note,.build-label{font-size:12px;text-align:center;color:#827865;margin-top:22px}.paper-empty{padding:32px 10px;border-top:1px solid var(--line);background:#fffcf366;border-radius:10px}.paper-empty>.ui-icon{width:36px;height:36px;opacity:.55;margin-bottom:12px}.paper-empty h3{font-size:20px}.paper-empty p{font-size:15px;line-height:1.8}.reading-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9;font-size:18px}
.auth-intro{padding:16px 0 6px}.auth-intro>.ui-icon{width:34px;height:34px;margin-bottom:16px}.auth-intro h2{font-size:26px}.auth-intro p,.record-welcome>p{font-size:15px;line-height:1.8;color:var(--muted)}.auth-form .btn{width:100%}.auth-page>.text-btn{display:block;margin:6px auto}.secondary-link{text-decoration:underline;color:var(--muted)}.field label{font-size:15px}.field input,.field textarea{background:#fffdf8;border-radius:8px}.record-welcome{text-align:center}.record-welcome .paper-brand{text-align:left}.welcome-art{height:215px;overflow:hidden;margin:0 -22px 24px}.welcome-art img{width:100%;height:100%;object-fit:cover;object-position:50% 82%}.record-welcome h2{line-height:1.6;font-size:27px}.record-welcome .btn{width:100%}.small-note{font-size:12px!important;margin-top:14px}
.wizard{padding:16px 22px 30px}.wizard-top{display:flex;align-items:center;justify-content:space-between;margin:-8px 0 10px}.wizard-top>span{font-size:16px}.wizard-top .text-btn{font-size:12px;color:var(--muted)}.stepper{margin:15px 0 26px}.stepper small{font-size:10px}.stepper .current{color:var(--persimmon)}.stepper .current i{background:var(--persimmon);color:white}.wizard-body h2{font-size:28px}.wizard-body>.muted{font-size:14px}.choice{display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:9px;background:#fffcf4c9;font-size:17px}.choice.selected{border-width:1px;box-shadow:inset 0 0 0 1px var(--persimmon)}.choice>.ui-icon{width:20px}.choice small{font-size:13px}.wizard-actions{position:static;background:none;padding:22px 0 0}.wizard-actions .btn+.btn{margin-top:10px}.style-list{gap:12px;margin-top:20px}.style-card{border:1px solid #cabfaa;background:#fffcf4c9;border-radius:9px;overflow:hidden;position:relative}.style-card.selected{border-color:var(--persimmon);box-shadow:inset 0 0 0 1px var(--persimmon)}.style-choice{display:flex;gap:12px;align-items:center;width:100%;min-height:114px;padding:12px;background:none;border:0;text-align:left}.style-photo{width:70px;height:86px;object-fit:cover;border-radius:4px;flex-shrink:0;filter:saturate(.65)}.style-choice>span{flex:1;padding-bottom:19px}.style-choice b{font:700 18px "Songti SC",serif;display:block;margin-bottom:6px}.style-choice small{font-size:12px;line-height:1.6;display:block;color:var(--muted)}.style-choice>.ui-icon{width:18px}.style-example{position:absolute;right:36px;bottom:2px;font-size:11px;min-height:30px;padding:3px 6px}.style-example img{width:13px;height:13px}
.book-grid{gap:20px 14px}.cover{position:relative;width:100%;height:auto;aspect-ratio:2/3;padding:0;border:0;border-radius:3px 7px 7px 3px;overflow:hidden;box-shadow:3px 6px 10px #49382430}.cover>img{width:100%;height:100%;object-fit:cover}.cover-lettering{position:absolute;left:10px;right:10px;top:15%;text-align:center}.cover-lettering b{font:700 23px/1.6 "Songti SC",serif;display:block;overflow-wrap:anywhere}.cover-lettering small{display:block;margin-top:11px;font-size:10px;letter-spacing:2px}.book h3{font:700 18px "Songti SC",serif;line-height:1.5;margin:15px 0 5px}.book p{font-size:11px;margin:0 0 9px}.book-updated{display:block;font-size:10px;color:var(--muted);margin:7px 0 10px}progress{appearance:none;display:block;width:100%;height:5px;border:0;border-radius:5px;overflow:hidden;background:#ddd4c5}progress::-webkit-progress-bar{background:#ddd4c5}progress::-webkit-progress-value{background:var(--jade)}progress::-moz-progress-bar{background:var(--jade)}.book-actions{display:flex;gap:5px}.book-actions .btn{flex:1;font-size:11px;padding:6px 2px;white-space:nowrap;border-radius:5px}.new-book-card{display:flex;align-items:center;gap:15px;width:100%;padding:22px 16px;background:#fffcf366;border:1px dashed #bcb096;border-radius:10px;margin:26px 0}.new-book-card>span{flex:1;text-align:left}.new-book-card b{font:700 21px "Songti SC",serif;display:block}.new-book-card small{font-size:12px;color:var(--muted);display:block;margin-top:8px}.shelf-account{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding-top:22px}.shelf-account small{display:block;font-size:11px;color:var(--muted);margin-top:6px}.user-monogram{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#d8c7a4;color:#67462e;font:700 21px "Songti SC",serif;flex-shrink:0}.settings-list{margin-top:20px;border-radius:9px}.settings-list button{background:#fffcf499;gap:10px;align-items:center;font-size:15px}.settings-list button>img:last-child,.settings-list button>span{margin-left:auto}.settings-list button>span{font-size:12px}
.chat-head{background:#f7f3eacc;grid-template-columns:36px 1fr 66px;padding:0 12px;min-height:62px}.book-switch{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0}.book-switch b{font:700 23px "Songti SC",serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.book-switch img{width:16px}.progress-btn{font-size:11px;padding:5px;min-height:44px}.progress-btn progress{margin-top:8px}.recap{background:#fffdf5b8;border-radius:9px;padding:13px 12px;margin:15px 16px 6px}.recap p{display:flex;gap:8px;font-size:13px;line-height:1.65;margin-bottom:10px}.recap p>img{width:17px;height:20px}.recap p>span{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.recap button{display:flex;align-items:center;justify-content:center;gap:4px;min-height:44px;border-radius:6px;font-size:11px}.recap button img{width:14px;height:14px}.recap button:first-child img{filter:brightness(0) invert(1)}.messages{padding:8px 16px 20px}.message-row{gap:9px;align-items:flex-start;margin:18px 0}.message-row.mine{justify-content:flex-start}.message-row.ai{flex-direction:row-reverse}.chat-person{width:34px;flex-shrink:0}.chat-person>img{width:34px;height:34px;border-radius:50%;object-fit:cover}.chat-person small{display:block;text-align:center;font-size:9px;color:var(--muted);line-height:1.4;margin-top:4px}.chat-person .user-monogram{width:34px;height:34px;font-size:18px}.message-content{max-width:calc(100% - 45px)}.message{max-width:100%;font-size:16px;line-height:1.8;border-radius:10px 3px 10px 10px;padding:13px 14px;background:#dfe6d6;border:1px solid #c6d0ba}.mine .message{background:#fffcf4;border:1px solid #d9cebb;border-radius:3px 10px 10px 10px}.message-content time{display:block;font-size:10px;color:var(--muted);margin-top:5px}.speak{min-height:40px;font-size:11px;background:#f7faf080;margin-top:12px}.speak img{width:14px;height:14px}.conversation-controls{background:#f7f3eadd;border-top:1px solid #e3d9c8;padding:4px 14px 10px}.composer-options{font-size:11px;margin-bottom:4px}.answer-bar{min-height:77px;border-radius:20px;padding:8px 10px;grid-template-columns:46px minmax(0,1fr) 46px}.composer-icon{width:44px;height:44px}.answer-bar .record-main b{font-size:22px}.composer-disclaimer{font-size:10px;margin-top:9px}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px}.panel-title h2{font-size:23px;margin:0}.sheet{background:var(--paper);padding:22px}.material-row{display:flex;gap:12px;padding:15px 0;border-top:1px solid var(--line)}.material-row b{font-size:15px;overflow-wrap:anywhere}.material-row small{display:block;font-size:12px;color:var(--muted);margin-top:6px}
@media(max-width:600px){.stage{padding:0}.iphone{height:100dvh}.viewport{height:calc(100dvh - 68px)}.paper-brand{padding-top:14px}.page{padding-top:14px}.chat-head{padding-top:6px}.answer-bar .record-main b{font-size:22px}}
@media(max-width:360px){.page{padding-inline:16px}.paper-brand h1{font-size:29px}.brand-verse{font-size:10px}.answer-bar .record-main b{font-size:18px}.book-switch b{font-size:20px}.style-photo{width:60px}.style-choice{gap:8px}}