@font-face{font-family:Tongban Art;src:url(data:font/woff2;base64,d09GMgABAAAAAAZsAA0AAAAACmQAAAYcAAIAQgAAAAAAAAAAAAAAAAAAAAAAAAAAHCAGYABsEQgKi2SJeQE2AiQDFgsUAAQgBYNeByAMBxuBCCAehU3ZM3YeIUnS+dxtNWHxAD8u3/93NysxQ3UJSnJrblB1XWWF2kJeSOIgblZSQafKVJmofZvAoMW2O6ZMT1zsi/PfgGvq3t62AUbh0CcUWXqr8EqjAXXRsMpsOGCfbsNSHvzECSunVkAfEABZ3MjAzrwSBohQAP8BycTEMEEKiCtRAYCBv70wB6JCNPipGW5kajI3GxxQzpz+mWz5fwSQWLWDABARF6h29SABKKkaSHSK4heKWCERkzO1y3o97T9u9O+xi6fR05//z/Q3HBnnq4fKBnTrkLQZ6gmjPYDYFUAHmnwiMsVhhgL1QNglftm0pAPSkIUB0QRuqohqia7mlBXlJuoHw5woyUN6OpGU9HWuFCUyMxMVYxSlQpjFLMOyCpZBTG/MMSqsZPQqVqFnErHSwGqbUHWcAqni0lA2xose4EpFSZylqZHXHZFFWMkyRUoVi7Ua7ILlBpYJxaDHGHZhWBzBKPJRtqGSSWGcjRPcdUwvqMtifWqZd47BGeNPo4cDMobMEgfixYhAohdYiwxIULxDOAuzhvAJrNbLALRDsL0R1qORjTArYz5v7MUyyJTZPDarq/ZmkivMch2KHQjqEWa7KwJYLBHSiDQUETPMh0EBZBzWMY34YMSL1uWDpmPEGKQ4D+SOS0B8XVyNqiSb2MY4xGgMVHWim0aLDKVqhLJwjkVEkoay88/MnJF/BCrPj8RcyIA1hqi1ORqZM92I7cFilG2qVKTo0xDThLVeBlY8rqNiCxMdUwayCxzV+Tb+fZSuft37e3pkDPEbWBpZ0T2/ZJXzYiuOdEjgSbwb+Y3KRz7LZKVCpXPqLLqT+3CX8UXqp43PQ6vSnxQ46cgIou2rJmczfkN9Hy8N/r6MpeXFZTFl3UvptFmsT1hzJiXJj7C9RJ0cGuONjlTRXdMSq20yChXW4AwPob8+Iawihdz8sO6HTfipHEfQ6/KPdPqob3dvC5LvpEtvE5wcSPDn8LWJem6/AlTciZ94koKiQ+9lDp53ji+l4SVLgfqqJSyGQN0USXMKKL5nJVQ/tKK2psQ5Pj09qX6UTZ/pIqJDLCyvixwrpcelS1pHkFYjpeDW/+3GcRKCH0i2VcYVXZ3xS3BxdmKBsSwfEvw5qr+2TAy5rhJJaSYEfDvU8STg5iFfHpHZ5Ei2jCtMyqgcCAHfQ+llkLeGkuIkMcGD6MFMpWtA30AnVWpsafeqNb0lAu6KjeXKCLklhJgnzDdHwB8T9GXrPnsreg3NTes5ZNI2Y+8DfXydlSvlP9oWtTjZqs6O1NXlpk9bwpD9DpZFVY8aSJHqI8IFb2VRffZdFpGcTrPMKC9fZgSdG9IOXxsc3l68mvULUAboh9iYcQdcfDO07/Lmsf7eJV4M8g0zQsRD2TgPO9XSjZ6EOo8G/JhFIaD7OZGgsoYg1FpCUNkMCa4Ciu/aqsqtiXIe0jeHQsh1hYLKcjimKoFgFv62JvJiH98kH53OrAqodnIoHzwiJ07MqeMbGlplTeB6TY/alIIeXf+9HwYJNYKOI+Y50vwlJw+XF2MKtjsMoLSVQ4+WxGhGSz817B61NLjqv5CUDk6c01ER4UT5ON44VUCkjrasOyvrzlGyHr3OOegsJdLuoGI70/F6VYhcHeVAc7di5U23hfZ5Sjd37SFBdA/s611+T0jwMQPcYo+UkXTXg6A0GZr94yBxR1BTRrrLZQ+nWfsjW0qNbIMAgACIsto12mEay5SvIpJ8AfA4xEUJAE8L72/+/2Qj5UBORBrCUHqLm5K9AGKriPLbvjEqQHNihmousiULZi2Rf0hkmqxw2Ii+lekJ0J2uupqS4kycSZkDOdnFIVi4xCGleMChBAY3Ds0l5Bwu4B94kM2kRU9t6nRl1MFTlEhyCaRiJolaVTUU5cqVMH+xTjp1EmVyhTYm9VljMEemTh2GMGnTXjWBbud1aNEuSYQIXdWB0EkvnD0mTQqXiamDRrW6VDTr0K7S9AJlmzQK0xBcDGstaFmqKoGuOjVOpreJEi5yS+nJqinlHr0i55cGYealbjwfaoJIvGFN3dJrPMNWIpSF1IT9Ay1ST8L/QzdQYwEA)format("woff2");font-display:swap;font-style:normal;font-weight:400}:root{color:#26372f;font-synthesis:none;text-rendering:optimizelegibility;--ink:#26372f;--ink-soft:#617167;--cream:#fff9ec;--paper:#fffef9;--leaf:#3f7457;--leaf-dark:#2f5f45;--sun:#f5b95f;--peach:#ed8f68;--sky:#dfeff3;--line:#e9dfcb;--shadow-soft:0 12px 36px #4d3f2817;--shadow-card:0 14px 24px #54442a1f;background:#fff9ec;font-family:Nunito,PingFang SC,Microsoft YaHei,ui-rounded,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px}body{background:radial-gradient(circle at 15% 0,#ffe3a542,#0000 28rem),#fff9ec;min-width:320px;min-height:100dvh;margin:0}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{color:inherit}button:focus-visible,a:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #40755761}img{max-width:100%;display:block}.app-shell{min-height:100dvh;overflow-x:clip}.home-page{min-height:100dvh;position:relative}.site-header{justify-content:space-between;align-items:center;gap:24px;width:min(1180px,100% - 48px);min-height:82px;margin:0 auto;display:flex}.brand{min-height:44px;color:var(--ink);align-items:center;gap:12px;text-decoration:none;display:inline-flex}.brand-mark{color:#fffdf7;background:var(--leaf);border-radius:15px 15px 15px 5px;place-items:center;width:48px;height:48px;display:grid;transform:rotate(-2deg);box-shadow:0 5px #d8c99f}.brand strong,.brand small{display:block}.brand strong{letter-spacing:.05em;font-family:ui-rounded,PingFang SC,sans-serif;font-size:22px}.brand small{color:var(--ink-soft);letter-spacing:.08em;margin-top:2px;font-size:11px}.header-note{color:#4d6757;background:#fff9;border:1px solid #5b75632e;border-radius:99px;align-items:center;gap:8px;min-height:42px;padding:0 15px;font-size:13px;font-weight:700;display:flex}.hero-section{width:min(1180px,100% - 48px);min-height:540px;box-shadow:var(--shadow-soft);background:radial-gradient(circle at 8% 14%,#f7c55b38 0 5px,#0000 6px),radial-gradient(circle at 93% 19%,#74b27333 0 7px,#0000 8px),linear-gradient(118deg,#fffaf0 0%,#fff3d7 56%,#eaf4df 100%);border:2px solid #e6cd979e;border-radius:38px 38px 38px 10px;grid-template-columns:minmax(0,.85fr) minmax(440px,1.15fr);align-items:center;margin:14px auto 0;padding:58px 68px;display:grid;position:relative;overflow:hidden}.hero-section:before,.hero-section:after{content:"";pointer-events:none;position:absolute}.hero-section:before{opacity:.62;background:radial-gradient(at 25% 62%,#fff 0 25%,#0000 26%),radial-gradient(at 50% 38%,#fff 0 34%,#0000 35%),radial-gradient(at 75% 62%,#fff 0 26%,#0000 27%);width:120px;height:70px;top:31px;left:46%}.hero-section:after{border:28px solid #ffffff57;border-radius:50%;width:180px;height:180px;bottom:-80px;right:-65px}.hero-copy{z-index:2;padding-bottom:8px;position:relative}.storybook-title{width:fit-content;font-weight:400;position:relative;color:#24352c!important;letter-spacing:0!important;margin:25px 0 18px!important;font-family:Tongban Art,Kaiti SC,STKaiti,KaiTi,ui-rounded,sans-serif!important;font-size:clamp(64px,5.6vw,86px)!important;line-height:1.02!important}.title-line{white-space:nowrap;align-items:center;gap:.055em;width:fit-content;display:flex;position:relative;color:inherit!important}.title-line-one{margin-left:.08em}.title-line-two{margin-top:.12em;margin-left:.34em}.title-glyph{color:#356e52;-webkit-text-stroke:1px #274636b8;paint-order:stroke fill;text-shadow:0 3px #fff9e9,0 7px #34534133,0 12px 18px #4e3c211f;transform-origin:50% 80%;display:inline-block;position:relative}.title-glyph:after{content:"";z-index:-1;opacity:.68;background:#f4bd53;border-radius:55% 42% 51% 45%;height:.17em;position:absolute;bottom:.03em;left:7%;right:3%;transform:rotate(-4deg)}.title-line-one .title-glyph:first-child{color:#d85f4d;transform:rotate(-5deg)translateY(.02em)}.title-line-one .title-glyph:nth-child(2){color:#3d7657;transform:rotate(3deg)translateY(-.03em)}.title-line-one .title-glyph:nth-child(3){color:#d6982f;transform:rotate(-2deg)translateY(.03em)}.title-line-one .title-glyph:nth-child(4){color:#4e82a6;transform:rotate(4deg)translateY(-.01em)}.title-line-two .title-glyph:first-child{color:#4e82a6;transform:rotate(3deg)translateY(.01em)}.title-line-two .title-glyph:nth-child(2){color:#d85f4d;transform:rotate(-3deg)translateY(-.02em)}.title-line-two .title-glyph:nth-child(3){color:#6c8c4a;transform:rotate(4deg)translateY(.03em)}.title-line-two .title-glyph:nth-child(4){color:#9b6e9f;transform:rotate(-4deg)}.title-line-one .title-glyph:nth-child(2):after,.title-line-two .title-glyph:nth-child(3):after{background:#ef8e78}.title-line-one .title-glyph:nth-child(4):after,.title-line-two .title-glyph:first-child:after{background:#8fc7bd}.title-line-one:before,.title-line-two:before{content:"";z-index:-1;opacity:.6;border-radius:50%;height:.22em;position:absolute;transform:rotate(-2deg)}.title-line-one:before{background:#ef8e78;width:.6em;top:-.06em;bottom:auto;left:-.08em}.title-line-two:before{background:#f7c357;width:.72em;bottom:-.03em;right:-.12em}.hero-doodle{pointer-events:none;stroke-width:2.2px;position:absolute}.hero-doodle-bug{color:#67a24c;top:88px;right:20px;transform:rotate(16deg)}.hero-doodle-flower{color:#df6a72;top:202px;right:-2px;transform:rotate(8deg)}.eyebrow,.section-kicker{color:var(--leaf);letter-spacing:.08em;font-weight:800}.eyebrow{background:#e9f1e5;border-radius:99px;align-items:center;gap:8px;width:fit-content;min-height:34px;padding:0 13px;font-size:13px;display:flex}.hero-copy h1{color:#2a3b31;letter-spacing:.02em;margin:22px 0 16px;font-family:ui-rounded,PingFang SC,sans-serif;font-size:clamp(46px,5vw,68px);line-height:1.12}.hero-copy h1:not(.storybook-title) span{color:var(--leaf);position:relative}.hero-copy h1:not(.storybook-title) span:after{content:"";opacity:.65;background:#f7cb72;border-radius:50%;height:8px;position:absolute;bottom:-7px;left:4px;right:3px;transform:rotate(-1deg)}.hero-copy p{color:#56685d;max-width:430px;margin:0;font-size:17px;line-height:1.8}.hero-button{color:#fff;background:var(--leaf);cursor:pointer;border:0;border-radius:16px 16px 16px 6px;align-items:center;gap:12px;min-height:54px;margin-top:26px;padding:0 21px 0 23px;font-weight:800;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex;box-shadow:0 6px #2c5940}.hero-button:hover{background:#356a4b;transform:translateY(-2px);box-shadow:0 8px #2c5940}.hero-button:active{transform:translateY(3px);box-shadow:0 3px #2c5940}.hero-books{z-index:1;min-height:380px;position:relative}.hero-cover{cursor:pointer;background:#fff;border:6px solid #fffdf8;border-radius:8px 18px 18px 8px;width:188px;padding:0;transition:transform .24s,box-shadow .24s;position:absolute;overflow:hidden;box-shadow:0 18px 34px #31413238,-5px 4px #4a3e261a}.hero-cover img{aspect-ratio:.76;object-fit:cover;width:100%}.hero-cover:hover{z-index:5;box-shadow:0 24px 42px #31413242,-5px 4px #4a3e261a}.hero-cover-1{top:79px;left:5%;transform:rotate(-9deg)}.hero-cover-1:hover{transform:rotate(-5deg)translateY(-8px)}.hero-cover-2{z-index:3;top:29px;left:36%;transform:rotate(3deg)}.hero-cover-2:hover{transform:rotate(1deg)translateY(-8px)}.hero-cover-3{top:87px;right:1%;transform:rotate(9deg)}.hero-cover-3:hover{transform:rotate(5deg)translateY(-8px)}.hero-sun{background:#f5c665;border-radius:50%;width:66px;height:66px;position:absolute;top:10px;right:24px;box-shadow:0 0 0 13px #f5c6652e}.hero-grass{background:#63915e42;border-radius:48% 52% 0 0/42% 42% 0 0;height:116px;position:absolute;bottom:-33px;left:-7%;right:-9%;transform:rotate(-2deg)}.library-section,.how-section{width:min(1180px,100% - 48px);margin:76px auto 0}.section-heading{justify-content:space-between;align-items:end;gap:32px;display:flex}.section-kicker{margin-bottom:7px;font-size:12px;display:block}.section-heading h2,.how-title-wrap h2{color:var(--ink);letter-spacing:.02em;margin:0;font-family:ui-rounded,PingFang SC,sans-serif;font-size:clamp(28px,3vw,38px)}.section-heading p{color:var(--ink-soft);margin:0 0 5px;font-size:14px}.age-filters{background:#efe8d8;border-radius:16px;gap:4px;width:fit-content;margin:28px 0 26px;padding:5px;display:flex}.age-filters button{color:#627068;cursor:pointer;background:0 0;border:0;border-radius:12px;min-width:68px;min-height:44px;padding:0 17px;font-weight:800;transition:color .18s,background .18s,box-shadow .18s}.age-filters button.is-active{color:#315f45;background:#fffef9;box-shadow:0 3px 10px #4036221c}.book-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 24px;display:grid}.book-card{min-width:0;animation:.42s ease-out both card-enter;animation-delay:var(--card-delay)}.book-card>button{text-align:left;cursor:pointer;background:0 0;border:0;width:100%;padding:0;display:block}.cover-wrap{border:6px solid var(--paper);box-shadow:var(--shadow-card), -5px 5px 0 color-mix(in srgb, var(--book-accent) 34%, #c7b99f);background:#e8e0d0;border-radius:12px 24px 24px 8px;transition:transform .22s,box-shadow .22s;display:block;position:relative;overflow:hidden}.cover-wrap:after{content:"";background:#28231c1a;width:2px;position:absolute;top:0;bottom:0;left:5px;box-shadow:3px 0 8px #ffffff61}.cover-wrap>img{aspect-ratio:.78;object-fit:cover;width:100%;transition:transform .28s}.listen-badge{color:#355945;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffef8eb;border:1px solid #fffc;border-radius:99px;align-items:center;gap:5px;min-height:30px;padding:0 10px;font-size:12px;font-weight:800;display:flex;position:absolute;bottom:10px;right:10px}.featured-badge{color:#7f3428;background:#fff0b7;border:1px solid #ffffffdb;border-radius:99px;align-items:center;min-height:31px;padding:0 11px;font-size:12px;font-weight:900;display:inline-flex;position:absolute;top:10px;left:10px;box-shadow:0 4px 12px #5a3b1c1f}.book-card>button:hover .cover-wrap{box-shadow:0 20px 32px #54442a2b, -6px 6px 0 color-mix(in srgb, var(--book-accent) 38%, #c7b99f);transform:translateY(-7px)rotate(-1deg)}.book-card>button:hover .cover-wrap>img{transform:scale(1.025)}.book-card-copy{padding:17px 5px 0;display:block}.book-meta,.book-detail{align-items:center;display:flex}.book-meta{color:#748078;gap:8px;font-size:12px;font-weight:700}.theme-pill{min-height:25px;color:color-mix(in srgb, var(--book-accent) 72%, #25372e);background:color-mix(in srgb, var(--book-accent) 16%, #fff);border-radius:99px;align-items:center;padding:0 9px;display:inline-flex}.book-card-copy>strong{color:#2c3932;min-height:57px;margin-top:10px;font-size:18px;line-height:1.55;display:block}.book-detail{color:#738078;justify-content:space-between;font-size:13px}.book-detail svg{color:var(--book-accent);transition:transform .18s}.book-card>button:hover .book-detail svg{transform:translate(3px)}.how-section{background:#eff4e9;border:1px solid #dce6d6;border-radius:32px 32px 8px;grid-template-columns:.75fr 1.6fr;align-items:center;gap:40px;margin-top:92px;padding:38px 42px;display:grid}.how-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.how-card{background:#fffef9d9;border:1px solid #cad7c3cc;border-radius:20px;min-height:142px;padding:18px 16px}.how-icon{border-radius:14px 14px 14px 5px;place-items:center;width:44px;height:44px;display:grid}.how-icon-book{color:#5b8169;background:#dfece0}.how-icon-listen{color:#9a683d;background:#f8e6c5}.how-icon-say{color:#77577c;background:#ecdeed}.how-card strong{margin-top:12px;font-size:16px;display:block}.how-card p{color:var(--ink-soft);margin:5px 0 0;font-size:12px;line-height:1.6}.site-footer{color:#758078;justify-content:center;align-items:center;gap:8px;min-height:120px;padding:42px 24px 28px;font-size:13px;display:flex}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.home-intro-page .hero-cover{cursor:default}.age-page{background:radial-gradient(circle at 16% 18%,#ef956d21,#0000 22rem),radial-gradient(circle at 86% 80%,#70b57d26,#0000 25rem),#fff9ec}.age-select-main{width:min(760px,100% - 32px);min-height:calc(100dvh - 118px);box-shadow:var(--shadow-soft);background:radial-gradient(circle at 92% 9%,#f7c45747 0 8px,#0000 9px),linear-gradient(145deg,#fffef9f7,#f6f4daeb);border:2px solid #e5d1a5b8;border-radius:38px 38px 38px 10px;margin:10px auto 28px;padding:38px 54px 54px;position:relative;overflow:hidden}.flow-back-button{color:#486050;cursor:pointer;background:#fffef9;border:1px solid #e3dac9;border-radius:16px 16px 16px 6px;place-items:center;width:52px;height:52px;padding:0;transition:transform .18s,background .18s;display:grid;box-shadow:0 5px 13px #483b2617}.flow-back-button:hover{background:#f4f0e6;transform:translate(-2px)}.age-heading{text-align:center;margin:-18px auto 26px}.age-heading h1,.age-library-heading h1{color:#26372f;letter-spacing:.03em;margin:0;font-family:ui-rounded,PingFang SC,sans-serif;font-size:clamp(30px,4vw,44px)}.age-choice-list{gap:17px;width:min(560px,100%);margin:0 auto;display:grid}.age-choice{border:2px solid var(--age-border);width:100%;min-height:142px;box-shadow:0 8px 0 var(--age-shadow), 0 18px 28px #4b3c2517;cursor:pointer;text-align:left;border-radius:34px 34px 34px 10px;grid-template-columns:176px minmax(0,1fr) auto;align-items:center;gap:18px;padding:8px 27px 8px 14px;transition:transform .19s,box-shadow .19s;display:grid;position:relative;overflow:hidden}.age-choice:after{content:"";border:17px solid #ffffff47;border-radius:50%;width:94px;height:94px;position:absolute;top:-36px;right:-33px}.age-choice:hover{box-shadow:0 11px 0 var(--age-shadow), 0 22px 32px #4b3c251f;transform:translateY(-3px)}.age-choice:active{box-shadow:0 3px 0 var(--age-shadow), 0 10px 18px #4b3c251a;transform:translateY(5px)}.age-choice-egg{--age-border:#e9c99a;--age-shadow:#d8af76;background:#fff2d8}.age-choice-hatch{--age-border:#e8b998;--age-shadow:#d58f69;background:#ffe7d8}.age-choice-chick{--age-border:#add2a8;--age-shadow:#76ab78;background:#e9f4d9}.age-mascot{place-items:center;width:170px;height:136px;display:grid}.age-mascot svg{width:100%;height:100%;overflow:visible}.age-shadow{fill:#604b2c21}.egg-shell{fill:#fffdf4;stroke:#dfb977;stroke-width:5px;stroke-linejoin:round}.egg-shine{fill:none;stroke:#fff;stroke-width:10px;stroke-linecap:round;opacity:.8}.chick-body{fill:#f7cd49;stroke:#d79d2e;stroke-width:5px}.chick-eye{fill:#443c32}.chick-beak{fill:#ef8a44;stroke:#c76631;stroke-width:3px;stroke-linejoin:round}.chick-wing{fill:#f4bf3c;stroke:#d79d2e;stroke-width:9px;stroke-linecap:round}.chick-tuft,.chick-foot{fill:none;stroke:#c9822f;stroke-width:6px;stroke-linecap:round;stroke-linejoin:round}.age-choice-copy strong,.age-choice-copy small{display:block}.age-choice-copy strong{color:#33473a;letter-spacing:.08em;font-size:clamp(30px,4vw,42px);font-weight:900}.age-choice-copy small{color:#718078;margin-top:5px;font-size:14px;font-weight:800}.age-choice>svg{z-index:1;color:#587064;position:relative}.age-library-section{min-height:calc(100dvh - 190px);margin-top:36px}.age-library-heading{justify-content:flex-start;align-items:center;min-height:116px;position:relative}.age-library-heading .flow-back-button{flex:none;margin-right:6px}.selected-age-mascot{width:142px;height:110px;margin-left:auto}.selected-age-mascot svg{width:100%;height:100%;overflow:visible}.character-gate{background:radial-gradient(circle at 18% 20%, color-mix(in srgb, var(--character-accent) 18%, transparent), transparent 24rem), radial-gradient(circle at 82% 76%, #f5be4f38, transparent 28rem), #fff9ec;place-items:center;min-height:100dvh;display:grid;position:relative;overflow:hidden}.character-gate:before,.character-gate:after{content:"";pointer-events:none;border-radius:50%;position:absolute}.character-gate:before{border:38px solid #ffffff8c;width:270px;height:270px;bottom:-80px;left:-110px}.character-gate:after{background:#ffffff61;width:180px;height:180px;top:-45px;right:-55px}.character-back{left:max(24px, env(safe-area-inset-left));top:max(24px, env(safe-area-inset-top));z-index:5;color:#486050;cursor:pointer;background:#fffef9eb;border:1px solid #e4dac8;border-radius:18px 18px 18px 7px;place-items:center;width:56px;height:56px;display:grid;position:fixed;box-shadow:0 8px 22px #4b3b231f}.character-portal{aspect-ratio:1;width:min(66vw,570px);box-shadow:0 18px 0 color-mix(in srgb, var(--character-accent) 28%, #d8c69e), 0 35px 60px #41331e29;cursor:pointer;background:#fffef9cc;border:0;border-radius:48% 52% 45% 55%/55% 44% 56% 45%;place-items:center;padding:18px;transition:transform .22s,box-shadow .22s;display:grid;position:relative}.character-portal:hover{box-shadow:0 24px 0 color-mix(in srgb, var(--character-accent) 28%, #d8c69e), 0 42px 70px #41331e2e;transform:translateY(-6px)scale(1.015)}.character-portal:active{box-shadow:0 10px 0 color-mix(in srgb, var(--character-accent) 28%, #d8c69e), 0 22px 38px #41331e24;transform:translateY(8px)scale(.99)}.character-picture{background:#fff;border:9px solid #fff;border-radius:46% 54% 50% 50%/52% 46% 54% 48%;width:100%;height:100%;display:block;overflow:hidden}.character-picture img{object-fit:cover;width:100%;height:100%}.character-gate-801 .character-picture img{object-position:82% 48%;transform:scale(1.05)}.character-gate-802 .character-picture img{object-position:25% 54%;transform:scale(1.3)}.character-gate-803 .character-picture img{object-position:50% 24%;transform:scale(1.28)}.character-tap-ripple{border:3px solid color-mix(in srgb, var(--character-accent) 48%, white);border-radius:inherit;animation:.42s ease-out both portal-arrive;position:absolute;inset:-12px}.character-spark{background:#f5c75d;border-radius:7px 50%;width:26px;height:26px;position:absolute;transform:rotate(45deg)}.character-spark-one{top:26%;left:18%}.character-spark-two{background:color-mix(in srgb, var(--character-accent) 65%, #fff);bottom:25%;right:18%;transform:rotate(20deg)scale(.7)}@keyframes portal-arrive{0%{opacity:0;transform:scale(.86)}to{opacity:1;transform:scale(1)}}.reader-page{background:radial-gradient(circle at 75% 0%, color-mix(in srgb, var(--reader-accent) 12%, transparent), transparent 28rem), #f5f1e8;min-height:100dvh}.reader-header{z-index:40;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffef9eb;border-bottom:1px solid #cdc1abb8;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;min-height:76px;padding:10px max(24px,50vw - 690px);display:grid;position:sticky;top:0}.back-button{color:#486050;cursor:pointer;background:#f3efe5;border:1px solid #e3dac9;border-radius:14px;align-items:center;gap:5px;width:fit-content;min-height:46px;padding:0 15px 0 10px;font-weight:800;transition:background .18s,transform .18s;display:flex}.back-button:hover{background:#ebe6d9;transform:translate(-2px)}.reader-book-title{justify-content:center;align-items:center;gap:10px;display:flex}.reader-book-title img{object-fit:cover;border:2px solid #fff;border-radius:4px 8px 8px 4px;width:42px;height:50px;box-shadow:0 4px 9px #312b1f24}.reader-book-title strong,.reader-book-title small{display:block}.reader-book-title strong{text-overflow:ellipsis;white-space:nowrap;max-width:320px;font-size:16px;overflow:hidden}.reader-book-title small{color:#788279;margin-top:3px;font-size:11px}.reader-progress-label{color:#7a827c;font-variant-numeric:tabular-nums;justify-self:end;font-size:14px}.reader-progress-label span{color:color-mix(in srgb, var(--reader-accent) 70%, #2e4d3c);font-size:20px;font-weight:900}.reader-main{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:22px;width:min(1380px,100% - 40px);margin:0 auto;padding:24px 0 38px;display:grid}.page-stage,.companion-panel{box-shadow:var(--shadow-soft);background:#fffef9e6;border:1px solid #e3dacb}.page-stage{border-radius:25px 25px 10px;min-width:0;padding:18px}.page-stage-topline{justify-content:space-between;align-items:center;gap:16px;min-height:42px;margin-bottom:12px;display:flex}.stage-label{color:#5d6c63;align-items:center;gap:8px;font-size:13px;font-weight:800;display:flex}.stage-label svg{color:var(--reader-accent)}.story-audio-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.page-audio-button,.full-story-button{color:#486050;cursor:pointer;background:#eff3e9;border:1px solid #dce4d5;border-radius:13px;align-items:center;gap:7px;min-height:42px;padding:0 14px;font-size:13px;font-weight:800;transition:background .18s,transform .18s;display:flex}.page-audio-button:hover{background:#e7eee0;transform:translateY(-1px)}.page-audio-button.is-playing{color:#fff;background:#4d7b5e;border-color:#4d7b5e}.full-story-button{color:#814b33;background:#fff0d8;border-color:#f0d5ae}.full-story-button:hover{background:#ffe8c5;transform:translateY(-1px)}.full-story-button.is-playing{color:#fff;background:#dc7657;border-color:#dc7657}.picture-frame{background:linear-gradient(135deg,#ffffffc7,#efeadea8),repeating-linear-gradient(90deg,#0000,#0000 9px,#9e8b6506 10px);border:1px solid #e4dccd;border-radius:18px 18px 7px;place-items:center;height:clamp(390px,100dvh - 255px,690px);min-height:390px;padding:14px 62px;display:grid;position:relative;overflow:hidden}.picture-frame>img{object-fit:contain;background:#fff;border:7px solid #fff;border-radius:5px;width:auto;max-width:100%;height:auto;max-height:100%;box-shadow:0 12px 34px #382d1c2b,0 0 0 1px #53432a14}.turn-button{z-index:2;color:#486050;cursor:pointer;background:#fffef9eb;border:1px solid #ded5c4;place-items:center;width:50px;height:58px;transition:transform .18s,background .18s,opacity .18s;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 8px 18px #41362321}.turn-button-left{border-radius:16px 16px 16px 5px;left:12px}.turn-button-right{border-radius:16px 16px 5px;right:12px}.turn-button:hover:not(:disabled){background:#fff;transform:translateY(-50%)scale(1.05)}.turn-button:disabled{opacity:.28;cursor:default}.page-progress-track{background:#e8e2d7;border-radius:99px;height:6px;margin:14px 2px 12px;overflow:hidden}.page-progress-track span{background:linear-gradient(90deg, color-mix(in srgb, var(--reader-accent) 72%, #6c8c73), var(--reader-accent));border-radius:inherit;height:100%;transition:width .3s;display:block}.thumbnail-strip{scrollbar-width:thin;scrollbar-color:#cfc5b3 transparent;gap:8px;padding:5px 2px 7px;display:flex;overflow-x:auto}.thumbnail-strip button{cursor:pointer;opacity:.66;background:#eee8dd;border:2px solid #0000;border-radius:9px;width:66px;min-width:66px;height:48px;padding:0;transition:opacity .18s,transform .18s,border-color .18s;position:relative;overflow:hidden}.thumbnail-strip button:hover,.thumbnail-strip button.is-current{opacity:1}.thumbnail-strip button.is-current{border-color:var(--reader-accent);transform:translateY(-2px)}.thumbnail-strip img{object-fit:cover;width:100%;height:100%}.thumbnail-strip span{color:#fff;background:#26372fc7;border-radius:99px;place-items:center;min-width:17px;height:17px;padding:0 3px;font-size:9px;font-weight:800;display:grid;position:absolute;bottom:2px;right:3px}.mobile-page-buttons{display:none}.companion-panel{border-radius:25px 25px 25px 8px;max-height:calc(100dvh - 116px);padding:20px;position:sticky;top:98px;overflow-y:auto}.companion-head{align-items:center;gap:12px;display:flex}.character-avatar{border:2px solid color-mix(in srgb, var(--reader-accent) 52%, #d6cbb8);background:#fff;border-radius:18px 18px 18px 6px;flex:none;width:58px;height:58px;padding:3px;position:relative;box-shadow:0 5px 13px #45362221}.character-avatar img{object-fit:cover;border-radius:13px 13px 13px 4px;width:100%;height:100%}.character-avatar-801{object-position:82% 48%;transform:scale(1.3)}.character-avatar-802{object-position:25% 52%;transform:scale(1.34)}.character-avatar-803{object-position:50% 24%;transform:scale(1.34)}.online-dot{background:#65a970;border:3px solid #fffef9;border-radius:50%;width:15px;height:15px;position:absolute;bottom:-3px;right:-3px}.companion-head>div:last-child{flex:1;min-width:0}.companion-head span{color:#748078;margin-bottom:4px;font-size:11px;font-weight:700;display:block}.companion-head select{color:#2c3c33;cursor:pointer;background:0 0;border:0;width:100%;min-height:34px;padding:0 30px 0 0;font-size:17px;font-weight:900}.companion-age-switch{color:#66746b;background:#f5f1e8;border:1px solid #e5ddcf;border-radius:15px;justify-content:space-between;align-items:center;gap:10px;min-height:54px;margin-top:13px;padding:6px 7px 6px 12px;font-size:12px;font-weight:800;display:flex}.companion-age-switch>div{gap:5px;display:flex}.companion-age-switch button{color:#607067;cursor:pointer;background:0 0;border:0;border-radius:11px;min-width:60px;min-height:42px;padding:0 11px;font-size:13px;font-weight:900;transition:color .18s,background .18s,box-shadow .18s}.companion-age-switch button.is-active{color:#315c44;background:#fffef9;box-shadow:0 3px 9px #4939221a}.speech-card{background:color-mix(in srgb, var(--reader-accent) 11%, #fffdf8);border:1px solid color-mix(in srgb, var(--reader-accent) 24%, #e7ddcc);border-radius:20px 20px 20px 6px;min-height:128px;margin-top:18px;padding:18px 45px 19px 18px;position:relative}.speech-card:before{content:"";background:color-mix(in srgb, var(--reader-accent) 11%, #fffdf8);border-top:1px solid color-mix(in srgb, var(--reader-accent) 24%, #e7ddcc);border-left:1px solid color-mix(in srgb, var(--reader-accent) 24%, #e7ddcc);width:15px;height:15px;position:absolute;top:-8px;left:17px;transform:rotate(45deg)}.speech-label{color:color-mix(in srgb, var(--reader-accent) 70%, #345142);align-items:center;gap:5px;font-size:11px;font-weight:900;display:flex}.speech-card p{color:#2b3b32;margin:10px 0 0;font-size:16px;font-weight:700;line-height:1.75}.speak-small{width:44px;height:44px;color:color-mix(in srgb, var(--reader-accent) 65%, #476151);cursor:pointer;background:#ffffffb3;border:0;border-radius:12px;place-items:center;display:grid;position:absolute;top:10px;right:10px}.page-question-area{background:#f7f3ea;border:1px solid #e8dfd0;border-radius:15px;margin-top:12px;padding:12px}.page-question-title{color:#69756d;align-items:center;gap:6px;font-size:11px;font-weight:800;display:flex}.page-question-title svg{color:var(--reader-accent)}.page-question-chips{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:9px;display:grid}.page-question-chips button{color:#4e6256;cursor:pointer;background:#fffdf8;border:1px solid #ddd6c9;border-radius:12px;justify-content:center;align-items:center;gap:5px;min-width:0;min-height:46px;padding:7px 5px;font-size:11px;font-weight:900;transition:transform .16s,border-color .16s,background .16s;display:flex}.page-question-chips button:hover{background:color-mix(in srgb, var(--reader-accent) 9%, #fffdf8);border-color:color-mix(in srgb, var(--reader-accent) 35%, #ddd6c9);transform:translateY(-1px)}.page-question-chips svg{color:var(--reader-accent);flex:none}.story-question-deck{background:#f7f3ea;border:1px solid #e8dfd0;border-radius:18px 18px 18px 7px;margin-top:15px;padding:13px}.question-deck-heading{color:#5d6d63;justify-content:space-between;align-items:center;font-size:12px;font-weight:900;display:flex}.question-deck-heading small{min-width:42px;color:color-mix(in srgb, var(--reader-accent) 72%, #2f4e3d);background:color-mix(in srgb, var(--reader-accent) 12%, white);text-align:center;font-variant-numeric:tabular-nums;border-radius:99px;padding:3px 8px;font-size:10px}.dot-card-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin-top:11px;display:grid}.dot-card-grid button{aspect-ratio:1;cursor:pointer;background:0 0;border:0;border-radius:12px;place-items:center;min-width:0;padding:2px;transition:transform .16s,filter .16s;display:grid;position:relative}.dot-card-grid button:hover{filter:saturate(1.08);transform:translateY(-3px)rotate(-2deg)}.dot-card-grid button:active{transform:translateY(2px)scale(.96)}.dot-card-grid button.is-active svg{filter:drop-shadow(0 5px 0 color-mix(in srgb, var(--reader-accent) 45%, #c2ad85));transform:translateY(-3px)}.dot-card-grid button.is-asked:after{content:"✓";color:#fff;background:#5f946b;border:2px solid #fffef9;border-radius:50%;place-items:center;width:18px;height:18px;font-size:10px;font-weight:900;display:grid;position:absolute;top:-2px;right:-1px}.dot-card-grid svg{width:100%;height:100%;transition:filter .16s,transform .16s;overflow:visible}.dot-card-paper{fill:#fffdfa;stroke:#5b5349;stroke-width:5px}.dot-card-stitch{fill:none;stroke:#9a8e80;stroke-width:2.5px;stroke-dasharray:7 5}.dot-card-dot{fill:color-mix(in srgb, var(--reader-accent) 72%, #3182b5)}.dot-card-number{fill:color-mix(in srgb, var(--reader-accent) 72%, #3182b5);font-size:42px;font-weight:900}.child-transcript{color:#536258;background:#f4f1e9;border-radius:12px;align-items:center;gap:7px;min-height:48px;margin-top:10px;padding:8px 8px 8px 11px;font-size:12px;display:flex}.child-transcript span{flex:1;line-height:1.45}.child-transcript button{cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;width:44px;height:44px;display:grid}.voice-area{text-align:center;flex-direction:column;align-items:center;min-height:185px;padding:21px 0 7px;display:flex}.mic-button{z-index:1;color:#fff;cursor:pointer;background:#e97858;border:7px solid #fff8ef;border-radius:50%;place-items:center;width:92px;height:92px;transition:transform .18s,box-shadow .18s,background .18s;display:grid;position:relative;box-shadow:0 8px #c85e43,0 13px 24px #b5553838}.mic-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px #c85e43,0 16px 28px #b555383d}.mic-button:active:not(:disabled){transform:translateY(4px);box-shadow:0 4px #c85e43,0 8px 15px #b5553833}.mic-button:disabled{cursor:wait}.voice-listening .mic-button{background:#56856a;box-shadow:0 8px #3c6850,0 13px 24px #3d684f38}.voice-thinking .mic-button{background:#7b8f82;box-shadow:0 8px #607268}.voice-speaking .mic-button{background:var(--reader-accent);box-shadow:0 8px 0 color-mix(in srgb, var(--reader-accent) 72%, #3f473f)}.mic-ring{z-index:-1;pointer-events:none;opacity:0;border:2px solid #e9785859;border-radius:50%;position:absolute;inset:-5px}.voice-listening .mic-ring{border-color:#56856a80;animation:1.5s ease-out infinite voice-ring}.voice-listening .mic-ring-two{animation-delay:.65s}.voice-area>strong{color:#34463b;margin-top:18px;font-size:14px}.voice-area>small{color:#7d877f;margin-top:5px;font-size:11px}.quick-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.quick-actions button{color:#536158;cursor:pointer;background:#f5f1e8;border:1px solid #e5ddce;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-width:0;min-height:65px;padding:8px 4px;font-size:11px;font-weight:800;transition:background .18s,transform .18s;display:flex}.quick-actions button:hover{background:#ece8dd;transform:translateY(-2px)}.quick-actions button:last-child{color:#795740;background:#fbefe2;border-color:#f0ddcb}.session-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.session-actions button{cursor:pointer;border:1px solid #e2dacd;border-radius:16px 16px 16px 6px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:0;min-height:68px;padding:8px 5px;font-size:11px;font-weight:900;transition:transform .17s,box-shadow .17s,background .17s;display:flex}.session-actions button:hover:not(:disabled){transform:translateY(-2px)}.session-actions button:active:not(:disabled){transform:translateY(2px)}.session-actions button:disabled{cursor:wait;opacity:.72}.read-together-button{color:#8e5548;background:#fff0e4}.read-together-button svg{fill:#e57861;stroke:#ad503f;stroke-width:3px;stroke-linecap:round;width:27px;height:27px}.teacher-button{color:#53675b;background:#f2f1e7}.growth-action-block{color:#3f5845;background:linear-gradient(145deg,#f0f6df,#e4f0ce);border:1px solid #c9dbad;border-radius:18px 18px 18px 7px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px 11px;margin-top:10px;padding:13px;display:grid;box-shadow:inset 0 1px #fffc}.growth-action-block.is-ready{background:linear-gradient(145deg,#fff4cf,#e8f3cf);border-color:#d9c875}.growth-action-mark{color:#fff;background:#6da463;border:4px solid #f9ffe9;border-radius:50%;place-items:center;width:48px;height:48px;display:grid;position:relative;box-shadow:0 4px #4d7d4c}.growth-action-mark svg:last-child{color:#ef78b8;stroke:#a8427d;position:absolute;top:-7px;right:-5px}.growth-action-copy{min-width:0}.growth-action-copy strong{font-size:12px;line-height:1.45;display:block}.growth-action-copy span{color:#718074;font-variant-numeric:tabular-nums;margin-top:3px;font-size:10px;line-height:1.45;display:block}.growth-action-block .finish-button{color:#fff;cursor:pointer;background:#5b9168;border:1px solid #4f825c;border-radius:15px 15px 15px 6px;grid-column:1/-1;justify-content:center;align-items:center;gap:8px;min-height:52px;padding:10px 14px;font-size:13px;font-weight:900;transition:transform .17s,box-shadow .17s,filter .17s;display:flex;box-shadow:0 4px #3d704a}.growth-action-block .finish-button:hover:not(:disabled){filter:brightness(1.04);transform:translateY(-2px)}.growth-action-block .finish-button:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px #3d704a}.growth-action-block .finish-button:disabled{cursor:wait;opacity:.72}.story-complete-banner{color:#4b5d3f;background:linear-gradient(135deg,#fff4cb,#eff6d6);border:1px solid #e3d18a;border-radius:18px 18px 18px 7px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:15px;padding:14px 15px;display:grid}.story-complete-stars{color:#ef76b9;filter:drop-shadow(0 3px #97407426);align-items:center;gap:1px;display:flex}.story-complete-stars svg:first-child{transform:rotate(-10deg)}.story-complete-stars svg:last-child{transform:rotate(10deg)}.story-complete-banner strong{font-size:14px;display:block}.story-complete-banner span{color:#72806c;margin-top:3px;font-size:11px;line-height:1.45;display:block}.story-complete-banner button{color:#fff;cursor:pointer;background:#63965d;border:0;border-radius:13px;justify-content:center;align-items:center;gap:7px;min-height:46px;padding:0 15px;font-size:12px;font-weight:900;display:flex;box-shadow:0 4px #477644}.story-complete-banner button:disabled{cursor:wait;opacity:.7}.growth-summary-overlay{z-index:1000;padding:max(24px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#222d26a8;place-items:center;animation:.22s ease-out both summary-fade;display:grid;position:fixed;inset:0;overflow-y:auto}.growth-summary-card{text-align:center;background:radial-gradient(circle at 10% 14%,#fffc 0 5px,#0000 6px),linear-gradient(160deg,#fffdea,#fff8cf 58%,#edf4d8);border:9px solid #6eaa5e;border-radius:42px 42px 42px 14px;width:min(620px,100%);max-height:calc(100dvh - 48px);padding:83px 42px 34px;animation:.33s cubic-bezier(.2,.9,.24,1.12) both summary-rise;position:relative;overflow-y:auto;box-shadow:0 0 0 8px #b7d77b,0 28px 80px #0f1c1452}.growth-summary-close{color:#fff;cursor:pointer;background:#76b65e;border:4px solid #d7efab;border-radius:50%;place-items:center;width:48px;height:48px;display:grid;position:absolute;top:17px;right:17px;box-shadow:0 4px #4e8c47}.summary-stars{color:#d5d2c6;justify-content:center;align-items:flex-end;gap:12px;width:min(390px,72%);display:flex;position:absolute;top:-13px;left:50%;transform:translate(-50%)}.summary-stars svg{stroke-width:2.4px;filter:drop-shadow(0 7px #5b48262b);width:88px;height:88px;transform:rotate(-8deg)}.summary-stars svg:nth-child(2){width:108px;height:108px;transform:translateY(-10px)}.summary-stars svg:nth-child(3){transform:rotate(8deg)}.summary-stars svg.is-earned{color:#ef74bd;stroke:#b6468f;animation:.36s cubic-bezier(.2,.9,.24,1.24) both star-pop}.summary-stars svg:nth-child(2).is-earned{animation-delay:.1s}.summary-stars svg:nth-child(3).is-earned{animation-delay:.19s}.summary-kicker{color:#45724e;letter-spacing:.08em;background:#e5f0c9;border-radius:99px;padding:6px 12px;font-size:11px;font-weight:900;display:inline-flex}.growth-summary-card h2{color:#354b38;margin:9px 0 13px;font-size:clamp(26px,4vw,36px)}.summary-meta{flex-wrap:wrap;justify-content:center;gap:7px;display:flex}.summary-meta span{color:#596a5d;background:#ffffffb8;border:1px solid #e6dec0;border-radius:99px;padding:5px 9px;font-size:11px;font-weight:800}.summary-footprints{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:13px;display:grid}.summary-footprints>div{color:#56805a;background:#ffffffb3;border:1px solid #e4ddc4;border-radius:15px;place-items:center;gap:2px;min-width:0;padding:10px 6px;display:grid}.summary-footprints strong{color:#3f5944;font-variant-numeric:tabular-nums;font-size:17px}.summary-footprints span{color:#6d786e;font-size:10px;font-weight:800}.summary-overview{color:#3d4b40;text-align:left;margin:18px 0 0;font-size:15px;font-weight:700;line-height:1.75}.summary-section,.summary-suggestion{color:#405047;text-align:left;background:#ffffffbd;border:1px solid #e4ddc4;border-radius:18px 18px 18px 7px;margin-top:14px;padding:15px 17px}.summary-section strong,.summary-suggestion strong{color:#36543f;font-size:13px}.summary-section ul{margin:9px 0 0;padding-left:20px}.summary-section li{margin-top:5px;font-size:13px;line-height:1.55}.summary-suggestion{background:#edf4df;border-color:#d7e4c8}.summary-suggestion p{margin:7px 0 0;font-size:13px;line-height:1.65}.summary-reference{color:#56725f;margin-top:15px;font-size:11px;font-weight:800;display:inline-block}.summary-disclaimer{color:#788179;margin-top:8px;font-size:10px;line-height:1.5;display:block}.summary-back-button{color:#fff;cursor:pointer;background:#62a051;border:0;border-radius:16px 16px 16px 6px;min-width:190px;min-height:50px;margin-top:18px;padding:0 22px;font-weight:900;box-shadow:0 5px #447e3d}@keyframes summary-fade{0%{opacity:0}to{opacity:1}}@keyframes summary-rise{0%{opacity:0;transform:translateY(22px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes star-pop{0%{opacity:0;transform:translateY(25px)scale(.4)rotate(-15deg)}to{opacity:1}}.companion-tip{color:#889087;border-top:1px dashed #ddd4c5;justify-content:center;align-items:center;gap:6px;margin-top:12px;padding-top:12px;font-size:10px;display:flex}.toast{left:50%;bottom:max(28px, env(safe-area-inset-bottom));z-index:100;color:#fff;background:#27372ff0;border-radius:12px;max-width:calc(100% - 32px);padding:12px 18px;font-size:13px;font-weight:700;animation:.24s ease-out toast-in;position:fixed;transform:translate(-50%);box-shadow:0 10px 24px #1f2a243d}.spin{animation:.9s linear infinite spin}@keyframes card-enter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes voice-ring{0%{opacity:.72;transform:scale(1)}to{opacity:0;transform:scale(1.48)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@media (width<=1120px){.hero-section{grid-template-columns:minmax(0,.85fr) minmax(370px,1.15fr);padding:50px 44px}.hero-cover{width:165px}.book-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.how-section{grid-template-columns:1fr}}@media (width<=960px){.reader-header{padding-inline:16px}.reader-main{grid-template-columns:1fr;width:min(820px,100% - 28px)}.companion-panel{max-height:none;position:static}.voice-area{min-height:172px}.quick-actions{max-width:460px;margin:0 auto}}@media (width<=820px){.site-header,.hero-section,.library-section,.how-section{width:min(100% - 32px,680px)}.hero-section{grid-template-columns:1fr;align-items:start;min-height:730px;padding:42px 34px 22px}.hero-copy{max-width:520px}.hero-books{min-height:350px;margin-top:10px}.hero-cover{width:170px}.hero-cover-1{left:7%}.hero-cover-2{left:37%}.hero-cover-3{right:2%}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 18px}.how-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=600px){.site-header{width:calc(100% - 28px);min-height:70px}.brand-mark{border-radius:14px 14px 14px 5px;width:44px;height:44px}.brand strong{font-size:19px}.brand small{font-size:9px}.header-note{justify-content:center;width:44px;min-width:44px;padding:0}.header-note span{display:none}.age-select-main{border-radius:28px 28px 28px 8px;width:calc(100% - 24px);min-height:calc(100dvh - 88px);margin-top:4px;padding:20px 18px 34px}.flow-back-button{border-radius:14px 14px 14px 5px;width:48px;height:48px}.age-heading{margin:-5px auto 20px}.age-heading h1{font-size:30px}.age-choice-list{gap:13px}.age-choice{min-height:116px;box-shadow:0 6px 0 var(--age-shadow), 0 13px 22px #4b3c2514;border-radius:26px 26px 26px 8px;grid-template-columns:118px minmax(0,1fr) auto;gap:9px;padding:7px 19px 7px 6px}.age-mascot{width:116px;height:101px}.age-choice-copy strong{font-size:30px}.age-choice-copy small{font-size:12px}.age-library-section{width:calc(100% - 28px);margin-top:18px}.age-library-heading{gap:12px;min-height:92px;display:flex}.age-library-heading .flow-back-button{margin-right:0}.age-library-heading h1{font-size:25px;line-height:1.15}.selected-age-mascot{width:82px;height:72px}.character-portal{width:calc(100% - 48px);max-width:430px;box-shadow:0 13px 0 color-mix(in srgb, var(--character-accent) 28%, #d8c69e), 0 25px 45px #41331e26;padding:11px}.character-picture{border-width:6px}.character-back{left:max(14px, env(safe-area-inset-left));top:max(14px, env(safe-area-inset-top));width:50px;height:50px}.character-spark-one{top:21%;left:8%}.character-spark-two{bottom:20%;right:8%}.hero-section{border-radius:28px 28px 28px 8px;width:calc(100% - 24px);min-height:615px;margin-top:6px;padding:34px 23px 12px}.hero-copy h1{margin-top:17px;font-size:clamp(40px,12vw,52px)}.storybook-title{margin:21px auto 17px!important;font-size:clamp(54px,16.5vw,68px)!important;line-height:1.02!important}.title-line-two{margin-left:.18em}.hero-doodle-bug{width:34px;height:34px;top:72px;right:1px}.hero-doodle-flower{width:37px;height:37px;top:178px;right:-5px}.hero-copy p{font-size:15px;line-height:1.75}.hero-button{justify-content:center;width:100%}.hero-books{min-height:263px;margin-top:9px}.hero-cover{border-width:4px;width:124px}.hero-cover-1{top:57px;left:2%}.hero-cover-2{top:22px;left:34%}.hero-cover-3{top:62px;right:-1%}.hero-sun{width:48px;height:48px;right:13px}.library-section{width:calc(100% - 28px);margin-top:58px}.section-heading{display:block}.section-heading p{margin-top:9px;line-height:1.55}.age-filters{width:100%;margin:22px 0}.age-filters button{flex:1;min-width:0;padding:0 8px}.book-grid{gap:25px 12px}.cover-wrap{box-shadow:0 10px 19px #54442a21, -4px 4px 0 color-mix(in srgb, var(--book-accent) 34%, #c7b99f);border-width:4px;border-radius:8px 17px 17px 6px}.book-card-copy{padding:14px 2px 0}.book-meta{gap:5px;font-size:10px}.theme-pill{min-height:23px;padding:0 7px}.book-card-copy>strong{min-height:52px;margin-top:8px;font-size:15px;line-height:1.55}.book-detail{font-size:10px}.listen-badge{min-height:27px;padding-inline:8px;bottom:7px;right:7px}.how-section{gap:25px;width:calc(100% - 28px);margin-top:70px;padding:28px 20px}.how-grid{grid-template-columns:1fr}.how-card{align-items:center;gap:15px;min-height:96px;display:flex}.how-card strong{margin-top:0}.site-footer{min-height:100px;padding-top:32px;font-size:11px}.reader-header{min-height:66px;padding:max(8px, env(safe-area-inset-top)) 12px 8px;grid-template-columns:auto minmax(0,1fr) auto;gap:9px}.back-button{border-radius:13px;justify-content:center;width:46px;height:46px;padding:0}.back-button span{display:none}.reader-book-title{justify-content:flex-start;gap:8px;min-width:0}.reader-book-title img{width:35px;height:42px}.reader-book-title strong{font-size:13px}.reader-book-title small{font-size:9px}.reader-progress-label{font-size:11px}.reader-progress-label span{font-size:17px}.reader-main{width:100%;padding:0 0 max(18px, env(safe-area-inset-bottom));gap:12px}.page-stage{border:0;border-bottom:1px solid #e0d7c7;border-radius:0 0 20px 20px;padding:12px 10px 14px;box-shadow:0 8px 20px #4d3f280f}.page-stage-topline{align-items:flex-start;margin-bottom:8px;padding:0 3px}.stage-label{font-size:11px}.story-audio-actions{flex-wrap:wrap;gap:6px}.page-audio-button,.full-story-button{min-height:44px;padding-inline:10px;font-size:11px}.picture-frame{aspect-ratio:1.18;border-radius:13px;height:auto;min-height:0;padding:8px}.picture-frame>img{border-width:4px;max-height:100%}.turn-button{display:none}.page-progress-track{margin:10px 3px 8px}.thumbnail-strip{display:none}.mobile-page-buttons{grid-template-columns:1fr auto 1fr;align-items:center;gap:5px;min-height:46px;display:grid}.mobile-page-buttons button{color:#526259;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;gap:2px;min-height:44px;padding:0 5px;font-size:12px;font-weight:800;display:flex}.mobile-page-buttons button:last-child{justify-self:end}.mobile-page-buttons button:disabled{opacity:.3}.mobile-page-buttons>span{color:#7b847d;font-variant-numeric:tabular-nums;font-size:11px}.companion-panel{border-radius:22px 22px 22px 7px;margin:0 10px;padding:16px}.character-avatar{width:53px;height:53px}.companion-head select{min-height:44px;font-size:16px}.companion-age-switch{min-height:56px}.speech-card{min-height:112px;margin-top:15px;padding:15px 43px 15px 15px}.speech-card p{font-size:15px}.page-question-area{margin-top:10px;padding:10px}.page-question-chips button{min-height:48px}.story-question-deck{margin-top:12px;padding:11px}.dot-card-grid{gap:5px}.dot-card-grid button{min-height:44px}.voice-area{min-height:164px;padding-top:17px}.mic-button{width:88px;height:88px}.quick-actions button{min-height:68px;font-size:11px}.session-actions button{min-height:66px}.growth-action-block{padding:12px}.growth-action-copy strong{font-size:13px}.growth-action-copy span{font-size:11px}.growth-action-block .finish-button{min-height:54px;font-size:13px}.story-complete-banner{grid-template-columns:auto minmax(0,1fr);padding:13px}.story-complete-banner button{grid-column:1/-1;width:100%;min-height:48px}.growth-summary-overlay{place-items:start center;padding-inline:12px}.growth-summary-card{border-width:7px;border-radius:30px 30px 30px 10px;max-height:none;padding:75px 18px 26px;box-shadow:0 0 0 5px #b7d77b,0 22px 54px #0f1c144d}.summary-stars{gap:4px;width:76%;top:-8px}.summary-stars svg{width:70px;height:70px}.summary-stars svg:nth-child(2){width:87px;height:87px}.growth-summary-close{width:46px;height:46px;top:11px;right:11px}.growth-summary-card h2{font-size:28px}.summary-footprints{gap:5px}.summary-footprints>div{padding-inline:3px}}@media (width<=380px){.hero-section{min-height:598px}.hero-cover{width:112px}.hero-copy p{font-size:14px}.book-grid{gap-inline:9px}.book-meta>span:last-child{display:none}.book-card-copy>strong{font-size:14px}}@media (orientation:landscape) and (height<=540px) and (width<=960px){.picture-frame{aspect-ratio:auto;height:74dvh}.reader-main{width:min(800px,100% - 22px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}