@import"https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;450;500;550;600;650;700;750;800&family=Noto+Sans+SC:wght@400;500;600;700&family=Noto+Serif+SC:wght@400;500;600;700&display=swap";:root{font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#283d36;background:#f8f9f5;font-synthesis:none;--ink:#283d36;--muted:#6c7871;--forest:#204c43;--line:#e0e5dc;--cream:#f1e8cf;--accent:#b75e43;--shadow:0 8px 30px #263d3508}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{cursor:default}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #be8b49;outline-offset:4px}button:disabled{opacity:.5}.icon{width:20px;height:20px;flex-shrink:0;vertical-align:middle}h1,h2,h3,p{margin:0}h1{font-size:38px;line-height:1.3;letter-spacing:-1.5px;font-weight:650}h2{font-size:25px;line-height:1.45;letter-spacing:-.7px;font-weight:600}h3{font-size:18px;line-height:1.6;font-weight:600}p{line-height:1.85}small,.small{font-size:14px;line-height:1.7}.muted{color:var(--muted)}.eyebrow{font-size:14px;letter-spacing:1.9px;font-weight:600;color:#728276;line-height:1.8;margin-bottom:12px}.row{display:flex;align-items:center;gap:12px}.row.space{justify-content:space-between}.row.center{justify-content:center}.full{width:100%;justify-content:center}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--forest);border-radius:7px;background:var(--forest);color:#fff;padding:12px 19px;font-size:14px;font-weight:550;min-height:45px;transition:background .16s,transform .16s}.button:hover:not(:disabled){background:#326254}.button:active:not(:disabled){transform:translateY(1px)}.button.cream{background:#f3eace;color:#23483e;border-color:#f3eace}.button.cream:hover{background:#fff6df}.button.outline{background:transparent;color:var(--forest);border-color:#d3dbd0}.button.outline:hover,.button.outline.selected{background:#eaf0e7}.button .icon{width:17px;height:17px}.text-button{display:inline-flex;align-items:center;gap:7px;border:none;background:none;font-size:14px;font-weight:500;padding:6px 0;color:var(--forest);cursor:pointer}.text-button:hover{text-decoration:underline}.text-button .icon{width:16px}.icon-button{display:inline-grid;place-items:center;padding:8px;background:none;border:1px solid transparent;border-radius:50%;min-width:36px;min-height:36px;color:#65786d;transition:background .15s}.icon-button:hover,.icon-button.speaking{background:#e6eee4;color:var(--forest)}.icon-button.saved{color:#a4563f;background:#f7ebe4}.tag{display:inline-flex;align-items:center;gap:5px;background:#f0f2e9;color:#6e7b60;border-radius:4px;padding:4px 8px;font-size:14px;line-height:1.6;font-weight:600;letter-spacing:.5px}.tag .icon{width:12px;height:12px}.tag.light{background:#ffffff13;color:#e5ead9;font-size:14px;letter-spacing:1.3px;padding:5px 9px}.tag.green{color:#32654f;background:#e7f0e5}.sidebar{position:fixed;left:0;top:0;bottom:0;width:222px;background:#f0f3ec;border-right:1px solid #dfe5d9;padding:35px 22px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;gap:13px;align-items:center;margin:0 9px 47px;font-size:26px;font-weight:650;letter-spacing:-.7px;line-height:1.2}.brand-mark{width:43px;height:48px;display:grid;place-items:center;background:var(--forest);color:#f4edda;font-family:"Noto Serif SC",serif;font-size:29px;font-weight:500;border-radius:5px}.brand-sub{display:block;font-size:14px;letter-spacing:.5px;font-weight:400;margin-top:5px;color:#778478}.side-label{font-size:14px;letter-spacing:1.8px;color:#8c9789;padding:0 13px;margin-bottom:16px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.nav-item{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:500;padding:13px 12px;color:#6c7b6d;border:0;background:transparent;border-radius:6px;width:100%;text-align:left}.nav-item:hover{background:#e6ecdf}.nav-item.active{background:#dfe8d8;color:#2b523f}.nav-item .icon{width:18px;height:18px}.nav-badge{margin-left:auto;font-size:14px;border-radius:4px;background:#274c3d;color:#fff;padding:1px 5px}.sidebar-bottom{margin-top:auto}.daily-mini{margin-bottom:23px;padding:16px 10px 18px;border-top:1px solid #dce2d6;border-bottom:1px solid #dce2d6}.daily-mini .row{justify-content:space-between;gap:4px;font-size:14px}.daily-mini .row>span{display:flex;align-items:center;gap:5px}.daily-mini .icon{width:14px;height:14px}.daily-mini b{font-size:14px;font-weight:500}.progress-track{height:4px;background:#e1e6dc;border-radius:3px;overflow:hidden}.progress-track i{display:block;height:100%;background:#708c65;border-radius:3px;transition:width .3s}.daily-mini .progress-track{margin:12px 0 8px}.daily-mini small{font-size:14px;color:#86907f}.back-nate{display:flex;align-items:center;gap:8px;font-size:14px;letter-spacing:1px;color:#8a9586;margin:19px 12px 0}.back-nate .icon{width:13px}.app-body{margin-left:222px}.topbar{height:76px;padding:0 46px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:14px;color:#748173;background:#f8f9f5}.top-label{font-size:14px;letter-spacing:1.5px}.top-separator{color:#b5bdb0}.top-status{display:flex;align-items:center;gap:25px}.top-status>span:first-child{display:flex;align-items:center;gap:6px;font-size:14px}.top-status .icon{width:14px;color:#a46b46}.avatar{width:29px;height:29px;border-radius:50%;background:#e4e9dc;color:#5e7057;display:grid;place-items:center;font-size:14px}main{max-width:1300px;margin:auto;padding:41px 46px 60px;outline:none}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:28px}.page-heading .muted{font-size:14px;margin-top:11px}.page-heading .eyebrow{margin-bottom:9px}.date-pill{font-size:14px;color:#7b8876;display:flex;align-items:center;gap:7px;white-space:nowrap}.date-pill .icon{color:#a59c73;width:16px}.hero{min-height:284px;background:#254d41;border-radius:11px;display:flex;position:relative;overflow:hidden;color:#f5f2e8;padding:31px 35px}.hero-copy{max-width:580px;position:relative;z-index:1}.hero h2{font-weight:500;font-size:30px;letter-spacing:-.6px;line-height:1.5;margin:16px 0 12px}.hero p{font-size:14px;line-height:1.9;color:#b9cabc;max-width:390px}.hero-actions{margin-top:24px;gap:20px}.hero-actions>span{font-size:14px;color:#bfd0bf;display:flex;align-items:center;gap:5px}.hero-actions>span .icon{width:13px}.hero .button{font-size:14px;padding:11px 17px;min-height:40px}.hero-art{margin-left:auto;width:270px;align-self:stretch;position:relative;display:flex;align-items:center;justify-content:center}.art-grid{position:absolute;width:195px;height:195px;transform:rotate(-12deg);border:1px solid #e8e4cc16;background:linear-gradient(90deg,transparent 49.5%,#e8e4cc16 50%,transparent 50.5%),linear-gradient(transparent 49.5%,#e8e4cc16 50%,transparent 50.5%)}.art-grid:before,.art-grid:after{content:"";width:275px;height:1px;background:#e8e4cc10;position:absolute;top:97px;left:-40px;transform:rotate(45deg)}.art-grid:after{transform:rotate(-45deg)}.art-hanzi{font-family:"Noto Serif SC",serif;font-size:101px;color:#d5dfbb;transform:rotate(-8deg);letter-spacing:-10px;margin-top:-26px;line-height:1.2;white-space:nowrap;font-weight:400}.art-hanzi span{font-size:77px;margin-left:-15px;display:inline-block;transform:translateY(46px);color:#aec69e}.art-caption{position:absolute;bottom:11px;left:25px;color:#c6d4b8;font-size:14px;letter-spacing:4px}.art-caption i{display:block;font-style:normal;font-size:14px;letter-spacing:1px;margin-top:6px;color:#99b197}.red-seal{position:absolute;right:8px;top:19px;font-family:"Noto Serif SC",serif;background:#ae674e;color:#e8c0a6;padding:6px 5px;font-size:14px;line-height:1.3;border-radius:2px;transform:rotate(3deg)}.overview-strip{display:grid;grid-template-columns:repeat(4,1fr);margin:22px 0 40px;padding:22px 4px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.overview-strip>div,.overview-strip>button{display:flex;align-items:center;gap:15px;padding:0 24px;border:0;border-right:1px solid var(--line);background:transparent;text-align:left}.overview-strip>:last-child{border-right:0}.overview-strip>button:hover{background:#f5f8ef}.overview-strip>div>.icon,.overview-strip>button>.icon{width:21px;height:21px;color:#92a182}.overview-strip b{display:block;font-size:23px;line-height:1.4;font-weight:550;letter-spacing:-.6px}.overview-strip b small{font-size:14px;font-weight:400;color:#84917c;letter-spacing:0}.overview-strip label{font-size:14px;display:block;color:#89917e;margin-top:3px;white-space:nowrap}.overview-strip label .icon{width:11px;height:11px;margin-left:4px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 22px}.section-heading .eyebrow{margin-bottom:5px}.section-heading h2{font-size:22px}.section-heading p.muted{font-size:14px;margin-top:7px}.level-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);gap:15px}.level-tab{display:flex;align-items:center;gap:12px;padding:17px 10px 22px;position:relative;border:none;background:transparent;text-align:left;color:#87917f}.level-tab:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background:transparent}.level-tab.selected:after{background:#406d53}.level-tab.selected{color:#274f3b}.level-number{font-family:Georgia,serif;font-size:23px;color:#a9b19e;font-style:italic}.level-tab.selected .level-number{color:#6e8960}.level-tab b{font-size:16px;font-weight:600;display:block;margin-bottom:4px}.level-tab small{font-size:14px;display:block}.level-label{margin-left:auto;background:#f0f0e5;padding:4px 5px;border-radius:3px;font-size:14px;font-weight:500;white-space:nowrap;color:#979a7f}.level-tab.selected .level-label{background:#e6eddc;color:#779165}.curriculum-head{margin:24px 0 19px;display:flex;justify-content:space-between;align-items:center}.curriculum-head h3{font-size:16px}.curriculum-head p{font-size:14px;color:#88937d;margin-top:5px}.curriculum-head>span{color:#86947d;font-size:14px}.lesson-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.lesson-card{border:1px solid #e0e5d9;border-radius:8px;background:#fff;padding:20px;text-align:left;transition:transform .16s,border-color .16s,box-shadow .16s;min-width:0}.lesson-card:hover{transform:translateY(-3px);border-color:#acbda0;box-shadow:0 6px 16px #33572a09}.lesson-card.is-complete{background:#f2f6ec}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px}.lesson-number{font-family:Georgia,serif;font-size:25px;font-style:italic;color:#bdc6b2;font-weight:400}.lesson-card .tag{font-size:14px}.lesson-card h3{font-size:14px;font-weight:550;margin-bottom:10px}.card-zh{font-family:Noto Sans SC,sans-serif;color:#84917b;font-size:16px;line-height:1.65;min-height:24px}.card-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edf0e8;margin-top:20px;padding-top:14px;font-size:14px;color:#87927e}.card-bottom .icon{width:14px;height:14px;color:#6e8761}.source-note{display:flex;align-items:flex-start;gap:7px;font-size:14px;line-height:1.8;color:#929a88;margin-top:19px}.source-note .icon{width:13px;height:13px;margin-top:2px}.study-tip{margin-top:35px;display:flex;align-items:center;gap:25px;background:#eeeee2;border-radius:8px;padding:25px 28px}.tip-character{font-family:"Noto Serif SC",serif;color:#9ca585;font-size:45px;flex-shrink:0}.study-tip .eyebrow{font-size:14px;margin-bottom:5px}.study-tip h3{font-size:16px}.study-tip p:not(.eyebrow){font-size:14px;line-height:1.9;color:#8c937e;max-width:470px;margin-top:7px}.study-tip .button{margin-left:auto;font-size:14px;white-space:nowrap;min-height:37px;padding:8px 12px}footer{display:flex;align-items:center;gap:20px;border-top:1px solid var(--line);font-size:14px;color:#85917d;padding:21px 46px;max-width:1300px;margin:auto}footer>span{margin-left:auto;font-size:14px}footer .text-button{font-size:14px}.mobile-menu{display:none}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:#fff;padding:10px}.skip:focus{top:10px}.notice{padding:15px;background:#fff0d7;border:1px solid #ddbe7b;margin-bottom:20px;font-size:14px}.lesson-breadcrumb{display:flex;align-items:center;gap:18px;color:#89957f;font-size:14px;margin-bottom:27px}.lesson-breadcrumb a{display:flex;align-items:center;gap:8px;color:var(--forest)}.lesson-breadcrumb .icon{width:15px}.lesson-breadcrumb .tag{margin-left:auto}.lesson-title{margin-bottom:30px}.lesson-title h1{font-size:34px}.title-zh{display:flex;gap:12px;align-items:center;margin-top:12px;font-family:Noto Sans SC,sans-serif;font-size:23px;color:#6d8166}.lesson-title>p.muted{font-size:14px;margin-top:13px}.lesson-tabs{display:flex;gap:30px;border-bottom:1px solid var(--line);margin-bottom:30px}.lesson-tabs a{padding:14px 3px;display:flex;align-items:center;gap:7px;font-size:14px;color:#89947e;border-bottom:3px solid transparent;margin-bottom:-1px}.lesson-tabs .icon{width:17px;height:17px}.lesson-tabs a.active{color:#2b563e;border-bottom-color:#3c6950}.reading-layout{display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:27px}.reading-layout .section-heading h2{font-size:19px}.grammar-card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:24px;margin-bottom:20px}.mini-number{width:26px;height:26px;border-radius:5px;background:#edf1e6;color:#82926d;font-size:14px;display:grid;place-items:center}.grammar-card h3{font-size:16px}.pattern{background:#edf2e8;border-left:3px solid #7a946a;padding:13px 15px;font-size:16px;font-family:Noto Sans SC,Be Vietnam Pro,sans-serif;line-height:1.8;margin:20px 0 14px}.grammar-card>p{font-size:14px;color:#6c7868;line-height:1.9}.example{border-top:1px solid #e9ede4;margin-top:19px;padding-top:16px}.zh{font-family:Noto Sans SC,sans-serif;font-size:23px;line-height:1.9;font-weight:400}.pinyin{font-size:14px;line-height:1.8;color:#8e8168}.example>p:last-child{font-size:14px;color:#7e8878;margin-top:4px}.example .row{justify-content:space-between}.note-card{background:#efeee2;padding:23px;border-radius:7px;font-size:14px;line-height:1.8}.note-card .tag{background:#e4e6d8;color:#8c8f70;font-size:14px}.note-card h3{margin:15px 0 9px;font-size:16px}.note-card p{font-size:14px;color:#8a8f79}.note-card dl{margin:22px 0}.note-card dl>div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #dedfce;font-size:14px;color:#888e76}.note-card dd{margin:0;color:#58704b}.note-card .button{font-size:14px}.side-quote{text-align:center;margin-top:30px}.side-quote>span{font-family:"Noto Serif SC",serif;font-size:25px;letter-spacing:5px;color:#9ea888}.side-quote p{font-size:14px;margin-top:10px;color:#9ca58b}.dialogue-section{margin-top:30px}.dialogue-controls{display:flex;gap:23px;margin:0 0 20px}.toggle{font-size:14px;color:#829076;display:flex;align-items:center;gap:7px;cursor:pointer}.toggle input{accent-color:var(--forest);width:15px;height:15px}.dialogue{background:#fff;border:1px solid var(--line);border-radius:8px;padding:24px 28px}.dialogue-line{display:flex;gap:20px;padding:16px 0}.dialogue-line+.dialogue-line{border-top:1px solid #eff1ea}.speaker{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#e5eddd;color:#7d926c;font-size:14px;flex-shrink:0;margin-top:3px}.speaker.b{background:#f0e9da;color:#9b8963}.dialogue-line>div{flex:1;min-width:0}.dialogue-line .row{justify-content:space-between}.dialogue-line .translation{font-size:14px;color:#7d8876;margin-top:5px}.dialogue-line .zh{font-size:22px}.section-end{display:flex;justify-content:flex-end;margin:26px 0}.lesson-foot{border-top:1px solid var(--line);margin-top:25px;padding-top:20px;font-size:14px;color:#919a85;display:flex;align-items:center;justify-content:space-between;gap:15px}.lesson-foot>div{display:flex;gap:15px}.lesson-foot .text-button{font-size:14px;margin-left:10px}.word-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.word-card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:22px;display:flex;flex-direction:column}.word-hanzi{font-family:Noto Sans SC,sans-serif;font-size:31px;line-height:1.5;color:#34563d;overflow-wrap:anywhere}.word-card .pinyin{margin-top:8px;font-size:14px}.word-meaning{font-size:14px;margin-top:8px;color:#56654e}.word-hint{font-size:14px;color:#8e967f;padding-top:10px;line-height:1.8}.word-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edf0e7;margin-top:auto;padding-top:14px;position:relative;top:10px}.word-bottom .icon{width:16px;height:16px}.word-bottom>div{display:flex}.filter-bar{display:flex;gap:14px;margin:30px 0 19px}.search-box{display:flex;align-items:center;gap:10px;border:1px solid #dce3d4;background:#fff;border-radius:6px;padding:10px 14px;flex:1;min-width:0}.search-box .icon{color:#8a977e;width:17px}.search-box input{border:0;outline:none;min-width:0;width:100%;font-size:14px;color:var(--ink);background:transparent}.search-box input::placeholder{color:#9ba58e}select{background:#fff;border:1px solid #dce3d4;border-radius:6px;padding:10px 30px 10px 12px;font-size:14px;line-height:1.8;color:#526b48;min-height:42px;max-width:100%}.filter-bar>.button{font-size:14px}.results-line{margin-bottom:20px}.empty-state{grid-column:1/-1;background:#fff;border:1px dashed #cdd7c2;border-radius:8px;padding:50px;text-align:center;font-size:14px}.empty-state p{margin-top:10px;color:var(--muted)}.lesson-select-label{display:flex;align-items:center;gap:15px;font-size:14px;margin:26px 0}.lesson-select-label select{max-width:520px;flex:1}.listening-player{display:flex;align-items:center;flex-direction:column;background:#eef1e5;border:1px solid #dce3cf;border-radius:12px;text-align:center;padding:35px 25px 30px}.player-symbol{width:57px;height:57px;border-radius:50%;background:#dfe7d3;color:#739266;display:grid;place-items:center;margin-bottom:17px}.player-symbol .icon{width:27px;height:27px}.listening-player .tag{background:#e5e9da;color:#8a9778}.listening-player h2{margin-top:12px;font-size:24px}.listening-player>p{font-size:14px;color:#8a967a;margin-top:9px}.waveform{display:flex;align-items:center;gap:4px;height:65px;margin:20px 0;width:220px;overflow:hidden}.waveform i{display:block;flex-shrink:0;width:2px;background:#a3b78c;border-radius:2px}.player-actions{display:flex;align-items:center;gap:12px;margin:10px 0 22px}.speed-label{display:flex;align-items:center;gap:12px;font-size:14px;color:#79866d}.speed-label select{font-size:14px;min-height:35px;padding:5px 24px 5px 10px}.listening-player>small{margin-top:16px;font-size:14px}.transcript-header{display:flex;align-items:center;justify-content:space-between;margin:30px 0 20px}.transcript-header h2{font-size:19px}.transcript-header .button{font-size:14px}.transcript-hidden{background:#fff;border:1px dashed var(--line);text-align:center;padding:35px;color:#939d85;font-size:14px;border-radius:8px}.speaking .icon{animation:pulse 1.1s infinite}@keyframes pulse{50%{opacity:.35}}.quiz-container{max-width:690px;margin:0 auto;background:#fff;border:1px solid var(--line);padding:30px;border-radius:10px}.quiz-container .eyebrow{margin:0}.quiz-progress{margin:15px 0 28px}.quiz-container h2{font-size:23px;margin:20px 0 26px;line-height:1.8;white-space:pre-line}.quiz-options{display:flex;flex-direction:column;gap:12px;margin-bottom:25px}.option{display:flex;align-items:center;gap:15px;background:#fff;border:1px solid #dce3d4;border-radius:7px;padding:13px 16px;text-align:left;font-family:Noto Sans SC,Be Vietnam Pro,sans-serif;font-size:18px;min-height:55px}.option-letter{font-family:Be Vietnam Pro,sans-serif;border:1px solid #dce3d4;border-radius:4px;display:grid;place-items:center;width:27px;height:27px;font-size:14px;color:#879777;flex-shrink:0}.option:hover:not(:disabled){background:#f0f5e9}.option.chosen{border-color:#6b8b56;background:#f2f6ec}.option.correct{border-color:#77a16c;background:#edf7e8;opacity:1}.option.incorrect{border-color:#c6947a;background:#fff1e9;opacity:1}.option .icon{margin-left:auto}.option:disabled{opacity:.65}.quiz-listen{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:25px}.feedback{padding:20px;background:#f0f5e9;border-radius:7px;margin:20px 0;font-size:14px;line-height:1.8}.feedback.negative{background:#faf0e8;color:#8d6248}.feedback b{font-size:16px}.feedback p{margin-top:8px}.quiz-footnote{text-align:center;color:#99a089;font-size:14px;margin-top:18px}.sentence-tray{display:flex;flex-wrap:wrap;gap:8px;align-items:center;min-height:95px;padding:18px;border:1px dashed #bdcdb0;background:#f6f8f2;border-radius:7px;margin:20px 0}.sentence-tray>span{font-size:14px;color:#a0aa8f}.token-bank{display:flex;flex-wrap:wrap;gap:8px;min-height:60px;margin:15px 0 28px}.token{background:#fff;border:1px solid #cbd6c1;border-radius:6px;padding:10px 14px;font-family:Noto Sans SC,sans-serif;font-size:18px;box-shadow:0 2px #dce3d5}.token.selected{background:#e7eddf;color:#4e6c3d}.token:disabled{opacity:.25}.quiz-summary{text-align:center;padding:20px 0;max-width:740px;margin:auto}.summary-icon{width:65px;height:65px;background:#e4edda;color:#6e8d58;border-radius:50%;display:grid;place-items:center;margin:0 auto 25px}.summary-icon .icon{width:29px;height:29px}.quiz-summary h2{font-size:28px}.score{font-size:78px;letter-spacing:-5px;line-height:1.4;color:#416c33;margin-top:15px}.score>span{font-size:28px}.quiz-summary>p:not(.eyebrow){font-size:14px;color:#8b967b;margin:10px 0 25px}.result-list{text-align:left;background:#fff;border:1px solid var(--line);padding:10px 25px;border-radius:8px;margin-top:35px}.result-list>div{display:flex;align-items:flex-start;gap:15px;padding:19px 0}.result-list>div+div{border-top:1px solid var(--line)}.result-list b{font-size:14px}.result-list p{font-size:14px;color:#8c967f;margin-top:6px}.result-dot{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;font-size:14px;flex-shrink:0;background:#edf4e5;color:#6f9155}.result-dot.miss{background:#f7eee1;color:#b18658}.review-header{display:flex;justify-content:space-between;align-items:center;max-width:690px;margin:10px auto 25px;font-size:14px;color:#9aa289}.flashcard{background:#fff;border:1px solid var(--line);border-radius:12px;max-width:690px;min-height:440px;margin:0 auto;padding:40px;text-align:center;box-shadow:0 12px 35px #3d4c2907;display:flex;align-items:center;flex-direction:column}.flash-hanzi{font-family:"Noto Serif SC",serif;font-size:74px;line-height:1.5;margin:25px 0 20px;color:#385b35;overflow-wrap:anywhere;max-width:100%}.flashcard .muted{font-size:14px}.flashcard>.button{margin-top:auto;min-width:170px}.flashcard .flash-pinyin{font-size:18px;color:#8c835f}.flashcard h2{font-size:22px;margin-top:15px}.flashcard>.icon-button{margin-top:15px}.flashcard kbd{font-size:14px;background:#ffffff20;border-radius:3px;padding:3px 5px;color:#d7e4ce;font-family:inherit}.recall-ratings{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:30px;width:100%}.rating{border:1px solid #dce3d2;background:#f3f6ed;border-radius:6px;padding:13px 7px;display:flex;flex-direction:column;gap:6px;color:#6d8554}.rating b{font-size:14px;font-weight:500}.rating small{font-size:14px;color:#99a087}.rating.again{background:#fcf0e8;color:#b77b58;border-color:#ead5c6}.rating.hard{background:#f6f1df;color:#a48b47;border-color:#e9e1c5}.rating.easy{background:#e6efdf}.review-note{text-align:center;font-size:14px;color:#9ca68c;margin-top:25px}.review-done{text-align:center;padding:50px 0}.review-done>p:not(.eyebrow){font-size:14px;color:#899579;margin:20px 0 30px}.review-start{display:flex;gap:15px}.writing-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(240px,1fr);gap:30px}.writing-main{background:#fff;border:1px solid var(--line);border-radius:10px;padding:25px}.writing-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px}.char-tabs{display:flex;gap:8px;flex-wrap:wrap}.char-tab{background:#f1f4e9;border:1px solid #e0e7d6;border-radius:5px;font-family:Noto Sans SC,sans-serif;font-size:21px;width:40px;height:40px;color:#9ba68c}.char-tab.active{background:#e1ead7;border-color:#9fb48b;color:#587547}#writer-wrapper{width:320px;height:320px;position:relative;margin:25px auto 15px;background:#fcfbf4;border:1px solid #d7d9c9;max-width:100%;touch-action:none}.writing-guides{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(45deg,transparent 49.8%,#dbdfce 50%,transparent 50.2%),linear-gradient(-45deg,transparent 49.8%,#dbdfce 50%,transparent 50.2%)}.writing-guides:before{content:"";position:absolute;top:50%;left:0;right:0;border-top:1px dashed #d7ddc8}.writing-guides:after{content:"";position:absolute;left:50%;top:0;bottom:0;border-left:1px dashed #d7ddc8}#hanzi-target{position:relative;z-index:1;touch-action:none}.writer-status{min-height:45px;font-size:14px;line-height:1.8;color:#8b997a;text-align:center;margin-bottom:15px}.writing-controls{margin-top:15px}.writing-info{padding:12px 0}.writing-info>label{display:block;font-size:14px;margin-bottom:10px;color:#8b967f}.writing-info>select{width:100%;margin-bottom:25px}.writing-info>h2{font-size:39px;color:#587044}.writing-info>.pinyin{font-size:18px}.writing-info>p:not(.pinyin){font-size:14px;margin:10px 0 20px}.writing-tips{border-top:1px solid #dde4d2;margin-top:25px;padding-top:20px}.writing-tips h3{font-size:16px;margin-bottom:13px}.writing-tips p{font-size:14px;color:#869376;margin-top:8px}.writing-info>p.small{font-size:14px;margin-top:25px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:30px 0}.stats-grid article{background:#fff;border:1px solid var(--line);border-radius:8px;padding:25px}.stats-grid b{display:block;font-size:35px;font-weight:500;margin-bottom:10px;color:#526f40}.stats-grid span{font-size:14px;color:#919d81}.activity-card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:28px}.activity-card h2{font-size:19px}.activity-chart{display:flex;gap:13px;align-items:flex-end;padding-top:20px;height:210px}.activity-day{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:10px}.activity-day>span{font-size:14px;color:#adb49e}.activity-day>div{background:#94ac7a;border-radius:4px;width:100%;max-width:36px}.activity-day small{font-size:14px;color:#849574}.progress-levels{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:25px 0}.progress-levels article{padding:20px;background:#eef2e6;border-radius:7px}.progress-levels .row>span{font-size:14px;color:#879871}.progress-levels .progress-track{margin:16px 0}.progress-levels p{font-size:14px;color:#8e9a7c}.due-panel{display:flex;align-items:center;justify-content:space-between;padding:28px;background:#e8eddc;border-radius:8px;gap:20px}.due-panel h2{font-size:22px}.due-panel p{font-size:14px;color:#8c9b79;margin-top:8px}dialog{width:min(580px,calc(100vw - 32px));max-height:85vh;border:1px solid var(--line);padding:28px;border-radius:12px;background:#fafbf6;color:var(--ink);box-shadow:0 20px 80px #172b3030}dialog::backdrop{background:#1c352b66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.modal-header .eyebrow{margin:0}dialog h2{font-size:26px;margin-bottom:20px}dialog h3{margin-bottom:12px}dialog>p{font-size:14px;color:#79866c;margin:15px 0}dialog ul{font-size:14px;color:#79866c;padding-left:20px;line-height:2.1}dialog a{color:var(--forest);text-decoration:underline}dialog hr{border:0;border-top:1px solid var(--line);margin:25px 0}.settings-form{display:flex;flex-direction:column;gap:17px}.settings-form>label:not(.toggle){display:flex;align-items:center;justify-content:space-between;font-size:14px;gap:10px}.settings-form .toggle{font-size:14px}.import-label{position:relative;overflow:hidden;cursor:pointer}.import-label input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%}#toast{position:fixed;bottom:25px;left:calc(50% + 100px);transform:translate(-50%,20px);background:#264b3f;color:#f8f8ed;padding:14px 22px;border-radius:8px;box-shadow:0 5px 25px #18342625;font-size:14px;line-height:1.7;max-width:calc(100vw - 35px);width:max-content;z-index:100;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}#toast.visible{opacity:1;transform:translate(-50%)}@media(min-width:1450px){main{padding-top:48px}.hero{min-height:320px;padding:38px 45px}.hero h2{font-size:35px}.hero p{font-size:14px;max-width:470px}.hero-art{width:320px}.art-hanzi{font-size:120px}.art-hanzi span{font-size:90px}.hero-actions{margin-top:30px}.lesson-card{padding:25px}.lesson-card h3{font-size:16px}.card-bottom{font-size:14px}.sidebar{width:242px;padding:40px 25px}.app-body{margin-left:242px}.nav-item{font-size:14px}.topbar{padding:0 55px}main{padding-left:55px;padding-right:55px}}@media(max-width:1150px){.sidebar{width:195px;padding:30px 15px}.app-body{margin-left:195px}main{padding:32px 28px 50px}.topbar{padding:0 28px}.hero{padding:28px}.hero-art{width:210px}.art-hanzi{font-size:85px}.art-hanzi span{font-size:65px}.red-seal{right:0}.hero h2{font-size:28px}.hero-copy{max-width:440px}.hero p{max-width:330px}.overview-strip>div,.overview-strip>button{padding:0 14px;gap:10px}.overview-strip b{font-size:20px}.lesson-grid{gap:12px}.lesson-card{padding:17px}.level-label{display:none}.reading-layout{grid-template-columns:minmax(0,1fr) 220px;gap:20px}.word-grid{gap:12px}.word-card{padding:18px}.word-hanzi{font-size:28px}.writing-layout{gap:20px;grid-template-columns:minmax(0,1.2fr) minmax(190px,1fr)}.writing-main{padding:18px}.writing-main .button{padding:10px 12px;font-size:14px}footer{padding:20px 28px}.date-pill{display:none}h1{font-size:33px}}@media(max-width:900px){.sidebar{width:180px;padding:30px 13px}.app-body{margin-left:180px}.brand{margin-left:8px;font-size:23px;gap:10px}.brand-mark{width:38px;height:44px;font-size:27px}.nav-item{font-size:14px;gap:10px;padding:12px 10px}.daily-mini{padding-left:5px;padding-right:5px}.daily-mini .row{font-size:14px}.top-status>span:first-child{font-size:14px}.hero-art{width:140px;opacity:.7}.art-grid{width:150px;height:150px}.art-grid:before,.art-grid:after{width:211px;top:75px;left:-31px}.art-hanzi{font-size:70px}.art-hanzi span{font-size:55px;margin-left:-10px}.red-seal{right:-8px;top:10px;font-size:14px}.art-caption{left:-4px;font-size:14px;bottom:20px}.hero-copy{max-width:380px}.hero p{max-width:315px}.hero h2{font-size:27px}.hero-actions{gap:10px}.hero-actions>span{display:none}.overview-strip>div,.overview-strip>button{padding:0 13px;gap:10px}.overview-strip>div>.icon,.overview-strip>button>.icon{display:none}.lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.level-tab{padding-left:0;gap:8px}.level-tab small{font-size:14px}.study-tip{padding:22px 20px;gap:17px;flex-wrap:wrap}.study-tip .button{margin-left:62px}.study-tip>div{flex:1}.study-tip .tip-character{font-size:40px}.reading-layout{grid-template-columns:1fr}.lesson-side{display:none}.word-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.word-card{padding:20px}.filter-bar{flex-wrap:wrap}.search-box{flex-basis:100%}.writing-layout{grid-template-columns:1fr}.writing-info{padding:10px 0}.writing-info .writing-tips{display:none}.stats-grid{grid-template-columns:repeat(2,1fr)}.progress-levels{grid-template-columns:1fr;gap:12px}.activity-chart{gap:7px}.due-panel{flex-direction:column;align-items:flex-start}.lesson-title h1{font-size:29px}.lesson-foot{align-items:flex-start;flex-direction:column}.lesson-tabs{gap:20px}.lesson-tabs a{font-size:14px}.lesson-tabs .icon{width:15px}.section-heading .small{display:none}footer{flex-wrap:wrap;gap:10px}footer>span{order:3;flex-basis:100%;margin-left:0}footer .text-button{margin-left:auto}.page-heading>.button{font-size:14px;padding:10px 12px}.quiz-container{padding:25px}.recall-ratings{gap:7px}.flashcard{padding:25px}.flash-hanzi{font-size:65px}}@media(max-width:650px){.sidebar{transform:translate(-100%);width:230px;transition:transform .2s;box-shadow:10px 0 40px #15342a20}.menu-open .sidebar{transform:translate(0)}.app-body{margin-left:0}.topbar{height:62px;padding:0 18px;position:sticky;top:0;z-index:10;background:#f8f9f5ed;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.top-label,.top-separator{display:none}.topbar>.row{gap:9px}.mobile-menu{display:inline-grid}.top-status{gap:13px}.top-status>span:first-child{font-size:14px}.avatar{width:26px;height:26px}.sidebar .brand{margin-bottom:35px}.sidebar .nav-item{font-size:14px;padding:14px}.side-label,.daily-mini .row{font-size:14px}.sidebar-bottom{padding-bottom:12px}main{padding:26px 20px 40px}h1{font-size:29px;letter-spacing:-1px}.page-heading{margin-bottom:23px;gap:14px;align-items:flex-start;flex-direction:column}.page-heading .muted{font-size:14px;line-height:1.8;max-width:100%}.page-heading .eyebrow{font-size:14px;letter-spacing:1.4px}.hero{padding:25px 23px;min-height:290px}.hero-copy{max-width:100%}.hero h2{font-size:27px;line-height:1.55;max-width:260px}.hero p{font-size:14px;max-width:240px;color:#c0d0be}.hero-art{position:absolute;right:-10px;top:28px;bottom:0;opacity:.18;width:150px;pointer-events:none}.art-hanzi{font-size:94px}.art-hanzi span{font-size:78px}.red-seal,.art-caption{display:none}.art-grid{width:180px;height:180px}.hero-actions{margin-top:25px}.hero .tag.light,.hero .button{font-size:14px}.overview-strip{grid-template-columns:repeat(2,1fr);padding:0;margin:18px 0 32px}.overview-strip>div,.overview-strip>button{padding:18px 20px;border-bottom:1px solid var(--line);gap:14px}.overview-strip>:nth-child(2n){border-right:0}.overview-strip>:nth-child(n+3){border-bottom:0}.overview-strip>div>.icon,.overview-strip>button>.icon{display:block;width:20px}.overview-strip b{font-size:23px}.overview-strip label{font-size:14px}.section-heading h2{font-size:21px}.level-tabs{gap:10px}.level-tab{padding:15px 0 18px;display:block}.level-number{display:none}.level-tab b{font-size:16px}.level-tab small{font-size:14px;margin-top:7px;line-height:1.6;max-width:90px}.curriculum-head{margin:22px 0 17px;gap:10px}.curriculum-head h3{font-size:16px}.curriculum-head p{font-size:14px;max-width:240px}.curriculum-head>span{font-size:14px;white-space:nowrap}.lesson-grid{gap:12px}.lesson-card{padding:16px 14px}.card-top{margin-bottom:13px}.lesson-number{font-size:24px}.lesson-card .tag{font-size:14px;padding:3px 5px}.lesson-card h3{font-size:14px;line-height:1.8;min-height:44px}.card-zh{font-size:14px;line-height:1.8;min-height:47px}.card-bottom{font-size:14px;padding-top:12px;margin-top:16px;gap:4px}.card-bottom .icon{width:12px}.source-note{font-size:14px}.study-tip{gap:15px;padding:22px 20px;margin-top:28px}.study-tip h3{font-size:14px}.study-tip p:not(.eyebrow){font-size:14px}.study-tip .tip-character{font-size:36px}.study-tip .button{margin-left:51px}footer{padding:18px 20px;font-size:14px}footer>span{font-size:14px}.lesson-breadcrumb{gap:12px;flex-wrap:wrap;margin-bottom:24px}.lesson-title h1{font-size:28px}.lesson-title .eyebrow{font-size:14px}.title-zh{font-size:22px;line-height:1.8;gap:8px}.lesson-title>p.muted{font-size:14px}.lesson-tabs{gap:0;justify-content:space-between;margin-bottom:25px}.lesson-tabs a{font-size:14px;gap:5px;padding:13px 2px}.lesson-tabs .icon{width:14px}.grammar-card{padding:20px}.grammar-card h3,.grammar-card .pattern{font-size:16px}.grammar-card>p{font-size:14px}.zh{font-size:23px}.example>p:last-child{font-size:14px}.example .row{align-items:flex-start}.example .icon-button{flex-shrink:0}.section-heading{gap:12px;flex-wrap:wrap}.section-heading>.button{font-size:14px;padding:9px 12px}.dialogue{padding:13px 17px}.dialogue-line{gap:12px}.dialogue-line .zh{font-size:20px}.dialogue-line .pinyin,.dialogue-line .translation{font-size:14px}.speaker{width:25px;height:25px;font-size:14px}.dialogue-line .row{align-items:flex-start;gap:3px}.dialogue-line .icon-button{padding:5px;min-width:29px;min-height:29px;flex-shrink:0}.dialogue-line .icon{width:16px}.word-grid{gap:12px}.word-card{padding:16px}.word-hanzi{font-size:27px}.word-card .pinyin{font-size:14px}.word-meaning{font-size:14px;line-height:1.8}.word-hint,.word-bottom .small{font-size:14px}.word-bottom .icon-button{min-width:28px;min-height:30px;padding:5px}.word-bottom .icon{width:14px}.word-card>.row{gap:1px}.word-card>.row>.icon-button{padding:5px;min-width:29px;min-height:29px}.word-card>.row>.icon-button>.icon{width:17px}.search-box input{font-size:14px}.filter-bar>.button{font-size:14px}.results-line>.text-button{font-size:14px}.lesson-select-label{flex-direction:column;align-items:stretch;gap:9px}.listening-player{padding:28px 18px}.listening-player h2{font-size:22px}.listening-player>p{font-size:14px}.player-actions>.button{font-size:14px;padding:11px 15px}.speed-label{font-size:14px;gap:9px}.transcript-hidden{font-size:14px;padding:27px}.quiz-container{padding:22px 18px}.quiz-container h2{font-size:21px;margin:17px 0 22px}.option{font-size:18px;padding:12px;gap:12px}.option-letter{width:24px;height:24px}.quiz-listen{align-items:flex-start;flex-direction:column}.quiz-listen .button{font-size:14px}.sentence-tray{padding:12px;min-height:90px}.token{font-size:19px;padding:8px 11px}.feedback{padding:16px}.quiz-summary h2{font-size:25px}.quiz-summary>.row{flex-wrap:wrap}.result-list{padding:8px 18px}.result-list b,.result-list p{font-size:14px}.flashcard{padding:30px 20px;min-height:430px}.flash-hanzi{font-size:65px;margin-top:35px}.flashcard .eyebrow{font-size:14px;letter-spacing:1.4px}.flashcard h2{font-size:21px}.recall-ratings{grid-template-columns:repeat(2,1fr);gap:10px}.rating{padding:14px 7px}.rating b{font-size:14px}.review-note{font-size:14px;line-height:1.9}.review-done{padding:35px 0}.review-done h1{font-size:28px}.review-done .row{flex-wrap:wrap}.writing-main{padding:18px 12px}.writing-main>.row{gap:10px}#writer-wrapper{width:min(320px,calc(100vw - 80px));height:min(320px,calc(100vw - 80px))}.writing-main .button{font-size:14px;padding:10px 13px}.writing-info{padding:5px 3px}.writing-info>h2{font-size:38px}.stats-grid{gap:12px}.stats-grid article{padding:20px}.stats-grid b{font-size:32px}.stats-grid span{font-size:14px}.activity-card{padding:22px 17px}.activity-card h2{font-size:18px}.activity-chart{gap:6px;height:200px}.activity-day small{font-size:14px}.activity-day>span{font-size:14px}.activity-day{gap:8px}.due-panel{padding:25px 22px}.due-panel h2{font-size:21px}.due-panel p{font-size:14px}dialog{padding:24px}dialog h2{font-size:24px}.settings-form>label:not(.toggle){font-size:14px}.settings-form .toggle{font-size:14px}.settings-form select{max-width:190px}#toast{left:50%;bottom:20px;font-size:14px}.brand-sub,.daily-mini small,.import-label{font-size:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.grammar-card>p{font-size:16px;line-height:1.95}.example>p:last-child,.dialogue-line .translation{font-size:14px;line-height:1.9}.pinyin{font-size:16px}.word-meaning,.note-card p{font-size:14px}.lesson-title>p.muted{font-size:14px}.quiz-footnote{font-size:14px}.feedback{font-size:14px;line-height:1.9}.word-hint{font-size:14px;color:#717c65}.muted{color:#64745e}.source-note{color:#738269}.dialogue-line .pinyin{font-size:16px}.word-card .pinyin{font-size:14px}.writer-status{font-size:14px;color:#647457}.writing-tips p{font-size:14px;color:#6c7c5c}.pattern{color:#36592c}.curriculum-head p,.card-bottom,.overview-strip label,.study-tip p:not(.eyebrow){color:#69775e}.level-tab small{color:#68795f}.lesson-card .card-zh{color:#657957}.review-note{color:#738565}@media(max-width:650px){.grammar-card>p{font-size:16px}.dialogue-line .translation,.dialogue-line .pinyin,.word-card .pinyin,.word-meaning{font-size:14px}.lesson-title>p.muted{font-size:14px}.word-hint{font-size:14px}}:root{font-size:18px}body{font-size:18px;line-height:1.65}button,input,select{font-size:16px}.button{min-height:52px;font-size:16px;padding:12px 22px;font-weight:600}.icon-button{min-width:48px;min-height:48px}.text-button{min-height:44px;font-size:16px}.tag{font-size:14px}.eyebrow{font-size:14px;letter-spacing:1.1px}.small,small{font-size:14px}.sidebar{width:244px;padding-left:20px;padding-right:20px}.app-body{margin-left:244px}.nav-item{font-size:16px;gap:10px;padding:14px 10px}.side-label{font-size:13px}.sidebar .brand{font-size:28px;margin-bottom:30px}.brand-sub{font-size:14px}.daily-mini .row,.daily-mini b,.daily-mini small{font-size:13px}.topbar{font-size:16px;padding:0 32px}.top-label{font-size:12px}.top-status>span:first-child{font-size:14px}.date-pill{font-size:14px}.hero h2{font-size:34px}.hero p{font-size:18px;max-width:490px;color:#e3eddb}.hero .button{font-size:18px;min-height:52px}.hero .tag.light{font-size:12px}.hero-actions>span{font-size:14px}.hero-art{min-width:180px}.hero-actions{flex-wrap:wrap}.overview-strip label{font-size:14px;white-space:normal}.overview-strip b{font-size:28px}.overview-strip b small{font-size:15px}.level-tab b{font-size:22px}.level-tab small{font-size:15px}.level-label{font-size:11px}.curriculum-head h3{font-size:22px}.curriculum-head p{font-size:18px;max-width:650px}.curriculum-head>span{font-size:15px}.level-tabs{position:relative}.section-heading h2{font-size:28px}.page-heading .muted,.section-heading p.muted,.lesson-title>p.muted{font-size:18px}.source-note{font-size:14px;color:#5c705a}.study-tip h3{font-size:22px}.study-tip p:not(.eyebrow){font-size:16px;color:#5a6e52}.study-tip .eyebrow{font-size:13px}.study-tip .button{font-size:16px;min-height:48px}.study-tip{flex-wrap:wrap}.back-nate{font-size:14px}footer{font-size:14px;flex-wrap:wrap}footer>span,footer .text-button{font-size:14px}.lesson-breadcrumb,.lesson-breadcrumb .tag{font-size:15px}.lesson-tabs a{font-size:18px;min-height:56px}.grammar-card h3{font-size:23px}.grammar-card>p,.example>p:last-child,.dialogue-line .translation,.pinyin,.dialogue-line .pinyin{font-size:18px}.grammar-card .pattern{font-size:21px;line-height:1.9}.zh,.dialogue-line .zh{font-size:30px;line-height:1.8}.word-hanzi{font-size:38px}.word-card .pinyin,.word-meaning{font-size:18px}.word-hint{font-size:16px}.word-bottom .small{font-size:14px}.search-box input,select{font-size:16px;min-height:48px}.filter-bar>.button{font-size:16px}.note-card{font-size:18px}.note-card h3{font-size:22px}.note-card p,.note-card .button,.note-card dl>div{font-size:16px}.quiz-container h2{font-size:26px}.option{min-height:62px;font-size:22px}.option-letter{width:32px;height:32px;font-size:16px}.quiz-footnote{font-size:16px}.feedback{font-size:18px;line-height:1.9}.feedback b{font-size:20px}.toggle{font-size:18px;min-height:44px}.toggle input{width:20px;height:20px}.speed-label{font-size:16px}.speed-label select{font-size:16px;min-height:48px}.listening-player>p{font-size:18px}.listening-player>small{font-size:14px}.lesson-select-label,.transcript-header .button{font-size:16px}.transcript-hidden{font-size:18px}.word-card{min-width:0}.word-meaning{flex-grow:1}.sentence-tray>span{font-size:18px}.token{font-size:24px;min-height:54px;min-width:48px}.rating{min-height:76px}.rating b{font-size:18px}.rating small{font-size:14px}.flashcard .muted,.review-note{font-size:18px}.flashcard h2{font-size:27px}.flash-pinyin{font-size:23px!important}.writer-status{font-size:18px;min-height:54px}.writing-info>label,.writing-tips p,.writing-info>p:not(.pinyin){font-size:18px}.writing-info>p.small{font-size:14px}.writing-info .pinyin{font-size:24px}.writing-main .button{font-size:16px;min-height:50px}.writing-tips h3{font-size:22px}.writing-info select{font-size:16px}.char-tab{width:50px;height:50px;font-size:28px}.stats-grid span{font-size:16px}.activity-card .section-heading .small{display:block;font-size:14px}.activity-day>span,.activity-day small{font-size:14px}.progress-levels .row>span,.progress-levels p{font-size:16px}.due-panel p{font-size:18px}.lesson-foot,.lesson-foot .text-button{font-size:14px}dialog h2{font-size:28px}dialog>p,dialog ul{font-size:18px}.settings-form>label:not(.toggle),.settings-form .toggle{font-size:18px}.settings-form{gap:20px}.settings-form>label:not(.toggle){flex-wrap:wrap}.return-journey{margin-bottom:24px}.earned-stars{display:flex;gap:7px;color:#b6c2b1;justify-content:center}.earned-stars .icon{width:27px;height:27px;fill:#e3e8df;stroke-width:1.5}.earned-stars .earned{fill:#f9cc56;color:#bb872d}.course-path{list-style:none;margin:35px auto 0;padding:0;max-width:740px;position:relative}.course-path:before{content:"";position:absolute;left:85px;top:30px;bottom:70px;border-left:9px dotted #d2ddc9}.course-stop{position:relative;display:flex;align-items:center;gap:30px;padding:0 0 30px;transform:translate(var(--shift));width:calc(100% - 48px);margin-left:10px}.course-bubble{width:108px;height:100px;border-radius:50%;background:#eff4e6;border:5px solid #fff;box-shadow:0 7px #c4d3b8,0 0 0 2px #d6e0cb;color:#547242;font-size:32px;font-weight:700;flex-shrink:0;z-index:1;position:relative}.course-bubble:hover{background:#e3edcf;transform:translateY(-2px)}.course-bubble.done{background:#77a65a;color:#fff;box-shadow:0 7px #4c7840,0 0 0 2px #d6e0cb}.course-bubble.done .icon{width:40px;height:40px;stroke-width:3}.course-card{background:#fff;border:1px solid #dce5d3;border-radius:18px;padding:22px 26px;flex:1;min-width:0;box-shadow:0 4px #e6ecdf}.course-card h3{font-size:23px;line-height:1.5}.course-card>.eyebrow{font-size:13px;margin-bottom:7px}.course-card>p{font-family:Noto Sans SC,sans-serif;font-size:24px;color:#607b50;line-height:1.8;margin-top:9px}.course-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:15px;color:#77866a;margin:15px 0 4px}.course-meta .earned-stars .icon{width:21px;height:21px}.course-card .text-button{font-weight:600}.journey-map{max-width:820px;margin:auto}.journey-heading{text-align:center;display:flex;flex-direction:column;align-items:center}.journey-heading>.text-button{align-self:flex-start;margin-bottom:24px}.journey-heading h1{font-size:36px;margin:18px 0 12px;line-height:1.45}.journey-heading>p{font-size:18px;color:#647757;max-width:620px}.journey-heading>.journey-subtitle{font-family:Noto Sans SC,sans-serif;font-size:28px;color:#466536;margin-bottom:16px}.journey-overview{background:#e8f0dc;border:1px solid #d8e4c9;border-radius:20px;margin:30px 0 10px;padding:24px 28px;display:flex;justify-content:space-between;align-items:center;gap:20px}.journey-overview .eyebrow{margin-bottom:4px}.journey-overview strong{font-size:38px;color:#3f682f}.journey-overview small{font-size:18px;font-weight:400}.journey-overview-action{display:flex;align-items:flex-end;flex-direction:column;gap:9px}.journey-overview-action>span{font-size:14px;color:#697b55}.stage-path{list-style:none;padding:28px 0 12px;margin:0 auto;max-width:580px}.stage-stop{display:flex;align-items:center;flex-direction:column;text-align:center;position:relative;padding:24px 30px 56px;transform:translate(var(--shift));isolation:isolate}.stage-stop:before{content:"";position:absolute;width:12px;top:20px;bottom:-20px;left:calc(50% - 6px);background:radial-gradient(circle,#cdd9bf 4px,transparent 5px) center top/12px 22px;z-index:-1}.stage-stop:last-child:before{bottom:30px}.stage-callout{font-size:13px;letter-spacing:1px;font-weight:700;background:#f8f9f5;border:2px solid #dce5d1;border-radius:9px;padding:5px 13px;margin-bottom:20px;color:#839377;z-index:1}.stage-stop.current .stage-callout{background:#e9f5d7;color:#426b2a;border-color:#a9c58a}.stage-node{position:relative;width:110px;height:104px;border:7px solid #f8f9f5;border-radius:50%;background:#dfe7d5;box-shadow:0 9px #b7c7a7,0 0 0 2px #ccd9bf;color:#748d61;display:grid;place-items:center;margin-bottom:24px;transition:transform .15s}.stage-node .icon{width:40px;height:40px;stroke-width:2.2}.stage-node>span{position:absolute;right:-5px;bottom:-8px;width:31px;height:31px;border:3px solid #f8f9f5;border-radius:50%;font-size:14px;background:#66894e;color:#fff;display:grid;place-items:center}.stage-node:disabled{opacity:1;color:#a2af94;background:#e6ebdf;box-shadow:0 8px #d0dac4,0 0 0 2px #dfe6d5}.stage-node:disabled>span{background:#b4c3a4}.stage-stop.current .stage-node{background:#7fa94e;box-shadow:0 9px #517c31,0 0 0 5px #e0eccf;color:#fff}.stage-stop.done .stage-node{background:#eabe4d;color:#fff7d4;box-shadow:0 9px #c4922a,0 0 0 3px #f2e3b9}.stage-stop.blue.current .stage-node{background:#70a4af;box-shadow:0 9px #4d7f89,0 0 0 5px #deedf1}.stage-stop.violet.current .stage-node{background:#a18ebd;box-shadow:0 9px #7c6996,0 0 0 5px #ebe5f3}.stage-stop.clay.current .stage-node{background:#cf8c68;box-shadow:0 9px #ae6a4c,0 0 0 5px #f3e5d9}.stage-stop.gold.current .stage-node{background:#e5b83e;box-shadow:0 9px #be9026,0 0 0 5px #f4ecd2}.stage-node:hover:not(:disabled){transform:translateY(-3px)}.stage-stop h2{font-size:24px;background:#f8f9f5;padding:3px 10px;border-radius:9px;line-height:1.5;letter-spacing:-.4px}.stage-stop p{font-size:18px;color:#6b7c5e;background:#f8f9f5;padding:7px 8px;max-width:350px;line-height:1.7}.stage-meta{display:flex;gap:7px;align-items:center;background:#f8f9f5;font-size:14px;color:#849277;padding:6px 8px;flex-wrap:wrap;justify-content:center}.stage-meta .icon{width:16px;height:16px}.stage-stop>.button,.stage-stop>.text-button{margin-top:10px;z-index:1}.stage-stop>.text-button{background:#f8f9f5;padding:0 12px}.journey-end{text-align:center;padding:25px 20px 40px;border-top:2px dashed #d7e2cc}.journey-end>.icon{width:60px;height:60px;color:#bd953d;fill:#f5e8be;margin-bottom:20px}.journey-end h2{font-size:24px}.journey-end p{font-size:18px;color:#738468;margin:12px 0 18px}.journey-end .text-button{margin:5px 12px}.lesson-focus .sidebar{display:none}.focus-mode{margin-left:0}.focus-mode>.topbar{display:none}.focus-mode main{padding:24px 24px 40px;max-width:820px}.focus-mode footer{display:none}.lesson-runner{max-width:710px;margin:0 auto;min-height:85vh}.runner-top{display:flex;gap:18px;align-items:center;margin-bottom:30px}.runner-back{min-width:48px;height:48px;display:grid;place-items:center;border-radius:50%;color:#789064}.runner-back:hover{background:#eaf0e2}.runner-top>span{font-size:16px;font-weight:600;white-space:nowrap;color:#6b815b}.runner-progress{display:flex;gap:6px;flex:1}.runner-progress i{height:12px;flex:1;background:#e3e9dc;border-radius:8px}.runner-progress i.done{background:#91b665}.runner-progress i.current{background:#c2dba2;box-shadow:inset 0 0 0 2px #a6c883}.runner-heading{text-align:center;margin-bottom:27px}.runner-heading h1{font-size:32px;line-height:1.45;margin:15px 0 10px}.runner-heading>p{font-size:18px;color:#6d805e;line-height:1.8}.runner-heading .tag{font-size:14px}.step-card{border:2px solid #e0e8d6;background:#fff;border-radius:24px;padding:30px;box-shadow:0 5px #e8eedf;margin-bottom:24px}.step-count{text-align:center;font-size:15px;color:#7c8b6e;margin:0 0 12px;font-weight:500}.micro-progress{height:5px;background:#edf1e7;border-radius:4px;overflow:hidden;margin-bottom:26px}.micro-progress i{display:block;height:100%;background:#a3be80;border-radius:4px}.word-step{text-align:center;min-height:360px}.big-word{font-family:"Noto Serif SC",serif;font-size:clamp(55px,10vw,84px);line-height:1.55;margin:20px 0 10px;color:#325d3d;overflow-wrap:anywhere}.word-step>.icon-button{color:#3f7a47;background:#edf5e5;width:56px;height:56px;margin-bottom:18px}.word-step>.icon-button .icon{width:26px;height:26px}.large-pinyin{font-size:22px;color:#907b52;line-height:1.8;margin:5px 0 12px}.word-step h2{font-size:27px;line-height:1.6;margin:10px 0}.recall-prompt,.word-clue{font-size:18px;color:#758466;line-height:1.8;margin:20px 0}.word-clue{font-size:18px}.runner-footer{position:sticky;bottom:0;padding:16px 0 max(16px,env(safe-area-inset-bottom));background:linear-gradient(#f8f9f5e8,#f8f9f5 30%);z-index:6}.runner-footer>.button{font-size:18px;min-height:58px;border-radius:14px;box-shadow:0 5px #163b30;letter-spacing:.1px}.runner-footer>.button:disabled{box-shadow:0 5px #cbd3c3;background:#dce3d4;border-color:#dce3d4;color:#8c9b7d;opacity:1}.runner-footer>.button:active:not(:disabled){transform:translateY(4px);box-shadow:0 1px #163b30}.runner-map-link{display:flex;align-items:center;justify-content:center;gap:8px;padding:15px 0;min-height:48px;color:#6a7e59;font-size:16px}.runner-map-link .icon{width:18px}.grammar-step h2{font-size:26px}.grammar-step>.pattern{font-size:23px;line-height:1.8;padding:18px}.grammar-step>p:not(.step-count){font-size:19px;line-height:1.9}.journey-example{padding:22px 0 5px;border-top:1px solid #e5ebde;margin-top:25px}.journey-example .row{align-items:flex-start;justify-content:space-between}.journey-example .row>p{font-family:Noto Sans SC,sans-serif;font-size:30px;line-height:1.9;color:#3e673c}.journey-example>.large-pinyin{font-size:19px}.journey-example>p:last-child{font-size:19px}.listen-step{text-align:center}.listen-step>p:not(.step-count){font-size:18px;color:#6d7e5e}.listen-orb{width:92px;height:92px;border-radius:50%;display:grid;place-items:center;background:#eee8f5;color:#8e75ac;margin:12px auto 22px}.listen-orb .icon{width:43px;height:43px}.listen-step h2{font-size:27px}.journey-audio{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;margin:28px 0 20px}.journey-audio .button{font-size:18px;border-radius:12px}.journey-transcript{border:1px solid #e4e9db;border-radius:14px;padding:22px;background:#f8faf4;margin-top:20px;text-align:left}.journey-transcript>p[lang]{font-size:30px;font-family:Noto Sans SC,sans-serif}.journey-transcript>.large-pinyin{font-size:20px}.journey-transcript>p:last-child{font-size:18px;color:#697f59}.journey-options{display:flex;flex-direction:column;gap:14px;margin:24px 0}.journey-options .option{font-size:23px;border-width:2px;border-radius:14px;min-height:66px;box-shadow:0 3px #e7ecdf}.journey-options .option:disabled{opacity:.8}.journey-options .option.correct,.journey-options .option.incorrect{opacity:1}.step-help{font-size:18px;text-align:center;color:#7a8b69;margin:22px 0 4px}.journey-writing{text-align:center}.journey-writing>p:not(.step-count){font-size:18px;color:#728262}.journey-writing h2{font-size:29px}.journey-writing-board{position:relative;width:320px;height:320px;max-width:100%;margin:24px auto;background:#fcfbf4;border:2px solid #dce2cf;border-radius:8px;touch-action:none;overflow:hidden}#journey-writer{position:relative;z-index:1;touch-action:none}.writing-buttons{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.writing-buttons .button{border-radius:12px;min-height:52px;font-size:18px}#journey-write-status{min-height:60px;font-size:18px!important;line-height:1.8;margin-bottom:15px}.challenge-step h2{font-size:26px;line-height:1.8;margin:17px 0 25px}.challenge-step .token{font-size:26px;padding:11px 16px;border-radius:10px;border-width:2px}.challenge-step .sentence-tray{min-height:110px;border-radius:13px;border-width:2px}.challenge-step .feedback{margin-bottom:0}.challenge-result,.stage-success{text-align:center}.challenge-result>.icon{width:65px;height:65px;color:#b99031;fill:#f7e5ad;margin:20px auto}.challenge-result h2,.stage-success h2{font-size:30px;line-height:1.5}.challenge-result>p{font-size:19px;color:#738561;margin:20px 0}.challenge-result .earned-stars .icon{width:36px;height:36px}.challenge-corrections{text-align:left}.challenge-corrections details{border-top:1px solid #e4eada;padding:16px 0}.challenge-corrections summary{font-size:18px;cursor:pointer}.challenge-corrections p{font-size:18px;color:#6d805f;margin:12px 0}.journey-ratings{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:20px}.journey-ratings .rating{border-radius:13px;border-width:2px;box-shadow:0 3px #e8eddf;min-height:86px;padding:16px 10px}.journey-ratings .rating b{font-size:18px}.journey-ratings .rating small{font-size:15px}.stage-success{padding:42px 30px;overflow:hidden}.stage-success>p:not(.eyebrow){font-size:20px;color:#758661;line-height:1.9;max-width:490px;margin:20px auto}.celebration{position:relative;width:130px;height:130px;border-radius:50%;background:#eff5dc;color:#789e38;margin:10px auto 32px;display:grid;place-items:center}.celebration>.icon{width:70px;height:70px;stroke-width:2;fill:#d5e6a9}.celebration i{position:absolute;width:10px;height:24px;background:#f3c858;transform:rotate(20deg);border-radius:3px;animation:confetti-pop .6s ease-out both}.celebration i:nth-child(1){top:-8px;left:-14px;transform:rotate(-30deg)}.celebration i:nth-child(2){bottom:10px;left:-24px;background:#a0c3c8;transform:rotate(45deg)}.celebration i:nth-child(3){top:-6px;right:-22px;background:#d9a9a0;transform:rotate(35deg)}.celebration i:nth-child(4){bottom:-5px;right:-19px;background:#ae9bc7;transform:rotate(-25deg)}.success-progress{display:flex;align-items:center;gap:10px;justify-content:center;margin-top:26px}.success-progress>span{display:grid;place-items:center;background:#edf1e5;border-radius:50%;width:42px;height:42px;color:#bdcbb0}.success-progress>span.done{background:#dfebc5;color:#668638}.success-progress .icon{width:22px;height:22px}@keyframes confetti-pop{0%{opacity:0;translate:0 25px}to{opacity:1;translate:0 0}}.stage-success .earned-stars{margin:20px 0}.stage-success .earned-stars .icon{width:40px;height:40px}.return-journey{white-space:normal}@media(max-width:1150px){.sidebar{width:220px;padding-left:14px;padding-right:14px}.app-body{margin-left:220px}.focus-mode{margin-left:0}.hero-copy{max-width:490px}.hero-art{min-width:130px}.hero-actions>span{display:none}.top-label,.top-separator,.level-label{display:none}.course-stop{gap:24px}.course-card{padding:20px}.course-bubble{width:94px;height:88px}.course-path:before{left:65px}.reading-layout{grid-template-columns:1fr}.lesson-side{display:none}.overview-strip{grid-template-columns:repeat(2,1fr);padding:0}.overview-strip>div,.overview-strip>button{padding:20px;border-bottom:1px solid var(--line)}.overview-strip>:nth-child(2n){border-right:0}.overview-strip>:nth-child(n+3){border-bottom:0}}@media(max-width:760px){.sidebar{transform:translate(-100%);width:270px;padding:28px 22px}.app-body{margin-left:0}.mobile-menu{display:inline-grid}.menu-open .sidebar{transform:translate(0)}.topbar{padding:0 18px;height:66px}.top-label,.top-separator{display:none}main{padding:28px 22px 40px}.hero-art{position:absolute;right:0;opacity:.16;width:180px}.hero-copy{max-width:100%}.hero p{max-width:470px}.hero h2{font-size:32px}.hero .tag.light{font-size:12px}.hero .button{font-size:18px}.hero-actions{margin-top:25px}.hero{min-height:280px}.course-path{max-width:620px}.journey-heading h1{font-size:32px}.journey-map{max-width:650px}.journey-overview{padding:22px}.focus-mode main{padding:20px 20px 30px}.stage-stop{transform:translate(calc(var(--shift)*.7))}.level-tab b{font-size:22px}.level-tab small{font-size:14px;max-width:none}.level-tab{display:block}.level-number{display:none}.level-tabs{gap:12px}.nav-item{font-size:18px}.side-label,.daily-mini .row{font-size:13px}.stats-grid{grid-template-columns:repeat(2,1fr)}.word-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-tabs{gap:10px}.lesson-tabs a{font-size:16px}.lesson-tabs .icon{width:18px}.section-heading>.button{font-size:16px}.sidebar-bottom .settings{font-size:16px}.settings-form select{max-width:100%}}@media(max-width:480px){main{padding:24px 18px 35px}.page-heading h1{font-size:30px;letter-spacing:-.8px}.page-heading .muted{font-size:18px}.page-heading .eyebrow{font-size:12px}.topbar{font-size:16px}.top-status>span:first-child{font-size:13px}.hero{padding:25px 22px}.hero h2{font-size:31px;max-width:100%}.hero p{font-size:18px;max-width:100%}.hero-art{display:none}.hero .button{width:100%}.hero-actions{display:block}.overview-strip label{font-size:14px}.overview-strip b{font-size:26px}.overview-strip>div,.overview-strip>button{padding:18px 14px;gap:10px}.overview-strip>div>.icon,.overview-strip>button>.icon{width:21px;height:21px}.section-heading h2{font-size:27px}.level-tab{padding:14px 0 18px}.level-tab b{font-size:23px}.level-tab small{font-size:14px;line-height:1.6;margin-top:5px}.curriculum-head{display:block}.curriculum-head h3{font-size:23px}.curriculum-head p{font-size:18px;max-width:none}.curriculum-head>span{display:block;font-size:15px;margin-top:10px}.course-path{margin-top:25px}.course-stop{transform:none;gap:16px;width:100%;margin:0;padding-bottom:30px}.course-bubble{width:72px;height:68px;font-size:26px;border-width:4px;box-shadow:0 6px #c4d3b8,0 0 0 2px #d6e0cb}.course-path:before{left:30px;top:40px;bottom:70px;border-left-width:7px}.course-card{border-radius:16px;padding:19px 17px}.course-card h3{font-size:20px;line-height:1.55}.course-card>p{font-size:24px;line-height:1.8}.course-card .eyebrow{font-size:12px}.course-meta{flex-wrap:wrap;font-size:14px;margin:12px 0 0;gap:7px}.course-meta .earned-stars .icon{width:19px;height:19px}.course-card .text-button{font-size:16px}.study-tip{padding:24px;display:block}.study-tip .tip-character{display:none}.study-tip h3{font-size:23px}.study-tip p:not(.eyebrow){font-size:18px}.study-tip .eyebrow{font-size:12px}.study-tip .button{margin:20px 0 0;min-height:50px;width:100%;font-size:16px}.source-note{font-size:14px}.journey-heading h1{font-size:30px;line-height:1.5}.journey-heading>.journey-subtitle{font-size:27px}.journey-heading>p{font-size:18px}.journey-heading>.text-button{margin-bottom:18px;font-size:16px}.journey-overview{flex-direction:column;align-items:stretch;padding:22px;gap:16px}.journey-overview-action{align-items:stretch}.journey-overview strong{font-size:35px}.journey-overview-action>span{text-align:center;font-size:14px}.journey-overview .button{font-size:18px;width:100%}.stage-path{padding-top:20px;overflow:hidden;margin:0 -7px}.stage-stop{padding:22px 20px 46px;transform:translate(calc(var(--shift)*.45))}.stage-node{width:104px;height:98px}.stage-stop h2{font-size:25px;max-width:calc(100% - 30px)}.stage-stop p{font-size:18px;max-width:280px}.stage-meta{font-size:14px;max-width:290px}.stage-callout{font-size:12px}.journey-end{padding-left:6px;padding-right:6px}.journey-end h2{font-size:24px}.journey-end p{font-size:18px}.focus-mode main{padding:18px 16px 20px}.runner-top{gap:10px;margin-bottom:22px}.runner-top>span{font-size:15px}.runner-progress{gap:4px}.runner-progress i{height:11px}.runner-back{min-width:40px;height:48px}.runner-heading h1{font-size:29px;margin-top:15px;letter-spacing:-.6px}.runner-heading>p{font-size:18px}.runner-heading .tag{font-size:13px}.step-card{padding:23px 20px;border-radius:20px}.step-count{font-size:15px}.big-word{font-size:66px;margin-top:25px}.word-step h2{font-size:25px}.large-pinyin{font-size:23px}.word-step{min-height:340px}.recall-prompt,.word-clue{font-size:18px}.runner-footer{padding-top:14px}.runner-footer>.button{font-size:18px;min-height:58px;padding:14px 17px;line-height:1.65}.runner-map-link{font-size:16px}.grammar-step h2{font-size:24px}.grammar-step>.pattern{font-size:23px;padding:17px 15px}.grammar-step>p:not(.step-count){font-size:19px}.journey-example .row>p{font-size:29px}.journey-example>.large-pinyin{font-size:19px}.journey-example>p:last-child{font-size:19px}.journey-example .row{gap:8px}.journey-example .icon-button{flex-shrink:0}.journey-audio{flex-direction:column;gap:15px}.speed-label{flex-wrap:wrap;justify-content:center;font-size:16px}.speed-label select{font-size:16px;min-height:48px}.listen-step h2{font-size:26px}.journey-transcript{padding:17px}.journey-transcript>p[lang]{font-size:29px}.journey-transcript>p:last-child{font-size:18px}.journey-options .option{font-size:22px;line-height:1.7;padding:13px;gap:12px}.journey-options .option-letter{width:30px;height:30px;font-size:15px}.step-card>h2{font-size:25px;line-height:1.7}.step-help{font-size:18px}.journey-writing-board{width:min(320px,calc(100vw - 80px));height:min(320px,calc(100vw - 80px));margin-left:auto;margin-right:auto}.journey-writing{padding-left:16px;padding-right:16px}.journey-writing>p:not(.step-count){font-size:18px}.writing-buttons{gap:10px}.writing-buttons>.button{padding:11px 16px;font-size:16px}.challenge-step .token{font-size:26px;min-height:56px}.challenge-step h2{font-size:25px}.feedback{font-size:18px;padding:19px}.feedback b{font-size:20px}.feedback .zh{font-size:28px}.journey-ratings{gap:10px}.journey-ratings .rating{min-height:90px;padding:15px 8px}.journey-ratings .rating b{font-size:18px}.journey-ratings .rating small{font-size:14px}.stage-success{padding:32px 20px}.stage-success h2{font-size:28px}.stage-success>p:not(.eyebrow){font-size:19px}.success-progress{gap:7px}.success-progress>span{width:36px;height:36px}.success-progress .icon{width:19px;height:19px}.lesson-title h1{font-size:30px}.title-zh{font-size:27px}.lesson-title>p.muted{font-size:18px}.lesson-tabs{flex-wrap:wrap;gap:0}.lesson-tabs a{width:50%;font-size:18px;justify-content:center}.grammar-card{padding:23px 20px}.grammar-card h3{font-size:22px}.grammar-card>p,.example>p:last-child{font-size:18px}.grammar-card .pattern{font-size:21px}.dialogue{padding:18px 16px}.dialogue-line .zh{font-size:28px}.dialogue-line .pinyin,.dialogue-line .translation{font-size:18px}.dialogue-line>.speaker{width:28px;height:28px;font-size:14px}.dialogue-line .row{gap:7px}.dialogue-line .icon-button{min-width:44px;min-height:44px}.dialogue-line .icon{width:22px}.word-grid{grid-template-columns:1fr}.word-card{padding:24px}.word-hanzi{font-size:42px}.word-card .pinyin,.word-meaning{font-size:20px}.word-hint{font-size:18px}.word-bottom .small{font-size:15px}.word-bottom .icon-button,.word-card>.row>.icon-button{min-width:48px;min-height:48px}.word-bottom .icon,.word-card>.row>.icon-button>.icon{width:23px;height:23px}.filter-bar .search-box input{font-size:16px;min-height:40px}.filter-bar>.button,.results-line>.text-button{font-size:16px}.results-line{align-items:flex-start;flex-wrap:wrap}.quiz-container{padding:22px 18px}.quiz-container h2{font-size:25px}.option{font-size:22px;min-height:64px}.quiz-footnote{font-size:16px}.flashcard{padding:27px 20px}.flash-hanzi{font-size:70px}.flashcard .eyebrow{font-size:13px}.flashcard h2{font-size:25px}.flashcard>.muted,.review-note{font-size:18px}.rating b{font-size:18px}.rating small{font-size:14px}.writing-main .button{font-size:16px;min-height:52px}.writer-status{font-size:18px}.writing-info>label,.writing-info>p:not(.pinyin){font-size:18px}.writing-info>.pinyin{font-size:24px}.writing-info>p.small{font-size:14px}.stats-grid b{font-size:34px}.stats-grid span{font-size:16px}.stats-grid article{padding:20px 17px}.activity-chart{gap:5px}.activity-day>span,.activity-day small{font-size:12px}.due-panel h2{font-size:25px}.due-panel p{font-size:18px}.lesson-foot,.lesson-foot .text-button{font-size:14px}.toggle{font-size:16px}.dialogue-controls{flex-wrap:wrap;gap:12px}.listening-player h2{font-size:26px}.listening-player>p{font-size:18px}.player-actions>.button{font-size:16px;min-height:52px;padding:12px 16px}.listening-player>small{font-size:14px}.transcript-hidden{font-size:18px}dialog>p,dialog ul{font-size:18px}dialog .button{font-size:16px}.settings-form>label:not(.toggle),.settings-form .toggle{font-size:18px}footer{padding:20px 18px;font-size:14px}footer>span,footer .text-button{font-size:13px}.button.outline.return-journey{font-size:16px;width:100%}.source-note .icon{width:17px;height:17px}.lesson-breadcrumb{font-size:15px}.review-start{flex-direction:column}}@media(prefers-reduced-motion:reduce){.celebration i{animation:none}.stage-node,.course-bubble{transition:none}}.runner-heading>p,.recall-prompt,.word-clue,.step-help,.step-count,.stage-stop p,.stage-meta,.journey-heading>p,.journey-end p,.journey-map-link,.runner-map-link,.journey-transcript>p:last-child,.listen-step>p:not(.step-count),.journey-writing>p:not(.step-count),.challenge-result>p,.stage-success>p:not(.eyebrow){color:#596c4e}.runner-back{min-width:48px}.stage-callout{color:#617351}.text-button{min-height:48px}.runner-footer>.button{font-size:18px}.word-step .large-pinyin{color:#79633c}.journey-overview .eyebrow{display:block}.sidebar{overflow-y:auto;overscroll-behavior:contain}.sidebar>*{flex-shrink:0}.account-gate{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:35px 20px 40px;background:radial-gradient(ellipse at top,#e8f0dc,#f8f9f5 60%)}.account-brand{font-size:26px;font-weight:700;color:#204c43;display:flex;align-items:baseline;gap:10px;margin-bottom:30px}.account-brand span{font-size:16px;font-weight:400}.account-card{max-width:520px;width:100%;padding:32px;background:#fff;border:1px solid #dce5d3;border-radius:24px;box-shadow:0 5px #e7eddf}.account-mark{font-family:"Noto Serif SC",serif;width:68px;height:68px;display:grid;place-items:center;font-size:42px;background:#e8f0dc;color:#315f3f;border-radius:20px;margin-bottom:24px}.account-card .eyebrow{display:block;font-size:13px;color:#5a704e;margin-bottom:13px}.account-card h1{font-size:30px;line-height:1.4;letter-spacing:-.7px;margin-bottom:15px}.account-card>p{font-size:18px;color:#5f7057;line-height:1.8}.account-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:6px;background:#f0f4e9;border-radius:12px;margin:24px 0}.account-tabs button{min-height:50px;font-size:18px;border:0;border-radius:9px;background:transparent;color:#5e7351}.account-tabs button[aria-selected=true]{background:#fff;color:#204c43;box-shadow:0 2px 4px #244a3514;font-weight:650}#account-form{display:flex;flex-direction:column;gap:20px}#account-form>label{display:flex;flex-direction:column;gap:8px;font-size:18px;font-weight:550;color:#294e3d}#account-form input:not([type=checkbox]){width:100%;min-height:56px;border:1.5px solid #bccdb2;border-radius:11px;padding:14px;font:inherit;font-size:18px;background:#fcfdf9;color:#204c43}#account-form input:focus{outline:3px solid #b5cfa2;outline-offset:2px}.account-hint{font-size:15px;color:#64775a;line-height:1.7;margin-top:-12px}#account-form>.button{font-size:18px;min-height:58px;border-radius:12px;margin-top:4px}.account-note{font-size:15px!important;margin-top:18px;border-top:1px solid #e2e9da;padding-top:20px}.account-import{flex-direction:row!important;align-items:flex-start;gap:12px!important;font-size:16px!important}.account-import input{min-width:22px;min-height:22px;margin-top:4px}.account-error,.account-form-status:not(:empty){color:#943c31;background:#fff0eb;border:1px solid #edc8bf;border-radius:10px;padding:15px;font-size:18px;line-height:1.7}.account-error{margin-bottom:20px}.account-form-status:empty{display:none}.account-footer{font-size:16px;text-align:center;color:#617354;line-height:1.9;margin-top:30px}.account-identity{border-top:1px solid #dce4d2;padding-top:14px;margin-top:12px;display:flex;flex-direction:column;align-items:flex-start;color:#3e614b;font-size:15px}.account-identity b{display:block;font-size:19px;overflow-wrap:anywhere}.account-identity .text-button{font-size:16px}.account-sync{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:calc(96px + env(safe-area-inset-bottom));z-index:100;width:max-content;max-width:min(380px,calc(100vw - 32px));margin:0;padding:12px 18px;border:1px solid #cadbc5;border-radius:14px;background:#f5faef;color:#315740;box-shadow:0 6px 24px #18342624;font-size:16px;line-height:1.7;pointer-events:none;overflow-wrap:anywhere}.account-sync[hidden]{display:none}.account-conflict{padding:24px;background:#fff8e8;border:2px solid #e5ce9d;border-radius:18px;margin-bottom:26px}.account-conflict h2{font-size:24px}.account-conflict p{font-size:18px;margin:15px 0}.account-conflict .row{flex-wrap:wrap}.memory-question{font-size:20px;color:#385d43;margin:22px 0 15px}.memory-choices{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:20px 0 8px}.memory-choices>.button{min-height:64px;font-size:18px;padding:14px 10px;line-height:1.5;white-space:normal;border-radius:13px}.memory-saved{font-size:18px;line-height:1.8;color:#526b43;background:#f0f5e7;border-radius:12px;padding:16px;margin:18px 0}.memory-correction{font-size:16px;text-decoration:underline;color:#9c6046;padding:10px;min-height:48px}.memory-summary{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;background:#e9f1dd;border:1px solid #d5e2c5;padding:25px;border-radius:18px;margin:22px 0 30px}.memory-summary h2{font-size:27px}.memory-summary p{font-size:18px;color:#526944}.memory-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.memory-item{background:#fff;border:1px solid #dce5d1;border-radius:18px;padding:24px}.memory-item h2{font-family:Noto Sans SC,sans-serif;font-size:40px;color:#315c3c;margin-bottom:14px}.memory-item p{font-size:16px;color:#5d7451;margin-bottom:18px}.memory-item .button{font-size:18px}.memory-empty{padding:35px;background:#fff;border:1px solid #dce5d1;border-radius:18px;font-size:18px;line-height:1.9}.memory-empty h2{font-size:26px;margin-bottom:14px}.memory-empty .button{margin-top:22px}.memory-home{padding:20px 24px;border:1px solid #dce5d1;background:#fff;border-radius:16px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:30px;font-size:18px}.memory-home .text-button{font-size:18px;white-space:nowrap}@media(max-width:600px){.account-gate{padding:24px 16px 32px}.account-card{padding:26px 22px}.account-card h1{font-size:29px}.account-brand{margin-bottom:24px}.memory-list{grid-template-columns:1fr}.memory-summary>.button{width:100%}.memory-home{align-items:flex-start;flex-direction:column}.memory-choices{gap:10px}.memory-choices>.button{font-size:18px}}.word-details{width:100%;text-align:left;font-size:18px;line-height:1.85;color:#344c36;margin-top:26px;overflow-wrap:anywhere}.word-details h3{font-size:21px;margin:0 0 9px;color:#2f4d2e;letter-spacing:0}.word-details p{margin:0 0 12px;font-size:18px;line-height:1.85}.word-understanding{border-top:1px solid #dce5d3;padding-top:24px}.word-example{background:#f2f5e9;border:1px solid #dce5d3;border-radius:16px;padding:20px;margin:20px 0}.detail-label{font-size:13px;letter-spacing:1px;font-weight:700;color:#62704e;margin-bottom:10px}.example-speech{display:flex;align-items:flex-start;gap:12px}.example-speech>p{font-family:Noto Sans SC,sans-serif;font-size:30px;line-height:1.75;flex:1;min-width:0;color:#29492d}.example-speech .icon-button{flex:none}.word-details .pinyin{font-size:18px;color:#79633c;margin-bottom:9px}.word-details details{border-top:1px solid #dce5d3;padding:12px 0}.word-details summary,.word-details-fold>summary{cursor:pointer;min-height:48px;padding:9px 0;font-size:19px;font-weight:600;line-height:1.6;color:#36552e}.word-details summary>span{font-size:14px;font-weight:400;margin-left:8px;color:#617151}.word-details summary::marker{color:#71875b}.word-details .detail-caption{font-size:16px;color:#617151;margin:8px 0 18px}.character-memory-list{display:grid;gap:14px}.character-memory-list article{display:flex;align-items:flex-start;gap:16px}.character-memory-list article>div{min-width:0;flex:1}.character-memory-list p{margin:0;font-size:17px}.character-memory-list small{font-size:14px;color:#657758}.memory-character{font-family:Noto Sans SC,sans-serif;font-size:42px;line-height:1.3;min-width:60px;min-height:64px;padding:6px;text-align:center;border-radius:12px;border:1px solid #d6e0cb;background:#fff;color:#36552e;flex:none}.hanviet-memory>p:not(.detail-caption){border-left:3px solid #d4dfc4;padding-left:14px;margin:14px 0;font-size:18px}.hanviet-memory>p>span{font-size:27px;margin-right:8px;color:#36552e}.word-details-fold{border:1px solid #dce5d3;border-radius:15px;padding:6px 20px;background:#fafbf7}.word-details-fold .word-understanding{margin-top:9px}.word-detail-link{align-self:flex-start;margin-top:10px;gap:8px;text-align:left}.word-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.word-dialog-heading h2{font-family:Noto Sans SC,sans-serif;font-size:48px;line-height:1.4;overflow-wrap:anywhere}.word-dialog>.pinyin{font-size:23px}.word-dialog>.word-meaning{font-size:22px}.word-dialog-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px;padding-top:20px;border-top:1px solid #dce5d3}.library-controls{background:#f1f5e9;border:1px solid #dce5d3;padding:20px;border-radius:16px;margin-bottom:20px}.library-controls .filter-bar{margin:0;flex-wrap:wrap}.library-controls label{font-size:16px}.library-controls select{max-width:100%;min-width:0}.library-options{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:15px}.library-options .toggle{font-size:16px}.library-caption{font-size:16px;line-height:1.8;color:#5b6d50;margin-top:14px}.library-counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0}.library-counts>div{border:1px solid #dce5d3;border-radius:14px;padding:18px;background:#fff}.library-counts strong{display:block;font-size:27px;color:#36552e}.library-counts span{font-size:15px;color:#5f7053}.library-counts small{display:block;font-size:14px;margin-top:4px;color:#5f7053}.library-pagination{display:flex;gap:16px;align-items:center;justify-content:center;flex-wrap:wrap;margin:28px 0}.library-pagination span{font-size:16px}.word-source-tags{font-size:14px;color:#637651;line-height:1.7;margin-top:10px}.lesson-vocab-counts{font-size:16px;color:#5d6f51;line-height:1.8;padding:17px 20px;background:#edf3e2;border-radius:12px;margin-bottom:20px}.grammar-library-list{display:grid;gap:16px}.grammar-library-card{border:1px solid #dce5d3;border-radius:16px;background:#fff;padding:24px}.grammar-library-card h2{font-size:24px;line-height:1.55;margin:8px 0}.grammar-library-card .pattern{font-size:22px;padding:14px 18px;margin:15px 0;overflow-wrap:anywhere}.grammar-library-card>p{font-size:18px;line-height:1.9}.grammar-library-card .tag{font-size:13px}.grammar-detail{margin-top:20px;border-top:1px solid #dce5d3;padding-top:20px}.grammar-detail h3{font-size:21px;margin:20px 0 10px}.grammar-detail p,.grammar-detail li{font-size:18px;line-height:1.85}.grammar-detail ul{padding-left:22px}.grammar-error{padding:16px 18px;background:#f8f3e9;border:1px solid #e6ddc5;border-radius:12px;margin:14px 0}.grammar-error .wrong{color:#8b4a3e}.grammar-error .correct{color:#376537}.grammar-error [lang]{font-size:24px}.grammar-error small{font-size:16px;display:block;margin-top:10px}.grammar-practice{border:1px solid #d7e3c7;border-radius:14px;padding:20px;background:#f6f9f0;margin-top:24px}.grammar-practice .option{font-size:21px;min-height:54px;margin:8px 0;width:100%;text-align:left}.grammar-practice .feedback{font-size:17px}.grammar-practice>h3{margin-top:0}.grammar-source{font-size:14px!important;color:#69765d}.grammar-card-actions{display:flex;gap:16px;flex-wrap:wrap;align-items:center}.grammar-list-empty{padding:30px;background:#fff;border:1px solid #dce5d3;border-radius:16px}@media(max-width:600px){.word-details{margin-top:22px}.word-details p{font-size:18px}.word-example{padding:17px}.example-speech>p{font-size:28px}.example-speech{gap:8px}.word-details .pinyin{font-size:18px}.character-memory-list article{gap:12px}.memory-character{min-width:52px;min-height:56px;font-size:36px}.character-memory-list p{font-size:17px}.word-details-fold{padding:6px 16px}.word-dialog-heading h2{font-size:42px}.library-controls{padding:16px}.library-controls .filter-bar>*{width:100%}.library-counts{gap:8px}.library-counts>div{padding:15px 12px}.library-counts strong{font-size:25px}.library-counts span{font-size:14px}.library-counts small{font-size:13px}.grammar-library-card{padding:22px 18px}.grammar-library-card h2{font-size:23px}.grammar-practice{padding:17px}.grammar-library-card .pattern{font-size:21px;padding:14px}.word-dialog-actions .button{width:100%}}