@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-latin-600-normal-Br8yIETf.woff2) format("woff2"),url(/assets/nunito-latin-600-normal-Cd0eNu1l.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-latin-700-normal-Dort48En.woff2) format("woff2"),url(/assets/nunito-latin-700-normal-OcDqTBcA.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-latin-800-normal-Dz8SOQK_.woff2) format("woff2"),url(/assets/nunito-latin-800-normal-D-J0wlBY.woff) format("woff")}:root{font-family:Nunito,PingFang SC,Microsoft YaHei,sans-serif;color:#493e2f;background:#faf5e9;font-synthesis:none;font-weight:600;--orange: #ca7646;--ink: #493e2f;--muted: #96846b;--line: #e6d8bf;--cream: #faf5e9;--green: #74885b}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 45% 0,#fffdf5 0,#faf5e9 65%)}button{font:inherit;cursor:pointer;color:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background .2s,transform .2s,box-shadow .2s}button,a{outline-offset:5px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #cc8951}button:disabled{cursor:default;opacity:.45;transform:none!important}button:active:not(:disabled){transform:translateY(2px)}button svg,svg{flex-shrink:0}svg{width:20px;height:20px;vertical-align:middle}[hidden]{display:none!important}h1,h2,p{margin:0}img{max-width:100%}.app-shell{max-width:1600px;margin:auto}header{height:82px;margin:0 5%;display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;z-index:9;border-bottom:1px solid #e9dfce80}.brand{display:flex;align-items:center;gap:10px;border:0;background:none;padding:0}.brand>img{width:48px;height:48px;object-fit:contain}.brand-name{color:#c37643;font-size:34px;font-weight:800;letter-spacing:-1.8px;line-height:1}.brand-name>span{font-size:12px;letter-spacing:1px;margin-left:9px;color:#8e754f}.brand-divider,.utility-divider{height:22px;width:1px;background:var(--line);margin:0 4px}.brand-house{font-size:12px;letter-spacing:1.5px;color:#88765e}nav{display:flex;gap:8px;position:absolute;left:50%;transform:translate(-50%)}.nav-link{border:0;background:none;display:flex;align-items:center;gap:8px;font-size:12px;padding:11px 17px;border-radius:24px;color:#94836b}.nav-link.active{background:#eee6d5;color:#6c593d}.nav-link svg{width:16px;height:16px}.header-right{display:flex;align-items:center;gap:17px}.reward-count{display:flex;gap:6px;align-items:center;font-size:13px}.reward-count svg{color:#c5a14d;fill:#eecf7d35;width:19px}.icon-button{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #e5d9c3;border-radius:50%;background:#fffaf0}@media(hover:hover)and (pointer:fine){.icon-button:hover{background:#f1e5cf}}.icon-button svg{width:18px;height:18px}.parent-help{border:0;background:none;color:#9d8d77}.count-dot{background:#c88351;color:#fff;min-width:17px;height:17px;display:grid;place-items:center;border-radius:50%;font-size:10px}.library-top{text-align:center;padding:31px 16px 15px}.eyebrow{font-size:11px;letter-spacing:2px;color:#a3895f;display:flex;align-items:center;justify-content:center;gap:8px}.eyebrow svg{width:14px;height:14px;color:#c4a056}.library-top h1{font-size:clamp(30px,3vw,44px);font-weight:800;letter-spacing:2px;line-height:1.4;margin:11px 0;color:#544330}.library-top h1 span{color:#c38153}.library-top p{font-size:13px;letter-spacing:1px;color:#9b8668}.world-wrap{position:relative;max-width:1280px;margin:8px auto 0;border-radius:32px;background:#f0e1c5;overflow:hidden;box-shadow:0 14px 50px #8464420e}.shelf-caption{position:absolute;z-index:1;left:30px;right:30px;top:23px;display:flex;justify-content:space-between;align-items:center;color:#8c795b;font-size:11px;letter-spacing:1px;pointer-events:none}.shelf-caption>span:first-child{display:flex;align-items:center;gap:8px}.shelf-caption svg{width:15px;height:15px}.shelf-count{font-size:10px;background:#fff5e08c;border:1px solid #fff5e8b0;border-radius:20px;padding:7px 12px}#world{width:100%;height:clamp(390px,48vh,510px);touch-action:pan-y pinch-zoom;position:relative}#world canvas{display:block;width:100%;height:100%;outline:none}.world-spark{display:none}.book-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:86%;margin:-7px auto 18px;position:relative;z-index:2}.book-tab{border:1px solid transparent;background:#fff6e68c;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 6px;color:#8b7352;font-size:12px;min-height:48px;border-radius:25px}.book-tab.selected{color:#9c633d;background:#fff8e9;border-color:#c6a57288;box-shadow:0 3px 10px #8563300b}@media(hover:hover)and (pointer:fine){.book-tab:hover{background:#fff9ec}}.book-dot{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;color:#fff}.book-dot svg{width:14px;height:14px}.selected-dot{width:5px;height:5px;border-radius:50%;background:#c37c42}.library-bottom{padding:23px 20px 0}.selection-card{max-width:760px;background:#fffdf7;border:1px solid #e7dac4;border-radius:22px;padding:14px 18px;display:flex;align-items:center;gap:18px;margin:auto;box-shadow:0 5px #eee4d233,0 9px 25px #9e805c08}.selection-icon{width:50px;height:63px;flex-shrink:0;border-radius:5px;overflow:hidden;transform:rotate(-4deg);box-shadow:2px 3px 4px #77533225}.selection-icon img{display:block;width:100%;height:100%;object-fit:cover}.selection-copy{flex:1;min-width:0}.selection-title{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:800;color:#685038;letter-spacing:.5px}.selection-title>span{font-size:9px;padding:5px 8px;background:#f4ebd9;border-radius:6px;color:#a08761;white-space:nowrap}.selection-meta{display:flex;align-items:center;gap:7px;font-size:11px;color:#a38c6d;margin-top:8px;white-space:nowrap}.selection-meta svg{width:13px;height:13px}.selection-meta b{color:#cbb694;font-weight:400}.primary,.secondary{border:0;border-radius:15px;min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:13px;padding:0 25px;font-size:14px;font-weight:800;letter-spacing:.8px;white-space:nowrap}.primary{color:#fffaf0;background:#cc7c4d;box-shadow:0 4px #ab643a,0 8px 17px #b4773420}@media(hover:hover)and (pointer:fine){.primary:hover:not(:disabled){background:#bd6e40;transform:translateY(-2px);box-shadow:0 5px #9e5831,0 10px 20px #b4773428}}.secondary{background:#efe6d3;color:#8f7553;border:1px solid #e2d2b7;box-shadow:0 3px #d9c6a6}.primary svg,.secondary svg{width:18px;height:18px}.restart-library{border:0;background:none;color:#ab9776;padding:10px}.restart-library svg{width:18px}.learning-path{display:flex;align-items:center;justify-content:center;gap:17px;margin:25px 0 10px;color:#9b896c;font-size:11px}.learning-path span{display:flex;align-items:center;gap:7px}.learning-path svg{width:15px;height:15px;color:#b49a72}.learning-path i{font-style:normal;color:#ccbea5}.little-note{text-align:center;color:#b0a080;font-size:10px;letter-spacing:.4px}.little-note svg{width:12px;height:12px;margin-left:5px}footer{display:flex;justify-content:space-between;align-items:center;margin:30px 5% 0;padding:18px 0 25px;color:#b0a086;font-size:10px;letter-spacing:1px}footer span:first-child{display:flex;align-items:center;gap:7px}footer svg{width:12px;height:12px}.story-top{height:69px;display:flex;align-items:center;justify-content:space-between;margin:0 6%;gap:12px}.back-button{display:flex;align-items:center;gap:9px;background:none;border:0;color:#958064;font-size:12px;padding:12px 0;min-height:44px}.back-button svg{width:18px}.story-title{text-align:center;position:absolute;left:50%;transform:translate(-50%);font-size:14px;letter-spacing:1.4px;font-weight:800}.story-progress{display:flex;gap:5px;justify-content:center;margin-top:8px}.story-progress i{height:4px;width:25px;border-radius:8px;background:#e6dbc8}.story-progress i.filled{background:#be945c}.chapter-pill{font-size:11px;letter-spacing:1px;color:#9b835e;background:#eee5d2;padding:8px 13px;border-radius:20px}.chapter-pill>span{color:#b6a080;margin:0 4px}.reading .world-wrap{max-width:1280px;margin:0 auto;border-radius:30px}.reading #world{height:clamp(410px,55vh,610px)}.scene-cue{position:absolute;top:26px;left:30px;pointer-events:none;background:#fff7e8b0;border:1px solid #fff3dc;padding:12px 19px;border-radius:16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.chapter-kicker{display:block;font-size:9px;letter-spacing:1.5px;color:#a38b64;margin-bottom:5px}.scene-cue>b{font-size:19px;letter-spacing:2px;color:#8c6941}.story-controls{max-width:910px;margin:19px auto 0;padding:0 22px 28px;position:relative;z-index:4}.dialogue-card{background:#fffdf7;border:1px solid #e9dbc3;border-radius:22px;display:flex;align-items:center;gap:18px;padding:15px 19px;min-height:100px;box-shadow:0 4px #eee4d333,0 10px 25px #a8885308}.speaker-avatar{position:relative;flex-shrink:0}.speaker-avatar>img{width:64px;height:64px;object-fit:contain;transform:rotate(-5deg)}.speaker-label{font-size:10px;letter-spacing:1px;color:#b08c61;display:block;margin-bottom:5px}.dialogue-copy{flex:1;min-width:0}.dialogue-copy h2{font-size:26px;letter-spacing:2px;color:#60462c;font-weight:800;line-height:1.35}.pinyin{color:#a58357;font-size:14px;letter-spacing:1px;margin-top:5px}.repeat-cue{font-size:10px;color:#a08c6e;letter-spacing:1px;margin-top:6px;display:block}.replay-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#b68145;background:#f7ecd5;border:1px solid #ead9b6;border-radius:15px;min-width:73px;min-height:70px;font-size:10px}@media(hover:hover)and (pointer:fine){.replay-button:hover{background:#f1e1bd}}.replay-button svg{width:23px;height:23px}.speech-bars{position:absolute;bottom:-2px;right:0;display:flex;align-items:center;justify-content:center;gap:2px;width:25px;height:25px;background:#fffbec;border:1px solid #e7d6b7;border-radius:50%}.speech-bars i{height:5px;width:2px;border-radius:3px;background:#c39a62}.speech-bars.talking i{animation:talk .3s ease-in-out infinite alternate}.speech-bars.talking i:nth-child(2){animation-delay:.1s}.speech-bars.talking i:nth-child(3){animation-delay:.2s}.word-tray{display:flex;justify-content:center;gap:10px;margin:15px auto 0;flex-wrap:wrap}.word-chip{min-width:112px;min-height:74px;padding:10px 15px;border:1px solid #e4d5b9;border-radius:15px;background:#fff9e9;box-shadow:0 3px #eadabd55;position:relative;display:flex;align-items:center;justify-content:center;gap:8px}@media(hover:hover)and (pointer:fine){.word-chip:hover{background:#f8e8c8;transform:translateY(-2px)}}.word-chip.learned{border-color:#abb986;background:#edf0dd}.word-chip b,.word-chip strong{font-size:20px;letter-spacing:1px;display:block}.word-chip small{font-size:11px;letter-spacing:.5px;display:block;color:#aa906b;margin-top:3px}.word-chip svg{width:14px;height:14px;color:#bd9e6e}.word-chip.learned svg{color:#82955b}.story-bottom-row{display:flex;justify-content:space-between;align-items:center;margin-top:18px;gap:14px}.interaction-hint{display:flex;align-items:center;gap:7px;font-size:11px;letter-spacing:.5px;color:#a08862}.interaction-hint svg{width:15px;height:15px;color:#b89b66}.answer-tray{display:flex;justify-content:center;gap:15px;padding:17px 0 0;flex-wrap:wrap}.picture-choice{width:104px;height:94px;padding:3px;background:#fff9e9;border:1px solid #e3d1b2;border-radius:18px;box-shadow:0 4px #e7d5b5}@media(hover:hover)and (pointer:fine){.picture-choice:hover{transform:translateY(-4px);background:#f5e8cc;border-color:#bd9c69}}.picture-choice img{width:100%;height:100%;object-fit:contain}.dialogue-card.correct{background:#f0f4e1;border-color:#c4d2a4}.dialogue-card.correct h2{color:#6f8650}.dialogue-card.gentle{background:#fff6e4;border-color:#e4c99e}.take-button{margin:17px auto 0;display:flex}.transition{position:absolute;inset:0;z-index:5;pointer-events:all;display:flex;align-items:flex-end;justify-content:center;padding-bottom:16px}.transition>span{display:flex;align-items:center;gap:8px;border:1px solid #ead9b6;background:#fff9eade;border-radius:24px;padding:10px 18px;color:#9a8057;font-size:11px;box-shadow:0 5px 14px #76502012}.transition svg{width:15px;height:15px}.transition b{font-weight:600}.is-busy #world{pointer-events:none}.reward-panel{text-align:center;background:#fffaf0;border:1px solid #e5d4b4;border-radius:24px;padding:22px 20px}.reward-eyebrow{font-size:10px;letter-spacing:1px;color:#ae9264;display:flex;align-items:center;justify-content:center;gap:8px}.reward-eyebrow svg{width:15px}.reward-panel h2{font-size:38px;letter-spacing:5px;color:#c08445;margin:8px 0}.reward-panel>p{font-size:14px;color:#9b815b;letter-spacing:1px}.reward-panel strong{font-weight:800;color:#a87c35}.reward-pills{display:flex;justify-content:center;gap:12px;margin:18px 0}.reward-pills>span{display:flex;gap:7px;align-items:center;background:#f2e4bc;padding:9px 14px;border-radius:20px;color:#a58138;font-size:12px}.reward-pills svg{width:17px;height:17px}.learned-summary{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.learned-summary button{border:0;background:#f0f2df;border-radius:18px;color:#7a8b53;display:flex;gap:5px;align-items:center;font-size:14px;padding:8px 12px}.learned-summary svg{width:13px;height:13px}.reward-actions{display:flex;justify-content:center;gap:14px;margin:20px 0 12px}.reward-panel>small{font-size:10px;color:#b1a083}.modal-scrim{position:fixed;inset:0;background:#48392455;z-index:20;display:flex;align-items:center;justify-content:center;padding:25px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal{width:580px;max-height:90dvh;overflow:auto;border:1px solid #ebddc4;background:#fffbf1;border-radius:27px;padding:36px;box-shadow:0 30px 100px #3e2b2633;position:relative}.modal-close{position:absolute;right:17px;top:17px;background:#f1e7d3;border:0}.modal-eyebrow{font-size:10px;color:#ad8c60;letter-spacing:1.4px;display:block;margin-bottom:12px}.modal h2{font-size:28px;color:#86613d;letter-spacing:2px}.modal-intro{font-size:13px;line-height:1.9;color:#9b8464;margin:14px 0 20px}.collection-totals{display:flex;gap:24px;padding:16px 0 24px;border-bottom:1px solid var(--line)}.collection-totals>span{display:flex;align-items:center;gap:8px;color:#a98b53;font-size:11px}.collection-totals strong{font-size:26px;color:#957233}.collection-totals svg{color:#cbab5f;width:25px;height:25px}.badge-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;margin-top:20px}.badge-card{padding:19px 12px;border:1px solid #e6ddca;border-radius:17px;text-align:center;background:#f7f1e4;opacity:.57}.badge-card.earned{background:#f5ebce;border-color:#d6bb7e;opacity:1}.badge-card svg{width:32px;height:32px;color:#b99b55;margin-bottom:10px}.badge-card b,.badge-card strong{display:block;font-size:15px;color:#8f7346}.badge-card small,.badge-card span{display:block;font-size:11px;color:#a28c6b;margin-top:7px}.local-note{font-size:11px;line-height:1.8;color:#a18c6f;margin-top:18px}.help-steps{display:grid;gap:15px;margin:20px 0}.help-steps p{display:flex;gap:12px;font-size:12px;line-height:1.8;color:#9b8461}.help-steps svg{margin-top:3px;color:#b8955d;width:22px;height:22px}.help-steps b{display:block;font-size:14px;color:#7c6040;margin-bottom:3px}details{margin-top:22px;border-top:1px solid #e6d8c2;padding-top:17px}summary{cursor:pointer;color:#8d744f;font-size:12px;min-height:30px}.translation-table{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:15px}.translation-table>span{padding:10px;background:#f3ebd9;border-radius:10px;display:grid;gap:4px}.translation-table b{font-size:17px}.translation-table small{font-size:11px;color:#a4885c}.translation-table em{font-size:10px;color:#ad9d85;font-style:normal}.loading-screen{position:fixed;inset:0;z-index:50;background:#faf4e8;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .4s,visibility .4s}.loading-screen.loaded{opacity:0;pointer-events:none;visibility:hidden}.loading-oren{width:180px;height:180px;margin-bottom:20px;animation:breathe 3s ease-in-out infinite}.loading-oren img{width:100%;height:100%;object-fit:contain}.loading-screen h2{font-size:24px;letter-spacing:2px;color:#99703e}.loading-screen p{font-size:12px;letter-spacing:1px;color:#ad9370;margin-top:14px}.loading-track{width:190px;height:5px;border-radius:10px;background:#e9ddc5;margin:30px 0 13px;overflow:hidden}.loading-track span{width:0;height:100%;display:block;background:#d39a61;transition:width .2s;border-radius:10px}.loading-screen small{font-size:10px;color:#ac9673}.error-oren{width:160px;height:160px;object-fit:contain;margin-bottom:20px}.loading-screen>.primary{margin-top:25px}.cursor-spark{position:fixed;pointer-events:none;z-index:100;color:#d0b171;font-size:9px;animation:spark-out .48s ease-out forwards;line-height:1}.confetti{position:fixed;pointer-events:none;z-index:25;top:18vh;left:var(--x);width:7px;height:12px;border-radius:2px;opacity:0;animation:fall 1.9s var(--delay) ease-in forwards}.reward-fly{position:fixed;z-index:26;pointer-events:none;color:#ddb650;font-size:48px;top:70%;left:50%;animation:reward-fly 1.8s .1s ease-in-out forwards}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes breathe{50%{transform:translateY(-8px) rotate(2deg)}}@keyframes talk{to{height:12px}}@keyframes spark-out{to{opacity:0;transform:translate(-4px,9px) scale(.3)}}@keyframes fall{0%{opacity:0;transform:translateY(-30px) rotate(0)}10%{opacity:1}to{opacity:0;transform:translateY(55vh) rotate(var(--rotation))}}@keyframes reward-fly{0%{opacity:0;transform:scale(.1)}20%{opacity:1;transform:scale(1.1)}90%{opacity:1}to{top:32px;left:83%;transform:scale(.2);opacity:0}}@media(max-width:1300px){.world-wrap,.reading .world-wrap{margin-left:3%;margin-right:3%}.brand-house,.brand-divider{display:none}}@media(max-width:900px){header{height:73px;margin:0 4%}.header-right{gap:10px}.library-top{padding-top:26px}.library-top h1{font-size:33px}.brand-name{font-size:29px}.brand>img{width:43px;height:43px}nav{position:static;transform:none;margin-left:auto}.nav-link{padding:10px}.nav-link>span{display:none}.world-wrap,.reading .world-wrap{border-radius:24px}.reading #world{height:470px}.selection-card{max-width:710px}.selection-title{font-size:18px}.selection-meta{font-size:10px}.word-chip{min-width:100px}.scene-cue{top:18px;left:20px}.scene-cue>b{font-size:17px}}@media(max-width:620px){body{min-width:320px}header{height:66px;gap:7px}.brand-name{font-size:28px}.brand-name>span{font-size:10px;margin-left:6px}.brand>img{width:39px;height:39px}.header-right{gap:7px}.header-right .coins,.utility-divider,.brand-house,.brand-divider,#nav-shelf{display:none}.icon-button{width:39px;height:39px}.parent-help{width:31px}.header-right .reward-count{font-size:12px;gap:4px}.reward-count svg{width:16px}nav{margin-left:auto}.nav-link{padding:8px}.nav-link svg{width:18px}.library-top{padding:24px 14px 13px}.eyebrow{font-size:10px;letter-spacing:1.2px}.library-top h1{font-size:28px;letter-spacing:1px;margin:9px 0}.library-top p{font-size:11px;letter-spacing:.6px}.world-wrap,.reading .world-wrap{margin-left:12px;margin-right:12px;border-radius:22px}.shelf-caption{left:17px;right:17px;top:17px;font-size:10px}.shelf-count{font-size:8px;padding:6px 8px}#world{height:450px}.book-tabs{grid-template-columns:repeat(2,1fr);width:90%;gap:8px;margin:-3px auto 17px}.book-tab{font-size:12px;padding:9px 4px;min-height:45px}.selected-dot{display:none}.library-bottom{padding:17px 14px 0}.selection-card{display:grid;grid-template-columns:43px 1fr auto;padding:13px;gap:10px;border-radius:18px}.selection-icon{width:43px;height:57px}.selection-title{font-size:17px;display:block}.selection-title>span{display:none}.selection-meta{font-size:9px;gap:4px}.selection-meta b{margin:0}.selection-meta svg{display:none}.selection-card .primary{grid-column:1/-1;min-height:46px;width:100%;font-size:14px}.restart-library{grid-column:3;grid-row:1;padding:5px}.learning-path{font-size:10px;gap:11px;margin:22px 0 10px}.learning-path svg{width:13px}.learning-path span{gap:5px}.little-note{font-size:9px}footer{justify-content:center;margin-top:16px;font-size:9px}footer>span:last-child{display:none}.reading header{height:60px}.reading #collection{display:none}.story-top{height:66px;margin:0 5%}.story-title{font-size:12px;letter-spacing:.5px}.back-button{font-size:10px;gap:5px}.back-button svg{width:16px}.chapter-pill{font-size:9px;padding:7px 9px;letter-spacing:0}.story-progress i{width:19px;height:3px}.reading #world{height:370px}.scene-cue{top:14px;left:15px;padding:8px 12px;border-radius:12px}.chapter-kicker{font-size:8px;letter-spacing:.7px;margin-bottom:3px}.scene-cue>b{font-size:14px;letter-spacing:1px}.story-controls{margin-top:14px;padding:0 14px 24px}.dialogue-card{gap:11px;padding:12px;border-radius:18px;min-height:92px}.speaker-avatar>img{width:44px;height:51px}.speaker-label{font-size:9px;margin-bottom:4px}.dialogue-copy h2{font-size:21px;letter-spacing:1px}.pinyin{font-size:11px;letter-spacing:.5px}.repeat-cue{font-size:9px;letter-spacing:.3px}.replay-button{min-width:55px;min-height:62px;border-radius:13px;font-size:8px;gap:5px}.replay-button svg{width:21px;height:21px}.word-tray{display:grid;grid-auto-columns:1fr;grid-auto-flow:column;gap:6px;margin-top:13px}.word-chip{min-width:0;min-height:72px;padding:8px 3px;gap:3px;border-radius:12px;flex-direction:column}.word-chip svg{width:11px;height:11px}.word-chip b,.word-chip strong{font-size:17px;letter-spacing:0}.word-chip small{font-size:10px;letter-spacing:0}.story-bottom-row{margin-top:17px;gap:10px}.story-bottom-row .primary{font-size:12px;min-height:45px;padding:0 17px;gap:10px}.interaction-hint{font-size:9px;letter-spacing:0;gap:5px}.interaction-hint svg{width:13px}.answer-tray{gap:9px;padding-top:15px}.picture-choice{width:83px;height:81px;border-radius:15px}.reward-panel{padding:18px 13px}.reward-panel h2{font-size:32px}.reward-panel>p{font-size:12px}.reward-pills{gap:7px}.reward-pills>span{padding:8px 9px;font-size:10px;gap:5px}.reward-actions{gap:10px}.reward-actions .primary,.reward-actions .secondary{padding:0 15px;font-size:12px}.learned-summary{gap:6px}.learned-summary button{font-size:12px;padding:7px 9px}.modal-scrim{padding:15px}.modal{padding:28px 22px;border-radius:22px}.modal h2{font-size:25px}.modal-intro{font-size:12px}.badge-grid{gap:10px}.badge-card{padding:15px 8px}.badge-card strong,.badge-card b{font-size:14px}}@media(max-height:760px)and (min-width:621px){header{height:65px}.library-top{padding-top:20px}.library-top h1{font-size:31px}.library-top p{font-size:11px}#world{height:360px}.reading #world{height:390px}.story-top{height:60px}.library-bottom{padding-top:16px}.learning-path{margin-top:19px}footer{margin-top:15px}.story-controls{margin-top:13px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.cursor-spark{display:none}}.dialogue-card,.reward-panel{border:1px solid #d8bd82;background:radial-gradient(ellipse at 35% 0%,#fffdf3 12%,#fff9e6 58%,#f4e6bf 150%);box-shadow:inset 0 0 0 5px #fff9e6,inset 0 0 0 6px #e6d1a47a,0 10px 25px #84613412}.dialogue-card{position:relative;padding:24px 28px;border-radius:16px}.dialogue-card:before,.dialogue-card:after{content:"✧";position:absolute;color:#c7a260;font-size:14px;line-height:1}.dialogue-card:before{top:9px;left:10px}.dialogue-card:after{bottom:9px;right:10px}.collection-album{width:min(970px,96vw);padding:34px 32px 23px;background:radial-gradient(ellipse at top,#fffef0,#fff7dc 70%,#efddb2 170%);border:5px solid #e5cfa0;border-radius:21px;box-shadow:inset 0 0 0 1px #b39454,inset 0 0 0 7px #fff8df,0 32px 110px #291e326b;display:grid;grid-template-columns:1fr auto;column-gap:28px;max-height:91dvh}.collection-album .modal-close{right:12px;top:12px;width:31px;height:31px;background:#f4e8c8;z-index:1}.album-heading{align-self:center}.album-heading .modal-eyebrow{font-size:9px;color:#aa834a;letter-spacing:2px;margin-bottom:8px}.album-heading h2{color:#574230;font-size:29px;letter-spacing:1px;margin:0}.album-heading .modal-intro{font-size:12px;margin:9px 0 0;color:#8c7856}.album-totals{display:flex;gap:9px;padding-right:15px;align-self:center}.album-totals>div{position:relative;border:1px solid #cab073;border-radius:15px;min-width:92px;padding:13px 15px 10px;text-align:center;background:#5b6956;box-shadow:inset 0 0 0 3px #ffffff10,0 4px 8px #68471916;color:#ffe4a1}.album-totals>div:nth-child(2){background:#8b7457}.album-totals>div:nth-child(3){background:#696a88}.album-totals svg{width:12px;height:12px;position:absolute;top:9px;right:8px;opacity:.6}.album-totals strong{font-size:27px;line-height:1;display:block}.album-totals strong small{font-size:11px;font-weight:600;opacity:.6}.album-totals>div>span{font-size:10px;display:block;margin-top:7px;color:#fff3d2}.album-milestones{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:9px;margin:22px 0 16px}.album-milestones>span{border:1px solid #e6ddc5;border-radius:20px;background:#ede7d7;color:#aca28d;display:flex;align-items:center;gap:6px;font-size:10px;padding:7px 11px}.album-milestones .earned{background:linear-gradient(#fff2c7,#eedba0);border-color:#d9bd77;color:#8e6c2e;box-shadow:0 2px 3px #8e6c2e13}.album-milestones svg{width:12px;height:12px}.album-stories{grid-column:1/-1;display:grid;gap:10px}.album-story{display:grid;grid-template-columns:57px minmax(155px,1fr) auto 38px;align-items:center;gap:15px;padding:13px;border:1px solid #e8d8b4;border-radius:13px;background:#fffdf26e;box-shadow:inset 0 1px #fff,0 3px 8px #91713b06}.album-cover{width:57px;height:77px;object-fit:cover;border-radius:3px 7px 7px 3px;box-shadow:-2px 0 #fff9e5,-3px 0 #bca67e,2px 4px 6px #5c3f2730}.album-story h3{font-size:15px;color:#594931;margin:0 0 7px}.album-progress{height:6px;background:#e6ddc3;border-radius:8px;overflow:hidden;box-shadow:inset 0 1px 2px #84724917}.album-progress>span{display:block;height:100%;border-radius:inherit;background:var(--story-color)}.album-story-copy>p{margin:7px 0 5px;font-size:10px;color:#9b8867}.collection-album .badge-card{display:inline-flex;align-items:center;gap:5px;padding:0;border:0;background:none;opacity:.46;margin:0;font-size:9px;color:#8c7449}.collection-album .badge-card.earned{opacity:1;color:#a77a2e}.collection-album .badge-card svg{width:13px;height:13px;margin:0;color:currentColor}.album-stickers{display:flex;gap:7px}.album-sticker{padding:0;border:0;background:none;border-radius:50%;min-width:47px;color:#8c7651;opacity:1!important}.album-sticker>span{position:relative;width:47px;height:47px;display:grid;place-items:center;border-radius:50%;background:#e6dfc9;border:1px solid #d8cdae;box-shadow:inset 0 0 0 3px #f2ebd5,inset 0 0 0 4px #d5c8a855}.album-sticker img{width:37px;height:37px;object-fit:contain;filter:grayscale(1);opacity:.16}.album-sticker b{position:absolute;color:#aaa085;font-size:16px}.album-sticker small{font-size:9px;display:block;margin-top:5px}.album-sticker.collected>span{background:radial-gradient(circle at 35% 20%,#fff9df,#f2dba0);border-color:#d5b777;box-shadow:inset 0 0 0 3px #fff3ce,inset 0 0 0 4px #b69d6a55,0 3px 4px #8b673325}.album-sticker.collected img{filter:none;opacity:1}.album-sticker svg{position:absolute;width:11px;height:11px;right:0;bottom:0;color:#9b7944;border-radius:50%;background:#fff5d6;padding:1px}.album-sticker.collected:hover>span,.album-sticker.playing>span{transform:translateY(-3px);border-color:#c68c38;box-shadow:0 0 0 3px #e8c77d55}.album-read{width:35px;height:41px;border-radius:13px;border:1px solid #d8c493;display:grid;place-items:center;background:linear-gradient(#fff6db,#efddb4);color:#98713f;box-shadow:0 3px #c5b18c44}.album-read svg{width:17px;height:17px}.album-read>span{display:none}.album-footer{grid-column:1/-1;display:flex;align-items:center;gap:7px;padding-top:18px;font-size:10px;color:#9c865f}.album-footer svg{width:14px;height:14px}.album-footer>span{margin-left:auto;color:#ae9771}.word-sticker-fly{position:fixed;z-index:12;width:62px;height:73px;display:flex;flex-direction:column;align-items:center;padding:5px;background:#fff6d3;border:2px solid #d4b46b;border-radius:50% 50% 40% 40%;box-shadow:0 0 22px #e9ca7566;pointer-events:none;animation:sticker-flight 1.4s cubic-bezier(.32,.05,.64,.99) forwards;transform-origin:center}.word-sticker-fly img,.word-sticker-fly svg{width:40px;height:40px;object-fit:contain}.word-sticker-fly b{font-size:11px;color:#886329}@keyframes sticker-flight{0%{transform:translateY(9px) scale(.75);opacity:0}16%,36%{transform:translateY(-20px) scale(1);opacity:1}90%{transform:translate(var(--dx),var(--dy)) scale(.28);opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(.1);opacity:0}}@media(max-width:760px){.collection-album{padding:30px 18px 22px;column-gap:10px}.album-heading h2{font-size:23px}.album-totals{gap:5px;padding-right:8px}.album-totals>div{min-width:69px;padding:12px 8px 9px}.album-totals strong{font-size:23px}.album-story{grid-template-columns:47px minmax(120px,1fr) auto 30px;gap:9px;padding:10px}.album-cover{width:47px;height:67px}.album-stickers{gap:4px}.album-sticker{min-width:40px}.album-sticker>span{width:40px;height:40px}.album-sticker img{width:33px;height:33px}}@media(max-width:620px){.dialogue-card{padding:15px 17px}.reading #collection{display:flex}.collection-album{display:block;width:100%;border-width:3px;padding:25px 14px 18px;border-radius:17px}.album-heading .modal-intro{margin-bottom:17px;font-size:11px}.album-heading h2{font-size:25px}.album-totals{padding:0;gap:7px}.album-totals>div{flex:1;padding:11px 8px}.album-milestones{gap:6px;margin:17px 0 13px}.album-milestones>span{font-size:9px;padding:6px 9px}.album-story{grid-template-columns:45px 1fr 33px;gap:10px;padding:12px 10px}.album-cover{width:45px;height:61px}.album-story h3{font-size:14px}.album-story-copy>p{font-size:9px;margin:5px 0 4px}.album-stickers{grid-column:1 / -1;grid-row:2;justify-content:space-between;padding:4px 4px 0}.album-sticker{min-width:43px}.album-sticker>span{width:43px;height:43px}.album-read{grid-column:3;grid-row:1;width:32px}.album-footer{font-size:9px;flex-wrap:wrap}.album-footer>span{margin-left:21px;width:100%}}@media(prefers-reduced-motion:reduce){.word-sticker-fly{display:none}}.album-intro{display:flex;gap:5px;margin-top:6px;flex-wrap:wrap}.album-word{display:inline-flex;gap:4px;align-items:center;padding:3px 7px;min-height:25px;border:1px solid #dccca2;border-radius:7px;font-size:9px;background:#f8edce;color:#8e7140}.album-word svg{width:10px;height:10px}.album-word.playing{outline:2px solid #cba459}@media(max-width:620px){.album-word{min-height:38px;padding:5px 8px}.album-sticker>span{width:44px;height:44px}}.collection-album .modal-close{position:sticky;top:0;right:auto;grid-column:1 / -1;justify-self:end;float:right;margin:-15px -2px -16px 10px;z-index:3;box-shadow:0 2px 5px #6f512b1f}.english-help{display:block;font-size:11px;line-height:1.4;font-weight:600;letter-spacing:0;color:#77654e;margin-top:3px}html[data-english=false] .english-help{display:none!important}.bilingual-label{display:inline-block;line-height:1.35}.bilingual-label>.english-help{font-size:10px;color:inherit;letter-spacing:0}.inline-english{display:inline;margin-left:7px;font-size:10px}.dialogue-copy .english-subtitle{font-size:15px;margin-top:7px;line-height:1.5;color:#715d45}.english-hint{display:block;min-height:36px;padding:5px 12px;margin-top:9px;border:1px solid #d9caa9;border-radius:14px;background:#fff9e9;color:#776349;font-size:11px}.english-hint[aria-expanded=true]{background:#eee4cc}.english-toggle{position:relative;font-size:12px;font-weight:800;flex-shrink:0}.english-toggle[aria-pressed=true]{color:#607444;background:#edf1df;border-color:#b7c59c}.language-state{position:absolute;width:5px;height:5px;border-radius:50%;background:#b7a998;bottom:5px}.english-toggle[aria-pressed=true] .language-state{background:#7f945e}.header-right{gap:12px}.nav-link .english-help{font-size:9px}.library-top .library-subtitle{font-size:13px;margin-top:7px}.selection-english{margin-top:4px;font-size:13px}.selection-meta-english{font-size:10px;margin-top:3px}.selection-card{min-height:125px}.primary .english-help,.secondary .english-help{font-size:11px}.primary,.secondary{flex-shrink:0}.word-chip .word-english{font-size:11px;color:#796a52;letter-spacing:0;line-height:1.4}.word-chip{min-height:77px}.word-chip>span{min-width:0}.scene-cue>.english-help{font-size:11px}.reward-panel .reward-english-title{font-size:18px;color:#a07238;margin-bottom:10px}.reward-panel>p .english-help{font-size:13px;margin-top:5px}.album-english-title{font-size:16px;margin-top:3px}.album-book-english{font-size:10px;margin:-3px 0 8px}.album-story-copy>p .english-help{font-size:10px}.album-stickers{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:290px;gap:4px}.album-sticker>span{margin:auto}.album-sticker>.english-help{font-size:9px;margin-top:2px}.collection-album .badge-card .bilingual-label{text-align:left;margin:0}.collection-album .badge-card .english-help{font-size:9px;margin-top:2px}.album-word .english-help{font-size:9px}.album-totals .english-help{font-size:9px;color:inherit}.album-footer .english-help{font-size:10px}.parent-title{font-size:17px;margin-top:6px;color:#766046}.parent-guide .modal-intro,.parent-guide .help-steps p{color:#766247;line-height:1.7;font-size:13px}.parent-guide .help-steps b{font-size:13px}.parent-guide .modal-close{position:sticky;float:right;top:0;margin:-17px -17px -12px 8px;z-index:2}@media(min-width:901px)and (max-width:1080px){nav{position:static;transform:none;margin-left:auto}.nav-link{padding:10px}.nav-link>span{display:none}}@media(max-width:760px){.album-stickers{width:250px}}@media(max-width:620px){header{gap:5px}.brand,.header-right{gap:5px}.brand-name>span{display:none}.icon-button{width:38px;height:38px}.parent-help{width:30px}.library-top .library-subtitle{font-size:11px;max-width:285px;margin:6px auto 0}.shelf-caption .english-help{font-size:8px}.book-tab .english-help{font-size:9px}.selection-card{min-height:150px}.selection-english{font-size:11px}.selection-meta-english{font-size:9px}.dialogue-copy .english-subtitle{font-size:13px;margin-top:6px}.dialogue-card{gap:10px}.replay-button{min-width:57px;padding:8px 4px}.replay-button .english-help{font-size:9px}.speaker-label .inline-english,.repeat-cue .inline-english{display:block;margin-left:0;margin-top:2px;font-size:9px}.scene-cue>.english-help{font-size:9px}.word-chip .word-english{font-size:9px;overflow-wrap:anywhere}.word-chip{min-height:79px}.interaction-hint .english-help{font-size:10px}.reward-actions{flex-wrap:wrap}.reward-pills{gap:6px}.reward-pills>span{padding:9px 8px;gap:4px}.reward-pills .english-help{font-size:9px}.album-stickers{width:100%;gap:2px;padding-left:0;padding-right:0}.album-sticker{min-width:0}.album-sticker>.english-help{font-size:9px;overflow-wrap:anywhere}.album-heading .modal-intro .english-help{font-size:11px}.album-story-copy>p .english-help{font-size:9px}.album-milestones .english-help{font-size:9px}.parent-guide .modal-close{margin-top:-7px;margin-right:-7px}}@media(max-width:370px){.header-right .reward-count{display:none}}:root{-webkit-tap-highlight-color:transparent}button,#world{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}button img{-webkit-user-drag:none}.story-controls.turning{visibility:hidden;pointer-events:none}@media(max-width:620px),(pointer:coarse){#nl-badge-frame{display:none!important}}.word-chip:disabled,.picture-choice:disabled,.replay-button:disabled,.next-button[data-ready=true]:disabled{opacity:1}@media(hover:hover)and (pointer:fine){.nav-link:hover{background:#eee6d5;color:#6c593d}}@media(pointer:coarse){button{min-width:44px;min-height:44px}button:active:not(:disabled){transform:scale(.98)}.scene-cue{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff7e8ed}}@media(max-width:620px){.app-shell{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}header,.reading header{height:60px;margin:0 12px}.icon-button,.parent-help,.nav-link,.restart-library,.collection-album .modal-close{min-width:44px;min-height:44px}.header-right{gap:4px}.brand{min-height:44px;gap:3px}.brand>img{width:32px}.brand-name{font-size:26px}.story-top{height:52px}.library-top{padding-top:16px}#world{height:clamp(300px,90vw,390px)}.reading #world{height:clamp(230px,35svh,300px)}.scene-cue{top:10px;left:10px;padding:7px 10px}.story-controls{margin-top:12px;padding:0 12px calc(28px + env(safe-area-inset-bottom))}.dialogue-card{min-height:174px;padding:14px 12px}.word-tray{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.story-controls[data-stage="1"] .word-tray{grid-template-columns:repeat(3,minmax(0,1fr))}.word-chip{min-height:80px;padding:8px 6px;font-size:17px}.word-chip .word-english,.word-chip small{font-size:11px}.english-hint,.learned-summary button{min-height:44px}.story-bottom-row{margin-top:12px;align-items:center}.story-bottom-row .primary{min-width:124px;min-height:52px}.interaction-hint{min-width:0}.modal{overscroll-behavior-y:contain}.modal-scrim{padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom))}}