@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Nunito+Sans:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;600;700&display=swap");:root{--ink:#18332f;--muted:#738681;--faint:#9caea8;--emerald:#087f70;--emerald-dark:#066d61;--mint:#e8f6f1;--line:#e5eeea;--canvas:#f7faf8;--white:#fff;--shadow:0 12px 35px rgba(28,75,62,.055)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--canvas);color:var(--ink);font-family:Nunito Sans,Arial,sans-serif;-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}a:focus-visible,audio:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #60d4bd;outline-offset:3px}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.025em}h1{font-size:clamp(27px,3vw,37px);line-height:1.22}h1,h2{font-weight:800}h2{font-size:21px;line-height:1.3}h3{font-size:17px;font-weight:800}.app-shell{display:flex;min-height:100vh}.desktop-sidebar{width:252px;flex:none;background:#fff;border-right:1px solid var(--line);padding:28px 16px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:11px;text-align:left;border:0;background:none;color:var(--ink);padding:0 12px 30px;font-size:19px;font-weight:800;letter-spacing:-.05em;line-height:1.1}.brand-mark{display:inline-grid;place-items:center;background:#067c6d;color:#fff;width:37px;height:37px;border-radius:11px;font-family:Noto Sans SC,sans-serif;font-size:19px;font-weight:500;box-shadow:0 5px 12px #087f7029}.brand-light{font-weight:600;color:#62948a}.brand small{display:block;font-size:10px;letter-spacing:.13em;color:var(--muted);font-weight:700;margin-top:5px;text-transform:uppercase}.side-group-label{font-size:10px;font-weight:800;letter-spacing:.16em;color:#a8b9b3;padding:14px 16px 10px}.side-nav-item{height:46px;border:0;background:none;color:#758982;width:100%;display:flex;align-items:center;gap:13px;text-align:left;padding:0 15px;border-radius:11px;font-size:13px;font-weight:700;margin:2px 0;position:relative}.side-nav-item.active,.side-nav-item:hover{background:#e9f6f1;color:#087f70}.side-active-dot{height:6px;width:6px;border-radius:50%;background:#087f70;margin-left:auto}.side-course{display:flex;align-items:center;gap:9px;text-align:left;background:#f3f9f6;border:1px solid #e6f0eb;border-radius:12px;padding:11px 8px;color:var(--ink);margin:2px 3px}.side-course>span:nth-child(2){flex:1;min-width:0}.side-course small,.side-course strong{display:block;white-space:nowrap}.side-course strong{font-size:11px}.side-course small{font-size:10px;color:var(--muted);margin-top:4px}.course-icon{height:31px;width:31px;border-radius:9px;background:#d8efe6;color:#087f70;display:grid;place-items:center;font-family:Noto Sans SC;font-size:18px}.sidebar-bottom{margin-top:auto;display:flex;align-items:center;gap:9px;border-top:1px solid var(--line);padding:22px 9px 0}.sidebar-bottom>span:nth-child(2){flex:1}.sidebar-bottom small,.sidebar-bottom strong{display:block}.sidebar-bottom strong{font-size:12px}.sidebar-bottom small{font-size:10px;color:var(--muted)}.avatar,.top-avatar{height:34px;width:34px;display:grid;place-items:center;background:#d6ece3;color:#087f70;font-weight:800;border-radius:50%;font-size:13px}.main-area{flex:1;min-width:0}.topbar{height:78px;background:#fff;border-bottom:1px solid var(--line);padding:0 clamp(24px,4vw,56px);justify-content:space-between}.topbar,.topbar-breadcrumb{display:flex;align-items:center}.topbar-breadcrumb{gap:9px;color:var(--muted);font-size:12px;font-weight:700}.topbar-breadcrumb strong{color:var(--ink)}.topbar-right{gap:18px}.streak-pill,.topbar-right{display:flex;align-items:center}.streak-pill{gap:6px;font-size:12px;color:#dc7f43;font-weight:800;background:#fff5eb;border-radius:30px;padding:8px 11px}.mobile-brand{display:none;align-items:center;gap:8px;font-size:15px;letter-spacing:-.04em}.mobile-brand .brand-mark{height:30px;width:30px;font-size:16px;border-radius:9px}.content{max-width:1290px;margin:0 auto;padding:38px clamp(24px,4vw,56px) 90px}.eyebrow,.section-kicker,.small-tag{font-size:10px;font-weight:800;letter-spacing:.16em;color:var(--emerald);text-transform:uppercase}.section-kicker{color:#78a69a}.page-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 30px}.activity-heading p,.lesson-head>p,.page-heading p:not(.eyebrow),.page-intro p{font-size:14px;color:var(--muted);margin-top:8px}.page-heading .eyebrow{margin-bottom:9px}.wave-emoji{color:#e8ae50;font-size:25px}.heading-date{height:63px;width:63px;background:#fff;border:1px solid var(--line);border-radius:15px;display:flex;flex-direction:column;align-items:center;justify-content:center}.heading-date span{font-family:DM Sans;font-size:25px;font-weight:700;line-height:1}.heading-date small{font-size:9px;color:var(--muted);font-weight:800;margin-top:4px}.home-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:23px}.continue-card{background:linear-gradient(115deg,#087f70,#099887 76%,#0f9b8a);border-radius:19px;padding:27px 29px;min-height:270px;color:#fff;position:relative;overflow:hidden;display:flex}.continue-copy{position:relative;z-index:1;width:min(100%,430px)}.light-label{display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:800;letter-spacing:.14em;color:#d5fff4}.continue-card h2{font-size:28px;margin-top:15px}.continue-card p{font-size:13px;color:#d7f7ed;margin-top:4px}.continue-progress{margin-top:24px;max-width:270px}.continue-progress>div:first-child,.lesson-progress-line>div:first-child{display:flex;justify-content:space-between;font-size:11px;font-weight:700;margin-bottom:8px}.continue-progress strong{font-size:12px}.bar{height:7px;width:100%;background:#e5efea;overflow:hidden}.bar,.bar>span{border-radius:100px}.bar>span{display:block;height:100%;background:#0d9c87;transition:width .3s}.bar-on-dark{background:#ffffff45}.bar-on-dark>span{background:#c6ffec}.button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:11px 17px;border-radius:10px;border:1px solid transparent;font-size:12px;font-weight:800;transition:transform .16s,background .16s;text-decoration:none;white-space:nowrap}.button:not(:disabled):hover{transform:translateY(-2px)}.button-white{background:#fff;color:#087b6d;margin-top:21px}.button-primary{background:#087f70;color:#fff}.button-primary:hover{background:#066d61}.button-outline{background:#fff;border-color:#d8e6df;color:var(--ink)}.button-soft{background:#e4f5ee;color:#087f70}.continue-decor{position:absolute;right:-18px;top:7px;display:flex;flex-direction:column;transform:rotate(-18deg);opacity:.11;font-family:Noto Sans SC;font-size:122px;line-height:.95;font-weight:700}.section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:30px 0 14px}.section-title h2{margin-top:4px}.section-count{color:var(--muted);font-size:11px;white-space:nowrap}.task-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.task-card{min-height:153px;border:0;border-radius:16px;padding:18px;text-align:left;display:grid;grid-template-columns:1fr auto;grid-template-rows:1fr auto auto;gap:4px;color:var(--ink)}.task-card:hover{filter:saturate(1.1);transform:translateY(-2px)}.task-card.mint{background:#e3f4eb}.task-card.lavender{background:#f0eafa}.task-icon{width:37px;height:37px;border-radius:10px;display:grid;place-items:center;background:#c8e9d8;color:#16836b}.lavender .task-icon{background:#e2d6f6;color:#825ab4}.task-arrow{color:#588b7d}.task-card strong{font-size:15px;font-weight:800;grid-column:1/-1}.task-card>span:last-child{font-size:12px;color:#697d76;grid-column:1/-1}.text-link{border:0;background:none;padding:5px 0;display:inline-flex;align-items:center;gap:5px;color:#087f70;font-size:11px;font-weight:800;white-space:nowrap}.course-card{width:100%;display:flex;align-items:center;gap:17px;border:1px solid var(--line);background:#fff;border-radius:16px;padding:15px;text-align:left;color:var(--ink);box-shadow:var(--shadow)}.course-card:hover,.lesson-row:hover,.module-card:hover{border-color:#b1d8ca}.course-art{height:96px;width:110px;flex:none;border-radius:11px;background:#d8f0e6;display:flex;align-items:center;justify-content:center;flex-direction:column;font-family:Noto Sans SC;font-weight:700;color:#16816b;font-size:24px}.course-art span{font-family:Nunito Sans;font-size:10px;letter-spacing:.13em;margin-top:4px}.course-copy{display:flex;flex-direction:column;flex:1;gap:4px;min-width:0}.course-copy small{font-size:9px;color:#7aaa98;font-weight:800;letter-spacing:.11em}.course-copy strong{font-size:15px}.course-copy>span:not(.course-progress){color:var(--muted);font-size:11px}.course-progress{background:#e6efea;height:5px;width:min(100%,250px);border-radius:20px;margin-top:12px}.course-progress span{display:block;background:#0b9b84;width:44%;height:100%;border-radius:20px}.course-card>svg{color:#93aca2}.home-aside{display:grid;align-content:start;gap:17px}.aside-card{border:1px solid var(--line);background:#fff;border-radius:16px;padding:21px;box-shadow:var(--shadow)}.aside-icon{height:39px;width:39px;display:grid;place-items:center;border-radius:11px;margin-bottom:14px}.aside-icon.sun{background:#fff0df;color:#e39354}.aside-card>strong{display:block;font-size:16px}.aside-card p{color:var(--muted);font-size:12px;line-height:1.5;margin-top:6px}.week-dots{display:flex;justify-content:space-between;margin-top:21px}.week-dots>div{text-align:center}.week-dots span{width:24px;height:24px;display:grid;place-items:center;border:1px solid #dceae4;border-radius:50%;font-size:12px;color:#fff}.week-dots span.done{background:#13a285;border-color:#13a285}.week-dots small{display:block;font-size:9px;color:#849890;margin-top:5px}.aside-tip{background:#f8f5e9}.aside-tip h3{margin-top:15px}.aside-tip button{border:0;background:none;color:#087f70;padding:15px 0 0;display:flex;align-items:center;gap:5px;font-weight:800;font-size:11px}.mobile-nav{display:none}.page-intro{margin:0 0 27px}.page-intro h1{margin-top:7px}.course-banner{display:flex;align-items:center;gap:20px;padding:25px;border-radius:17px;background:#e9f5ee}.course-banner-mark{font:52px Noto Sans SC;color:#179778;display:grid;place-items:center;height:86px;width:86px;background:#d0ebdc;border-radius:14px}.course-banner h2{margin:5px 0}.course-banner p{font-size:12px;color:var(--muted)}.lesson-list{display:grid;gap:9px}.lesson-row{display:flex;align-items:center;gap:17px;text-align:left;border:1px solid var(--line);border-radius:13px;background:#fff;min-height:72px;width:100%;padding:13px 18px;color:var(--ink)}.lesson-row.featured{border-color:#9bd5c1;background:#f7fcf9}.lesson-number{width:38px;height:38px;border-radius:10px;background:#f2f7f4;color:#78a493;font-family:DM Sans;display:grid;place-items:center;font-size:16px;font-weight:700}.featured .lesson-number{background:#d8f2e7;color:#087f70}.lesson-row>span:nth-child(2){flex:1}.lesson-row small,.lesson-row strong{display:block}.lesson-row strong{font-size:13px}.lesson-row small{font-size:11px;color:var(--muted);margin-top:4px}.lesson-row-end{color:#68ac92}.back-link{display:inline-flex;align-items:center;gap:8px;border:0;background:none;color:#69847a;padding:0;margin:1px 0 28px;font-size:12px;font-weight:800}.back-link:hover{color:#087f70}.lesson-head{position:relative;background:#e7f4ed;padding:31px;border-radius:18px;margin-bottom:33px;overflow:hidden}.lesson-head:after{content:"文";position:absolute;right:30px;top:-35px;color:#d4ecdc;font:200px Noto Sans SC;pointer-events:none}.lesson-head>*{position:relative;z-index:1}.lesson-head h1{margin-top:8px}.lesson-head>p{max-width:550px}.lesson-progress-line{margin:27px 0 21px;max-width:420px}.lesson-progress-line>div:first-child{font-size:12px}.module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.module-card{background:#fff;border:1px solid var(--line);border-radius:15px;min-height:132px;padding:18px;text-align:left;display:flex;align-items:flex-start;gap:14px;color:var(--ink)}.module-icon{width:43px;height:43px;flex:none;border-radius:12px;display:grid;place-items:center;background:#e3f4ed;color:#128067}.module-vocabulary{background:#e6f5f2;color:#0d91a3}.module-grammar{background:#f4ecfa;color:#9b74b9}.module-exercise{background:#fff2e6;color:#d68b57}.module-listening{background:#e9eefb;color:#7188c3}.module-dialogue{background:#fdeaf0;color:#cb748f}.module-copy{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.module-copy small{font-size:9px;font-weight:800;letter-spacing:.09em;color:#9aad9f}.module-copy strong{font-size:15px}.module-copy>span{font-size:11px;color:var(--muted)}.module-state{height:26px;width:26px;border-radius:50%;background:#f3f7f5;display:grid;place-items:center;color:#93aa9e;flex:none}.module-state.complete{background:#e3f5ea;color:#15936f}.activity-heading{margin:0 0 24px}.activity-heading h1{margin-top:8px}.activity-layout{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:20px}.activity-main{min-width:0}.segmented{display:flex;gap:7px;margin-bottom:15px}.segmented button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:9px 16px;font-size:11px;color:var(--muted);font-weight:800}.segmented button.selected{background:#087f70;color:#fff;border-color:#087f70}.learning-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:25px;box-shadow:var(--shadow)}.card-topline,.row-between{display:flex;align-items:center;justify-content:space-between;gap:12px}.muted-text{font-size:11px;color:var(--muted)}.audio-panel{display:flex;align-items:center;gap:13px;background:#e5f5ee;border-radius:12px;padding:12px;margin:20px 0}.audio-play{border:0;border-radius:50%;height:40px;width:40px;background:#087f70;color:#fff;display:grid;place-items:center;flex:none}.audio-panel>div{flex:1;display:flex;flex-direction:column;gap:3px}.audio-panel strong{font-size:12px}.audio-panel small{font-size:10px;color:#71988a}.audio-wave{color:#6bb79c}.display-options{display:flex;align-items:center;gap:7px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:18px}.display-options>span{color:var(--muted);font-size:11px;margin-right:3px}.display-options button{border:1px solid #dceae4;background:#fff;color:#879c91;border-radius:30px;padding:6px 11px;font-size:10px;font-weight:800}.display-options button.active{background:#e8f6ee;border-color:#cbe9d9;color:#087f70}.sentence{display:flex;align-items:flex-start;gap:13px;padding:20px 0;border-bottom:1px solid var(--line)}.sentence:last-child{border-bottom:0;padding-bottom:5px}.sentence-play{width:32px;height:32px;border:0;background:#e8f6ee;color:#087f70;border-radius:9px;display:grid;place-items:center;flex:none;margin-top:20px}.sentence-index{color:#9eafa7;letter-spacing:.12em;font-weight:800;font-size:9px}.hanzi-text{font-family:Noto Sans SC,sans-serif;font-size:22px;font-weight:500;line-height:1.65;margin:4px 0}.pinyin-text{font-family:DM Sans,sans-serif;color:#078876;font-size:13px;line-height:1.5;margin:4px 0}.translation-text{color:#73867f;font-size:12px;line-height:1.5;margin-top:5px}.card-actions{margin-top:17px;display:flex;justify-content:flex-end}.note-card{background:#f7f5e9;padding:21px;border-radius:15px;display:flex;flex-direction:column;align-items:flex-start;gap:7px}.note-card>svg{color:#aeaa71;margin-bottom:5px}.note-card strong{font-size:15px}.note-card p{font-size:11px;color:#7d897c;line-height:1.5}.note-card .hanzi-small{font-family:Noto Sans SC;color:#43594d;font-size:14px;line-height:1.8;margin-top:8px}.note-card button{border:0;background:none;color:#087f70;padding:10px 0 0;font-weight:800;font-size:11px;display:flex;gap:5px;align-items:center}.focused-layout{max-width:690px;margin:0 auto}.study-counter{display:flex;justify-content:space-between;gap:10px;color:#087f70;font-weight:800;letter-spacing:.1em;font-size:10px;margin:2px 0 11px}.study-counter>span+span{color:#91a59c;letter-spacing:0;font-weight:700}.focused-layout>.bar{margin-bottom:20px}.vocab-card{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;padding:30px;min-height:385px;position:relative;text-align:center;display:flex;align-items:center;flex-direction:column}.sound-action{position:absolute;right:20px;top:20px;border:0;background:#e6f5ed;color:#087f70;border-radius:10px;height:36px;width:36px;display:grid;place-items:center}.vocab-character{font-family:Noto Sans SC;font-size:clamp(67px,10vw,92px);font-weight:500;line-height:1.25;margin-top:30px;color:#183a34}.vocab-pinyin{font-family:DM Sans;font-size:19px;color:#098e7a;margin-top:6px}.vocab-hanviet{font-size:11px;color:#9aaba2;margin-top:9px}.vocab-reveal{width:100%;margin-top:24px;border-top:1px solid var(--line);padding-top:20px}.review-answer>span,.vocab-reveal>span{font-size:9px;letter-spacing:.13em;font-weight:800;color:#9bac9f}.review-answer h2,.vocab-reveal h2{font-size:24px;margin:7px 0 17px}.example{background:#f4f9f5;text-align:left;padding:14px;border-radius:11px;display:flex;flex-direction:column;gap:3px}.example strong{font-family:Noto Sans SC;font-size:16px}.example span{color:#087f70;font-size:12px}.example small,details{font-size:11px;color:var(--muted)}details{margin-top:15px;text-align:left}summary{list-style:none;color:#087f70;cursor:pointer;font-weight:800;display:flex;align-items:center;gap:4px}details p{margin-top:8px}.reveal-button{margin-top:auto}.review-actions,.study-actions{display:flex;justify-content:space-between;gap:10px;margin-top:17px}.review-actions .button,.study-actions .button{min-width:150px}.prototype-note{font-size:11px;color:#99aaa1;text-align:center;line-height:1.5;margin-top:18px}.grammar-card{min-height:370px}.grammar-formula{font-family:Noto Sans SC;font-size:27px;font-weight:600;color:#087f70;margin:27px 0 10px}.grammar-card>p{font-size:13px;color:var(--muted);line-height:1.6;margin-top:10px}.grammar-example{background:#f3f9f5;border-radius:12px;padding:17px;margin-top:29px;display:flex;flex-direction:column;gap:4px}.grammar-example .row-between{font-size:9px;letter-spacing:.13em;color:#87aa98;font-weight:800}.grammar-example button{border:0;background:#e0f2e8;color:#087f70;width:30px;height:30px;border-radius:8px}.grammar-example .hanzi-text{font-size:19px}.grammar-example>span:last-child{font-size:12px;color:var(--muted)}.question-card h2{font-size:22px;margin:18px 0 26px}.answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.answer-option{min-height:120px;background:#f8faf9;border:1px solid #e6eeea;border-radius:13px;color:var(--ink);font-family:Noto Sans SC;font-size:23px;display:flex;align-items:center;justify-content:center;gap:12px;padding:12px;transition:background .15s,border .15s}.answer-option:hover:not(:disabled){border-color:#8dccb4}.answer-option.chosen{background:#e6f8f1;border:2px solid #07947a;color:#087f70}.answer-option.right{background:#e5f6ec;border:2px solid #21a577;color:#087f70}.answer-option.wrong{background:#fff0ee;border:2px solid #d97e74;color:#b95750}.answer-option:disabled{opacity:1}.answer-feedback{margin-top:13px;padding:15px;border-radius:12px;display:flex;flex-direction:column;gap:3px;font-size:12px}.answer-feedback.positive{background:#e3f6eb;color:#187457}.answer-feedback.retry{background:#fff2e9;color:#a56135}.question-actions{display:flex;justify-content:space-between;align-items:center;gap:13px;margin-top:18px}.question-actions>span{display:flex;align-items:center;gap:5px;color:#9bac9f;font-size:11px}.result-card{background:#fff;border:1px solid var(--line);border-radius:18px;min-height:350px;padding:35px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:13px;box-shadow:var(--shadow)}.result-icon{height:62px;width:62px;border-radius:50%;background:#e1f5e9;color:#139878;display:grid;place-items:center}.result-card h2{font-size:26px}.result-card p{font-size:13px;color:var(--muted);line-height:1.5}.result-card .button{margin-top:10px}.listening-steps{display:flex;justify-content:space-between;gap:7px;flex-wrap:wrap;margin:25px 0;font-size:10px;color:#a7b8af;font-weight:800}.listening-steps .active{color:#087f70}.listening-sentence{background:#f5f9f6;border-radius:13px;padding:22px}.listening-sentence .hanzi-text{font-size:24px}.sample-audio{width:100%;background:#e5f4ec;border:0;border-radius:11px;margin:20px 0 0;display:flex;align-items:center;gap:12px;padding:10px;color:#087f70;text-align:left}.sample-audio>span{height:37px;width:37px;border-radius:50%;background:#087f70;color:#fff;display:grid;place-items:center}.sample-audio strong{flex:1;font-size:12px}.record-zone{border-top:1px solid var(--line);text-align:center;margin-top:23px;padding-top:23px;display:flex;align-items:center;flex-direction:column}.record-zone>strong{font-size:16px}.record-zone>p{font-size:12px;color:var(--muted);margin-top:4px}.record-zone>span{font-size:11px;color:#93a69b;margin:10px 0 3px}.record-button{border:0;background:#0a8974;color:#fff;width:66px;height:66px;display:grid;place-items:center;border-radius:50%;margin-top:17px;box-shadow:0 0 0 8px #e5f5eb}.dialogue-record.is-recording,.record-button.is-recording{background:#c95763;box-shadow:0 0 0 8px #fae8e9}.replay-box{background:#f3f9f6;padding:13px;border-radius:12px;width:100%;display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:17px}.replay-box span{font-size:11px;font-weight:800}.replay-box audio{height:34px;flex:1;min-width:165px}.replay-box button{border:0;background:none;color:#087f70;font-size:11px;font-weight:800}.dialogue-bubble{display:flex;gap:10px;margin:24px 0}.speaker-avatar{background:#d5eee4;color:#087f70;width:34px;height:34px;flex:none;border-radius:10px;display:grid;place-items:center;font-family:Noto Sans SC;font-size:17px}.dialogue-bubble>div{background:#f1f8f4;border-radius:4px 14px 14px 14px;padding:16px;flex:1}.dialogue-bubble small{font-size:9px;letter-spacing:.1em;font-weight:800;color:#77a28e}.dialogue-bubble .hanzi-text{font-size:21px}.dialogue-bubble button{border:0;background:none;color:#087f70;display:flex;align-items:center;gap:6px;padding:12px 0 0;font-size:11px;font-weight:800}.dialogue-reply{display:flex;gap:10px;flex-direction:row-reverse}.speaker-avatar.mine{background:#e9e5f4;color:#7862a4;font-family:Nunito Sans;font-size:13px}.dialogue-reply>div{background:#f7f5fa;border-radius:14px 4px 14px 14px;padding:16px;flex:1;display:flex;align-items:flex-start;flex-direction:column;gap:6px}.dialogue-reply strong{font-size:12px}.dialogue-reply p{font-size:11px;color:var(--muted)}.dialogue-record{border:0;border-radius:10px;padding:10px 14px;display:flex;gap:7px;align-items:center;background:#087f70;color:#fff;font-size:11px;font-weight:800;margin-top:7px}.dialogue-reply audio{width:100%;height:36px;margin-top:6px}.error-text{color:#bb4d56}.review-hero{border-radius:17px;background:linear-gradient(115deg,#087f70,#13a390);color:#fff;padding:24px;display:flex;justify-content:space-between;align-items:center;overflow:hidden;margin-bottom:30px}.review-hero h2{font-size:25px;margin-top:13px}.review-hero p{font-size:12px;color:#d9f7ed;margin-top:5px}.review-hero-art{font:100px Noto Sans SC;opacity:.15;line-height:1}.review-layout{max-width:600px;margin:auto}.review-card{min-height:355px}.review-answer{border-top:1px solid var(--line);margin-top:26px;padding-top:24px;width:100%}.review-answer p{font-family:Noto Sans SC;color:var(--muted)}.progress-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:20px}.progress-stats>div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;display:flex;flex-direction:column;align-items:flex-start}.stat-icon{height:38px;width:38px;border-radius:10px;display:grid;place-items:center;margin-bottom:19px}.stat-icon.emerald{color:#087f70;background:#e1f5eb}.stat-icon.blue{color:#547cbd;background:#e9effa}.stat-icon.peach{color:#d08755;background:#fff0e4}.progress-stats strong{font-size:25px;font-family:DM Sans}.progress-stats strong span{font-size:13px;color:#9aac9f}.progress-stats small{font-size:11px;color:var(--muted);margin-top:5px}.progress-detail h2{margin-top:5px}.progress-detail .row-between>span{font-size:16px;font-weight:800;color:#087f70}.progress-detail .bar{margin:20px 0}.progress-checklist{display:grid;grid-template-columns:1fr 1fr;gap:5px 18px}.progress-checklist button{display:flex;align-items:center;gap:9px;border:0;background:none;border-bottom:1px solid var(--line);min-height:45px;text-align:left;color:var(--ink);font-size:12px;font-weight:700}.progress-checklist button>span{width:19px;height:19px;border:1px solid #cddbd2;border-radius:50%;display:grid;place-items:center;color:#fff}.progress-checklist button>span.checked{background:#0a9b77;border-color:#0a9b77}.progress-checklist button svg:last-child{margin-left:auto;color:#a6b8ae}.progress-continue{margin-top:17px}.more-profile{display:flex;align-items:center;gap:14px;padding:20px;border-radius:15px;background:#eaf5ee;margin-bottom:20px}.more-profile .avatar{height:50px;width:50px;font-size:20px}.more-profile span,.more-profile strong{display:block}.more-profile span{font-size:11px;color:var(--muted);margin-top:4px}.more-profile strong{font-size:16px}@media(max-width:1100px){.home-grid{grid-template-columns:1fr}.home-aside{display:none}.activity-layout{grid-template-columns:1fr}.activity-aside{display:none}}@media(max-width:800px){.desktop-sidebar{display:none}.topbar{height:58px;padding:0 20px}.topbar-breadcrumb{display:none}.mobile-brand{display:flex}.topbar-right{gap:8px}.streak-pill{font-size:10px;padding:6px 9px}.top-avatar{height:29px;width:29px;font-size:11px}.content{padding:24px 19px 105px}.mobile-nav{display:flex;position:fixed;z-index:50;bottom:0;left:0;right:0;justify-content:space-around;background:#fff;border-top:1px solid var(--line);padding:9px 5px max(9px,env(safe-area-inset-bottom));box-shadow:0 -5px 18px #112c2009}.mobile-nav button{border:0;background:none;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:54px;color:#9cabaa;font-size:9px;font-weight:800;padding:2px}.mobile-nav button.active{color:#087f70}.mobile-nav button.active svg{stroke-width:2.5}.page-heading{margin-bottom:21px}.heading-date{display:none}.continue-card{min-height:245px;padding:22px}.continue-card h2{font-size:25px}.continue-decor{font-size:95px;right:-8px}.section-title{margin:27px 0 12px}.course-art{height:80px;width:85px}.lesson-head{padding:24px}.module-grid{grid-template-columns:1fr}.module-card{min-height:106px}.activity-heading{margin-bottom:20px}.focused-layout{max-width:100%}}@media(max-width:520px){h1{font-size:27px}h2{font-size:19px}.page-heading p:not(.eyebrow){font-size:12px}.task-grid{gap:9px}.task-card{min-height:145px;padding:13px}.task-card strong{font-size:13px}.task-card>span:last-child{font-size:11px}.course-card{gap:10px}.course-copy strong{font-size:12px}.course-art{width:73px;height:73px;font-size:19px}.course-card>svg{width:15px}.course-banner{padding:18px;gap:13px}.course-banner-mark{width:60px;height:60px;font-size:34px}.course-banner h2{font-size:17px}.learning-card{padding:18px}.answer-grid{gap:9px}.answer-option{min-height:116px;font-size:21px}.question-actions>span{max-width:110px}.question-actions .button{flex:1}.study-counter>span+span{display:none}.vocab-card{padding:24px 17px}.vocab-character{margin-top:32px}.review-actions .button,.study-actions .button{min-width:0;flex:1;padding-left:8px;padding-right:8px}.progress-stats{gap:7px}.progress-stats>div{padding:12px}.progress-stats strong{font-size:19px}.progress-stats strong span{font-size:10px}.progress-stats small{font-size:9px}.stat-icon{width:32px;height:32px;margin-bottom:10px}.progress-checklist{grid-template-columns:1fr}.review-hero{padding:19px}.review-hero h2{font-size:21px}.review-hero-art{font-size:72px}}.extra-reading{margin-top:18px;padding:15px;background:#f7f9f2;border-radius:11px;text-align:left}.extra-reading summary{font-size:12px;font-weight:800;color:#527e68;justify-content:space-between}.extra-reading[open] summary{margin-bottom:12px}.extra-reading .hanzi-text{font-size:17px}.extra-reading .pinyin-text,.extra-reading .translation-text{margin-top:7px}@media(max-width:800px){.content:has(.question-actions){padding-bottom:170px}.question-actions{position:fixed;z-index:40;bottom:66px;left:0;right:0;background:#fff;border-top:1px solid var(--line);padding:10px 19px;margin:0;box-shadow:0 -5px 16px #193c2b0b}.question-actions>span{display:none}.question-actions .button{width:100%}}.activity-layout:has(.reading-card){grid-template-columns:minmax(0,1fr)}.whole-lesson-intro{display:flex;align-items:flex-start;gap:12px;border-radius:12px;background:#e8f6ef;color:#087f70;padding:14px;margin:-4px 0 15px}.whole-lesson-intro strong{font-size:13px}.whole-lesson-intro p{font-size:11px;line-height:1.5;color:#648579;margin-top:3px}.whole-lesson-text .hanzi-text{font-size:19px;line-height:1.8}.mode-switch{display:flex;gap:7px;margin:0 0 16px}.mode-switch button{display:flex;align-items:center;gap:7px;justify-content:center;border:1px solid var(--line);background:#fff;color:#69867a;border-radius:10px;padding:10px 17px;font-size:12px;font-weight:800;min-height:42px}.mode-switch button.selected{background:#087f70;border-color:#087f70;color:#fff}.auto-intro{background:#eaf6f1;border-radius:12px;padding:14px 17px;margin-bottom:19px}.auto-intro strong{font-size:12px;color:#126d60}.auto-intro p{font-size:11px;color:#668b7e;line-height:1.55;margin-top:4px}.recognized-text{color:#087f70!important;font-weight:700}.auto-message,.auto-support{font-size:11px;line-height:1.5;margin-top:13px;color:#916f43;background:#fff5e9;padding:11px 14px;border-radius:9px}.auto-message[role=alert]{background:#fff0ee;color:#a94b4b}.dialogue-flow .study-actions{align-items:stretch}.dialogue-flow .study-actions .button{white-space:normal}.dialogue-clips{display:grid;gap:9px;width:100%;max-width:420px;margin:10px 0}.dialogue-clips>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:#f6faf7;border-radius:10px;padding:8px 12px;text-align:left}.dialogue-clips strong{font-size:11px;min-width:45px}.dialogue-clips audio{height:31px;flex:1;min-width:180px}.dialogue-clips small{color:var(--muted);width:100%}.extended-cover{display:flex;gap:17px;align-items:center;padding:5px 0 22px}.extended-cover-icon{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;flex:none;background:#e4f3ea;color:#087f70}.extended-cover h2{margin:5px 0}.extended-cover p{font-size:12px;color:var(--muted)}.extended-card .sample-audio{margin:0 0 21px}.extended-article{padding:23px 2px 28px;border-bottom:1px solid var(--line)}.extended-article .hanzi-text{font-size:22px;line-height:2}.extended-article .pinyin-text,.extended-article .translation-text{margin-top:15px;line-height:1.8}.reading-reflection{padding-top:24px;display:grid;gap:13px}.reading-reflection>div{background:#f6faf7;border-radius:10px;padding:13px}.reading-reflection strong{font-size:12px}.reading-reflection p{font-size:12px;color:#087f70;margin-top:7px}.reading-reflection .text-link{width:-moz-max-content;width:max-content}@media(max-width:800px){.mode-switch button{flex:1}.whole-lesson-text .hanzi-text{font-size:18px}.extended-article .hanzi-text{font-size:20px}}.submission-actions{display:flex;gap:10px;width:100%;max-width:420px;margin-top:8px}.submission-actions .button{flex:1}.submission-help{font-size:11px;color:#a76c4d!important;margin-top:0!important}.submission-preview-note{background:#f5f9f6;border-radius:10px;padding:11px 14px;color:#71877b;font-size:11px;line-height:1.5;width:100%;max-width:420px}.module-state.pending{background:#fff0df;color:#b67b3e}.listening-submission-actions{max-width:none;margin-top:17px}.listening-submission-note{max-width:none;margin-top:12px}.exercise-quiz-summary{display:flex;align-items:center;gap:9px;background:#e7f6ec;color:#168064;border-radius:11px;padding:12px 15px;font-size:12px;font-weight:800;margin-bottom:17px}.typing-practice>.bar{margin-bottom:18px}.typing-card{padding:25px}.typing-heading{display:flex;align-items:flex-start;gap:13px}.typing-icon{width:42px;height:42px;flex:none;display:grid;place-items:center;border-radius:11px;background:#e1f3eb;color:#087f70}.typing-heading h2{margin:5px 0 4px}.typing-field-note,.typing-heading p{color:var(--muted);font-size:11px;line-height:1.5}.typing-tabs{margin:24px 0 19px}.typing-tabs button{display:flex;align-items:center;gap:6px}.typing-label{display:block;font-size:12px;font-weight:800;margin-bottom:9px}.typing-input{width:100%;resize:vertical;min-height:180px;border:1px solid #d9e8e0;border-radius:11px;padding:15px;color:var(--ink);background:#fbfdfb;font:18px/1.8 Noto Sans SC,sans-serif}.typing-input:focus{outline:3px solid #bceadd;border-color:#0a927c}.typing-input::-moz-placeholder{font:12px Nunito Sans,sans-serif;color:#9caea8}.typing-input::placeholder{font:12px Nunito Sans,sans-serif;color:#9caea8}.typing-field-note{margin-top:7px}.typing-hint-toggle{display:inline-flex;align-items:center;gap:8px;margin-top:20px;padding:10px 0;border:0;background:none;color:#087f70;font-size:12px;font-weight:800}.typing-reference{background:#f1f8f4;border:1px solid #dceee4;border-radius:11px;padding:16px;margin-top:5px}.typing-reference .hanzi-text{font-size:18px;margin:9px 0 0}.typing-submit{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:17px;padding:16px;background:#eaf6f0;border-radius:12px}.typing-submit p{font-size:11px;color:#648579}.typing-submit .button{flex:none}@media(max-width:520px){.typing-card{padding:18px}.typing-tabs button{padding:9px;flex:1;justify-content:center}.typing-submit{flex-direction:column;align-items:stretch}.typing-submit .button{width:100%}}.typing-hint{margin-bottom:19px}.typing-hint-toggle{margin-top:0}.typing-reference{margin-top:8px}.typing-reference-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.typing-reference-mode{display:flex;gap:5px;padding:3px;border-radius:9px;background:#e2eee7}.typing-reference-mode button{border:0;border-radius:7px;padding:7px 10px;background:transparent;color:#658477;font-size:11px;font-weight:800}.typing-reference-mode button.active{background:#fff;color:#087f70;box-shadow:0 1px 5px #123b2514}.typing-reference-sentence+.typing-reference-sentence{margin-top:13px}.typing-reference-sentence .hanzi-text{margin:10px 0 0}.typing-reference-sentence .pinyin-text{margin-top:2px}@media(max-width:520px){.typing-reference-mode{width:100%}.typing-reference-mode button{flex:1}.submission-actions{flex-direction:column-reverse}.submission-actions .button{width:100%}}.assignment-page,.student-progress{max-width:920px;margin:0 auto}.assignment-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:4px 0 26px}.assignment-summary>div{min-height:125px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px;display:flex;flex-direction:column;align-items:flex-start}.assignment-summary-icon{height:32px;width:32px;background:#e7f5ee;color:#087f70;border-radius:9px;display:grid;place-items:center;margin-bottom:10px}.assignment-summary-icon.amber{background:#fff2e7;color:#bb7b4f}.assignment-summary-icon.green{background:#e7f1fa;color:#5a85a8}.assignment-summary strong{font:700 23px DM Sans,sans-serif}.assignment-summary small{font-size:11px;color:var(--muted);margin-top:4px}.assignment-filters{display:flex;gap:7px;overflow-x:auto;padding-bottom:10px;margin-bottom:6px}.assignment-filters button{border:1px solid var(--line);background:#fff;border-radius:99px;color:#708a7d;padding:9px 14px;white-space:nowrap;font-size:11px;font-weight:800}.assignment-filters button.active{background:#087f70;color:#fff;border-color:#087f70}.assignment-list{display:grid;gap:10px}.assignment-row{display:flex;align-items:center;gap:14px;width:100%;min-height:97px;border:1px solid var(--line);background:#fff;border-radius:14px;padding:17px;text-align:left;color:var(--ink)}.assignment-row:hover{border-color:#9dd2bd;background:#fcfffd}.assignment-icon{height:44px;width:44px;flex:none;display:grid;place-items:center;background:#e6f4ed;color:#087f70;border-radius:12px}.assignment-row-copy{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.assignment-row-copy small{font-size:10px;font-weight:800;color:#83a091}.assignment-row-copy strong{font-size:15px}.assignment-row-copy>span{font-size:11px;color:var(--muted)}.assignment-pill{display:inline-flex;align-items:center;border-radius:99px;padding:7px 10px;background:#f2f6f3;color:#71847a;white-space:nowrap;font-size:10px;font-weight:800}.assignment-pill.status-active{background:#e8f5f0;color:#087f70}.assignment-pill.status-pending{background:#fff2df;color:#a47435}.assignment-pill.status-graded{background:#e6f2ea;color:#278464}.assignment-row-arrow{flex:none;color:#8cae9a}.assignment-empty{padding:45px 20px;text-align:center;background:#fff;border:1px dashed #cadfd3;border-radius:12px;color:var(--muted);font-size:12px}.assignment-detail-head{display:flex;align-items:center;gap:15px;margin:0 0 23px}.assignment-detail-head .assignment-icon{height:55px;width:55px}.assignment-detail-head h1{margin:6px 0}.assignment-detail-head p{font-size:12px;color:var(--muted)}.assignment-status-banner{display:flex;align-items:flex-start;gap:12px;padding:16px 18px;border-radius:13px;background:#f2f7f3;color:#627f6f;margin-bottom:16px}.assignment-status-banner.status-pending{background:#fff4e6;color:#996b35}.assignment-status-banner.status-graded{background:#e9f6ee;color:#1c805d}.assignment-status-banner svg{flex:none;margin-top:1px}.assignment-status-banner strong{font-size:13px}.assignment-status-banner p{font-size:11px;margin-top:3px;line-height:1.5}.assignment-review h2{margin:8px 0 18px}.assignment-review audio{width:100%;margin-top:8px}.assignment-written{padding:14px 0;border-top:1px solid var(--line)}.assignment-written strong{font-size:11px;color:#087f70}.assignment-written p{white-space:pre-wrap;word-break:break-word;font:16px/1.8 Noto Sans SC,sans-serif;margin-top:6px}.assignment-note{font-size:11px!important;color:var(--muted);line-height:1.6;margin-top:16px}.assignment-audio-row{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding:10px 0}.assignment-audio-row strong{font-size:11px;white-space:nowrap}.assignment-audio-row audio{min-width:0;flex:1}.assignment-score{display:flex;align-items:baseline;gap:13px;padding:14px 0 23px}.assignment-score strong{font:700 42px DM Sans,sans-serif;color:#087f70}.assignment-score strong span{font-size:18px;color:#9cb5a5}.assignment-score>span{font-size:12px;color:var(--muted)}.assignment-feedback{border-top:1px solid var(--line);padding:16px 0}.assignment-feedback>div{display:flex;justify-content:space-between;gap:12px;font-size:12px;font-weight:800}.assignment-feedback>div strong{color:#087f70}.assignment-feedback p{color:var(--muted);font-size:12px;line-height:1.6;margin-top:8px}.assignment-start{margin-top:16px}.student-progress .section-title{margin-top:30px}@media(max-width:600px){.assignment-summary{gap:7px}.assignment-summary>div{min-height:108px;padding:11px}.assignment-summary-icon{width:29px;height:29px}.assignment-summary strong{font-size:20px}.assignment-summary small{font-size:9px}.assignment-row{align-items:flex-start;padding:14px;gap:10px;flex-wrap:wrap}.assignment-row .assignment-icon{height:37px;width:37px}.assignment-row-copy strong{font-size:13px}.assignment-pill{margin-left:47px}.assignment-row-arrow{margin-left:auto;margin-top:-27px}.assignment-detail-head h1{font-size:25px}.assignment-review{padding:18px}.assignment-audio-row{align-items:flex-start;flex-direction:column}.assignment-audio-row audio{width:100%}}.lesson-list>a.lesson-row,a.assignment-row{text-decoration:none}.assignment-filters a{text-decoration:none;border:1px solid var(--line);background:#fff;border-radius:99px;color:#708a7d;padding:9px 14px;white-space:nowrap;font-size:11px;font-weight:800;display:inline-block}.assignment-filters a.active{background:#087f70;color:#fff;border-color:#087f70}@keyframes app-spin{to{transform:rotate(1turn)}}.spin{animation:app-spin .8s linear infinite;display:inline-flex}.button-outline:hover:not(:disabled){background:var(--mint);border-color:#9bd5b9;color:var(--emerald)}.button-white:hover:not(:disabled){background:var(--mint)}.button-soft:hover:not(:disabled){background:#d3ecdf}.app-shell a:not(.button):hover,.app-shell button:not(:disabled):not(.button):hover,.teacher-shell a:not(.button):hover,.teacher-shell button:not(:disabled):not(.button):hover{filter:brightness(.93);cursor:pointer;transition:filter .15s ease}.vocab-stroke-button{margin-top:16px;width:100%;justify-content:center}.vocab-table-wrap{background:var(--white);border:1px solid var(--line);border-radius:16px;overflow:auto;box-shadow:var(--shadow)}.vocab-table{width:100%;border-collapse:collapse;min-width:560px}.vocab-table thead{background:var(--canvas)}.vocab-table th{text-align:left;font-size:11px;font-weight:800;color:var(--muted);letter-spacing:.04em;padding:13px 16px;white-space:nowrap}.vocab-table td{padding:14px 16px;border-top:1px solid var(--line);font-size:13px;color:var(--ink);vertical-align:middle}.vocab-table-hanzi{font-family:Noto Sans SC,sans-serif;font-size:19px;color:var(--ink);margin-right:8px}.vocab-table-audio{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:0;background:var(--mint);color:var(--emerald);vertical-align:middle}.vocab-table-strokes{display:flex;gap:4px;flex-wrap:nowrap}.vocab-table-stroke-char{width:40px;height:40px;flex:none;border-radius:8px;border:1px solid var(--line);background:var(--canvas);cursor:pointer}.vocab-table-stroke-char:hover{border-color:#9bd5c1}.stroke-modal-overlay{position:fixed;inset:0;z-index:80;background:rgba(20,40,34,.45);display:flex;align-items:center;justify-content:center;padding:20px;overflow-y:auto}.stroke-modal{position:relative;background:var(--white);border-radius:20px;padding:28px 24px;max-width:640px;width:100%;box-shadow:var(--shadow);text-align:center;max-height:calc(100vh - 40px);overflow-y:auto}.stroke-modal-close{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:50%;border:0;background:var(--canvas);color:var(--muted);display:flex;align-items:center;justify-content:center}.stroke-modal-radical{font-size:12px;color:var(--muted);margin-bottom:6px}.stroke-modal-chars{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:18px}.stroke-char-card{display:flex;flex-direction:column;align-items:center;gap:8px;width:160px}.stroke-char-canvas{width:130px;height:130px;border-radius:14px;border:1px solid var(--line);background:var(--canvas)}.stroke-char-replay{display:flex;align-items:center;gap:5px;border:0;background:var(--mint);color:var(--emerald);border-radius:8px;padding:6px 10px;font-size:11px;font-weight:800}.stroke-char-detail{font-size:12px;color:var(--muted);text-align:center}.stroke-char-detail strong{display:block;color:var(--ink);font-size:14px;margin-bottom:2px}.stroke-char-detail strong span{font-weight:400;font-style:italic;color:var(--emerald)}.stroke-char-detail p{margin-top:3px}.stroke-char-mnemonic{font-style:italic}.stroke-char-detail-empty{font-family:Noto Sans SC,sans-serif;font-size:16px;color:var(--ink)}@media(max-width:480px){.stroke-modal{padding:22px 16px}.stroke-char-card{width:130px}.stroke-char-canvas{width:110px;height:110px}}.pinyin-reader{display:flex;flex-wrap:wrap;align-items:flex-end;row-gap:8px;font-family:Noto Sans SC,sans-serif;font-weight:500;line-height:1.65;margin:4px 0}.pinyin-reader ruby{ruby-align:center;margin:0 1px}.pinyin-reader rt{font-family:DM Sans,sans-serif;font-weight:700;font-size:.48em;line-height:1;margin-bottom:2px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pinyin-reader .tone-0{color:#95a5a6}.pinyin-reader .tone-1{color:#e74c3c}.pinyin-reader .tone-2{color:#e08e0b}.pinyin-reader .tone-3{color:#219a56}.pinyin-reader .tone-4{color:#3498db}.extended-article .pinyin-reader,.sentence .pinyin-reader{font-size:22px}.dialogue-bubble .pinyin-reader{font-size:21px}@media(max-width:800px){.extended-article .pinyin-reader,.sentence .pinyin-reader{font-size:20px}}