@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Lora:ital,wght@0,400;0,500;0,600;1,400&display=swap";*{box-sizing:border-box}body{margin:0;font-family:DM Sans,sans-serif}button,input,select{font:inherit}button{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid var(--border);border-radius:9px;padding:10px 15px;background:var(--paper);color:var(--ink)}button:hover{border-color:#9b784e}button:focus-visible{outline:3px solid #bb955c}button:disabled{opacity:.5}.app{--paper:#fffdf9;--bg:#f6f3ed;--ink:#272b27;--muted:#828479;--border:#e4e0d6;min-height:100vh;background:var(--bg);color:var(--ink)}.light{--paper:white;--bg:#f8faf9}.dark{--paper:#242a26;--bg:#1b211e;--ink:#e8e9df;--muted:#a5afa7;--border:#39423b}header{height:86px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:var(--paper)}.brand{font-size:29px;font-weight:700;letter-spacing:-1.5px;border:0;background:none;padding:0}.brandmark{background:#304d3d;color:#eee9db;border-radius:11px;padding:9px;display:flex}.beta{font-size:9px;letter-spacing:1px;color:var(--muted);margin-left:8px}.header-note{font-size:12px;color:var(--muted);letter-spacing:1px}.small{font-size:12px}.library{max-width:1160px;margin:auto;padding:64px 30px}.eyebrow{font-size:10px;letter-spacing:2.2px;font-weight:700;color:#8a927f}h1{font-family:Lora,Georgia,serif;font-weight:400;font-size:56px;line-height:1.18;letter-spacing:-1.8px;margin:20px 0}h1 em{color:#6b8065}.intro{color:var(--muted);font-size:14px;line-height:1.8}.section{display:flex;align-items:center;justify-content:space-between;margin:56px 0 26px}h2{font-size:21px;font-weight:500;margin:0}h2 span,h3 span{color:var(--muted);font-size:13px;margin-left:9px}.section p{color:var(--muted);font-size:12px}.primary{background:#304d3d;color:#fff;border-color:#304d3d}.books{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.book-card{padding:0;border:0;background:transparent;display:block;text-align:left}.cover{aspect-ratio:.72;background:#324e40;box-shadow:5px 9px 20px #29342518;border-radius:4px 12px 12px 4px;color:#e8ddc4;display:flex;flex-direction:column;justify-content:space-between;padding:23px;border-left:6px solid #243d31;position:relative;overflow:hidden}.cover-1{background:#74614f}.cover-2{background:#445669}.cover>span{font-size:8px;letter-spacing:2px}.cover strong{font-family:Lora,Georgia,serif;font-size:29px;font-weight:400;z-index:1;line-height:1.3}.cover-art{font-size:170px;text-align:center;line-height:1;color:#9bac833f;transform:rotate(15deg)}h3{font-size:14px;font-weight:600;margin:20px 0 8px}.book-card p{font-size:10px;color:var(--muted);margin-bottom:16px}.progress{height:3px;background:var(--border);border-radius:3px;overflow:hidden}.progress i{display:block;height:100%;background:#8e9e76}.book-card small{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;margin-top:11px}.add-card{aspect-ratio:.72;border:1px dashed #c9cbbd;display:flex;flex-direction:column;color:var(--muted);background:transparent;align-self:start}.add-card strong{font-size:13px;font-weight:500;margin-top:10px}.add-card span{font-size:11px}.privacy{display:flex;align-items:center;gap:20px;margin-top:50px;padding:24px;background:#e9ede3;border-radius:12px;color:#52634e}.privacy strong{font-size:13px}.privacy p{font-size:11px;margin-bottom:0}.privacy>span{margin-left:auto;font-size:10px;white-space:nowrap}.reader-toolbar{display:flex;align-items:center;justify-content:space-between;padding:16px 5vw;border-bottom:1px solid var(--border)}.reader-toolbar>div{text-align:center}.reader-toolbar small{display:block;font-size:8px;letter-spacing:1.5px;margin-top:6px;color:var(--muted)}.reader-toolbar button{font-size:11px;background:transparent;border:0}.reading-layout{display:grid;grid-template-columns:1fr 320px;height:calc(100vh - 201px)}.reading-layout.wide{grid-template-columns:1fr}.reading{overflow:auto;position:relative;scroll-behavior:auto}.reading-line{position:sticky;top:38%;width:22px;height:2px;background:#9aab81;z-index:3;pointer-events:none}article{max-width:740px;margin:auto;padding:60px 65px 200px;font-family:Lora,Georgia,serif}article h1{font-size:36px;margin-bottom:48px}article p{position:relative;margin:0 0 32px;transition:opacity .3s}article p.active{color:var(--ink)}.cue-dot{font-family:sans-serif;position:absolute;left:-30px;color:#8fa17c;font-size:13px;top:7px}.end{text-align:center;color:var(--muted);padding-top:70px}.end p{font-size:13px}aside{overflow:auto;border-left:1px solid var(--border);background:var(--paper);padding:30px 23px}aside h2{font-family:Lora,Georgia,serif;font-size:23px;margin:14px 0 24px}.full{width:100%;font-size:11px;margin-bottom:12px}label{display:block;font-size:11px;margin:18px 0;color:var(--muted)}label span{float:right}input[type=range]{width:100%;accent-color:#607950;margin-top:12px;height:3px}select{width:100%;background:var(--bg);color:var(--ink);border:1px solid var(--border);padding:9px;border-radius:7px;font-size:11px;margin-top:9px}.hint,aside>small{font-size:10px;line-height:1.7;color:var(--muted)}hr{border:0;border-top:1px solid var(--border);margin:25px 0}.themes{display:flex;gap:5px}.themes button{flex:1;font-size:10px;padding:8px}.selected{background:#dfe6d6;color:#304d3d}.effect{display:flex;align-items:center;gap:7px;padding:8px 0;border-bottom:1px solid var(--border)}.effect>button{padding:8px}.effect>div{flex:1;min-width:0}.effect select{padding:5px;font-size:10px;margin:0}.effect input{accent-color:#607950}.effect.now{background:var(--bg)}.text-button{border:0;padding:3px 0;font-size:9px;color:var(--muted);background:none}footer{height:43px;background:var(--paper);border-top:1px solid var(--border);display:flex;align-items:center;gap:14px;padding:0 4vw;font-size:10px;color:var(--muted)}footer .progress{width:25%;margin-left:20px}.local{margin-left:auto}.error{background:#f4dfcd;padding:12px 5vw;color:#7b3821;font-size:12px;display:flex;justify-content:space-between}@media(max-width:850px){.books{grid-template-columns:repeat(2,1fr)}.reading-layout{grid-template-columns:1fr 270px}article{padding:40px}.header-note{display:none}h1{font-size:43px}}@media(max-width:600px){.reading-layout{display:block;height:auto}.reading{height:65vh}aside{height:50vh;border-top:1px solid var(--border)}.library{padding:40px 20px}.privacy>span{display:none}.reader-toolbar{padding:12px}.reader-toolbar strong{font-size:12px}.cover strong{font-size:23px}.section{margin-top:35px}.local{display:none}}.app.light,.app.sepia{--paper:#fffefa;--bg:#fff9ee;--ink:#354257;--muted:#6d7887;--border:#e7e4dc}.app{font-family:DM Sans,sans-serif}header{height:88px}.brandmark{background:#7464bd;border-radius:15px}.brand{color:var(--ink)}.beta{background:#f2eafa;color:#7765a8;padding:5px 8px;border-radius:20px}.header-note{letter-spacing:0;font-size:14px}.library{max-width:1240px;padding-top:40px}.library>.eyebrow{color:#8a70b2}.family-hero{display:flex;align-items:center;justify-content:space-between;background:#eee7fb;border-radius:30px;padding:30px 38px;margin-top:18px;overflow:hidden;position:relative;gap:20px}.family-hero:before{content:"✦";position:absolute;left:58%;top:24px;font-size:34px;color:#b9a2d7}.hero-pill{font-size:12px;background:#fffdf9aa;color:#725a95;border-radius:20px;padding:9px 14px;display:inline-block}.family-hero h1{font-family:DM Sans,sans-serif;font-weight:700;letter-spacing:-2px;font-size:49px;color:#3d3b60;margin-bottom:8px}.family-hero em{font-style:normal;color:#8270bd}.hero-dragon{width:250px;height:220px;border-radius:30px;transform:rotate(5deg);filter:drop-shadow(0 12px 0 #b7a5d333)}.intro{font-size:15px;margin:22px 4px;line-height:1.8}.section{margin:36px 0 20px}.section h2{font-weight:700;font-size:25px}.section p{font-size:13px}.primary{background:#7464b1;border-color:#7464b1;min-height:44px;border-radius:14px}.primary:hover{background:#65549f;border-color:#65549f}button{min-height:40px;border-radius:12px}.library-tools{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:24px}.category-tabs{display:flex;gap:7px;flex-wrap:wrap}.category-tabs button{border:1px solid var(--border);border-radius:24px;font-size:12px;padding:10px 14px;background:var(--paper)}.category-tabs button.selected{background:#ded3f3;border-color:#c7b4e6;color:#57427e}.search{border:1px solid var(--border);border-radius:14px;min-height:44px;padding:10px 16px;background:var(--paper);color:var(--ink);max-width:230px;font-size:13px}.books{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.book-card{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--border);border-radius:22px;padding:12px;align-items:stretch;transition:transform .18s,box-shadow .18s;overflow:hidden}.book-card:hover{transform:translateY(-4px);box-shadow:0 12px 25px #60528514;border-color:#c8b7e6}.cover{aspect-ratio:auto;min-height:295px;background:#eee7fa!important;border:0;border-radius:14px;padding:16px;color:#45405f;box-shadow:none;gap:6px}.cover-1{background:#e4f0e6!important;color:#354f45}.cover-2{background:#ffe9d8!important;color:#775440}.cover>span{font-size:10px;letter-spacing:.4px;text-transform:none}.cover-illustration{width:100%;height:158px;object-fit:contain;border-radius:18px}.cover strong{font-family:DM Sans,sans-serif;font-weight:700;font-size:21px;line-height:1.23;letter-spacing:-.4px}.cover-art{font-size:100px;transform:none;height:158px;line-height:1.4;color:inherit}.book-card h3{font-size:14px;margin:14px 4px 4px;line-height:1.45}.book-card>p{font-size:12px;line-height:1.6;margin:4px 4px 18px;flex:1;color:var(--muted)}.book-card .progress{height:5px;margin:0 4px}.progress i{background:#9a85c5}.book-card small{font-size:11px;margin:12px 4px 4px;color:#7861a5;font-weight:600}.add-card{aspect-ratio:auto;min-height:350px;border-radius:22px;align-self:stretch;background:#f7f0e8;border-color:#d7c8b2;gap:8px}.add-card strong{font-size:16px;color:#7a6a5a}.add-card span{font-size:12px}.privacy{background:#e8f0e4;border-radius:20px;margin-top:35px}.privacy p{font-size:12px;line-height:1.7;max-width:760px}.privacy strong{font-size:15px}.privacy>span{background:#fff8;padding:8px 12px;border-radius:20px}.reader-toolbar{background:var(--paper)}.reader-toolbar button{min-height:44px}.reader-toolbar small{font-size:10px;letter-spacing:.6px}.reading-line{width:24px;height:4px;background:#a28ac5;border-radius:3px}.cue-dot{color:#987ab9}article{max-width:800px;padding-top:50px}article h1{font-family:DM Sans,sans-serif;font-weight:700;font-size:34px;line-height:1.3;letter-spacing:-1px}article p{border-radius:8px}article p.active{background:#b8a2d00d;outline:6px solid #b8a2d00d}aside h2{font-family:DM Sans,sans-serif;font-weight:700;font-size:22px}aside .full{min-height:44px;font-size:12px}aside label{font-size:12px}aside h3{font-size:15px}.themes button{min-height:38px}.hint,aside>small{font-size:11px}.story-reflection{background:#eee7f6;border:1px solid #ddd0ef;color:#4d4662;padding:26px;border-radius:20px;margin-top:50px;font-family:DM Sans,sans-serif;font-size:16px;line-height:1.65}.story-reflection h2{font-size:23px;font-weight:700;margin:12px 0}.story-reflection p{margin:12px 0}.conversation{background:#fffcf7;border-radius:14px;padding:16px;margin-top:20px}.conversation strong{font-size:12px;color:#886fa4}.conversation p{margin:8px 0 0}.empty-library{padding:25px;background:var(--paper);border-radius:18px;font-size:14px}.dark .book-card{background:var(--paper)}.dark .add-card{background:#2d302b}.dark .privacy{background:#2d3b2d;color:#d4dec8}.dark .family-hero{background:#393348}.dark .family-hero h1{color:#f1e8ff}.dark .hero-pill{background:#554b67;color:#e4d4fa}.dark .category-tabs button.selected{background:#504164;color:#f1e5ff}.dark .story-reflection{background:#3b3447;color:#eee4f8;border-color:#53435f}.dark .conversation{background:#28232f}.dark .book-card small{color:#c2a7e4}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #a992d2;outline-offset:3px}@media(max-width:1000px){.books{grid-template-columns:repeat(3,minmax(0,1fr))}.family-hero h1{font-size:42px}.hero-dragon{width:210px;height:185px}.category-tabs{max-width:100%}}@media(max-width:700px){.books{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.family-hero{padding:22px;gap:10px}.family-hero h1{font-size:32px;letter-spacing:-1px}.hero-dragon{width:140px;height:140px}.hero-pill{font-size:10px;padding:7px 10px}.family-hero:before{display:none}.cover{min-height:270px}.cover strong{font-size:19px}.cover-illustration{height:135px}.library-tools{display:block}.search{margin-top:15px;width:100%;max-width:none}.category-tabs button{font-size:11px;padding:8px 12px}.section h2{font-size:21px}.section{gap:14px}.section .primary{font-size:12px;white-space:nowrap}.intro{font-size:13px}.privacy{padding:18px}.privacy>span{display:none}}@media(max-width:440px){.family-hero{padding:20px;display:block}.hero-dragon{position:absolute;width:95px;height:95px;right:12px;bottom:12px;opacity:.55}.family-hero h1{font-size:30px;position:relative;z-index:1}.hero-pill{position:relative;z-index:1}.cover{padding:10px;min-height:240px}.cover strong{font-size:17px}.cover-illustration{height:115px}.cover>span{font-size:9px}.book-card{padding:8px}.section{align-items:flex-start}.section p,.privacy p{font-size:11px}}.cover{padding:0;gap:0;min-height:0;background:var(--paper)!important;position:relative;overflow:hidden;color:var(--ink)}.cover-illustration{width:100%;height:auto;aspect-ratio:2/3;object-fit:contain;border-radius:14px;display:block;order:0}.cover>span:first-child{position:absolute;z-index:1;top:10px;left:10px;right:10px;width:max-content;max-width:calc(100% - 20px);padding:6px 9px;background:#fff8e8ed;border-radius:20px;color:#4c5664;font-size:9px;box-shadow:0 2px 8px #32445518}.cover strong{order:1;padding:14px 8px 6px;font-size:20px}.cover>span:last-child{order:2;padding:4px 8px 9px;color:var(--muted);font-size:11px}.cover-art{padding-top:26px;height:240px}.book-card h3{display:none}.book-card>p{margin-top:12px}.hero-dragon{object-fit:cover;object-position:50% 64%;height:245px;width:210px;transform:rotate(3deg);border:6px solid #fff8dc;box-shadow:0 10px 25px #8f732b25}.family-hero{background:linear-gradient(110deg,#fff2a9,#ffeab2 60%,#d1eff8)}.family-hero h1{color:#3f4961}.family-hero em{color:#957038}.hero-pill{background:#fffdf6dc;color:#806c3d}.family-hero:before{color:#edbc46}.dark .family-hero{background:linear-gradient(110deg,#373042,#374752)}@media(max-width:700px){.hero-dragon{width:145px;height:190px}.cover strong{font-size:18px;padding:10px 4px 5px}.cover>span:last-child{font-size:10px;padding:4px}.cover>span:first-child{font-size:8px;top:7px;left:7px;max-width:calc(100% - 14px)}}@media(max-width:440px){.hero-dragon{width:95px;height:125px;opacity:.75}.cover strong{font-size:16px}.cover-illustration{height:auto;aspect-ratio:2/3}}.microphone-panel{border:1px solid #cfc0e6;background:#f7f0ff;border-radius:16px;padding:14px;margin:20px 0;color:#504269}.microphone-panel h3{margin:0 0 10px}.microphone-panel>p{font-size:12px;line-height:1.65}.mic-consent{display:flex;align-items:flex-start;gap:9px;font-size:11px;line-height:1.6;color:inherit}.mic-consent input{flex:none;margin-top:4px;accent-color:#7464b1}.mic-consent span{float:none}.mic-status{font-size:12px;font-weight:600;margin:12px 0}.mic-transcript{background:#fffdf9;padding:12px;border-radius:10px}.mic-transcript strong{font-size:10px;color:#8a74a6}.mic-transcript p{font-size:12px;line-height:1.5;overflow-wrap:anywhere;margin:7px 0}.mic-detected{background:#e4efdc;border-radius:9px;padding:10px;color:#4f6947}.mic-warning{color:#9d593c}.dark .microphone-panel{background:#383043;color:#ece0f8;border-color:#645272}.dark .mic-transcript{background:#292230}.dark .mic-detected{background:#35422f;color:#dfedd3}button:disabled{cursor:not-allowed}.reader-actions{display:flex;gap:8px;align-items:center}.reader-toolbar .mic-live-stop{background:#eee3fb;color:#62438a;border:1px solid #d5bfe9;border-radius:12px;font-weight:600;font-size:10px}@media(max-width:600px){.reader-actions{flex-direction:column;gap:2px}.reader-toolbar .mic-live-stop{font-size:9px;padding:7px;min-height:34px}}.sound-library input,.sound-picker input{width:100%;min-height:42px;border:1px solid var(--border);border-radius:10px;padding:10px;background:var(--bg);color:var(--ink);font-size:12px}.sound-library select{min-height:42px}.catalog-list{max-height:310px;overflow:auto;margin:12px 0}.catalog-list>button{display:flex;width:100%;text-align:left;justify-content:flex-start;padding:10px;margin:5px 0;font-size:12px}.catalog-list strong{display:block;font-size:12px}.catalog-list small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.catalog-list>button>div{flex:1}.chosen-sound{font-size:11px;min-height:36px;width:100%;padding:7px;text-align:left;justify-content:space-between}.sound-picker-list{max-height:250px;overflow:auto;border:1px solid var(--border);border-radius:10px;padding:7px;margin-top:8px;background:var(--paper)}.sound-picker-list>button{display:block;width:100%;font-size:11px;min-height:34px;margin-top:4px;text-align:left}.mobile-reader-bar,.mobile-close,.options-backdrop{display:none}@media(max-width:700px){.app.reader-view{height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:hidden}.reader-view>header{height:58px;min-height:58px;padding:0 16px}.reader-view header .brand{font-size:24px}.reader-view header .brandmark{padding:7px}.reader-view header .small{display:none}.reader-toolbar{min-height:68px;height:68px;padding:6px 10px;flex-shrink:0;gap:5px}.reader-toolbar>div:not(.reader-actions){max-width:50%}.reader-toolbar strong{font-size:12px;display:block;line-height:1.3}.reader-toolbar small{font-size:9px}.reader-toolbar>button,.reader-toolbar .reader-actions>button{padding:7px;font-size:10px;min-height:40px}.reader-view .reading-layout,.reader-view .reading-layout.wide{display:block;flex:1;min-height:0;height:auto;position:relative}.reader-view .reading{height:100%;width:100%;overflow-y:auto}.reader-view article{padding:28px 28px 80px;max-width:650px;font-size:19px}.reader-view article h1{font-size:28px;margin-bottom:28px}.reader-view article p{margin-bottom:27px}.reader-view footer{height:30px;min-height:30px;padding:0 16px;font-size:10px;flex-shrink:0}.reader-view footer .progress{flex:1;margin-left:0}.reader-view .local{display:none}.mobile-reader-bar{display:grid;grid-template-columns:1.5fr 1fr;gap:10px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:var(--paper);border-top:1px solid var(--border);flex-shrink:0}.mobile-reader-bar button{min-height:50px;font-size:14px;font-weight:600;border-radius:14px}.reader-view .options-panel{display:none}.reader-view .options-panel.mobile-open{display:block;position:fixed;left:0;right:0;bottom:0;top:12dvh;z-index:30;height:auto;max-height:88dvh;border:0;border-radius:24px 24px 0 0;padding:18px 22px calc(28px + env(safe-area-inset-bottom));overflow-y:auto;box-shadow:0 -10px 35px #25314626;font-size:14px}.options-panel label{font-size:14px;line-height:1.6}.options-panel .hint,.options-panel>small{font-size:12px;line-height:1.65}.options-panel select{font-size:14px;min-height:46px}.options-panel .effect{padding:11px 0}.options-panel .effect>button{min-width:42px;min-height:42px}.options-panel .effect input{width:20px;height:20px}.options-panel .chosen-sound{font-size:13px;min-height:42px}.options-panel .text-button{font-size:11px}.options-panel .full{font-size:14px;min-height:46px}.mobile-close{display:flex;position:sticky;top:-18px;background:var(--paper);z-index:2;box-shadow:0 4px 10px #242c3710}.options-backdrop{display:block;position:fixed;inset:0;z-index:29;border:0;background:#15203880;border-radius:0;padding:0;width:100%;height:100%;cursor:default}.microphone-panel>p,.mic-consent{font-size:12px}.reader-view .reading-line{width:12px}.reader-view .cue-dot{left:-22px}.reader-view .story-reflection{padding:19px}.reader-view .story-reflection h2{font-size:22px}.catalog-list{max-height:350px}.catalog-list strong{font-size:14px}.catalog-list small{font-size:11px}}