@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/be-vietnam-pro-latin-400-normal.PpnXBOrz.woff2)format("woff2"),url(/_astro/be-vietnam-pro-latin-400-normal.bXgqVju9.woff)format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/be-vietnam-pro-vietnamese-400-normal.CRcqvyg1.woff2)format("woff2"),url(/_astro/be-vietnam-pro-vietnamese-400-normal.BuGn0gnm.woff)format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/be-vietnam-pro-latin-500-normal.B6LVzGNe.woff2)format("woff2"),url(/_astro/be-vietnam-pro-latin-500-normal.BJkVuMHw.woff)format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/be-vietnam-pro-vietnamese-500-normal.DREgrEoJ.woff2)format("woff2"),url(/_astro/be-vietnam-pro-vietnamese-500-normal.CfdwVo8-.woff)format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/be-vietnam-pro-latin-600-normal.BZDkUTrt.woff2)format("woff2"),url(/_astro/be-vietnam-pro-latin-600-normal.5IO4e7bK.woff)format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/be-vietnam-pro-vietnamese-600-normal.nyU-ZL2p.woff2)format("woff2"),url(/_astro/be-vietnam-pro-vietnamese-600-normal.DkpCIyan.woff)format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/be-vietnam-pro-latin-700-normal.DlW1Zbsh.woff2)format("woff2"),url(/_astro/be-vietnam-pro-latin-700-normal.C2EtzaOi.woff)format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/be-vietnam-pro-vietnamese-700-normal.Csr0PCuG.woff2)format("woff2"),url(/_astro/be-vietnam-pro-vietnamese-700-normal.By_5yT39.woff)format("woff")}@font-face{font-family:Lora;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/lora-latin-400-normal.DnxXpLNu.woff2)format("woff2"),url(/_astro/lora-latin-400-normal.DBJS-Hc6.woff)format("woff")}@font-face{font-family:Lora;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/lora-vietnamese-400-normal.BxA6xcFr.woff2)format("woff2"),url(/_astro/lora-vietnamese-400-normal.DlgyXXxo.woff)format("woff")}@font-face{font-family:Lora;font-style:italic;font-display:swap;font-weight:400;src:url(/_astro/lora-latin-400-italic.DYjZp4sZ.woff2)format("woff2"),url(/_astro/lora-latin-400-italic.wRLkZNVE.woff)format("woff")}@font-face{font-family:Lora;font-style:italic;font-display:swap;font-weight:400;src:url(/_astro/lora-vietnamese-400-italic.DFs7jfwN.woff2)format("woff2"),url(/_astro/lora-vietnamese-400-italic.DGRK7mLs.woff)format("woff")}:root{color:#2d342e;font-synthesis:none;--paper:#fbf9f4;--ink:#2d342e;--muted:#70766d;--brick:#aa4233;--line:#e5e4da;--green:#346953;--soft-green:#edf2e8;--serif:Georgia, "Times New Roman", serif;background:#fbf9f4;font-family:Be Vietnam Pro,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button,select,input{color:inherit}button{border:0}button:disabled{cursor:default}button,a,select{touch-action:manipulation}a,button{transition:background .18s,color .18s,border-color .18s,transform .18s}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-offset:4px;outline:3px solid #bc6846}[hidden]{display:none!important}svg{vertical-align:middle;flex-shrink:0}p,h1,h2,h3{margin:0}h1,h2,h3{line-height:1.3}h1{letter-spacing:-1.6px;font-size:clamp(32px,4vw,48px);font-weight:700}h2{letter-spacing:-.8px;font-size:28px;font-weight:600}h3{letter-spacing:-.3px;font-size:18px;font-weight:600}p{overflow-wrap:anywhere}.container{max-width:1216px;margin:auto;padding:0 40px}.narrow{max-width:860px}.site-header{border-bottom:1px solid var(--line);background:var(--paper)}.header-inner{justify-content:space-between;align-items:center;gap:24px;max-width:1360px;margin:auto;padding:22px 48px;display:flex}.brand{letter-spacing:-.6px;white-space:nowrap;align-items:center;gap:12px;font-size:21px;font-weight:700;display:inline-flex}.brand-mark{background:var(--brick);color:#fff8ee;border-radius:12px;place-items:center;width:45px;height:45px;font-family:Noto Serif SC,serif;font-size:29px;font-weight:500;display:grid}.brand small{letter-spacing:2px;color:var(--muted);margin-top:1px;font-size:9px;font-weight:500;display:block}.desktop-nav{gap:8px;display:flex}.desktop-nav a{color:#62685f;border-radius:7px;align-items:center;gap:8px;padding:10px 15px;font-size:14px;display:flex}.desktop-nav a.active{color:var(--brick);background:#f4eae2;font-weight:600}.desktop-nav a:hover{background:#f0efe7}.header-guide{color:var(--muted);align-items:center;gap:10px;font-size:13px;display:flex}.region-line{letter-spacing:1.6px;color:#6d7468;align-items:center;gap:12px;padding-top:28px;font-size:10px;font-weight:500;display:flex}.region-dot{background:#6e8b68;border-radius:50%;width:6px;height:6px}.region-divider{background:#c9cbbc;width:1px;height:12px}.home-intro{grid-template-columns:1.32fr 1fr;align-items:center;gap:64px;padding:45px 0 40px;display:grid}.eyebrow{letter-spacing:1.7px;color:var(--brick);font-size:10px;font-weight:600;line-height:1.8}.intro-copy h1{font-family:var(--serif);letter-spacing:-2px;margin:15px 0 20px;font-size:57px;font-weight:400;line-height:1.18}.intro-copy h1 em{color:var(--brick);font-weight:400}.intro-description{color:#707466;max-width:510px;font-size:15px;line-height:1.85}.search-form{background:#fff;border:1px solid #d8dace;border-radius:10px;align-items:center;gap:12px;padding:7px 7px 7px 18px;display:flex;box-shadow:0 4px 15px #25302303}.search-form>svg{color:#909384}.search-form input{outline-offset:0;background:0 0;border:0;flex:1;width:100%;min-width:0;padding:10px 0;font-size:14px}.home-search{margin-top:25px}.button{text-align:center;border-radius:7px;justify-content:center;align-items:center;gap:14px;min-height:46px;padding:12px 18px;font-size:13px;font-weight:600;line-height:1.5;display:inline-flex}.primary{background:var(--brick);color:#fff}.primary:hover{background:#913829}.dark{color:#fff;background:#344738}.dark:hover{background:#26372a}.secondary{color:var(--ink);border:1px solid var(--line);background:#eeeee4}.secondary:hover{background:#e4e5d8}.search-hints{color:var(--muted);flex-wrap:wrap;align-items:center;gap:9px;margin-top:13px;font-size:10px;display:flex}.search-hints a{border:1px solid var(--line);border-radius:5px;gap:10px;padding:3px 9px;font-size:10px;display:flex}.search-hints a:hover{border-color:#acb49e}.search-hints a span{color:#929787}.intro-feature{align-self:center;position:relative}.feature-heading{color:#747d6b;align-items:center;gap:10px;margin-bottom:14px;font-size:11px;display:flex}.little-line{background:#a5ad93;width:27px;height:1px}.phrase-card{border:1px solid var(--line);background:#fffefb;border-radius:12px;min-width:0;padding:25px 27px}.phrase-card.featured{background:#f0f2e8;border-color:#dce1cf;padding:22px 28px 16px;transform:rotate(-1deg);box-shadow:7px 8px #eaece0}.phrase-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.phrase-number{color:#848c78;letter-spacing:1.5px;font-size:10px;font-weight:500}.icon-button{color:#77806e;background:0 0;border-radius:6px;justify-content:center;align-items:center;gap:7px;min-width:44px;min-height:44px;padding:6px;font-size:11px;display:inline-flex}.icon-button:hover{background:#e9eddf}.save-button[aria-pressed=true]{color:var(--brick);background:#f6e8dd}.save-button[aria-pressed=true] svg{fill:#aa423318}.hanzi{color:#263a2c;overflow-wrap:anywhere;margin:12px 0 4px;font-family:Noto Serif SC,Microsoft YaHei,serif;font-size:31px;line-height:1.6}.featured .hanzi{margin-top:13px;font-size:36px}.pinyin{color:#70815a;font-size:16px;line-height:1.7}.boi{color:#646e5b;flex-wrap:wrap;align-items:baseline;gap:10px;margin-top:13px;font-size:14px;display:flex}.boi>span{text-transform:uppercase;letter-spacing:.7px;border:1px solid #d8dfcd;border-radius:4px;padding:1px 6px;font-size:9px}.boi strong{font-weight:500}.meaning{margin-top:13px;font-size:18px;font-weight:500}.usage-note{color:var(--muted);margin-top:7px;font-size:13px}.phrase-actions{border-top:1px solid var(--line);align-items:center;gap:13px;margin-top:21px;padding-top:14px;display:flex}.listen-button{color:#4b6146;background:#fffdf6;border:1px solid #dce0d1;border-radius:6px;align-items:center;gap:8px;min-height:44px;padding:8px 13px;font-size:12px;font-weight:500;display:flex}.listen-button:hover{background:#e3ebd8}.text-button{color:#777e6b;background:0 0;min-height:44px;padding:8px;font-size:12px}.text-button:hover{color:var(--brick)}.enlarge-button{margin-left:auto}.feature-caption{color:#8c927f;align-items:center;gap:7px;margin-top:21px;padding-left:12px;font-size:10px;display:flex}.caption-character{color:#b77a66;border:1px solid #caa38e;border-radius:4px;place-items:center;width:28px;height:28px;margin-left:auto;font-family:Noto Serif SC,serif;font-size:18px;display:grid;transform:rotate(7deg)}.start-strip{background:#f1f0e7;border:1px solid #e7e5d8;border-radius:10px;align-items:center;gap:18px;padding:22px 25px;display:flex}.start-icon{color:#617351;background:#e4e7d9;border-radius:9px;flex-shrink:0;place-items:center;width:49px;height:49px;display:grid}.start-strip h2{letter-spacing:0;font-size:16px;font-weight:600}.start-strip p{color:#7e8373;margin-top:4px;font-size:12px}.start-strip .button{flex-shrink:0;margin-left:auto}.topics-section{padding-top:51px}.section-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:25px;display:flex}.section-heading h2{margin-top:5px}.section-heading p:not(.eyebrow){color:var(--muted);margin-top:9px;font-size:13px}.inline-link{color:#646e59;align-items:center;gap:12px;min-height:44px;font-size:12px;font-weight:500;display:inline-flex}.inline-link:hover{color:var(--brick)}.topic-grid{grid-template-columns:repeat(4,1fr);gap:17px;display:grid}.topic-card{border:1px solid var(--line);background:#fffef9;border-radius:10px;flex-direction:column;min-width:0;padding:20px;display:flex}.topic-card:hover{background:#fff;border-color:#b5bc9f;transform:translateY(-3px)}.topic-card-top{justify-content:space-between;align-items:center;margin-bottom:19px;display:flex}.topic-symbol{color:#a07652;background:#f2eadf;border-radius:8px;flex-shrink:0;place-items:center;width:45px;height:45px;font-family:Noto Serif SC,serif;font-size:25px;display:inline-grid}.topic-card:nth-child(4n+2) .topic-symbol{color:#678453;background:#eaf0e6}.topic-card:nth-child(4n+3) .topic-symbol{color:#b57554;background:#f3e4dc}.topic-card:nth-child(4n) .topic-symbol{color:#65847e;background:#e8eded}.topic-count{color:#a0a18f;letter-spacing:1px;font-size:9px}.topic-card h3{letter-spacing:-.2px;font-size:16px;line-height:1.5}.topic-card>p{color:#848777;margin-top:8px;margin-bottom:20px;font-size:12px;line-height:1.8}.topic-card-bottom{color:#7b826f;border-top:1px solid #eeeee4;justify-content:space-between;align-items:center;margin-top:auto;padding-top:13px;font-size:10px;display:flex}.topic-card-bottom svg{width:16px}.method-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:center;gap:24px;margin:36px 0 48px;padding:24px 3px;display:flex}.method-character{color:#a5af8d;font-family:Noto Serif SC,serif;font-size:44px}.method-strip h2{letter-spacing:0;font-size:16px}.method-strip p{color:var(--muted);margin-top:5px;font-size:12px}.method-strip .inline-link{white-space:nowrap;margin-left:auto}.site-footer{border-top:1px solid var(--line);justify-content:space-between;gap:20px;max-width:1216px;margin:auto;padding:30px 40px 40px;display:flex}.footer-brand{font-size:16px}.footer-brand .brand-mark{border-radius:8px;width:31px;height:31px;font-size:21px}.site-footer p{color:#8a8f7e;margin-top:10px;font-size:11px}.footer-meta{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.footer-meta>span{letter-spacing:1.5px;color:#7b846d;font-size:9px}.footer-meta a{color:#787f6f;font-size:11px}.footer-meta small{color:#989c8e;font-size:10px}.mobile-nav{display:none}.page-content{min-height:65vh;padding-top:42px;padding-bottom:65px}.page-content>h1{margin-top:10px}.page-lead{color:var(--muted);max-width:730px;margin-top:18px;margin-bottom:30px;line-height:1.9}.progress-panel{background:var(--soft-green);border:1px solid #dce2d3;border-radius:10px;margin-bottom:40px;padding:25px}.progress-panel>div{justify-content:space-between;gap:20px;font-size:14px;display:flex}.progress-panel>div>span{color:var(--muted)}progress{width:100%;height:8px;color:var(--green);background:#d9dfcc;border:0;border-radius:8px;margin:12px 0;overflow:hidden}progress::-webkit-progress-bar{background:#d9dfcc}progress::-webkit-progress-value{background:var(--green)}progress::-moz-progress-bar{background:var(--green)}.progress-panel p{color:var(--muted);font-size:12px}.curriculum{grid-template-columns:1fr 1fr;gap:35px;display:grid}.curriculum-heading{align-items:center;gap:15px;margin-bottom:17px;display:flex}.curriculum-heading h2{font-size:22px}.curriculum-heading p:not(.eyebrow){color:var(--muted);margin-top:5px;font-size:12px}.lesson-list{flex-direction:column;gap:10px;margin:22px 0;display:flex}.lesson-row{border:1px solid var(--line);background:#fffefa;border-radius:9px;align-items:center;gap:18px;padding:18px;display:flex}.lesson-row:hover{background:#f5f7ee;border-color:#aab798}.lesson-row>svg{color:#8a967e;width:18px;margin-left:auto}.lesson-number{color:#a2a88e;font-size:14px}.lesson-row h3{font-size:15px;line-height:1.7}.lesson-row p{color:#8b907f;flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;font-size:11px;display:flex}.lesson-row.is-complete{border-color:#aac5ad}.lesson-row.is-complete .lesson-number,.lesson-status{color:var(--green)}.back-link{color:#787e6a;align-items:center;min-height:44px;margin-bottom:20px;font-size:13px;display:inline-flex}.back-link:hover{color:var(--brick)}.topic-symbol-large{width:64px;height:64px;margin:10px 0 25px;font-size:38px;display:flex}.muted{color:var(--muted);font-size:14px}.lesson-title{justify-content:space-between;gap:25px;display:flex}.lesson-title h1{margin-top:9px}.duration{color:#89907e;white-space:nowrap;align-self:flex-start;align-items:center;gap:8px;margin-top:30px;font-size:13px;display:flex}.lesson-anchors{border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-wrap:wrap;gap:30px;margin:8px 0 38px;display:flex}.lesson-anchors a{color:#7f846e;padding:16px 0;font-size:13px}.lesson-anchors a:hover{color:var(--brick)}section[id]{scroll-margin-top:25px}.phrase-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.dialogue-section{background:#eff2e7;border:1px solid #dce3d1;border-radius:12px;margin-top:50px;padding:34px}.dialogue-section h2,.quiz-section h2{margin:7px 0 20px}.dialogue-list{flex-direction:column;gap:23px;max-width:730px;margin:25px auto 0;display:flex}.dialogue-turn{align-self:flex-start;max-width:85%}.dialogue-turn.other{align-self:flex-end}.speaker{color:#8a937b;margin-bottom:6px;font-size:11px;display:block}.other .speaker{text-align:right}.dialogue-bubble{background:#fffefa;border:1px solid #dee3d3;border-radius:0 13px 13px;padding:20px 65px 20px 22px;position:relative}.other .dialogue-bubble{background:#e3ead8;border-color:#d3ddc5;border-radius:13px 0 13px 13px}.dialogue-bubble>p:first-child{font-family:Noto Serif SC,serif;font-size:25px}.dialogue-bubble .pinyin{font-size:14px}.dialogue-meaning{margin-top:6px;font-size:14px}.dialogue-bubble>button{position:absolute;top:17px;right:10px}.quiz-section{max-width:820px;margin:55px auto}.quiz-section fieldset{border:1px solid var(--line);background:#fffefa;border-radius:10px;margin:25px 0;padding:22px}.quiz-section legend{max-width:100%;padding:0 9px;font-size:16px;font-weight:500;line-height:1.8}.quiz-section legend span{color:#a3aa8e;margin-right:12px;font-size:12px}.quiz-options{grid-template-columns:1fr 1fr;gap:12px;display:grid}.quiz-options label{cursor:pointer;background:#fff;border:1px solid #e4e6dc;border-radius:7px;align-items:center;gap:10px;min-height:48px;padding:12px 14px;font-size:14px;display:flex}.quiz-options label:has(input:checked){background:#f8f0e4;border-color:#ab7f63}.quiz-options input{accent-color:var(--brick);flex-shrink:0;width:17px;height:17px}.quiz-options label.is-correct{background:#eaf3e8;border-color:#659675}.quiz-options label.is-wrong{background:#fbede5;border-color:#bc8174}.question-feedback{color:var(--green);margin-top:16px;font-size:14px}.quiz-buttons{gap:15px;margin-top:20px;display:flex}#quiz-message{background:#f0eee1;border:1px solid #e0ddc7;border-radius:8px;padding:20px;line-height:1.8}#quiz-message.passed{background:#e9f1e3;border-color:#c5d7bd}.next-lesson{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;padding-top:25px;display:flex}.full-search{max-width:780px}.filter-wrap{align-items:center;gap:15px;margin:22px 0;font-size:14px;display:flex}.filter-wrap select{border:1px solid var(--line);background:#fff;border-radius:7px;max-width:100%;min-height:44px;padding:10px 35px 10px 13px}#search-status{margin:20px 0}.empty-state{text-align:center;flex-direction:column;align-items:center;gap:20px;padding:60px 20px;display:flex}.empty-state>svg{color:#abb797}.guide-content{margin:30px 0}.guide-content section{border-bottom:1px solid var(--line);padding:25px 0}.guide-content h2{margin:8px 0 17px;font-size:23px}.guide-content p{color:#65705e;margin-bottom:15px;line-height:1.95}.notice{background:#f3eedf;border:1px solid #e6ddc6;border-radius:8px;margin:20px 0;padding:18px}.notice a{text-decoration:underline}.toast{color:#fff;z-index:100;background:#344738;border-radius:9px;max-width:calc(100% - 30px);padding:13px 22px;font-size:14px;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 5px 25px #0002}.storage-notice{z-index:50;background:#fff5dd;border:1px solid #d0bba2;border-radius:8px;max-width:350px;padding:13px;font-size:13px;position:fixed;bottom:85px;left:15px}.audio-bar{z-index:90;background:#fffefa;border:1px solid #d7deca;border-radius:10px;align-items:center;gap:12px;max-width:calc(100% - 32px);padding:12px 15px;font-size:12px;display:flex;position:fixed;bottom:22px;right:22px;box-shadow:0 8px 30px #27392115}.audio-bar button{background:#edeedf;border-radius:6px;flex-shrink:0;min-width:50px;min-height:44px;padding:8px}dialog{color:var(--ink);text-align:center;background:#fffdf6;border:1px solid #d3d8c9;border-radius:18px;width:800px;max-width:min(800px,100% - 28px);padding:55px 40px}dialog::backdrop{backdrop-filter:blur(3px);background:#1c291caa}.dialog-close{position:absolute;top:10px;right:10px}#large-hanzi{margin:25px 0;font-family:Noto Serif SC,serif;font-size:clamp(34px,8vw,76px);line-height:1.6}#large-meaning{font-size:24px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{background:var(--brick);color:#fff;z-index:1000;padding:10px 20px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:10px}@media (width>=1400px){.home-intro{gap:80px;padding-top:55px;padding-bottom:48px}.intro-copy h1{font-size:60px}}@media (width<=1050px){.header-inner{padding:20px 28px}.desktop-nav{gap:1px}.desktop-nav a{padding:9px 11px}.header-guide{display:none}.home-intro{gap:32px}.intro-copy h1{font-size:47px}.featured .hanzi{font-size:29px}.featured .phrase-actions{gap:5px}.topic-grid{grid-template-columns:repeat(2,1fr)}.topic-card h3{font-size:18px}.topic-card>p{font-size:14px}.topic-card-bottom{font-size:12px}.topic-count{font-size:10px}.start-strip .button{max-width:200px}.search-form .button svg{display:none}.curriculum{grid-template-columns:1fr}.intro-description{font-size:16px}}@media (width<=760px){.container{padding:0 22px}.header-inner{padding:16px 22px}.brand{font-size:19px}.brand-mark{width:40px;height:40px;font-size:26px}.desktop-nav{display:none}.header-guide{font-size:11px;display:flex}.region-line{letter-spacing:1px;gap:7px;padding-top:22px;font-size:8px}.region-line .region-divider{display:none}.region-line{flex-wrap:wrap}.home-intro{grid-template-columns:1fr;gap:35px;padding:32px 0}.intro-copy h1{letter-spacing:-1.8px;margin:13px 0 18px;font-size:49px}.eyebrow{letter-spacing:1.4px;font-size:9px}.intro-description{max-width:none;font-size:16px}.home-search{margin-top:23px}.search-form{gap:8px;padding-left:12px}.search-form input{font-size:14px}.search-form .button{padding:12px;font-size:12px}.search-hints{font-size:11px}.search-hints a{align-items:center;min-height:30px;font-size:11px}.intro-feature{padding:0 7px 0 1px}.featured .hanzi{font-size:37px}.featured .pinyin{font-size:18px}.feature-heading{font-size:12px}.feature-caption{font-size:11px}.start-strip{flex-wrap:wrap;gap:12px;padding:20px}.start-strip>div:nth-child(2){flex:1;min-width:190px}.start-strip h2{font-size:16px}.start-strip p{font-size:13px}.start-strip .button{width:100%;max-width:none;margin:5px 0 0}.topics-section{padding-top:36px}.section-heading{flex-wrap:wrap;align-items:flex-start;gap:12px;margin-bottom:19px}.section-heading h2{font-size:26px}.section-heading p:not(.eyebrow){font-size:14px}.inline-link{font-size:12px}.topic-grid{gap:12px}.topic-card{padding:17px 14px}.topic-symbol{width:40px;height:40px;font-size:25px}.topic-card-top{margin-bottom:13px}.topic-card h3{font-size:16px}.topic-card>p{font-size:13px;line-height:1.8}.topic-count{font-size:8px}.topic-card-bottom{gap:5px;font-size:10px}.method-strip{flex-wrap:wrap;gap:14px;margin:28px 0}.method-character{font-size:38px}.method-strip>div{flex:1;min-width:220px}.method-strip h2{font-size:16px;line-height:1.6}.method-strip p{font-size:13px}.method-strip .inline-link{margin-left:0}.site-footer{flex-direction:column;padding:25px 22px 100px}.footer-meta{align-items:flex-start}.footer-meta>span{font-size:10px}.footer-meta a,.site-footer p{font-size:12px}.footer-meta small{font-size:11px}.mobile-nav{padding:7px 12px calc(7px + env(safe-area-inset-bottom));z-index:80;background:#fffef8;border-top:1px solid #e3e4d8;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav a{color:#909681;border-radius:7px;flex-direction:column;align-items:center;gap:4px;min-width:65px;min-height:48px;padding:4px 9px;font-size:10px;display:flex}.mobile-nav a.active{color:var(--brick);background:#f3e9e0}.page-content{padding-top:26px;padding-bottom:40px}h1{letter-spacing:-1px;font-size:33px}.page-lead{margin-bottom:25px;font-size:16px}.phrase-grid{grid-template-columns:1fr;gap:15px}.phrase-card{padding:20px}.hanzi{font-size:31px}.boi{font-size:16px}.meaning{font-size:18px}.phrase-actions{gap:12px}.listen-button,.text-button{font-size:13px}.usage-note{font-size:14px}.save-text{font-size:12px}.curriculum-heading h2{font-size:21px}.curriculum-heading p:not(.eyebrow){font-size:13px}.lesson-row h3{font-size:16px}.lesson-row p{font-size:12px}.lesson-row{gap:12px;padding:17px 14px}.lesson-title{display:block}.duration{margin:0 0 20px}.lesson-anchors{justify-content:space-between;gap:18px}.lesson-anchors a{font-size:11px}.dialogue-section{padding:25px 16px}.dialogue-turn{max-width:95%}.dialogue-bubble{padding:18px 50px 18px 17px}.dialogue-bubble>p:first-child{font-size:23px}.dialogue-bubble .pinyin{font-size:14px}.dialogue-bubble>button{right:4px}.quiz-section fieldset{padding:16px}.quiz-options{grid-template-columns:1fr}.quiz-options label,.quiz-section legend{font-size:16px}.quiz-buttons{flex-wrap:wrap}.button{font-size:13px}.next-lesson{align-items:stretch}.next-lesson .button{max-width:65%}.audio-bar{bottom:82px;left:16px;right:16px}.toast{width:max-content;bottom:158px}.storage-notice{max-width:none;bottom:160px;left:16px;right:16px}.filter-wrap{flex-wrap:wrap}dialog{padding:50px 20px 30px}#large-meaning{font-size:20px}.guide-content h2{font-size:22px}}.intro-description,.topic-card>p,.start-strip p,.method-strip p,.section-heading p:not(.eyebrow),.curriculum-heading p:not(.eyebrow),.dialogue-meaning,.usage-note,.search-form input,.boi,.quiz-options label,.muted{font-size:16px}.topic-card-bottom,.topic-count,.phrase-number,.save-text,.listen-button,.text-button,.search-hints,.search-hints a,.feature-heading,.feature-caption,.inline-link,.button,.lesson-row p,.back-link,.footer-meta a,.site-footer p{font-size:14px}.topic-count{font-size:10px}.phrase-number,.boi>span{font-size:11px}.home-intro{gap:44px}.search-hints a{align-items:center;min-height:44px}.topic-card>p{line-height:1.75}.feature-heading{font-size:12px}.featured .phrase-actions{gap:5px}.featured .text-button{padding:8px 3px}.featured .save-text{font-size:12px}@media (width<=760px){.home-intro{gap:30px}.topic-grid{grid-template-columns:1fr 1fr}.topic-card>p{font-size:16px}.topic-card-bottom{font-size:12px}.topic-card h3{font-size:17px}.search-form .button{font-size:12px}.home-search input{font-size:14px}.search-hints,.search-hints a{font-size:12px}.start-strip .button{font-size:14px}.feature-caption{font-size:12px}.lesson-anchors{gap:12px}.lesson-anchors a{font-size:12px}}@media (width<=380px){.container{padding-left:18px;padding-right:18px}.intro-copy h1{font-size:43px}.topic-grid{grid-template-columns:1fr}.topic-card{padding:22px}.topic-card-top{margin-bottom:14px}.topic-card-bottom{font-size:14px}.header-guide{font-size:10px}.brand{font-size:17px}.header-inner{padding-left:18px;padding-right:18px}.featured .hanzi{font-size:32px}.featured{padding-left:20px!important;padding-right:20px!important}}:root{--serif:"Lora", Georgia, serif}.intro-copy h1{letter-spacing:-1.8px;font-size:clamp(40px,4.3vw,55px)}.back-link{color:#626957}.header-guide,.footer-meta a{min-height:44px}.footer-meta a{align-items:center;gap:8px;display:inline-flex}:root{--muted:#626957}.intro-description,.topic-card>p,.start-strip p,.method-strip p,.section-heading p:not(.eyebrow),.curriculum-heading p:not(.eyebrow),.site-footer p,.footer-meta small,.footer-meta a,.footer-meta>span,.feature-caption,.feature-heading,.phrase-number,.topic-count,.topic-card-bottom,.search-hints,.lesson-row p,.lesson-number,.duration,.speaker,.lesson-anchors a,.mobile-nav a,.header-guide,.brand small{color:#626957}.pinyin{color:#526744}.icon-button,.text-button{color:#596b4e}.boi{color:#566449}.search-form input::placeholder{color:#6a7162}.caption-character{color:#955841;border-color:#b47c66}.quiz-section legend span{color:#677352}.topic-symbol{color:#815a3a}.topic-card:nth-child(4n+2) .topic-symbol{color:#4c683b}.topic-card:nth-child(4n+3) .topic-symbol{color:#945439}.topic-card:nth-child(4n) .topic-symbol{color:#4c6c65}.method-character{color:#748357}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}