:root{--paper:#fffaf2;--white:#fffdf8;--ink:#4c352f;--muted:#9b8275;--plum:#ae634f;--plum-dark:#8e4e3e;--lavender:#f6e8dc;--line:#eaddcf;--gold:#d1a255;--green:#688370}
body{background:#fffaf2}.sidebar{background:#fffcf5}.topbar{border-color:#eee1d3}.brand{font-size:25px;letter-spacing:-1px;color:#674632;gap:8px;white-space:nowrap}.brand img{width:39px;height:39px}.brand em{color:#b3654e;font-style:italic;position:relative}.brand em:after{content:'';position:absolute;left:0;right:0;bottom:-3px;height:3px;background:#e4bc79;border-radius:50%;transform:rotate(-6deg)}.brand-note{font-size:10px;letter-spacing:0;color:#ab8b74;white-space:normal;line-height:1.7;margin-bottom:38px}.hero{background:#f7eadb}.hero-art:after{background:linear-gradient(90deg,#f7eadb,transparent 40%)}.hero h1{color:#654639}.hero p{color:#997d6b}.hero .eyebrow,.eyebrow{color:#b58b70}.nav-item.active{color:#99533f;background:#f4e6d9}.nav-count{background:#ead4bf}.avatar{background:#f0dfcc;color:#a26048}.sidebar-note p{color:#a58a73}.sidebar-note .little-star{color:#d0ad68}.sidebar-note>span{color:#b59c85}.btn.secondary{border-color:#e4cdb8}.btn.secondary:hover{background:#fcf0df}.style-card.selected,.world-card.selected,.length-card.selected,.format-card.selected{border-color:#bc795b;box-shadow:0 0 0 2px #bc795b20}.format-card strong,.format-card b{color:#985c45}.preview-text p,.reader-copy>p{color:#6d5747}.detail-info>p,.audio-content>p,.audio-upsell p{color:#9a806c}.hero h1 em{color:#ab644e}.local-pill{background:#f5ecdf;color:#a58971}.topbar-label{color:#b09983}.pet-option{background:#fbf0df}.pet-option.enabled{border-color:#d6af7f}.choice.selected{background:#f5e4d4;border-color:#c89470;color:#985c45}.mobile-nav{background:#fffcf5ed}.footer,.footer button,.demo-caption{color:#a28b77}.top-help{color:#a1846d}.saved-pet-picker{border:1px solid #ecd7ba;background:#fff7e9;border-radius:18px;padding:22px;margin-bottom:22px}.saved-pet-picker h3,.pet-shelf h2{font-family:Georgia,serif;font-weight:400;font-size:28px;margin:7px 0 16px}.saved-pet-list{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}.saved-pet{display:flex;align-items:center;gap:10px;background:#fffdf8;border:1px solid #e8d3b7;border-radius:15px;padding:12px;text-align:left}.saved-pet strong,.saved-pet small{display:block}.saved-pet small{font-size:10px;color:#aa8f73}.saved-pet .icon{width:16px}.pet-shelf{margin:48px 0 25px;border-top:1px solid var(--line);padding-top:32px}.pet-shelf>p{margin-bottom:22px;color:#9d826d}.pet-profile .tag{margin:14px 0 2px}.pet-profile .text-btn{font-size:10px}.pet-profile p{min-height:36px}.voice-cards{display:grid;grid-template-columns:1fr;gap:9px;margin-top:13px}.voice-card{border:1px solid #e8d6c1;border-radius:14px;background:#fffdf8;display:grid;grid-template-columns:1fr auto;align-items:center;padding:9px;gap:8px}.voice-card.selected{background:#fff3df;border-color:#b87555;box-shadow:0 0 0 1px #b8755520}.voice-choose{display:flex;align-items:center;gap:12px;text-align:left;padding:7px;min-height:49px}.voice-num{font-family:Georgia,serif;font-size:23px;color:#d5b48c}.voice-choose strong,.voice-choose small{display:block}.voice-choose strong{font-size:12px;color:#80513e}.voice-choose small{font-size:10px;color:#aa8d74;margin-top:3px}.voice-sample{border-radius:50%;width:39px;height:39px;background:#f0dfc8;color:#9b6045}.voice-choose .radio-dot{position:static;flex-shrink:0;width:13px;height:13px}.voice-card.selected .radio-dot{border-color:#ad674a;background:#ad674a}.audio-ai-note{font-size:10px;color:#ae947d;margin-top:12px}.audio-download{margin-top:15px}.reader-book{position:relative;transform-origin:center;box-shadow:0 10px 45px #79543215;perspective:1600px}.reader-book:after{content:'';position:absolute;inset:0 auto 0 50%;width:20px;background:linear-gradient(90deg,#59412b0c,transparent);pointer-events:none}.reader-art-label{display:none}.reader-scene{position:relative;overflow:hidden;min-height:460px;background:#eee0cc;display:flex;flex-direction:column}.reader-scene>.world-art{position:absolute;inset:0;transform:scale(1.05);transform-origin:var(--scene-focus,50% 50%)}.scene-caption{z-index:1;margin-top:auto;padding:35px 30px 25px;color:#fff9e9;background:linear-gradient(transparent,#263c37a6);font-family:Georgia,serif;font-size:23px;line-height:1.3}.scene-caption small{display:block;font-family:var(--font);font-size:8px;letter-spacing:2px;margin-bottom:8px;color:#f4e4bc}.reader-cover{min-height:540px;background:#fbf3e4;display:grid;grid-template-columns:1fr 1fr;border-radius:18px;overflow:hidden;box-shadow:0 14px 45px #7954321a;margin-top:25px}.reader-cover-art{min-height:500px;position:relative;overflow:hidden}.reader-cover-art>.world-art{position:absolute;inset:0}.reader-cover-art:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 35%,#233c36bc)}.reader-cover-art>div:not(.world-art){position:absolute;bottom:40px;left:32px;right:32px;z-index:1;color:#fff7e2}.reader-cover-art h2{font-family:Georgia,serif;font-size:36px;line-height:1.16;margin-top:12px}.reader-cover-art small{letter-spacing:2px;font-size:9px}.reader-dedication{display:flex;flex-direction:column;justify-content:center;text-align:center;padding:45px 35px;background:radial-gradient(ellipse at center,#fffdf7,#f8edda)}.reader-dedication>span{font-size:40px;color:#c99858}.reader-dedication h3{font-family:Georgia;font-size:27px;font-weight:400;margin:20px 0}.reader-dedication p{font-family:Georgia;font-size:18px;line-height:1.8;color:#a28266;white-space:pre-line;overflow-wrap:anywhere}.reader-dedication .btn{margin-top:28px}.reader-cover-tab{border:1px solid #e4d2ba;padding:8px 13px;border-radius:20px;font-size:10px;flex-shrink:0}.reader-controls{gap:12px}.reader-copy{background:linear-gradient(90deg,#eee4d11c,#fffdf7 8%)}.turn-next{animation:pageNext .42s ease-out}.turn-prev{animation:pagePrev .42s ease-out}@keyframes pageNext{from{opacity:.35;transform:perspective(1500px) rotateY(-7deg) translateX(9px)}to{opacity:1;transform:none}}@keyframes pagePrev{from{opacity:.35;transform:perspective(1500px) rotateY(7deg) translateX(-9px)}to{opacity:1;transform:none}}.reader-page-caption{font-size:10px;color:#a48a70;text-align:center;margin:15px}.reader-tools[hidden]{display:none}.reader-cover .reader-controls{grid-column:1/-1}
@media(max-width:760px){.brand{font-size:23px}.brand img{width:34px;height:34px}.topbar-right{gap:12px}.reader-cover{min-height:0}.reader-cover-art{min-height:400px}.reader-cover-art h2{font-size:28px}.reader-dedication{padding:28px 22px}.reader-dedication h3{font-size:23px}.reader-dedication p{font-size:15px}.reader-scene{min-height:390px}.scene-caption{font-size:22px;padding:26px 24px 22px}.reader-book:after{display:none}}
@media(max-width:580px){.local-pill{display:none}.brand{font-size:24px;gap:7px;letter-spacing:-1px}.brand img{width:36px;height:36px}.topbar{padding-left:20px;padding-right:20px}.topbar-right{gap:10px}.hero-art:after{background:linear-gradient(180deg,#f7eadb,transparent 27%)}.reader-cover{display:block}.reader-cover-art{min-height:430px}.reader-cover-art h2{font-size:32px}.reader-dedication{padding:35px 28px}.reader-scene{min-height:320px}.reader-cover-tab{font-size:9px;padding:7px 10px}.reader-controls{gap:8px;flex-wrap:wrap}.page-dots{max-width:170px}.voice-choose{gap:9px}.voice-choose strong{font-size:11px}.voice-choose small{font-size:9px}.voice-num{font-size:20px}.saved-pet-picker{padding:18px}.saved-pet-picker h3{font-size:25px}.saved-pet{flex:1;min-width:130px}.pet-shelf h2{font-size:30px}.reader-dedication p{font-size:17px}.reader-dedication .btn{white-space:normal}}
@media(prefers-reduced-motion:reduce){.turn-next,.turn-prev{animation:none}.world-art{transition:none}}

.voice-gallery{max-width:720px;margin:auto}.voice-gallery>.voice-select{margin:25px 0}.voice-gallery>.btn{margin-top:25px}.voice-home{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:20px 0;padding:18px 22px;border:1px solid #ebd8bc;border-radius:15px;background:#fff4e3;color:#9f795b}.voice-home>span{font-family:Georgia;font-size:20px}.page-dots button.active{background:#b77856;box-shadow:0 0 0 4px #efdac2}.page-dots button{background:#e2c9af}.voice-card .icon{width:17px}.voice-gallery h1{font-size:44px;color:#77503d}@media(max-width:580px){.voice-home{align-items:start;flex-direction:column;gap:10px}.voice-home>span{font-size:22px}.voice-gallery h1{font-size:35px}.hero h1{font-size:36px}.hero .eyebrow{font-size:7px}.hero p{font-size:12px}}

.mobile-nav button.active{color:#a96149}.mobile-nav button.active .icon{background:#f5e3ce}.chip.active{background:#f1dfca;color:#985a40}.reader-cover-tab[aria-current=page]{background:#f2dfc3;color:#a06143}.voice-card .voice-sample:hover{background:#ead0ae}


.voice-select{background:#fcf1de}.mobile-nav button{color:#ab917a}.voice-select>.eyebrow{color:#ae896c}


.audio-time{display:block;text-align:right;font-size:10px;color:#ad8c70;margin-top:5px;font-variant-numeric:tabular-nums}.audio-progress>span{background:#bc7856}
.newyear-feature{margin:25px 0 20px;padding:34px 40px;border-radius:22px;background:radial-gradient(ellipse at 90% 10%,#496951,#254c40 65%);color:#fff4d7;display:flex;position:relative;overflow:hidden;gap:30px;align-items:center;justify-content:space-between}.newyear-feature h2{font-family:Georgia;font-size:40px;font-weight:400;color:#ffe8b4;margin:8px 0 12px}.newyear-feature p{color:#dfdfc7;font-size:13px;max-width:450px}.newyear-feature .eyebrow{color:#d1ba85}.newyear-feature-note{display:block;font-size:10px;line-height:1.7;color:#b8c7af;margin:13px 0 18px}.newyear-sparks{position:absolute;right:20px;top:10px;letter-spacing:15px;color:#ebcb85;font-size:19px}.newyear-tree{font-size:70px;line-height:.67;text-align:center;color:#b7be83;filter:drop-shadow(0 0 20px #f6df8b25);margin:20px 25px}.newyear-tree:first-line{color:#ffe5a0;font-size:40px}.holiday-settings{background:#f3f4e7;border:1px solid #d9debf;border-radius:14px;padding:22px;margin:25px 0}.holiday-settings h3{font-family:Georgia;font-size:27px;font-weight:400;margin:7px 0 12px}.holiday-settings>p{font-size:12px;margin-bottom:20px}.holiday-settings label{margin-top:15px}.draft-save-state{color:#65816a!important;background:#edf3e6;padding:8px 12px;border-radius:20px;font-size:10px!important}.draft-save-state[data-saved=false]{background:#fae4dc;color:#a05242!important}.draft-card{padding-bottom:15px;border:1px solid #e4d4b9;border-radius:15px;overflow:hidden;background:#fffdf6}.draft-card>.btn{margin:0 15px}.draft-badge{position:absolute;z-index:2;top:14px;left:14px;font-size:10px;background:#fff7e3;color:#8c7046;border-radius:20px;padding:7px 11px}.draft-card .book-meta{padding:13px 15px}.draft-card .book-meta span{line-height:1.7}.draft-card .book-cover{width:100%}@media(max-width:580px){.newyear-feature{padding:27px 23px}.newyear-feature h2{font-size:33px;line-height:1.15}.newyear-feature p{font-size:12px}.newyear-tree{display:none}.newyear-feature .btn{white-space:normal}.newyear-feature .eyebrow{font-size:8px}.wizard-top{align-items:start;gap:10px}.draft-save-state{font-size:9px!important;max-width:190px;text-align:right}}

.diction-comparison{background:#fff3dd;border:1px solid #e8d1aa;border-radius:18px;padding:24px;margin:24px 0}.diction-comparison h3{font-family:Georgia;font-size:26px;font-weight:400;margin:8px 0 20px}.diction-comparison label{display:block;font-size:12px;margin:16px 0;color:#8c6747}.diction-comparison audio{width:100%;display:block;margin-top:8px}.diction-comparison p{font-size:11px;line-height:1.8;color:#9c8065}

.portrait-panel{border:1px solid #e7d2b5;background:#fff6e6;border-radius:18px;padding:25px;margin-bottom:24px}.portrait-panel h3{font-family:Georgia;font-size:29px;font-weight:400;margin:8px 0 13px}.portrait-panel>p{font-size:12px;line-height:1.8;margin-bottom:18px}.portrait-compare{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:22px 0}.portrait-compare figure{margin:0;min-width:0}.portrait-compare img,.portrait-placeholder{width:100%;aspect-ratio:1;object-fit:contain;border-radius:12px;background:#f7ecda}.portrait-placeholder{display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:12px;color:#b19470;padding:20px;text-align:center;gap:15px}.portrait-compare figcaption{text-align:center;font-size:10px;color:#a58565;margin-top:8px}.portrait-approval{border-top:1px solid #e4d1b3;margin-top:23px;padding-top:20px}.portrait-approval h4{margin-bottom:15px}.portrait-panel>.check-label{margin-top:15px}@media(max-width:580px){.portrait-panel{padding:19px}.portrait-panel h3{font-size:26px}.portrait-placeholder{font-size:10px;padding:12px}.portrait-panel .btn{white-space:normal}}

.draft-delete{display:block;margin:12px 15px 0;font-size:10px;color:#ad8e77}

.newyear-tree{width:160px;height:205px;flex-shrink:0;margin:5px 12px;filter:drop-shadow(0 0 22px #f8dca730)}@media(max-width:580px){.newyear-tree{display:none}}

.holiday-year{margin:20px 0;padding:15px 18px;border:1px solid #dfd8b9;border-radius:12px;background:#fffbeb}.holiday-year span{display:block;font-size:10px;color:#a28c62}.holiday-year strong{font-family:Georgia;font-size:23px;font-weight:400;color:#7d6b42}

.diction-comparison>summary{cursor:pointer;font-size:12px;color:#9d7756}.diction-comparison[open]>summary{margin-bottom:20px}

.cloud-status{border:0;background:#f3ede2;color:#685842;border-radius:20px;padding:8px 12px;font-size:12px;cursor:pointer}.cloud-status[data-status="error"],.cloud-status[data-status="conflict"]{background:#fff0df;color:#93431c}.account-loading{max-width:600px;margin:12vh auto;padding:24px}@media(max-width:700px){.cloud-status{max-width:130px;font-size:10px;padding:5px}.topbar-right{gap:5px}}

.book-files{margin:24px 0;padding:24px;border:1px solid #e8d9c7;border-radius:20px;background:#fffaf2}.file-actions{display:flex;gap:10px;flex-wrap:wrap}.book-files .field-note{margin-top:16px}@media(max-width:650px){.file-actions{flex-direction:column}.file-actions .btn{width:100%}}
