:root{color:#393532;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-optical-sizing:auto;--ink:#393532;--muted:#90877e;--paper:#f8f5ef;--coral:#d8795d;--teal:#668b7d;--gold:#e8ba62;--shadow:0 12px 35px #54483a12;background:#f8f5ef;font-family:system-ui,-apple-system,Noto Sans SC,Microsoft YaHei,sans-serif;font-weight:400}*{box-sizing:border-box}body{min-width:320px;min-height:100dvh;margin:0}button,input{font:inherit}button{color:inherit;cursor:pointer}button:disabled{opacity:.35;cursor:default}button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #74a99b}button:active:not(:disabled){transform:scale(.97)}.home-screen{max-width:1280px;margin:0 auto;padding:0 52px}.home-top{justify-content:space-between;align-items:center;height:92px;display:flex}.brand{color:inherit;align-items:center;gap:13px;text-decoration:none;display:flex}.brand>span:last-child{gap:2px;display:grid}.brand strong{letter-spacing:.08em;font-size:17px}.brand small{color:#988e83;letter-spacing:.11em;font-size:11px}.bear-mark{background:#edc369;border-radius:19px;flex:none;width:50px;height:50px;display:inline-block;position:relative}.bear-mark i,.storybook-bear i,.cover-bear i{background:#a9603a;border:3px solid #edc369;border-radius:50%;width:16px;height:16px;position:absolute;top:8px}.bear-mark i:first-child,.storybook-bear i:first-child,.cover-bear i:first-child{left:7px}.bear-mark i:nth-child(2),.storybook-bear i:nth-child(2),.cover-bear i:nth-child(2){right:7px}.bear-mark b,.storybook-bear b,.cover-bear b{color:#352a27;background:#c77a4a;border-radius:45%;place-items:center;width:35px;height:29px;font-size:14px;display:grid;position:absolute;top:15px;left:50%;transform:translate(-50%)}.bear-mark.small{border-radius:15px;width:39px;height:39px;transform:scale(.85)}.bear-mark.small i{top:5px}.bear-mark.small b{width:29px;height:24px;font-size:12px;top:11px}.family-button{color:#716961;background:#fffdf9;border:1px solid #e9e1d6;border-radius:99px;height:44px;padding:0 17px;font-size:14px}.family-button span{margin-left:5px}.welcome-banner{height:366px;box-shadow:var(--shadow);background:#f1e3ca;border-radius:27px;display:flex;position:relative;overflow:hidden}.welcome-copy{z-index:1;width:53%;padding:45px 0 36px 55px}.eyebrow{color:#9d8a6a;letter-spacing:.17em;font-size:10px;font-weight:700;display:block}.welcome-copy h1{letter-spacing:.015em;margin:18px 0 9px;font-size:39px;font-weight:700;line-height:1.42}.welcome-copy h1 em{color:#c57753;font-style:normal}.welcome-copy p{color:#877d71;margin:0;font-size:14px}.continue-button{color:#fff;background:#59796b;border:0;border-radius:99px;align-items:center;gap:11px;height:48px;margin-top:23px;padding:0 17px 0 12px;font-weight:600;display:flex;box-shadow:0 7px 18px #59796b36}.continue-button span{background:#ffffff26;border-radius:50%;place-items:center;width:29px;height:29px;font-size:11px;display:grid}.continue-button b{margin-left:7px;font-size:16px}.welcome-art{width:53%;height:100%;position:absolute;top:0;right:0;overflow:hidden}.welcome-art:after{content:"";background:linear-gradient(90deg,#f1e3ca 0%,#f1e3ca18 34%,#0000 67%);position:absolute;inset:0}.welcome-art img{object-fit:cover;object-position:51% center;width:100%;height:100%}.welcome-label{z-index:1;color:#846e50;letter-spacing:.06em;background:#fff8e8e8;border:1px solid #fff;border-radius:99px;padding:8px 13px;font-size:11px;position:absolute;bottom:19px;right:25px}.banner-star,.banner-moon{color:#db9e35;z-index:1;pointer-events:none;position:absolute}.banner-star{font-size:19px;top:46px;right:48%}.banner-moon{color:#f4dc9c;font-size:41px;top:24px;right:7%}.shelf-section{padding:42px 0 30px}.shelf-heading{justify-content:space-between;align-items:flex-end;display:flex}.shelf-heading h2{letter-spacing:.04em;margin:7px 0 0;font-size:23px}.favorite-filter{color:#aa7661;background:0 0;border:0;padding:10px 3px;font-size:13px}.category-list{scrollbar-width:none;gap:9px;margin:21px 0 20px;display:flex;overflow-x:auto}.category-list::-webkit-scrollbar{display:none}.category-list button{white-space:nowrap;color:#817a72;background:#fffdf9;border:1px solid #eae3d8;border-radius:99px;min-height:41px;padding:9px 16px;font-size:13px;transition:all .18s}.category-list button.selected{color:#fff;background:#627e71;border-color:#627e71}.book-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:24px 17px;display:grid}.book-card{min-width:0;animation:.5s both rise;animation-delay:var(--delay)}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.book-cover{aspect-ratio:1.15;background:#d7e2d3;border:0;border-radius:15px;width:100%;padding:0;transition:transform .2s,box-shadow .2s;display:block;position:relative;overflow:hidden;box-shadow:0 6px 17px #66534414}.book-cover:hover{transform:translateY(-4px);box-shadow:0 13px 25px #66534427}.book-cover>img{object-fit:cover;width:100%;height:100%;display:block}.cover-art{background:linear-gradient(165deg,color-mix(in srgb,var(--card-color),#f8dfb1 32%),color-mix(in srgb,var(--card-color),#627c71 27%));position:absolute;inset:0;overflow:hidden}.cover-art:before{content:"";aspect-ratio:1;background:#fff6d888;border-radius:50%;width:46%;position:absolute;top:13%;right:11%;box-shadow:0 0 32px #fff8b099}.cover-moon{color:#fff7d6;text-shadow:0 4px 14px #634a2c5c;z-index:2;font-size:33px;position:absolute;top:9%;right:14%}.cover-bear{z-index:3;background:linear-gradient(120deg,#d7955d,#a85637);border-radius:48% 48% 38% 38%;width:43%;height:49%;position:absolute;bottom:13%;left:29%;transform:rotate(-5deg);box-shadow:inset -9px -3px #8f4b35}.cover-bear i{border-width:4px;width:28%;height:30%;top:-7%}.cover-bear b{background:#d78c55;width:70%;height:39%;font-size:clamp(7px,1.5vw,13px);top:19%}.cover-bear em{background:#7eb6a9;border-radius:50%;width:73%;height:23%;position:absolute;bottom:17%;left:8%;transform:rotate(-13deg)}.cover-hills{background:#536d59;border-radius:50% 50% 0 0;height:55%;position:absolute;bottom:-29%;left:-10%;right:-10%;box-shadow:0 -12px #78906a}.cover-spark{color:#fff5c0;z-index:4;font-size:21px;position:absolute;top:35%;left:14%}.cover-age{color:#756751;z-index:5;background:#fffbf0e8;border-radius:99px;padding:5px 8px;font-size:9px;position:absolute;bottom:9px;left:9px}.cover-play{color:#59796b;z-index:5;background:#ffffffed;border-radius:50%;place-items:center;width:29px;height:29px;font-size:10px;display:grid;position:absolute;bottom:10px;right:10px;box-shadow:0 3px 10px #35251b22}.book-info{justify-content:space-between;align-items:center;gap:5px;padding:10px 2px 0;display:flex}.book-info h3{letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;margin:0 0 4px;font-size:14px;font-weight:600;overflow:hidden}.book-info span{color:#9b9186;font-size:11px}.heart-button{color:#aa9382;background:#f0ebe3;border:0;border-radius:50%;flex:none;width:39px;height:39px;font-size:20px}.heart-button.loved{color:#d8795d;background:#fae8df}.home-footer{color:#a39a90;letter-spacing:.035em;border-top:1px solid #ebe4d9;justify-content:space-between;padding:21px 0 26px;font-size:11px;display:flex}.reader-screen{background:#f7f4ee;flex-direction:column;min-height:100dvh;padding:0 38px 12px;display:flex}.reader-top{align-items:center;gap:14px;width:100%;max-width:1300px;height:80px;margin:0 auto;display:flex}.reader-title{flex:1;gap:2px;display:grid}.reader-title span{letter-spacing:.12em;color:#9c907e;font-size:10px}.reader-title strong{letter-spacing:.035em;font-size:16px}.reader-top-actions{gap:9px;display:flex}.round-button{color:#657f72;background:#fffdf9;border:1px solid #e9e2d8;border-radius:50%;place-items:center;width:46px;height:46px;font-size:21px;transition:all .15s;display:grid}.back-button{font-size:23px}.round-button:hover{background:#edf2ec}.page-progress{gap:7px;width:100%;max-width:1300px;margin:0 auto 15px;display:flex}.page-progress i{background:#e6dfd5;border-radius:99px;flex:1;height:4px}.page-progress i.done{background:#dfa95c}.reading-layout{flex:1;grid-template-columns:minmax(0,1.48fr) minmax(300px,.75fr);align-items:stretch;gap:29px;width:min(1300px,100%);min-height:0;margin:0 auto;display:grid}.page-illustration{background:#dce5d8;border-radius:23px;min-height:280px;max-height:calc(100dvh - 207px);position:relative;overflow:hidden;box-shadow:0 10px 30px #53463a17}.story-art{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.page-count{color:#766d61;background:#fffdf1dc;border-radius:99px;padding:6px 10px;font-size:11px;position:absolute;bottom:14px;right:15px}.reading-side{flex-direction:column;align-items:stretch;min-height:0;display:flex}.reading-caption{align-items:flex-start;gap:11px;min-height:121px;padding:14px 4px 11px;transition:all .2s;display:flex}.reading-caption.speaking p{color:#8e6347}.reading-caption p{letter-spacing:.02em;margin:1px 0;font-size:clamp(17px,2vw,22px);font-weight:500;line-height:1.8}.story-prompt{background:#fffaf0;border:1px solid #eee1c8;border-radius:17px;grid-template-columns:26px 1fr;align-content:center;gap:5px 8px;min-height:78px;margin:5px 0 9px;padding:12px 14px;animation:.25s both rise;display:grid;position:relative}.story-prompt>span{font-size:19px}.story-prompt p{color:#76624d;margin:0;font-size:14px;line-height:1.65}.story-prompt small{color:#a79580;grid-column:2;font-size:11px}.story-prompt.listening{background:#eef5ed;border-color:#d8e8d6}.story-prompt.thinking{background:#f3f0fa;border-color:#e3dcf3}.stop-listening{color:#59796b;background:#dceade;border:0;border-radius:99px;grid-column:2;justify-self:start;min-height:35px;margin-top:6px;padding:7px 13px;font-size:12px}.reader-controls{justify-content:center;align-items:center;gap:17px;margin:auto 0 10px;display:flex}.reader-controls .round-button{width:51px;height:51px}.big-play{color:#fff;background:#627f71;border:0;border-radius:50%;width:69px;height:69px;font-size:21px;transition:transform .2s,background .2s;box-shadow:0 8px 19px #58776740}.big-play.playing{background:#c87e5c}.reader-tools{justify-content:center;gap:10px;margin-bottom:11px;display:flex}.reader-tools button{color:#7b756e;background:#fffdf9;border:1px solid #e8e1d7;border-radius:99px;align-items:center;gap:7px;height:42px;padding:0 14px;font-size:12px;display:flex}.reader-tools button:disabled{opacity:.45}.reader-footer{color:#a1978c;border-top:1px solid #ebe4da;justify-content:space-between;align-items:center;width:min(1300px,100%);min-height:48px;margin:0 auto;padding-top:7px;font-size:11px;display:flex}.reader-footer button{color:#678172;background:0 0;border:0;padding:9px;font-size:13px;font-weight:600}.reader-footer button b{margin-left:8px;font-size:17px}.vector-scene{--scene:#92ae81;background:linear-gradient(165deg,color-mix(in srgb,var(--scene),#f4d9bb 49%) 0%,color-mix(in srgb,var(--scene),#d8e4c4 12%) 63%,#e8d8ae 100%);position:absolute;inset:0;overflow:hidden}.vector-scene:before{content:"";aspect-ratio:1;background:#fff1c8;border-radius:50%;width:28%;position:absolute;top:12%;left:13%;box-shadow:0 0 55px #fff6ccbb}.scene-sun{aspect-ratio:1;background:#fff0bb;border-radius:50%;width:13%;position:absolute;top:11%;right:16%;box-shadow:0 0 38px #fff2c6}.scene-cloud{z-index:1;background:#fff7e2aa;border-radius:50px;width:22%;height:7%;position:absolute;top:25%;left:11%}.scene-cloud:after,.scene-cloud:before{content:"";aspect-ratio:1;background:#fff7e2aa;border-radius:50%;width:39%;position:absolute;bottom:0}.scene-cloud:before{bottom:25%;left:18%}.scene-cloud:after{width:34%;bottom:36%;right:20%}.cloud-b{top:33%;left:63%;transform:scale(.7)}.hill{border-radius:50% 50% 0 0;width:90%;height:52%;position:absolute;bottom:18%}.hill-back{background:#9eae84;left:-19%;transform:rotate(-8deg)}.hill-front{background:#667d67;height:48%;bottom:1%;right:-18%;transform:rotate(8deg)}.storybook-bear{z-index:3;background:linear-gradient(120deg,#d69158,#a95d3b);border-radius:48% 48% 35% 35%;width:23%;height:36%;position:absolute;bottom:16%;left:38%;transform:rotate(-4deg);box-shadow:inset -14px -8px #985436}.storybook-bear i{border-width:5px;width:29%;height:28%;top:-7%}.storybook-bear b{background:#d58a51;width:68%;height:39%;font-size:clamp(13px,2.3vw,25px);top:20%}.storybook-bear em{background:#79b3a3;border-radius:50%;width:94%;height:22%;position:absolute;bottom:18%;left:5%;transform:rotate(-16deg)}.scene-object{z-index:4;color:#fff3c1;filter:drop-shadow(0 8px 8px #65573d45);font-size:clamp(42px,8vw,105px);animation:3s ease-in-out infinite bob;position:absolute;bottom:23%;left:60%}@keyframes bob{50%{transform:translateY(-8px)rotate(6deg)}}.scene-flower{z-index:3;color:#fcdf9d;font-size:clamp(24px,4vw,52px);position:absolute;bottom:8%;left:12%}.flower-b{color:#f2a8a0;font-size:37px;bottom:12%;left:83%}.flower-c{color:#f5e7c1;font-size:29px;bottom:7%;left:28%}.scene-spark{z-index:4;color:#fff9d9;font-size:28px;animation:2s infinite bob;position:absolute;top:28%;left:53%}.spark-two{font-size:20px;animation-delay:.5s;top:40%;left:76%}.scene-number{color:#7c705f;background:#fff9e8d9;border-radius:99px;padding:6px 9px;font-size:11px;position:absolute;top:19px;left:20px}.finish-card,.rest-card{text-align:center;box-shadow:var(--shadow);background:#fffdf9;border:1px solid #eae1d4;border-radius:20px;margin:auto 0;padding:23px 17px}.finish-card>span,.rest-card>span{color:#e9b95c;font-size:31px}.finish-card h2,.rest-card h2{margin:7px 0;font-size:20px}.finish-card p,.rest-card p{color:#90867a;margin:0 0 15px;font-size:13px;line-height:1.7}.primary-button{color:#fff;background:#637f71;border:0;border-radius:99px;min-height:46px;padding:0 21px;font-weight:600}.text-button{color:#8a8177;background:0 0;border:0;padding:12px}.parent-overlay,.rest-overlay{z-index:20;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#37342fc1;place-items:center;padding:18px;animation:.2s fade;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}to{opacity:1}}.parent-panel,.rest-card{background:#fffdf8;border-radius:23px;width:min(480px,100%);max-height:calc(100dvh - 36px);padding:30px 29px 22px;position:relative;overflow:auto;box-shadow:0 25px 70px #18161345}.panel-close{color:#7d7469;background:#f2ede5;border:0;border-radius:50%;width:38px;height:38px;font-size:22px;position:absolute;top:15px;right:17px}.parent-panel h2{margin:8px 0 7px;font-size:24px}.parent-intro{color:#92877a;border-bottom:1px solid #eee8df;padding-bottom:15px;font-size:12px;line-height:1.75}.toggle-row,.slider-row,.code-row{border-bottom:1px solid #f0ebe4;justify-content:space-between;align-items:center;gap:18px;padding:14px 0;display:flex}.toggle-row span,.slider-row span,.code-row span{gap:4px;display:grid}.toggle-row b,.slider-row b,.code-row b{font-size:14px;font-weight:600}.toggle-row small,.slider-row small,.code-row small{color:#9d9387;font-size:11px}.toggle-row input{accent-color:#637f71;width:45px;height:25px}.slider-row input{accent-color:#637f71;width:44%}.code-row{align-items:flex-start}.code-row input{background:#fff;border:1px solid #e9e1d7;border-radius:10px;width:50%;height:42px;padding:0 10px;font-size:11px}.save-code{color:#627f71;background:#edf2ec;border:0;border-radius:10px;margin:12px 0 13px auto;padding:9px 14px;font-size:12px;display:block}.service-banner{color:#9c6e55;background:#f8eee7;border-radius:12px;padding:13px 13px 12px 35px;font-size:12px;position:relative}.service-banner i{background:#ca8b65;border-radius:50%;width:9px;height:9px;position:absolute;top:17px;left:14px}.service-banner.connected{color:#5e7967;background:#edf4ed}.service-banner.connected i{background:#70a47c}.service-banner small{color:#989083;margin-top:5px;font-size:10px;display:block}.privacy-note{color:#a1978b;font-size:10px;line-height:1.65}.panel-done{color:#fff;background:#627f71;border:0;border-radius:99px;width:100%;height:46px;margin-top:4px;font-weight:600}.rest-overlay{z-index:19}.rest-card{text-align:center;width:min(380px,100%);margin:0;padding:34px 25px}.rest-card>span{font-size:42px}.rest-card .text-button{margin:5px auto 0;display:block}.rest-card p{font-size:14px}@media (width>=1180px){.reading-layout{grid-template-columns:minmax(0,1.55fr) minmax(320px,.72fr);gap:38px}.page-illustration{max-height:calc(100dvh - 190px)}.reader-controls{margin-top:auto}}@media (width<=900px){.home-screen{padding:0 28px}.book-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 14px}.welcome-banner{height:340px}.welcome-copy{padding-left:37px}.welcome-copy h1{font-size:34px}.reading-layout{grid-template-columns:minmax(0,1.25fr) minmax(265px,.8fr);gap:18px}.reader-screen{padding:0 23px 9px}.page-illustration{max-height:calc(100dvh - 185px)}}@media (width<=680px){.home-screen{padding:0 18px}.home-top{height:73px}.brand strong{font-size:15px}.brand small{font-size:10px}.bear-mark{width:43px;height:43px}.family-button{height:40px;padding:0 14px}.welcome-banner{border-radius:20px;height:315px}.welcome-copy{width:68%;padding:32px 0 25px 24px}.welcome-copy h1{margin:15px 0 8px;font-size:29px;line-height:1.45}.welcome-copy p{max-width:205px;font-size:12px;line-height:1.7}.continue-button{gap:8px;height:44px;margin-top:18px;font-size:12px}.welcome-art{opacity:.88;width:56%}.welcome-art:after{background:linear-gradient(90deg,#f1e3ca 0%,#f1e3ca8c 26%,#0000 78%)}.welcome-label{padding:7px 10px;font-size:9px;bottom:12px;right:11px}.banner-star{top:38px;right:39%}.banner-moon{font-size:31px;top:17px;right:7%}.shelf-section{padding-top:30px}.shelf-heading h2{font-size:20px}.eyebrow{font-size:9px}.favorite-filter{font-size:11px}.category-list{gap:7px;margin:17px 0}.category-list button{min-height:38px;padding:8px 13px;font-size:12px}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 13px}.book-cover{aspect-ratio:1.1;border-radius:13px}.book-info{padding-top:7px}.book-info h3{font-size:13px}.book-info span{font-size:10px}.heart-button{width:35px;height:35px;font-size:18px}.cover-age{font-size:8px;bottom:7px;left:7px}.cover-play{width:27px;height:27px;bottom:7px;right:7px}.home-footer{gap:10px;font-size:9px}.reader-screen{padding:0 14px calc(8px + env(safe-area-inset-bottom))}.reader-top{gap:9px;height:67px}.reader-title strong{font-size:14px}.reader-title span{font-size:9px}.round-button{width:42px;height:42px;font-size:19px}.reader-top-actions{gap:7px}.page-progress{gap:4px;margin-bottom:10px}.reading-layout{flex-direction:column;flex:1;gap:0;min-height:0;display:flex}.page-illustration{border-radius:19px;flex:none;height:min(49dvh,440px);min-height:220px;max-height:none}.reading-side{flex:1;min-height:0}.reading-caption{gap:7px;min-height:75px;padding:10px 2px 6px}.reading-caption p{font-size:17px;line-height:1.65}.bear-mark.small{width:35px;height:35px}.story-prompt{min-height:61px;margin:2px 0 5px;padding:9px 11px}.story-prompt p{font-size:12px}.reader-controls{gap:21px;margin:2px 0 6px}.reader-controls .round-button{width:45px;height:45px}.big-play{width:58px;height:58px;font-size:18px}.reader-tools{gap:8px;margin-bottom:3px}.reader-tools button{height:38px;padding:0 13px;font-size:11px}.reader-footer{min-height:39px;font-size:9px}.reader-footer button{font-size:11px}.finish-card{padding:14px}.finish-card>span{font-size:24px}.finish-card h2{margin:3px 0;font-size:18px}.finish-card p{margin-bottom:9px;font-size:11px}.finish-card .primary-button{min-height:40px}.finish-card .text-button{padding:8px}.parent-panel{border-radius:20px;padding:27px 21px 18px}.parent-panel h2{font-size:22px}.parent-intro{font-size:11px}.toggle-row,.slider-row,.code-row{padding:12px 0}.reader-footer .helper-status{max-width:65%;line-height:1.4}}@media (width<=370px){.home-screen{padding:0 13px}.welcome-copy{width:72%;padding-left:19px}.welcome-copy h1{font-size:26px}.welcome-copy p{max-width:175px;font-size:11px}.continue-button{padding-right:12px;font-size:10px}.welcome-art{width:58%}.reader-screen{padding-left:10px;padding-right:10px}.page-illustration{min-height:200px}.reading-caption p{font-size:15px}}@media (width<=680px){.reader-controls .round-button{width:56px;height:56px}.reader-controls .big-play{width:68px;height:68px}.reader-footer button{min-height:54px;padding:8px 10px}.reader-top .round-button{width:46px;height:46px}}.story-art{object-fit:contain;background:#eee6d8}@media (width<=680px){.story-art{object-fit:contain}}.choice-list{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px;display:grid}.choice-button{color:#547364;background:#fffef8;border:1px solid #d7e8d7;border-radius:15px;min-height:56px;padding:9px 12px;font-size:14px;font-weight:600;line-height:1.4;box-shadow:0 3px 9px #536f5c10}.choice-button:active{background:#eaf3e8}