.rabbit-book{min-height:100dvh;background:#f5f2e9;color:#465343;display:flex;flex-direction:column;--book-paper: #fffaf0;--book-green: #60765a;--book-border: #e4ddcd}.book-header{width:100%;max-width:1360px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 40px 17px}.book-back{display:flex;align-items:center;gap:9px;background:none;color:#86907c;padding:12px 0;font-size:12px;min-width:90px}.book-heading{text-align:center}.book-heading>span{font-size:9px;letter-spacing:2px;color:#a1957d}.book-heading h1{font-family:Songti SC,STSong,SimSun,serif;font-size:27px;font-weight:650;letter-spacing:2px;margin-top:8px}.book-header-actions{display:flex;gap:7px}.book-header-actions .icon-button{background:#edeee2;color:#889379;border:1px solid #e3e5d8}.book-main{max-width:1360px;width:100%;padding:0 40px 18px;margin:0 auto;flex:1}.book-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0 19px}.book-kicker{display:flex;align-items:center;gap:9px;font-size:11px;color:#969b82;letter-spacing:.5px}.book-view-switch{display:flex;background:#ebece0;border:1px solid #e0e2d4;border-radius:11px;padding:4px;gap:3px}.book-view-switch button{background:transparent;padding:10px 15px;min-height:39px;border-radius:8px;font-size:11px;color:#969780;display:flex;align-items:center;gap:7px}.book-view-switch button.active{background:#fffaf0;box-shadow:0 1px 4px #786b4010;color:#627355;font-weight:650}.book-spread{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(255px,.85fr);border:1px solid var(--book-border);border-radius:20px;overflow:hidden;background:var(--book-paper);box-shadow:0 5px #e7e0d0,0 18px 40px #61543709}.book-picture{position:relative;min-width:0;aspect-ratio:3/2;align-self:center;background:#e3e8cd;overflow:hidden;touch-action:pan-y}.book-illustration{width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-select:none}.book-picture:focus-visible{outline:3px solid #c7a76a;outline-offset:-4px}.book-page-stamp{position:absolute;top:16px;left:17px;font-size:10px;color:#7a795f;border:1px solid #fdf4d5ad;background:#fff9e8db;padding:7px 11px;border-radius:20px;box-shadow:0 1px 4px #5e4f3010;pointer-events:none}.book-page-stamp i{font-style:normal;padding:0 5px;color:#c2b89c}.book-preload{display:none}.book-hotspot{position:absolute;transform:translate(-50%,-50%);min-width:44px;min-height:44px;background:transparent;border:2px solid transparent;border-radius:28%;display:flex;justify-content:center;align-items:flex-end;padding:0 0 5px}.book-hotspot>span{display:flex;align-items:center;gap:4px;color:#6e7355;font-size:10px;padding:5px 8px;border-radius:20px;background:#fff9e7db;box-shadow:0 1px 3px #75683d20;white-space:nowrap}.book-hotspot:hover,.book-hotspot.selected{border-color:#fff9dfb0;background:#fff8dd10}.book-hotspot.selected>span{background:#fff5cd;color:#967d3b}.book-hotspot:active:not(:disabled){transform:translate(-50%,-48%) scale(.97)}.book-hotspot.wrong{border-color:#d1a17a}.book-story-copy{padding:clamp(22px,3vw,42px);display:flex;flex-direction:column;justify-content:center;border-left:1px solid #e8dfcb;position:relative;background:linear-gradient(90deg,#e4d8bf26,transparent 15%),var(--book-paper)}.book-chapter{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:9px;color:#aa987d;letter-spacing:1.5px;margin-bottom:22px}.book-chapter b{color:#82936c;white-space:nowrap;font-size:11px;letter-spacing:0}.book-chapter svg{color:#a5ae87}.book-story-copy h2{font-family:Songti SC,STSong,SimSun,serif;font-size:23px;line-height:1.5;letter-spacing:1px;font-weight:650;margin-bottom:15px}.book-page-text{font-family:Songti SC,STSong,SimSun,serif;font-size:19px;line-height:1.95;color:#73765e;letter-spacing:1px}.book-page-text.speaking{color:#596c4f}.book-read-page{align-self:flex-start;display:inline-flex;align-items:center;gap:7px;border:1px solid #dedec9;color:#7b8865;border-radius:20px;background:#f1f2e4;font-size:10px;min-height:39px;padding:9px 14px;margin-top:22px}.book-gentle-note{display:flex;align-items:center;gap:7px;font-size:9px;line-height:1.7;color:#b3aa91;margin-top:28px}.book-gentle-note>span{font-size:25px;color:#b7bd97}.book-tap-caption{display:flex;gap:7px;align-items:flex-start;color:#8a9973;font-size:11px;line-height:1.85;margin-top:24px;padding-top:15px;border-top:1px dashed #dfdfcb}.book-tap-caption svg{margin-top:3px}.book-page-nav{display:flex;gap:14px;align-items:center;justify-content:center;padding:15px 0 7px}.book-page-nav>button{display:flex;justify-content:center;align-items:center;width:44px;height:44px;border-radius:50%;background:#e9ecdd;color:#899476}.book-page-nav>button:disabled{opacity:.3}.book-page-dots{display:flex}.book-page-dots button{display:grid;place-items:center;width:27px;height:44px;background:none}.book-page-dots button>span{width:5px;height:5px;border-radius:50%;background:#d2cfba;transition:width .2s,background .2s}.book-page-dots button.current>span{width:20px;border-radius:5px;background:#a1ad84}.book-page-dots button:disabled{opacity:1}.book-controls{position:sticky;bottom:0;z-index:20;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px;background:#f7f5ebf5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid #e6e1d2;padding:13px max(28px,calc((100vw - 1280px)/2)) max(13px,env(safe-area-inset-bottom))}.book-activities{display:flex;gap:5px;padding:5px;border-radius:13px;background:#eeeee2}.book-activities button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:51px;padding:10px 18px;border-radius:9px;background:none;color:#96977c;font-size:12px;text-align:left}.book-activities button.active{background:#fffbf2;color:#68795a;box-shadow:0 2px 4px #6a624010}.book-activities small{display:block;font-size:8px;color:#a4a58e;margin-top:5px}.book-language{display:flex;align-items:center;gap:12px;font-size:10px;color:#a09a82}.book-language>div{display:flex;padding:4px;gap:3px;background:#eeeee2;border-radius:10px;border:1px solid #e2e1d1}.book-language button{padding:9px 17px;min-height:35px;font-size:11px;background:transparent;border-radius:7px;color:#9f9983}.book-language button.active{background:#fffaf0;color:#768368;font-weight:650}.book-answer-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:10px 0 16px}.book-answer-options button{background:#f2f0e4;border:1px solid #e2ddca;border-radius:12px;padding:10px 4px;min-height:94px}.book-answer-options img{width:45px;height:45px;margin:0 auto 7px}.book-answer-options strong{font-size:10px;font-weight:650}.book-answer-options button.selected{background:#e9efd9;border-color:#a4b386}.book-answer-options button.wrong{background:#f2e6d9;border-color:#c6a084}.book-answer-options button.hint{outline:2px dashed #a8b286;outline-offset:1px}.book-feedback{color:#9b9a7b;font-size:11px;line-height:1.8;min-height:39px}.book-story-copy.has-question{padding:25px}.book-story-copy .story-question{font-size:20px}.book-audio-error{font-size:10px;color:#b07e57;line-height:1.7;margin-top:13px}.book-reward{text-align:center}.book-stars{display:block;font-size:34px;color:#c7aa68;letter-spacing:4px;margin-bottom:12px}.book-reward>small{color:#aba180;font-size:8px;line-height:1.8}.book-reward h2{font-size:22px;margin:15px 0}.book-reward p{color:#9b9a80;font-size:11px;line-height:1.9}.book-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:11px;padding:13px 19px;min-height:44px;color:#fff9e7;background:#83976f;margin-top:18px;font-size:12px}.book-text-button{display:block;background:none;padding:13px;color:#9ca086;font-size:10px;margin:0 auto;min-height:44px}.book-finished{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px;color:#8a966f;font-size:12px;line-height:1.7;padding:12px;background:#eaf0dc;border-radius:12px;margin-top:10px}.book-finished button{background:none;display:inline-flex;gap:5px;align-items:center;color:#6b8058;min-height:44px}.book-spread.is-cards{grid-template-columns:1fr}.book-vocabulary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;background:#eeeee4;padding:25px}.book-word-card{position:relative;background:#fffdf5;border:1px solid #e7e3d7;box-shadow:0 4px #dedccf;border-radius:17px;padding:18px 10px 16px;display:flex;flex-direction:column;align-items:center;min-height:171px}.word-number{position:absolute;top:9px;left:10px;border-radius:12px;padding:3px 5px;background:#efeee4;font-size:9px;color:#aa997f}.word-art{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:19px;margin-bottom:10px}.word-art img{width:63px;height:63px}.book-word-card small{font-size:10px;color:#a68e76;margin-bottom:5px}.book-word-card strong{font-size:17px;color:#3a4536}.book-word-card.selected{background:#f8f6df;border-color:#c5ba8b}.book-word-card.wrong{background:#f7e7dc;border-color:#d0ad92}.is-cards .book-story-copy{border-left:0;border-top:1px solid #e1ddcc;padding:25px;background:#fffaf0}.is-cards .book-chapter{margin-bottom:12px}.is-cards .book-story-copy.has-question{grid-row:1;border-top:0;border-bottom:1px solid #e1ddcc}.is-cards .book-page-text{font-family:inherit;font-size:13px}.is-cards .book-gentle-note{margin-top:12px}.is-cards .book-answer-options{max-width:500px}.book-page-enter-active,.book-page-leave-active{transition:opacity .16s,transform .16s}.book-page-enter-from{opacity:0;transform:translate(6px)}.book-page-leave-to{opacity:0;transform:translate(-6px)}html[data-eye-care=off] .rabbit-book{background:#f7f8f7;--book-paper: #fff;--book-border: #e2e6df}html[data-eye-care=off] .book-controls{background:#ffffffed}@media(max-width:1100px){.book-header{padding:22px 28px 13px}.book-main{padding:0 28px 15px}.book-spread{grid-template-columns:minmax(0,1.75fr) minmax(245px,.85fr)}.book-story-copy{padding:23px}.book-story-copy h2{font-size:22px}.book-page-text{font-size:18px;line-height:1.9}.book-gentle-note{margin-top:18px}.book-controls{padding-left:22px;padding-right:22px}.book-activities button{padding:10px 13px}.book-activities small{font-size:7px}}@media(max-width:800px){.book-spread{grid-template-columns:1fr}.book-story-copy{border-left:0;border-top:1px solid #e7deca;padding:25px 28px}.book-chapter{margin-bottom:13px}.book-page-text{line-height:1.8}.book-story-copy h2{font-size:21px;margin-bottom:9px}.book-gentle-note{margin-top:12px}.book-read-page{margin-top:15px}.book-controls{justify-content:center;gap:10px}.book-language{width:100%;justify-content:center}.book-activities{width:100%}.book-activities button{flex:1}.book-answer-options{max-width:420px}}@media(max-width:500px){.book-header{padding:19px 15px 10px;gap:8px}.book-heading h1{font-size:21px;letter-spacing:1px}.rabbit-book[lang=en] .book-heading h1{font-size:19px;max-width:200px}.book-heading>span{font-size:6px;letter-spacing:.6px}.book-back{min-width:30px;padding-right:2px}.book-back span{display:none}.book-header-actions{gap:2px}.book-header-actions .icon-button{width:32px;height:36px;background:none;border:0}.book-main{padding:0 13px 12px}.book-toolbar{gap:6px;padding:11px 1px 14px}.book-kicker{font-size:8px;gap:5px;max-width:125px;line-height:1.6}.book-kicker svg{width:14px}.book-view-switch{gap:1px;padding:3px}.book-view-switch button{font-size:9px;padding:9px;gap:4px;min-height:36px}.book-view-switch svg{width:13px}.book-spread{border-radius:15px}.book-story-copy,.book-story-copy.has-question{padding:21px}.book-story-copy h2{font-size:20px}.book-page-text{font-size:18px;letter-spacing:.7px}.book-page-stamp{top:10px;left:10px;padding:5px 8px;font-size:8px}.book-hotspot>span{font-size:8px;padding:4px 6px;gap:3px}.book-hotspot>span svg{width:10px}.book-page-nav{gap:7px;padding-top:12px}.book-page-dots button{width:25px}.book-vocabulary{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;padding:15px}.book-word-card{min-height:156px}.book-word-card strong{font-size:16px}.book-controls{padding:9px 12px max(10px,env(safe-area-inset-bottom));gap:7px}.book-activities{padding:4px;gap:2px}.book-activities button{padding:10px 6px;gap:6px;min-height:45px;font-size:10px}.book-activities button svg{width:16px}.book-activities small{display:none}.book-language>div{padding:3px}.book-language button{min-height:32px;padding:7px 23px;font-size:10px}}@media(prefers-reduced-motion:reduce){.book-page-enter-active,.book-page-leave-active,.rabbit-book button{transition:none}}.alphabet-theme[data-v-bf8733cb] .learning-groups{display:flex;align-items:center;gap:18px;margin:0 0 16px;color:#7d8d6b;font-size:11px}.alphabet-theme[data-v-bf8733cb] .learning-groups>div{display:flex;gap:7px;flex:1}.alphabet-theme[data-v-bf8733cb] .learning-groups button{min-height:44px;min-width:66px;padding:10px 15px;border-radius:12px;border:1px solid #e1e5d7;background:#eeefe5;font-size:13px;font-weight:650;letter-spacing:1px}.alphabet-theme[data-v-bf8733cb] .learning-groups button.active{background:#647d58;border-color:#647d58;color:#fffbed}.alphabet-theme[data-v-bf8733cb] .learning-groups button:disabled{opacity:1}.alphabet-theme[data-v-bf8733cb] .cards-board .friends-grid.learning-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.alphabet-theme[data-v-bf8733cb] .scene-board.cards-board{min-height:0;flex:0 0 auto}.alphabet-theme[data-v-bf8733cb] .cards-board .learning-card .friend-art{width:105px;height:98px;background:transparent}.alphabet-theme[data-v-bf8733cb] .cards-board .learning-card .friend-art>img{width:100%;height:100%}.alphabet-theme[data-v-bf8733cb] .cards-board .friend.learning-card{height:187px;padding-top:12px}.alphabet-theme[data-v-bf8733cb] .card-pronunciation{margin-top:3px}.alphabet-theme[data-v-bf8733cb] .immersive-board .friend-art{width:108px;height:108px}.alphabet-theme[data-v-bf8733cb] .immersive-board .friend-art>img{width:100%;height:100%}@media(max-width:600px){.alphabet-theme[data-v-bf8733cb] .learning-groups{flex-wrap:wrap;gap:8px}.alphabet-theme[data-v-bf8733cb] .learning-groups>span{flex:1}.alphabet-theme[data-v-bf8733cb] .learning-groups>div{order:3;flex-basis:100%;gap:5px}.alphabet-theme[data-v-bf8733cb] .learning-groups button{flex:1;min-width:0;padding:9px 5px;font-size:11px}.alphabet-theme[data-v-bf8733cb] .cards-board .friend.learning-card{height:159px;padding-top:10px}.alphabet-theme[data-v-bf8733cb] .cards-board .learning-card .friend-art{width:81px;height:81px}.alphabet-theme[data-v-bf8733cb] .cards-board .learning-card .friend-name{font-size:14px}.alphabet-theme[data-v-bf8733cb] .immersive-board .friend-art{width:76px;height:76px}.alphabet-theme[data-v-bf8733cb] .scene-name-tag small{font-size:8px}}.scene-page{min-height:100dvh;background:#f8f7f2;display:flex;flex-direction:column;--theme-color: #eee1cf;--theme-accent: #ad8b60}.scene-header{height:100px;display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1360px;width:100%;margin:auto;padding:20px 44px}.back-button{display:flex;gap:8px;align-items:center;background:none;font-size:12px;color:#879078;padding:11px 0}.back-button:hover{color:#516f4f}.scene-heading{text-align:center;margin-right:60px}.scene-heading .eyebrow{font-size:9px;letter-spacing:1.2px}.scene-heading h1{font-size:26px;font-weight:650;letter-spacing:3px;margin-top:7px}.scene-header>.icon-button{background:#eeefe5;border:1px solid #e3e6d8;color:#7b8b6a}.scene-main{max-width:1360px;padding:0 44px 20px;width:100%;margin:0 auto;flex:1;display:flex;flex-direction:column}.scene-instruction{display:flex;gap:14px;align-items:center;padding:13px 4px 22px}.instruction-icon{width:43px;height:43px;background:#eceee2;border:1px solid #e3e7d6;border-radius:13px;display:flex;align-items:center;justify-content:center;color:#8b9b75}.scene-instruction h2{font-size:16px;font-weight:550;letter-spacing:.5px}.scene-instruction p{font-size:10px;color:#a0a58f;margin-top:7px}.scene-counter{display:flex;align-items:center;gap:8px;margin-left:auto;font-size:11px;color:#8d997b;padding:9px 13px;border:1px solid #e3e7d8;border-radius:8px;background:#f2f3ea;white-space:nowrap}.scene-counter>small{font-size:8px;color:#a4ac96}.scene-counter svg{color:#bcaa72}.scene-board{position:relative;isolation:isolate;overflow:clip;border-radius:25px;border:1px solid #dfe7d8;background:#eaf0e3;min-height:440px;flex:1;display:flex;align-items:center;padding:35px 30px 31px}.scene-ocean{background:#e1eff0;border-color:#d5e5e6}.scene-town{background:#e7edf0;border-color:#dce4e6}.scene-shapes{background:#eee7f0;border-color:#e3dce6}.scene-numbers{background:#f1ecdf;border-color:#e5dfcf}.scene-orchard{background:#edf0df;border-color:#e1e7ce}.board-sun{position:absolute;top:25px;right:42px;width:58px;height:58px;border-radius:50%;background:#f0df9b;box-shadow:0 0 0 10px #f0df9b20;z-index:-1}.board-cloud{position:absolute;top:57px;left:85px;background:#ffffff80;width:76px;height:18px;border-radius:50px;z-index:-1}.board-cloud:before{content:"";position:absolute;width:30px;height:27px;border-radius:50%;background:#fff9;bottom:4px;left:18px}.board-cloud:after{content:"";position:absolute;width:23px;height:21px;border-radius:50%;background:#fff9;bottom:3px;left:42px}.cloud-two{left:auto;right:23%;top:32px;transform:scale(.7)}.board-landscape{position:absolute;left:-10%;right:-10%;height:45%;bottom:-14%;border-radius:50% 50% 0 0;background:#d8e3c9;z-index:-1}.board-landscape:before{content:"";position:absolute;left:15%;width:70%;height:160%;background:#e1ead5;border-radius:50%;top:-18%;z-index:-1}.scene-ocean .board-landscape{background:#c0dfe0}.scene-ocean .board-landscape:before{background:#cee5e4}.scene-town .board-landscape{background:#d5dfd6}.scene-town .board-landscape:before{background:#dde4dc}.scene-shapes .board-landscape{background:#e2d9e7}.scene-shapes .board-landscape:before{background:#e9dfeb}.scene-numbers .board-landscape{background:#e5dcc7}.scene-numbers .board-landscape:before{background:#eae3d2}.board-spark{position:absolute;color:#b8c8a2;font-size:29px;z-index:-1}.spark-one{left:25px;bottom:46px;transform:rotate(-10deg)}.spark-two{right:25px;bottom:38px;font-size:36px}.friends-grid{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px 30px;width:100%;max-width:800px;margin:auto}.friends-grid.compact{grid-template-columns:repeat(6,minmax(0,1fr));gap:25px 18px;max-width:1120px}.scene-orchard .friends-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-width:900px}.friend{display:flex;flex-direction:column;align-items:center;background:none;border-radius:17px;padding:2px;position:relative;min-width:0;transition:transform .25s;outline-offset:1px}.friend:disabled{opacity:1}.friend:not(:disabled):hover .friend-art>img{transform:translateY(-5px) rotate(-3deg)}.friend:not(:disabled):active .friend-art>img{transform:scale(.89) translateY(4px);filter:drop-shadow(0 1px 0 #4b61451a)}.friend-art{position:relative;width:142px;height:142px;display:flex;align-items:center;justify-content:center}.compact .friend-art{width:130px;height:130px}.friend-art>img{width:100%;height:100%;position:relative;z-index:1;filter:drop-shadow(0 6px 0 #5e784312);transition:transform .25s cubic-bezier(.2,.8,.4,1.4),filter .2s}.friend-halo{position:absolute;width:100%;height:90%;top:8%;background:#ffffff24;border:1px solid #ffffff45;border-radius:50%;transform:scale(.88);transition:background .25s,transform .25s,border-color .25s}.friend-name{font-size:15px;letter-spacing:2px;font-weight:550;display:flex;align-items:center;gap:7px;margin-top:6px;line-height:1.5;color:#6e7e5e;background:#f9f9ec8c;min-width:66px;justify-content:center;padding:5px 12px;border:1px solid #edf3df;border-radius:7px;transition:background .25s}.friend-name small{font-size:8px;letter-spacing:0;font-family:Georgia,serif;color:#a5af95;font-weight:400}.friend.selected .friend-halo{background:#fffdf0ab;border:2px solid #d0bb80;transform:scale(1)}.friend.selected .friend-art>img{animation:gentle-bounce 1.2s ease-in-out infinite}.friend.selected .friend-name{background:#fff5d5;color:#8e794c;border-color:#e6d5a5}.friend.correct .friend-halo{border-color:#8ba67b;background:#eff8df}.friend.correct .friend-name{background:#f0f5e2;color:#6b8655;border-color:#bacc9e}.friend-check{position:absolute;right:7px;bottom:12px;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#8ba67b;color:#fff;z-index:2;box-shadow:0 0 0 4px #eef4e3}.friend.wrong .friend-art>img{animation:gentle-wiggle .55s ease}.friend.hint .friend-halo{border:2px dashed #bca970;background:#fff7db;animation:hint-glow 1.5s ease-in-out infinite}.scene-ocean .friend-name,.scene-town .friend-name{color:#688a91;border-color:#e7f0ed}.scene-shapes .friend-name{color:#9784a0;border-color:#f0eaf3}.scene-numbers .friend-name{color:#9b8e71;border-color:#f4efdf}.narration{display:flex;align-items:center;gap:15px;background:#fffdf7;border:1px solid #e7e8dc;border-radius:12px;padding:16px 18px;margin-top:17px;min-height:62px}.voice-bars{width:29px;display:flex;gap:3px;align-items:center;justify-content:center;height:27px;color:#a7b094;flex-shrink:0}.voice-bars i{width:3px;height:8px;border-radius:2px;background:currentColor}.voice-bars i:nth-child(2),.voice-bars i:nth-child(4){height:14px}.voice-bars i:nth-child(3){height:21px}.narration.talking .voice-bars{color:#87a173}.narration.talking .voice-bars i{animation:voice-wave .7s ease-in-out infinite alternate}.narration.talking .voice-bars i:nth-child(2){animation-delay:.12s}.narration.talking .voice-bars i:nth-child(3){animation-delay:.24s}.narration.talking .voice-bars i:nth-child(4){animation-delay:.36s}.narration.talking .voice-bars i:nth-child(5){animation-delay:.18s}.narration>p{font-size:12px;line-height:1.9;letter-spacing:.3px;color:#7f8c70}.replay-button{display:flex;align-items:center;gap:7px;padding:8px 0 8px 12px;background:none;color:#9da58e;font-size:10px;white-space:nowrap;margin-left:auto}.replay-button:hover{color:#687d53}.audio-warning{font-size:9px;color:#bd956d;margin-left:auto}.scene-controls{display:flex;align-items:center;justify-content:space-between;padding:15px 44px max(17px,env(safe-area-inset-bottom));background:#fffdf7;border-top:1px solid #e6e8dc;gap:16px;position:sticky;bottom:0;z-index:10}.mode-tabs{display:flex;align-items:center;gap:8px;background:#f1f2e9;padding:5px;border-radius:13px}.mode-tabs button{display:flex;align-items:center;gap:10px;background:transparent;padding:11px 20px;border-radius:9px;color:#a0a68f;font-size:12px;text-align:left}.mode-tabs button.active{background:#fffdf6;color:#71845e;box-shadow:0 2px 6px #5d724915}.mode-tabs button:hover{background:#fbfcf3}.mode-tabs button>span{display:block;font-weight:550}.mode-tabs small{display:block;font-size:8px;font-weight:400;letter-spacing:.1px;color:#a5ad96;margin-top:5px}.playback-controls{display:flex;align-items:center;gap:18px}.playback-label{display:flex;align-items:center;gap:7px;font-size:10px;color:#9ca58c;white-space:nowrap}.play-button{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#8a9e73;color:#fffdf0;box-shadow:0 3px #71845d}.play-button:hover{background:#809769}.completion-backdrop{position:absolute;inset:0;background:#dce6d7b5;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);display:flex;align-items:center;justify-content:center;z-index:5;padding:20px}.completion-card{text-align:center;background:#fffdf2;border:1px solid #e5e5d2;border-radius:24px;box-shadow:0 12px 40px #49633e12;padding:32px 45px;max-width:100%;animation:arrive .35s ease-out}.reward-stars{display:flex;align-items:center;justify-content:center;gap:12px;color:#d5b778;margin-bottom:25px}.reward-stars svg{fill:#eddb9c;stroke-width:1.4}.reward-stars svg:first-child{transform:rotate(-20deg);margin-top:15px}.reward-stars svg:last-child{transform:rotate(20deg);margin-top:15px}.completion-card h2{font-size:23px;font-weight:600;letter-spacing:1px;margin-top:10px;color:#70845b}.completion-card p{font-size:11px;line-height:2;color:#9aa387;margin:14px 0 24px}.completion-card .primary-button{display:flex;width:100%;background:#91a17a;box-shadow:0 3px #7b8b64}.completion-card .text-button{margin-top:13px;font-size:10px}.scene-header .back-button:focus-visible{outline-offset:4px}@keyframes gentle-bounce{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-7px) rotate(2deg)}}@keyframes gentle-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-7deg)}75%{transform:rotate(7deg)}}@keyframes hint-glow{50%{background:#fff3c7;transform:scale(1.04)}}@keyframes voice-wave{0%{transform:scaleY(.45)}to{transform:scaleY(1)}}@keyframes arrive{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media(min-width:1500px){.scene-main,.scene-header{max-width:1450px}.scene-board{min-height:530px}.compact .friend-art{width:155px;height:155px}.friend-art{width:165px;height:165px}.friends-grid.compact{gap:30px 24px;max-width:1210px}.friend-name{font-size:17px}.scene-controls{padding-left:max(44px,calc((100vw - 1362px)/2));padding-right:max(44px,calc((100vw - 1362px)/2))}}@media(max-width:1100px){.scene-header{padding:18px 30px;height:92px}.scene-main{padding:0 30px 18px}.scene-controls{padding:13px 30px max(15px,env(safe-area-inset-bottom))}.mode-tabs button{padding:11px 15px;gap:8px}.scene-board{padding:32px 20px}.compact .friend-art{width:112px;height:112px}.friends-grid.compact{gap:28px 12px}.friend-name{font-size:13px}.friends-grid{max-width:700px}.scene-instruction h2{font-size:15px}.narration>p{font-size:11px}.playback-controls{gap:12px}.playback-label{font-size:9px}.scene-board{min-height:440px}}@media(max-width:850px){.scene-header{padding:18px 24px}.scene-main{padding:0 24px 17px}.scene-board{padding:27px 16px;min-height:520px}.friends-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr));gap:19px 13px}.compact .friend-art{width:105px;height:105px}.friend-name{font-size:13px;letter-spacing:1px;margin-top:2px;padding:4px 10px}.scene-controls{padding:12px 24px max(15px,env(safe-area-inset-bottom))}.mode-tabs button{padding:11px 12px;font-size:11px;gap:8px}.mode-tabs small{font-size:7px}.mode-tabs svg{width:19px}.playback-label{display:none}.playback-controls{gap:0}.scene-instruction h2{font-size:14px}.scene-instruction p{font-size:9px}.scene-counter{font-size:10px;padding:8px 10px}.scene-counter small{font-size:7px}.scene-orchard .friends-grid{gap:32px 16px}.friend-art{width:130px;height:130px}.scene-heading h1{font-size:24px}.narration{gap:10px;padding:13px 14px}.narration>p{font-size:11px}.replay-button{font-size:9px}.scene-instruction{padding-top:8px}.scene-controls .mode-tabs{flex:1;justify-content:space-between}.audio-warning{position:absolute;bottom:5px;left:54px}.narration{position:relative}}@media(max-width:600px){.scene-header{height:85px;padding:14px 18px;gap:9px}.back-button{font-size:10px;gap:4px}.back-button svg{width:16px}.scene-heading{margin-right:23px}.scene-heading h1{font-size:21px;letter-spacing:2px;margin-top:5px}.scene-heading .eyebrow{font-size:7px;letter-spacing:.5px}.scene-header>.icon-button{width:33px;height:33px}.scene-main{padding:0 16px 14px}.scene-instruction{gap:10px;padding:10px 2px 16px}.instruction-icon{width:35px;height:35px;border-radius:10px}.instruction-icon svg{width:18px}.scene-instruction h2{font-size:12px;letter-spacing:0}.scene-instruction p{font-size:8px;margin-top:6px}.scene-counter{font-size:9px;padding:8px;gap:5px}.scene-counter>small{display:none}.scene-counter>.live-dot{width:4px;height:4px}.scene-counter:has(.live-dot){font-size:8px}.scene-board{border-radius:18px;padding:24px 10px;min-height:440px}.friends-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 7px}.compact .friend-art{width:87px;height:87px}.friend-name{font-size:12px;min-width:56px;padding:3px 8px;gap:5px}.friend-name small{font-size:7px}.board-sun{width:38px;height:38px;right:25px;top:23px}.board-cloud{left:23px;top:36px;transform:scale(.65)}.cloud-two{left:auto;right:18%;top:25px;transform:scale(.5)}.board-spark{font-size:21px;left:12px}.spark-two{left:auto;right:12px;font-size:27px}.friends-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 15px}.friend-art{width:116px;height:116px}.scene-orchard .friends-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 15px}.scene-orchard .friend-art{width:104px;height:104px}.scene-controls{padding:10px 12px max(13px,env(safe-area-inset-bottom));gap:8px}.mode-tabs{gap:1px;padding:4px;border-radius:11px}.mode-tabs button{padding:10px 9px;gap:6px;font-size:10px;justify-content:center;flex:1}.mode-tabs svg{width:17px;height:17px}.mode-tabs small{display:none}.play-button{width:35px;height:35px}.play-button svg{width:17px}.narration{padding:12px 11px;gap:9px;min-height:69px;align-items:center}.narration>p{font-size:10px;line-height:1.9}.voice-bars{width:22px;gap:2px}.voice-bars i{width:2px}.replay-button{font-size:8px;padding-left:3px;gap:4px}.replay-button svg{width:14px}.audio-warning{font-size:7px;bottom:2px;left:42px}.completion-card{padding:26px}.completion-card h2{font-size:19px}.reward-stars{margin-bottom:18px}.completion-card .eyebrow{font-size:8px}}@media(max-width:370px){.mode-tabs button{padding:10px 7px;font-size:9px;gap:4px}.mode-tabs svg{width:15px}.scene-main{padding-left:12px;padding-right:12px}.compact .friend-art{width:80px;height:80px}.scene-instruction h2{font-size:11px}.scene-instruction p{font-size:7px}.scene-counter{font-size:8px}.scene-counter:has(.live-dot){display:none}.scene-heading{margin-right:16px}.scene-heading h1{font-size:19px}.scene-heading .eyebrow{font-size:6px}}:root{font-family:PingFang SC,Microsoft YaHei,system-ui,-apple-system,sans-serif;color:#343f3b;background:#f7f6f2;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-weight:400;--ink: #343f3b;--muted: #93968d;--green: #526f5b;--accent: #c87958;--line: #e9e8e0}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button{border:0}button:disabled{cursor:default}button,a{touch-action:manipulation}button{user-select:none;-webkit-user-select:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #d69a6c;outline-offset:5px}button{transition:background .2s,transform .2s,box-shadow .2s,color .2s}button:active:not(:disabled){transform:translateY(2px) scale(.985)}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}svg{flex-shrink:0}img{max-width:100%;display:block}button:disabled{opacity:.55}input{min-width:0}.app-layout{min-height:100vh}.sidebar{width:220px;position:fixed;inset:0 auto 0 0;background:#f0f1e9;border-right:1px solid #e6e7dd;display:flex;flex-direction:column;padding:28px 20px max(16px,env(safe-area-inset-bottom));overflow:hidden;z-index:30}.brand{display:flex;flex-shrink:0;align-items:center;gap:10px;padding:0 4px;font-size:19px;font-weight:750;letter-spacing:1px}.sidebar-scroll{flex:1;min-height:0;margin-top:28px;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#c2cbb7 transparent;-webkit-overflow-scrolling:touch}.sidebar-scroll:focus-visible{outline:2px solid #85936c;outline-offset:-2px;border-radius:11px}.brand-mark{height:43px;width:43px;background:#607c63;color:#f3f0df;display:flex;align-items:center;justify-content:center;border-radius:14px 14px 14px 4px;transform:rotate(-5deg)}.brand-mark svg{transform:rotate(5deg)}.brand small{display:block;font-size:8px;color:#80907b;font-weight:600;letter-spacing:2.2px;margin-top:6px}.sidebar-label{font-size:11px;color:#949b89;letter-spacing:1.3px;margin:0 14px 17px}.category-nav{display:flex;flex-direction:column;gap:8px}.category-nav button,.favorite-nav{display:flex;align-items:center;gap:13px;background:transparent;border-radius:11px;padding:13px 15px;font-size:13px;text-align:left;color:#7b8376;min-height:46px}.category-nav button:hover,.favorite-nav:hover{background:#e7eadf}.category-nav button.active,.favorite-nav.active{color:#526b50;background:#e1e7d7;font-weight:650}.category-nav button.active svg{stroke-width:2}.nav-count{margin-left:auto;background:#d3ddc9;border-radius:5px;min-width:23px;padding:2px 6px;font-size:10px;text-align:center}.nav-indicator{margin-left:auto;width:5px;height:5px;border-radius:50%;background:#7b9369}.sidebar-divider{height:1px;background:#e0e3d7;margin:22px 14px 14px}.favorite-nav{width:100%}.sidebar-bottom{flex-shrink:0;padding-top:16px}.sidebar-note{display:flex;align-items:flex-start;gap:8px;position:relative;padding:16px 12px;background:#e7ebdd;border:1px solid #dfe5d3;border-radius:16px;overflow:hidden}.note-icon{color:#85936c;display:block;flex-shrink:0;transform:rotate(-12deg);width:max-content}.note-copy{position:relative;z-index:1}.sidebar-note h3{font-size:12px;font-weight:650;color:#657751;margin-bottom:6px}.sidebar-note p{font-size:11px;color:#8a947b;line-height:1.8}.note-doodle{font-size:55px;color:#d2dcc2;position:absolute;right:3px;bottom:0;transform:rotate(12deg)}.sidebar-help{display:flex;align-items:center;gap:10px;padding:13px 9px;min-height:44px;background:none;color:#808b76;font-size:11px;width:100%}.sidebar-help svg:last-child{margin-left:auto}.sidebar-footnote{display:block;text-align:center;color:#a4aa99;font-size:9px;letter-spacing:1px}.main-layout{margin-left:220px}.topbar{height:78px;border-bottom:1px solid var(--line);padding:0 42px;display:flex;align-items:center;justify-content:space-between;background:#faf9f5}.topbar-title{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.5px;color:#737b70}.sun-icon{color:#bfa77a}.topbar-actions{display:flex;align-items:center;gap:19px}.sound-status{display:flex;align-items:center;gap:8px;background:none;color:#7e877a;font-size:11px}.sound-status i{width:5px;height:5px;background:#8b9f73;border-radius:50%;margin-left:3px}.sound-status i.muted{background:#b7aaa0}.topbar-divider{height:17px;width:1px;background:#e4e5dc}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:39px;height:39px;border-radius:50%;background:transparent;color:#7e8779}.icon-button:hover{background:#eaece3}.mobile-menu{display:none}.home-main{max-width:1480px;padding:32px 42px 0;margin:auto}.hero{position:relative;min-height:330px;border-radius:22px;background:#f0e4d4;overflow:hidden;display:flex;border:1px solid #ecdfcd}.hero-copy{width:55%;padding:35px 0 30px 37px;position:relative;z-index:2}.hero-eyebrow{font-size:10px;letter-spacing:2px;color:#9f8b6c;display:flex;align-items:center;gap:7px;margin-bottom:17px}.hero-eyebrow>span{width:5px;height:5px;border-radius:50%;background:#c4a36b}.hero h1{font-size:34px;font-weight:750;line-height:1.55;letter-spacing:2px;color:#4c5140}.hero h1 span{color:#a77751}.hero-copy>p{font-size:11px;line-height:1.95;color:#968a75;margin-top:11px;letter-spacing:.4px}.hero-break{display:none}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:43px;padding:11px 18px;border-radius:9px;background:#c9815e;color:#fffaf0;box-shadow:0 3px #b67150;font-size:12px;font-weight:550}.primary-button:hover{background:#be7551;box-shadow:0 4px #a86142;transform:translateY(-1px)}.primary-button:active{box-shadow:0 1px #a86142}.hero .primary-button{margin-top:20px;min-width:146px}.hero .primary-button svg:last-child{margin-left:8px}.hero-features{display:flex;align-items:center;gap:12px;font-size:9px;color:#9b927f;margin-top:23px}.hero-features span{display:flex;align-items:center;gap:5px}.hero-features>i{width:2px;height:2px;background:#b1a38e;border-radius:50%}.hero-art{position:absolute;right:0;top:0;bottom:0;width:49%;overflow:hidden}.hero-orbit{position:absolute;width:310px;height:310px;border-radius:50%;background:#ead8bc;right:35px;top:26px}.hero-orbit:after{content:"";position:absolute;inset:14px;border:1px dashed #dac7a7;border-radius:50%}.hero-ground{position:absolute;height:122px;width:390px;background:#e0cba8;border-radius:50%;bottom:10px;right:0;transform:rotate(-6deg);opacity:.45}.hero-art img{position:absolute;filter:drop-shadow(0 9px 1px #cbb58d20)}.hero-rabbit{width:155px;right:193px;bottom:45px;transform:rotate(-13deg)}.hero-dog{width:190px;right:66px;bottom:32px;z-index:2;transform:rotate(7deg)}.hero-tiger{width:126px;right:-8px;bottom:60px;transform:rotate(12deg)}.hero-speech{position:absolute;right:114px;top:35px;display:flex;align-items:center;gap:7px;background:#fffcf0;color:#9c8764;padding:12px 16px;border-radius:14px 14px 14px 3px;font-size:11px;box-shadow:0 4px #d1bc9330;z-index:3;transform:rotate(5deg)}.hero-sun{position:absolute;top:25px;right:23px;font-size:42px;color:#c8a460;font-family:Georgia,serif;line-height:1}.hero-spark{position:absolute;color:#bd9b65}.hero-spark-one{top:75px;left:15px;font-size:23px;transform:rotate(-20deg)}.hero-spark-two{right:36px;top:123px;font-size:30px}.hero-spark-three{top:14px;left:110px;font-size:17px;color:#c7ab7d}.hero-flower{position:absolute;color:#c7a37e;z-index:4}.flower-one{bottom:43px;left:45px;font-size:23px;transform:rotate(18deg)}.flower-two{bottom:29px;right:29px;font-size:29px}.hero-art-label{position:absolute;bottom:12px;right:89px;display:flex;align-items:center;gap:6px;font-size:8px;letter-spacing:1px;color:#a89371}.live-dot{height:5px;width:5px;background:#8c9f77;border-radius:50%;display:inline-block;flex-shrink:0}.explore-section{margin-top:35px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.section-eyebrow{font-size:8px;font-weight:600;letter-spacing:2px;color:#a8aa9d;margin-bottom:9px}.section-heading h2{font-size:21px;letter-spacing:.6px;font-weight:650;display:flex;align-items:center;gap:13px}.section-heading h2>span{font-size:10px;font-weight:400;color:#969b8d;background:#efefe8;padding:4px 8px;border-radius:5px;letter-spacing:0}.search-box{background:#fffefa;border:1px solid #e7e7dd;border-radius:9px;display:flex;align-items:center;gap:8px;padding:10px 11px;width:236px;flex-shrink:0;color:#a5aa9c}.search-box input{border:0;background:transparent;outline:none;flex:1;font-size:11px;color:#54614f;width:100%;padding:0}.search-box input::-webkit-search-cancel-button{display:none}.search-box input::placeholder{color:#aaada2}.search-box kbd{font-size:9px;background:#f3f3ed;color:#b4b8ab;padding:3px 5px;border:1px solid #e8eadf;border-radius:4px;white-space:nowrap}.search-clear{display:flex;background:none;padding:0;color:#8e9a85}.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin:21px 0 22px}.catalog-tabs{display:flex;gap:25px}.catalog-tabs button{background:none;padding:0 1px 13px;color:#a0a497;font-size:11px;position:relative}.catalog-tabs button.active{color:#667b55;font-weight:600}.catalog-tabs button.active:after{content:"";position:absolute;bottom:-1px;height:2px;left:1px;right:1px;background:#7e9369;border-radius:1px}.catalog-note{display:flex;align-items:center;gap:5px;color:#a0a691;font-size:9px;padding-bottom:12px}.theme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}.theme-card{position:relative;min-width:0;background:#fffefa;border:1px solid #e7e7de;border-radius:15px;overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s}.theme-card:hover{transform:translateY(-4px);box-shadow:0 10px 24px #515f4010;border-color:#d8ddcc}.card-entry{display:block;width:100%;background:none;text-align:left;padding:0}.card-cover{height:146px;position:relative;overflow:hidden}.card-cover>img{height:100%;width:100%;object-fit:cover;transition:transform .4s}.theme-card:hover .card-cover>img{transform:scale(1.035)}.age-badge{position:absolute;bottom:10px;left:13px;background:#fffdf3bc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:4px;font-size:8px;color:#827e6e;padding:4px 7px}.recent-badge{position:absolute;bottom:10px;right:12px;background:#fffdf3b3;padding:4px 7px;font-size:8px;color:#857c67;border-radius:4px}.cover-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-40%);width:45px;height:45px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fffaf0e0;color:#a17e5a;opacity:0;transition:opacity .2s,transform .2s;box-shadow:0 3px 15px #67573c15}.theme-card:hover .cover-play{opacity:1;transform:translate(-50%,-50%)}.card-copy{padding:15px 17px 0}.card-category{font-size:8px;letter-spacing:1px;display:block;margin-bottom:7px}.card-copy h3{font-size:17px;font-weight:650;letter-spacing:.8px}.card-copy>p{font-size:10px;color:#9ba091;line-height:1.8;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-bottom{display:flex;align-items:center;gap:12px;margin-top:14px;padding:12px 0;border-top:1px solid #f0f0e7;font-size:8px;color:#959d8c}.card-bottom>span{display:flex;align-items:center;gap:4px;white-space:nowrap}.card-bottom .card-arrow{margin-left:auto;color:#a4ae99}.card-favorite{position:absolute;top:11px;right:11px;display:flex;align-items:center;justify-content:center;width:29px;height:29px;border-radius:50%;background:#fffdf3b0;color:#9c9e8a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.card-favorite:hover{background:#fffdf3;color:#b57c68}.card-favorite.saved{color:#bf806f;background:#fff5e9}.card-favorite.saved svg{fill:#d99e86;stroke:#bb7967}.learning-note{display:flex;align-items:center;gap:17px;margin-top:28px;padding:20px 24px;background:#edf0e5;border:1px solid #e4e8da;border-radius:13px}.learning-note-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#e2e9d5;border-radius:50%;color:#93a27b}.learning-note h3{font-size:12px;font-weight:550;color:#78876a;letter-spacing:.4px}.learning-note p{font-size:9px;color:#a0aa92;line-height:1.8;margin-top:5px}.learning-stats{margin-left:auto;display:flex;align-items:center;gap:25px}.learning-stats>span{font-size:8px;color:#9da98d;text-align:center;white-space:nowrap}.learning-stats strong{display:block;font-size:22px;font-weight:550;line-height:1.4;color:#879875;margin-bottom:3px;font-family:Georgia,serif}.learning-stats i{width:1px;height:27px;background:#dce2d0}.home-footer{display:flex;justify-content:space-between;padding:23px 0 24px;font-size:8px;color:#b3b6a9;letter-spacing:.4px}.home-footer>span:last-child{display:flex;align-items:center;gap:5px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;border:1px dashed #dfe4d4;border-radius:15px;color:#a0ad8c;background:#f3f4ed}.empty-state h3{font-size:16px;color:#76846b;margin-top:18px;font-weight:550}.empty-state p{font-size:12px;margin:12px 18px 22px;text-align:center;line-height:1.8}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:none;color:#82916e;font-size:12px;padding:9px}.secondary-button{background:#f0f1e9;border:1px solid #e0e5d5;padding:12px 16px;border-radius:9px;color:#7e8c70;font-size:12px}.app-dialog{border:1px solid #e9e6d9;border-radius:24px;background:#fffdf6;padding:30px;width:440px;max-width:calc(100vw - 32px);color:var(--ink);box-shadow:0 20px 90px #24362130}.app-dialog::backdrop{background:#27372f55;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.dialog-icon{background:#ebefdf;color:#809368;width:48px;height:48px;border-radius:15px;display:flex;align-items:center;justify-content:center}.eyebrow{font-size:10px;letter-spacing:1.2px;color:#a2a48f}.app-dialog h2{font-size:23px;margin-top:9px;font-weight:600;letter-spacing:1px}.setting-row{display:flex;justify-content:space-between;align-items:center;margin-top:28px;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.setting-row h3{font-size:14px;font-weight:550}.setting-row p{font-size:11px;color:#a1a58f;margin-top:7px}.switch{width:43px;height:25px;border-radius:20px;padding:3px;background:#d7d9cf}.switch.on{background:#8ea17d}.switch>span{display:block;height:19px;width:19px;border-radius:50%;background:#fffdf5;box-shadow:0 1px 3px #0002;transition:transform .2s}.switch.on>span{transform:translate(18px)}.settings-info{display:flex;gap:11px;color:#9ea48f;font-size:10px;line-height:1.9;margin:23px 0}.reset-button{width:100%}.help-steps{list-style:none;padding:0;margin:26px 0}.help-steps li{display:flex;gap:15px;margin:22px 0}.help-steps li>span{font-size:13px;color:#b5bd9e;font-family:Georgia,serif;line-height:1.5}.help-steps h3{font-size:13px;font-weight:550}.help-steps p{font-size:11px;line-height:1.8;color:#9ca48c;margin-top:5px}.help-note{font-size:10px;line-height:1.9;color:#a4a58e;padding:14px;background:#f2f2e8;border-radius:8px;margin-bottom:25px}.app-dialog>.primary-button{width:100%}.sidebar-backdrop{display:none}.missing-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:22px;color:#869674}.missing-page h1{font-size:24px}.missing-page p{font-size:13px}@media(min-width:1450px){.hero{min-height:350px}.hero-copy{padding-left:45px}.hero h1{font-size:39px}.hero-art{right:24px}.hero-orbit{width:340px;height:340px;top:12px;right:40px}.hero-rabbit{width:178px;right:215px;bottom:43px}.hero-dog{width:220px;right:76px;bottom:29px}.hero-tiger{width:149px;right:-8px;bottom:60px}.card-cover{height:168px}.hero-copy>p{font-size:12px}.hero-features{font-size:10px}.hero-copy{padding-top:37px}}@media(max-width:1150px){.sidebar{width:193px;padding-left:15px;padding-right:15px}.brand{font-size:16px;gap:8px}.brand small{font-size:7px;letter-spacing:1.7px}.brand-mark{width:38px;height:38px}.main-layout{margin-left:193px}.topbar{padding:0 28px}.home-main{padding:25px 28px 0}.hero h1{font-size:30px;letter-spacing:1px}.hero-copy{padding-left:28px}.hero-copy>p{font-size:10px}.hero-art{width:47%}.hero-rabbit{width:124px;right:141px;bottom:61px}.hero-dog{width:161px;right:37px;bottom:42px}.hero-tiger{width:98px;right:-20px;bottom:70px}.hero-orbit{width:260px;height:260px;right:-4px;top:42px}.hero-speech{right:47px;top:49px;font-size:10px}.hero-sun{right:9px;top:19px;font-size:33px}.hero-art-label{right:44px;bottom:24px}.hero-spark-one{left:12px;top:78px}.flower-one{left:28px;bottom:49px}.hero-spark-three{left:80px}.hero-ground{right:-90px;bottom:21px}.theme-grid{gap:16px}.card-cover{height:126px}.card-copy{padding:13px 13px 0}.card-bottom{font-size:7px;gap:9px}.card-copy h3{font-size:16px}.card-copy>p{font-size:9px}.card-category{font-size:8px}.section-heading h2{font-size:19px}.search-box{width:213px}.section-heading h2>span{font-size:9px}.learning-note{padding:17px}.learning-stats{gap:18px}}@media(max-width:960px){.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-cover{height:145px}.card-copy h3{font-size:18px}.card-copy>p{font-size:10px}.card-bottom{font-size:9px}.hero-copy{width:58%;padding-left:24px}.hero h1{font-size:28px}.hero-copy>p{max-width:220px}.hero-break{display:block}.hero-art{width:45%}.hero-rabbit{width:112px;right:108px;bottom:74px}.hero-dog{width:141px;right:16px;bottom:52px}.hero-tiger{display:none}.hero-orbit{right:-40px}.hero-speech{right:22px;top:53px}.hero-sun{right:9px;font-size:26px}.hero-features{gap:8px;font-size:8px}.hero-art-label{right:19px;bottom:36px;font-size:7px}.hero-spark-one{left:5px}.section-heading{align-items:flex-end}.section-eyebrow{font-size:7px;letter-spacing:1px}.section-heading h2{font-size:17px;gap:8px}.section-heading h2>span{font-size:8px}.search-box{width:178px;padding:9px}.search-box input{font-size:10px}.search-box kbd{display:none}.learning-note p{max-width:250px}.learning-stats{gap:12px}.learning-note{gap:11px}.learning-note-icon{width:36px;height:36px}.learning-note h3{font-size:10px}.learning-note p,.catalog-note{font-size:8px}}@media(max-width:700px){.sidebar{transform:translate(-100%);transition:transform .25s;width:220px}.sidebar.is-open{transform:translate(0)}.sidebar-backdrop{position:fixed;inset:0;background:#26332955;z-index:29;display:block}.main-layout{margin-left:0}.mobile-menu{display:flex;margin-left:-9px}.sun-icon{display:none}.topbar{height:65px;padding:0 20px}.topbar-title{gap:5px;font-size:11px}.topbar-actions{gap:10px}.sound-status span{display:none}.sound-status{padding:8px}.topbar-divider{display:none}.home-main{padding:19px 20px 0}.hero{min-height:310px;border-radius:18px}.hero-copy{padding:25px 0 25px 22px;width:66%}.hero h1{font-size:27px;letter-spacing:1px}.hero-eyebrow{font-size:8px;letter-spacing:1px;margin-bottom:13px}.hero-copy>p{font-size:9px;max-width:185px}.hero .primary-button{font-size:11px;min-width:129px;min-height:39px;margin-top:17px;padding:10px 13px}.hero-art{width:44%;overflow:visible;right:-15px}.hero-orbit{width:190px;height:190px;right:-39px;top:83px}.hero-ground{width:240px;right:-95px;bottom:20px}.hero-rabbit{width:93px;right:75px;bottom:66px}.hero-dog{width:122px;right:-4px;bottom:44px}.hero-speech{font-size:8px;right:18px;top:62px;padding:10px;white-space:nowrap}.hero-speech svg{width:14px}.hero-sun{right:31px;top:18px}.hero-art-label{display:none}.hero-spark-one{font-size:18px;top:101px;left:11px}.hero-spark-three{left:43px;top:40px}.flower-one{left:11px;bottom:42px;font-size:20px}.flower-two{right:15px;bottom:30px;font-size:22px}.hero-features{font-size:7px;margin-top:23px;gap:6px}.hero-features span{gap:3px}.hero-features svg{width:11px}.hero-spark-two{right:24px;top:134px;font-size:22px}.explore-section{margin-top:27px}.section-heading{align-items:stretch;flex-direction:column;gap:17px}.section-eyebrow{font-size:7px}.section-heading h2{font-size:20px;gap:12px}.section-heading h2>span{font-size:9px}.search-box{width:100%;padding:12px}.search-box input{font-size:12px}.search-box kbd{display:block}.catalog-toolbar{margin:18px 0}.catalog-tabs{gap:23px}.catalog-tabs button{font-size:11px}.catalog-note{font-size:8px}.theme-grid{gap:14px}.card-cover{height:115px}.card-copy{padding:13px 11px 0}.card-category{font-size:7px;margin-bottom:5px}.card-copy h3{font-size:16px}.card-copy>p{font-size:8px;margin-top:5px}.card-bottom{gap:7px;font-size:7px;margin-top:10px;padding:10px 0}.card-bottom svg{width:11px}.card-bottom .card-arrow{display:none}.card-favorite{width:26px;height:26px;top:8px;right:8px}.age-badge{font-size:7px;bottom:7px;left:8px}.recent-badge{font-size:7px;right:8px;bottom:7px}.theme-card{border-radius:12px}.learning-note{margin-top:21px;padding:15px 12px;gap:10px}.learning-note-icon{width:30px;height:30px}.learning-note-icon svg{width:20px}.learning-note h3{font-size:10px}.learning-note p{max-width:190px;font-size:8px}.learning-stats{gap:10px}.learning-stats strong{font-size:19px}.learning-stats span{font-size:7px}.learning-stats i{display:none}.home-footer{font-size:7px;letter-spacing:0;padding:21px 0}.app-dialog{padding:25px}.hero-art .hero-tiger{display:none}}@media(max-width:370px){.home-main{padding-left:14px;padding-right:14px}.hero-copy{padding-left:17px}.hero h1{font-size:25px}.hero-features{gap:4px}.hero-rabbit{right:63px;width:83px}.hero-dog{width:112px}.hero-speech{right:10px;font-size:7px}.card-cover{height:99px}.card-bottom{font-size:6px;gap:5px}.learning-stats>span:first-child{display:none}.learning-note h3{font-size:9px}.catalog-note{font-size:7px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.scene-instruction .instruction-copy{flex:1;min-width:0}.scene-instruction .scene-counter{margin-left:0}.detail-header-actions{display:flex;gap:7px;align-items:center}.detail-header-actions .icon-button{background:#eeefe5;border:1px solid #e3e6d8;color:#7b8b6a}.scene-heading{margin-right:0}.view-switch,.language-options,.eye-care-options{display:inline-flex;align-items:center;gap:3px;padding:4px;border:1px solid #e3e3d8;border-radius:10px;background:#eeeee5;flex-shrink:0}.view-switch button,.language-options button,.eye-care-options button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:7px 14px;border-radius:7px;background:transparent;color:#99917f;font-size:11px;white-space:nowrap}.view-switch button.active,.language-options button.active,.eye-care-options button.active{background:#fffdf5;color:#6d785b;box-shadow:0 1px 3px #685f3a12;font-weight:600}.scene-board.cards-board{background:#f0efe6;border:1px solid #e9e7dc;padding:24px;min-height:382px}.cards-board .friends-grid.learning-card-grid{display:grid;grid-template-columns:repeat(var(--card-columns),minmax(0,1fr));gap:20px;max-width:none;width:100%;margin:auto}.cards-board .friend.learning-card{height:154px;padding:15px 12px 13px;background:#fffefa;border:1px solid #ecebe4;border-radius:19px;box-shadow:0 5px #dfded5;color:#292d24;justify-content:flex-start;transition:transform .2s,box-shadow .2s,background .2s}.cards-board .learning-card:not(:disabled):hover{transform:translateY(-3px);box-shadow:0 8px #dfded5}.cards-board .learning-card:not(:disabled):active{transform:translateY(4px) scale(.985);box-shadow:0 1px #d6d5cb}.card-number{position:absolute;left:10px;top:9px;height:22px;min-width:24px;padding:4px 5px;border-radius:12px;font-family:system-ui,sans-serif;font-size:10px;font-weight:750;line-height:14px;color:#a38f79;background:#efeee5}.cards-board .learning-card .friend-art{height:64px;width:64px;flex-shrink:0;border-radius:18px;background:var(--card-art-color, #f4ede5)}.cards-board .learning-card .friend-art>img{width:53px;height:53px;filter:none}.cards-board .learning-card .friend-halo{display:none}.card-pronunciation{font-size:11px;font-weight:600;color:#a18470;margin-top:10px;line-height:16px;letter-spacing:.1px}.cards-board .learning-card .friend-name{min-width:0;border:0;background:transparent;border-radius:0;margin-top:3px;padding:0;font-size:18px;font-weight:750;color:#292d24;letter-spacing:1px;line-height:24px}.cards-board .learning-card.selected{border-color:#c7b484;background:#fff9e8;box-shadow:0 5px #d9c89f}.cards-board .learning-card.correct{border-color:#9bb485;background:#f5f9ec;box-shadow:0 5px #c6d5b7}.cards-board .learning-card.hint{outline:2px dashed #bca970;outline-offset:3px}.cards-board .friend-check{width:20px;height:20px;right:-5px;bottom:-5px}.scene-page[lang=en] .scene-heading h1{letter-spacing:.2px;font-size:25px}.scene-page[lang=en] .friend-name{letter-spacing:0}.scene-page[lang=en] .card-pronunciation{font-size:10px}.bilingual-controls{flex-wrap:wrap;row-gap:10px;padding-top:12px;padding-bottom:max(12px,env(safe-area-inset-bottom))}.bilingual-controls .mode-tabs{max-width:620px}.scene-preferences{display:flex;justify-content:center;align-items:center;width:100%;gap:12px;padding-top:10px;border-top:1px solid #ebe9df}.preference-label{font-size:10px;color:#a29b88}.scene-preferences .language-options{padding:3px;border-radius:8px}.scene-preferences button{min-height:29px;padding:5px 18px;font-size:11px;border-radius:5px}.display-setting{gap:16px;margin-top:0;border-top:0}.display-setting .eye-care-options button{padding:7px 12px}.scene-board.immersive-board{padding:0;display:block;flex:0 0 auto;min-height:350px;aspect-ratio:1.75;max-height:calc(100dvh - 370px);border-radius:24px;border:3px solid #fffdf3;background:#d9ebd3;box-shadow:0 2px 6px #5e78430d}.scene-backdrop{position:absolute;inset:0;height:100%;width:100%;object-fit:fill;pointer-events:none;-webkit-user-select:none;user-select:none}.immersive-board .friends-grid{display:block;position:absolute;inset:0;width:100%;height:100%;max-width:none;margin:0}.immersive-board .friend{position:absolute;left:var(--friend-x);top:var(--friend-y);width:clamp(78px,9vw,135px);padding:0;transform:translate(-50%,-50%) scale(var(--friend-scale));z-index:2;border-radius:20px}.immersive-board .friend:active:not(:disabled){transform:translate(-50%,-48%) scale(calc(var(--friend-scale) * .96))}.immersive-board .friend-art{width:clamp(64px,7.5vw,112px);height:clamp(64px,7.5vw,112px)}.immersive-board .friend-halo{border:0;background:transparent}.immersive-board .friend.selected .friend-halo{border:2px solid #f2d58e;background:#fff8cf44}.scene-name-tag{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fffdf1ed;border:1px solid #d6c596;box-shadow:0 2px #706b4912;border-radius:14px;padding:3px 10px 4px;min-width:47px;max-width:100%;position:relative;margin-top:-2px;color:#456a5d;line-height:1.15}.scene-name-tag small{font-size:9px;color:#a18463;font-weight:550;white-space:nowrap}.scene-name-tag strong{font-size:13px;letter-spacing:.5px;font-weight:700;line-height:1.3}.immersive-board .friend.correct .scene-name-tag{background:#f0f8dd;border-color:#8fa46e}.immersive-board .friend.hint .scene-name-tag{outline:2px dashed #b89e5f;outline-offset:2px}.immersive-board .friend.selected{z-index:3}html[data-eye-care=on],html[data-eye-care=on] body,html[data-eye-care=on] .scene-page{background:#f5f2e7}html[data-eye-care=on] .topbar{background:#f8f5eb}html[data-eye-care=on] .scene-controls{background:#faf7ed}html[data-eye-care=on] .narration{background:#fbf8ee}html[data-eye-care=off]{background:#fafbfc;color:#25303b;--line: #e7ebef}html[data-eye-care=off] body,html[data-eye-care=off] .scene-page{background:#fafbfc}html[data-eye-care=off] .sidebar{background:#f1f4f6;border-color:#e4e9ed}html[data-eye-care=off] .topbar,html[data-eye-care=off] .scene-controls,html[data-eye-care=off] .narration,html[data-eye-care=off] .theme-card,html[data-eye-care=off] .app-dialog{background:#fff;border-color:#e6e9ee}html[data-eye-care=off] .hero{background:#edf2f6;border-color:#e1e8ef}html[data-eye-care=off] .hero-orbit{background:#dce6ee}html[data-eye-care=off] .cards-board{background:#f1f3f5;border-color:#e6e9ed}html[data-eye-care=off] .cards-board .learning-card{background:#fff;border-color:#e8ebee;box-shadow:0 5px #dee3e8}html[data-eye-care=off] .cards-board .learning-card.selected{background:#f4f8ed;border-color:#a8bb8d}html[data-eye-care=off] .view-switch,html[data-eye-care=off] .language-options,html[data-eye-care=off] .eye-care-options{background:#eef1f4;border-color:#e0e6eb}html[data-eye-care=off] .view-switch button.active,html[data-eye-care=off] .language-options button.active,html[data-eye-care=off] .eye-care-options button.active{background:#fff;color:#506c60}@media(min-width:851px){.bilingual-controls{flex-wrap:nowrap}.bilingual-controls .mode-tabs{order:1}.bilingual-controls .playback-controls{order:3}.scene-preferences{order:2;width:auto;margin-left:auto;border:0;padding:0}}@media(max-width:1100px){.cards-board .friends-grid.learning-card-grid{gap:16px}.scene-board.cards-board{padding:21px}.cards-board .friend.learning-card{height:150px;padding-top:15px}.view-switch button{padding:7px 11px}.scene-instruction .scene-counter small{display:none}.scene-page[lang=en] .scene-instruction h2{font-size:13px}.immersive-board .friend-art{width:80px;height:80px}.immersive-board .friend{width:104px}.scene-name-tag strong{font-size:12px}.scene-name-tag small{font-size:8px}}@media(max-width:850px){.cards-board .friends-grid.learning-card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.scene-board.cards-board{min-height:520px}.scene-instruction{gap:10px}.scene-instruction .scene-counter{display:none}.scene-page[lang=en] .scene-heading h1{font-size:22px}.scene-page[lang=en] .scene-instruction p{font-size:8px}.immersive-board .friend-art{width:70px;height:70px}.immersive-board .friend{width:90px}.scene-name-tag strong{font-size:11px}.scene-name-tag small{font-size:7px}.scene-board.immersive-board{min-height:400px;max-height:none}.detail-header-actions{gap:5px}}@media(max-width:600px){.cards-board .friends-grid.learning-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px 10px}.scene-board.cards-board{padding:16px 12px;min-height:555px}.cards-board .friend.learning-card{height:123px;padding:13px 5px 9px;border-radius:14px;box-shadow:0 4px #dfded5}.cards-board .learning-card .friend-art{width:49px;height:49px;border-radius:14px}.cards-board .learning-card .friend-art>img{width:42px;height:42px}.card-number{left:6px;top:6px;min-width:19px;height:18px;padding:2px 4px;font-size:8px}.card-pronunciation{font-size:9px;margin-top:8px;line-height:13px}.cards-board .learning-card .friend-name{font-size:15px;line-height:20px;margin-top:3px}.view-switch{padding:3px;border-radius:8px;gap:1px}.view-switch button{padding:7px 8px;min-height:33px;font-size:10px;gap:4px}.view-switch svg{width:13px;height:13px}.scene-instruction .instruction-icon{display:none}.scene-instruction h2{font-size:11px}.scene-instruction p{font-size:8px;max-width:185px;line-height:1.6}.bilingual-controls{row-gap:8px;padding-bottom:max(10px,env(safe-area-inset-bottom))}.scene-preferences{gap:12px;padding-top:8px}.preference-label{font-size:9px}.scene-preferences button{font-size:10px;min-height:31px;padding:5px 20px}.scene-page[lang=en] .scene-heading h1{font-size:17px;max-width:165px}.scene-page[lang=en] .back-button{font-size:8px}.scene-page[lang=en] .scene-instruction h2{font-size:10px;line-height:1.5}.scene-page[lang=en] .mode-tabs button{font-size:10px}.scene-page[lang=en] .learning-card .friend-name{font-size:13px}.detail-header-actions .icon-button{width:30px;height:30px}.detail-header-actions .icon-button svg{width:17px}.scene-header{gap:6px}.scene-heading h1{font-size:20px}.scene-heading .eyebrow{font-size:6px}.scene-board.immersive-board{min-height:440px;aspect-ratio:.85;border-radius:18px}.immersive-board .friend-art{width:57px;height:57px}.immersive-board .friend{width:74px}.scene-name-tag{padding:2px 5px 3px;border-radius:11px;min-width:36px}.scene-name-tag strong{font-size:10px}.scene-name-tag small{font-size:6px}.display-setting{flex-wrap:wrap;gap:14px}.display-setting .eye-care-options{width:100%}.display-setting .eye-care-options button{flex:1}}@media(max-width:370px){.cards-board .friend.learning-card{height:119px}.view-switch button{padding:6px;font-size:9px}.scene-instruction h2{font-size:10px}.scene-instruction p{font-size:7px}.scene-page[lang=en] .scene-heading h1{font-size:15px}.immersive-board .friend-art{width:52px;height:52px}.immersive-board .friend{width:68px}}