/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}}:root{--ink:#26342d;--cream:#faf7ef;--paper:#fffdfa;--muted:#7a817b;--line:#e8e2d5;--green:#3f7150}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{color:var(--ink);background:var(--cream);margin:0;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif}button,a{font:inherit}button{cursor:pointer;color:inherit}.topbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:20;background:#faf7eff2;border-bottom:1px solid #e7e1d6;justify-content:space-between;align-items:center;height:78px;padding:0 max(24px,50vw - 620px);display:flex;position:sticky;top:0}.brand{color:var(--ink);letter-spacing:2px;align-items:center;gap:10px;font-size:22px;font-weight:900;text-decoration:none;display:flex}.brand>span:last-child{flex-direction:column;display:flex}.brand small{color:#8d938c;letter-spacing:3px;margin-top:2px;font-size:9px;font-weight:600}.brand-mark{color:#fff;background:var(--green);border-radius:14px 14px 14px 4px;place-items:center;width:42px;height:42px;font-family:KaiTi,serif;font-size:24px;transform:rotate(-3deg);display:grid!important}.topbar nav{gap:34px;display:flex}.topbar nav a{color:#626b64;font-size:14px;font-weight:700;text-decoration:none}.topbar nav a:hover{color:var(--green)}.progress-pill{color:#858c85;background:#fff;border:1px solid #ece6da;border-radius:999px;align-items:center;gap:12px;padding:8px 9px 8px 15px;font-size:11px;display:flex}.progress-pill strong{color:#b65e36;background:#fae6d6;border-radius:999px;padding:7px 11px;font-size:14px}.lesson-wrap{grid-template-columns:240px 1fr;align-items:start;gap:52px;width:min(1240px,100% - 48px);margin:38px auto 100px;display:grid}.stage-rail{background:#f0ede4;border-radius:24px;padding:22px 14px;position:sticky;top:112px}.rail-head{justify-content:space-between;padding:0 8px;font-size:12px;display:flex}.rail-head span{color:#7d857e}.rail-head strong{color:var(--green)}.progress-track{background:#dad7cc;border-radius:99px;height:6px;margin:10px 8px 24px;overflow:hidden}.progress-track i{background:var(--green);border-radius:inherit;height:100%;transition:all .4s;display:block}.stage-tab{text-align:left;background:0 0;border:0;border-radius:14px;align-items:center;gap:12px;width:100%;margin:4px 0;padding:12px 10px;display:flex}.stage-tab>span{color:#858982;background:#dedbd1;border-radius:50%;flex:0 0 32px;place-items:center;width:32px;height:32px;font-weight:800;display:grid}.stage-tab div{flex-direction:column;flex:1;gap:2px;display:flex}.stage-tab small{color:#8b908b;font-size:10px}.stage-tab.active{background:#fff;box-shadow:0 8px 22px #605b5010}.stage-tab.active>span{background:var(--stage-color);color:#fff}.stage-tab:hover{background:#fff9}.parent-tip{border-top:1px solid #dcd7cb;margin-top:24px;padding:20px 8px 2px}.parent-tip span{color:#9c765c;font-size:11px;font-weight:800}.parent-tip p{color:#7c7e78;margin:8px 0 0;font-family:KaiTi,serif;font-size:13px;line-height:1.7}.lesson-main{min-width:0}.lesson-heading{justify-content:space-between;align-items:flex-start;margin:18px 0 26px;display:flex}.eyebrow{letter-spacing:2px;margin-bottom:12px;font-size:12px;font-weight:900}.lesson-heading h1{letter-spacing:-3px;margin:0;font-family:Noto Serif SC,Songti SC,serif;font-size:clamp(36px,5vw,56px);line-height:1.1}.lesson-heading h1 em{font-style:normal}.lesson-heading p{color:#7b837c;margin:14px 0 0}.day-badge{border:1px solid #ded8cc;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:70px;height:70px;display:flex;transform:rotate(5deg)}.day-badge span{letter-spacing:2px;color:#8a8f89;font-size:8px}.day-badge strong{font-family:Georgia,serif;font-size:28px}.character-nav{gap:10px;margin-bottom:18px;display:flex}.character-nav button{background:#fffaf3;border:1px solid #e5dfd3;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:7px;max-width:100px;padding:10px;display:flex;position:relative}.character-nav button b{font-family:KaiTi,serif;font-size:24px}.character-nav button small{color:#8f938e}.character-nav button.active{border-color:var(--stage-color);box-shadow:inset 0 -3px 0 var(--stage-color);background:#fff}.character-nav button i{color:#fff;background:#4f8a61;border-radius:50%;place-items:center;width:15px;height:15px;font-size:9px;font-style:normal;display:grid;position:absolute;top:4px;right:5px}.character-card{background:#fff;border-radius:28px;grid-template-columns:1.1fr .9fr;min-height:430px;display:grid;overflow:hidden;box-shadow:0 24px 65px #655f4e16}.picture-scene{background:var(--stage-color);position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.picture-scene{background:color-mix(in srgb,var(--stage-color) 18%,#d8ece6)}}.picture-scene{place-items:center;display:grid}.picture-icon{z-index:3;filter:drop-shadow(0 15px 15px #344b3530);-webkit-user-select:none;user-select:none;font-size:150px;animation:3s ease-in-out infinite bob}.scene-ground{background:var(--stage-color);border-radius:50%;width:120%;height:170px;position:absolute;bottom:-85px}@supports (color:color-mix(in lab, red, red)){.scene-ground{background:color-mix(in srgb,var(--stage-color) 52%,#7a996b)}}.scene-ground{transform:rotate(-4deg)}.picture-caption{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);letter-spacing:1px;background:#ffffffb8;border:1px solid #ffffff9e;border-radius:8px;padding:7px 11px;font-size:10px;font-weight:800;position:absolute;top:22px;left:22px}.doodle-cloud{background:#ffffff80;border-radius:40px;width:90px;height:28px;position:absolute}.doodle-cloud:before,.doodle-cloud:after{content:"";background:inherit;border-radius:50%;position:absolute}.doodle-cloud:before{width:40px;height:40px;top:-17px;left:15px}.doodle-cloud:after{width:30px;height:30px;top:-10px;right:12px}.cloud-a{top:20%;left:8%;transform:scale(.75)}.cloud-b{top:15%;right:7%;transform:scale(1.1)}.character-info{flex-direction:column;justify-content:center;padding:38px;display:flex}.character-box{aspect-ratio:1;background:#fffaf0;border:1px solid #e1d8c8;border-radius:20px;align-self:center;place-items:center;width:min(190px,100%);display:grid;position:relative;overflow:hidden}.character-box:before,.character-box:after,.character-box i,.character-box b{content:"";background:#dfd5c5;position:absolute}.character-box:before{width:100%;height:1px;top:50%}.character-box:after{width:1px;height:100%;left:50%}.character-box i{width:145%;height:1px;transform:rotate(45deg)}.character-box b{width:145%;height:1px;transform:rotate(-45deg)}.character-box span{color:var(--stage-color);z-index:2;font-family:KaiTi,STKaiti,serif;font-size:128px;line-height:1}.pronunciation{justify-content:space-between;align-items:center;margin-top:18px;display:flex}.pronunciation small{color:#939791;font-size:10px;display:block}.pronunciation strong{letter-spacing:2px;font-size:25px}.sound-button{background:var(--stage-color);border:0}@supports (color:color-mix(in lab, red, red)){.sound-button{background:color-mix(in srgb,var(--stage-color) 17%,white)}}.sound-button{color:var(--stage-color);border-radius:14px;align-items:center;gap:9px;padding:11px 15px;font-weight:800;transition:all .2s;display:flex}.sound-button:hover{transform:translateY(-2px)}.sound-button.speaking{animation:1s infinite pulse}.sound-icon{width:18px;height:18px;display:inline-block;position:relative}.sound-icon i{background:currentColor;border-radius:2px;width:6px;height:7px;position:absolute;top:6px;left:1px}.sound-icon i:after{content:"";border:7px solid #0000;border-right-color:currentColor;position:absolute;top:-3px;right:-6px;transform:rotate(180deg)}.sound-icon b,.sound-icon b:after{border:2px solid #0000;border-left:0;border-right-color:currentColor;border-radius:50%;width:9px;height:13px;position:absolute;top:2px;right:0}.sound-icon b:after{content:"";width:5px;height:7px;top:1px;right:3px}.meaning{border-top:1px solid #eee7dc;margin-top:17px;padding-top:16px}.meaning span{color:#fff;background:var(--stage-color);border-radius:6px;padding:4px 8px;font-size:10px;font-weight:800}.meaning p{color:#6f756f;margin:9px 0 0;font-family:KaiTi,serif;font-size:15px;line-height:1.7}.word-section{margin-top:58px}.section-title{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.section-title>div{align-items:center;gap:15px;display:flex}.section-title>div>span{color:#b6b1a5;font-family:Georgia,serif;font-size:27px}.section-title h2{margin:0 0 3px;font-size:21px}.section-title p{color:#979a95;margin:0;font-size:11px}.step-chip{color:#7d817d;background:#ece8dd;border-radius:99px;padding:7px 11px;font-size:10px}.word-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.word-card{text-align:left;background:#fff;border:1px solid #e4ddd1;border-radius:17px;justify-content:space-between;align-items:center;min-width:0;padding:17px 15px;transition:all .2s;display:flex}.word-card.active{border-color:var(--stage-color);background:var(--stage-color)}@supports (color:color-mix(in lab, red, red)){.word-card.active{background:color-mix(in srgb,var(--stage-color) 5%,white)}}.word-card.active{box-shadow:inset 0 -3px 0 var(--stage-color)}.word-card div{flex-direction:column;display:flex}.word-card small{color:#989b96;margin-top:4px;font-size:10px}.word-card .sound-icon{color:var(--stage-color);transform:scale(.85)}.usage-box{background:#f1ede3;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;margin-top:14px;padding:17px 20px;display:grid}.usage-mascot{font-size:27px}.usage-box span{color:#9a7158;font-size:10px;font-weight:900}.usage-box p{margin:5px 0 0;font-family:KaiTi,serif;font-size:17px}.usage-box button{color:#667269;background:#fff;border:0;border-radius:12px;align-items:center;gap:8px;padding:10px 13px;font-size:11px;font-weight:800;display:flex}.lesson-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.lesson-actions button{border:0;border-radius:15px;align-items:center;gap:10px;padding:14px 18px;font-weight:800;display:flex}.again{background:#ece8de}.complete{background:var(--ink);color:#fff;justify-content:space-between;min-width:155px;box-shadow:0 10px 25px #26342d2e}.complete:hover{background:var(--green)}.path-section{color:#fff;background:#26372f;grid-template-columns:310px 1fr;gap:90px;padding:100px max(24px,50vw - 570px);display:grid}.path-intro{align-self:start;position:sticky;top:120px}.path-intro>span{color:#e4b366;letter-spacing:2px;font-size:11px;font-weight:900}.path-intro h2{margin:18px 0;font-family:Noto Serif SC,Songti SC,serif;font-size:42px;line-height:1.25}.path-intro p{color:#b8c1bb;font-size:14px;line-height:1.8}.path-list{gap:16px;display:grid}.path-list>button{color:#fff;text-align:left;background:#ffffff08;border:1px solid #ffffff20;border-radius:22px;grid-template-columns:65px 1fr auto;align-items:center;gap:22px;padding:25px;transition:all .25s;display:grid}.path-list>button:hover{border-color:var(--stage-color);background:#ffffff10;transform:translate(5px)}.path-number{color:var(--stage-color);font-family:Georgia,serif;font-size:36px}.path-list small{color:#9fac9f;font-size:10px}.path-list h3{margin:5px 0;font-size:23px}.path-list p{color:#bfc7c1;margin:0 0 13px;font-size:12px}.path-list>button>b{color:#d7ddd8;font-size:11px}.mini-chars{gap:6px;display:flex}.mini-chars i{background:#ffffff12;border-radius:7px;place-items:center;width:29px;height:29px;font-family:KaiTi,serif;font-style:normal;display:grid}footer{justify-content:space-between;align-items:center;width:min(1140px,100% - 48px);height:130px;margin:auto;display:flex}footer p{color:#9a9e99;letter-spacing:3px;font-size:11px}@keyframes bob{50%{transform:translateY(-12px)rotate(3deg)}}@keyframes pulse{50%{opacity:.5}}@media (max-width:980px){.lesson-wrap{grid-template-columns:1fr}.stage-rail{gap:8px;padding:12px;display:flex;position:static;overflow:auto}.rail-head,.progress-track,.parent-tip{display:none}.stage-tab{min-width:150px;margin:0}.path-section{grid-template-columns:1fr;gap:45px}.path-intro{position:static}.word-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:680px){.topbar{padding:0 16px}.topbar nav,.progress-pill span{display:none}.lesson-wrap{gap:26px;width:min(100% - 24px,540px);margin-top:22px}.lesson-heading{margin-top:0}.lesson-heading h1{letter-spacing:-2px;font-size:38px}.lesson-heading p{font-size:13px;line-height:1.6}.day-badge{width:58px;height:58px}.character-nav{overflow:auto}.character-nav button{min-width:64px}.character-card{grid-template-columns:1fr}.picture-scene{min-height:260px}.picture-icon{font-size:115px}.character-info{padding:28px}.character-box{width:175px}.character-box span{font-size:112px}.word-section{margin-top:42px}.section-title>.step-chip{display:none}.word-grid{grid-template-columns:1fr 1fr}.word-card{padding:14px 12px}.word-card b{font-size:18px}.usage-box{grid-template-columns:auto 1fr}.usage-box button{grid-column:2;width:max-content}.lesson-actions{justify-content:stretch}.lesson-actions button{flex:1}.path-section{padding-top:70px;padding-bottom:70px}.path-intro h2{font-size:35px}.path-list>button{grid-template-columns:48px 1fr;padding:20px 16px}.path-list>button>b{grid-column:2}.path-number{font-size:27px}footer{height:110px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}}.stage-rail{scrollbar-width:thin;scrollbar-color:#cfc9bc transparent;max-height:calc(100vh - 116px);overflow:auto}.stage-tab div em{color:var(--stage-color);margin-top:2px;font-size:9px;font-style:normal;font-weight:800}.eyebrow span{letter-spacing:0;border:1px solid;border-radius:99px;margin-left:8px;padding:3px 7px;font-size:9px;display:inline-block}.section-tools{align-items:center;gap:8px;display:flex}.challenge-toggle{color:#6d756e;background:#fff;border:1px solid #d9d2c5;border-radius:99px;padding:7px 11px;font-size:10px;font-weight:800;transition:all .2s}.challenge-toggle:hover,.challenge-toggle.active{border-color:var(--green);background:var(--green);color:#fff}.word-card small{transition:all .2s}.word-grid.hide-pinyin .word-card small{visibility:hidden;opacity:0}@media (max-width:980px){.stage-rail{max-height:none;overflow:auto hidden}}@media (max-width:680px){.section-title{align-items:flex-start;gap:10px}.section-tools .step-chip{display:none}.challenge-toggle{white-space:nowrap;padding:7px 9px}}body{min-height:100vh;overflow-x:hidden}.topbar{height:62px;padding:0 max(18px,50vw - 660px)}.brand-mark{border-radius:12px 12px 12px 4px;width:36px;height:36px;font-size:21px}.brand{font-size:19px}.topbar nav{align-items:center;gap:14px}.topbar nav span{color:#939991;letter-spacing:2px;font-size:10px}.progress-pill{padding:6px 7px 6px 12px}.progress-pill strong{padding:5px 9px;font-size:12px}.lesson-wrap{grid-template-columns:200px minmax(0,1fr);gap:20px;width:min(1320px,100% - 32px);margin:14px auto 18px}.stage-rail{border-radius:18px;max-height:calc(100vh - 90px);padding:14px 10px;position:sticky;top:76px}.progress-track{height:5px;margin:7px 7px 10px}.stage-tab{border-radius:11px;gap:8px;margin:2px 0;padding:7px 8px}.stage-tab>span{flex-basis:26px;width:26px;height:26px;font-size:11px}.stage-tab b{font-size:12px}.stage-tab small{font-size:9px}.stage-tab div em{margin-top:0;font-size:8px}.parent-tip{margin-top:10px;padding:10px 7px 0}.parent-tip p{margin-top:5px;font-size:11px;line-height:1.45}.lesson-heading{align-items:center;margin:0 0 8px}.eyebrow{margin-bottom:5px;font-size:10px}.lesson-heading h1{letter-spacing:-1.5px;font-size:30px}.lesson-heading p{margin-top:4px;font-size:11px}.day-badge{width:50px;height:50px}.day-badge strong{font-size:20px}.day-badge span{font-size:7px}.character-nav{gap:7px;margin-bottom:9px}.character-nav button{border-radius:11px;max-width:82px;padding:6px 8px}.character-nav button b{font-size:20px}.character-nav button small{font-size:9px}.learning-board{grid-template-columns:minmax(260px,32%) minmax(0,1fr);align-items:stretch;gap:14px;display:grid}.character-card{border-radius:20px;grid-template-rows:128px 1fr;grid-template-columns:1fr;height:100%;min-height:0;display:grid;box-shadow:0 14px 36px #655f4e14}.picture-scene{min-height:0}.picture-icon{font-size:78px}.scene-ground{height:92px;bottom:-52px}.picture-caption{padding:5px 8px;top:10px;left:12px}.doodle-cloud{transform:scale(.55)}.cloud-a{top:22%}.cloud-b{top:12%;transform:scale(.65)}.character-info{grid-template-rows:auto 1fr;grid-template-columns:116px 1fr;align-items:center;gap:8px 14px;padding:14px 16px;display:grid}.character-box{grid-row:1/3;width:116px}.character-box span{font-size:82px}.pronunciation{gap:8px;margin:0}.pronunciation strong{font-size:20px}.sound-button{white-space:nowrap;border-radius:10px;gap:7px;padding:8px 10px;font-size:11px}.meaning{margin:0;padding-top:9px}.meaning p{margin-top:7px;font-size:13px;line-height:1.45}.word-section{background:#f1ede3;border-radius:20px;margin:0;padding:12px}.section-title{margin:0 2px 9px}.section-title>div{gap:9px}.section-title>div>span{letter-spacing:1px;color:#fff;background:var(--stage-color);border-radius:7px;padding:5px 7px;font-family:inherit;font-size:9px;font-weight:900}.section-title h2{margin-bottom:1px;font-size:17px}.section-title p{font-size:9px}.section-tools{gap:6px}.voice-chip{color:#7a664c;background:#fff6df;border:1px solid #ead9ad;border-radius:99px;padding:6px 8px;font-size:9px;font-weight:800}.challenge-toggle{padding:6px 8px;font-size:9px}.word-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.word-card{background:#fff;border-radius:13px;padding:10px 11px;display:block}.word-card:hover{transform:none;box-shadow:0 6px 16px #5d574a0e}.word-head{border-bottom:1px solid #eee8dc;justify-content:space-between;align-items:center;padding-bottom:7px;display:flex}.word-head>div{align-items:baseline;gap:8px;display:flex}.word-card b{font-size:19px}.word-card small{color:#8b928b;font-size:9px}.mini-sound,.sentence-sound{color:var(--stage-color);border:0;border-radius:9px;align-items:center;gap:5px;font-size:9px;font-weight:900;display:flex}.mini-sound{background:var(--stage-color)}@supports (color:color-mix(in lab, red, red)){.mini-sound{background:color-mix(in srgb,var(--stage-color) 12%,white)}}.mini-sound{padding:6px 8px}.sentence-line{grid-template-columns:1fr auto;align-items:center;gap:8px;padding-top:7px;display:grid}.sentence-line p{color:#59645d;margin:0;font-family:KaiTi,serif;font-size:14px;line-height:1.4}.sentence-sound{color:#657168;background:#f2eee6;padding:6px 7px}.mini-sound .sound-icon,.sentence-sound .sound-icon{margin:-2px;transform:scale(.7)}.speaking{animation:1s infinite pulse}.lesson-actions{gap:8px;margin-top:9px}.lesson-actions button{border-radius:11px;padding:9px 13px;font-size:11px}.complete{min-width:135px}.again{margin-left:auto}@media (max-height:760px) and (min-width:981px){.parent-tip{display:none}.stage-tab{padding-top:5px;padding-bottom:5px}.lesson-heading p{display:none}.character-card{grid-template-rows:105px 1fr}.picture-icon{font-size:65px}.character-info{padding-top:10px;padding-bottom:10px}.word-card{padding-top:8px;padding-bottom:8px}.sentence-line{padding-top:5px}.lesson-actions{margin-top:6px}}@media (max-width:980px){.lesson-wrap{grid-template-columns:1fr;gap:10px}.stage-rail{max-height:none;padding:8px;position:static}.learning-board{grid-template-columns:minmax(250px,34%) 1fr}.character-card{grid-template-rows:110px 1fr}.parent-tip{display:none}}@media (max-width:760px){.topbar{height:58px}.topbar nav{display:none}.lesson-wrap{width:min(100% - 18px,680px);margin-top:9px}.lesson-heading h1{font-size:27px}.lesson-heading p{display:none}.character-nav{overflow:auto}.character-nav button{min-width:60px}.learning-board{grid-template-columns:1fr}.character-card{grid-template-rows:1fr;grid-template-columns:105px 1fr}.picture-scene{min-height:190px}.character-info{grid-template-columns:94px 1fr;padding:11px}.character-box{width:94px}.character-box span{font-size:67px}.word-grid{grid-template-columns:1fr}.word-section{padding:10px}.section-tools .voice-chip{display:none}.lesson-actions{z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#faf7efde;border-radius:14px;padding:6px;position:sticky;bottom:6px}.lesson-actions button{flex:1}.again{margin-left:0}}@media (max-width:430px){.progress-pill span,.lesson-heading .day-badge{display:none}.section-title{align-items:flex-start}.section-title>div>span{display:none}.character-card{grid-template-columns:88px 1fr}.picture-scene{min-height:174px}.picture-icon{font-size:52px}.character-info{grid-template-columns:76px 1fr;gap:6px 9px}.character-box{width:76px}.character-box span{font-size:55px}.pronunciation{flex-direction:column;align-items:flex-start}.sound-button{padding:6px 8px}.meaning p{font-size:12px}.word-card b{font-size:17px}.sentence-line p{font-size:13px}.mini-sound span,.sentence-sound span{display:none}}