*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#17352f;background:#f4f1e8;--g: #123d35;--g2: #1d5d4e;--gold: #b68c3a;--cream: #f6f2e8;--muted: #6f7d78}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 78% 5%,#e4ddca 0,transparent 30%),linear-gradient(#f7f5ee,#f1eee5);min-height:100vh}button,input{font:inherit}.shell{min-height:100vh;display:grid;grid-template-columns:238px 1fr}aside{position:fixed;inset:0 auto 0 0;width:238px;background:linear-gradient(180deg,#0d352e,#123d35 58%,#0b302a);color:#fff;padding:24px 16px;display:flex;flex-direction:column;z-index:20}.brand{padding:3px 10px 22px;border-bottom:1px solid #ffffff1d}.brand b{display:block;color:#d4b36a;font:700 24px Georgia,serif;letter-spacing:.08em}.brand strong{display:block;font-size:13px;letter-spacing:.13em;margin-top:7px}.brand small{display:block;color:#adc8c0;margin-top:5px;font-size:10px;letter-spacing:.08em}nav{display:grid;gap:6px;margin-top:20px}nav button{border:0;background:transparent;color:#c9d9d4;padding:10px 12px;border-radius:12px;display:flex;align-items:center;gap:11px;text-align:left;cursor:pointer}nav button i{font-style:normal;width:24px;height:24px;display:grid;place-items:center;border:1px solid #ffffff22;border-radius:8px;font-family:Georgia,serif}nav button:hover,nav button.active{background:#ffffff12;color:#fff}nav button.active i{background:#d2b06a;color:#17352f;border-color:#d2b06a}.side-note{margin-top:auto;border:1px solid #ffffff1a;background:#ffffff0a;padding:14px;border-radius:15px}.side-note span{font-size:9px;color:#d6b96e;letter-spacing:.13em;font-weight:800}.side-note p{font-size:10px;line-height:1.5;color:#c7d7d2;margin:7px 0 0}main{grid-column:2}.top{height:64px;border-bottom:1px solid #d9ddd6;background:#fbfaf6cc;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);display:flex;align-items:center;padding:0 30px;position:sticky;top:0;z-index:10}.top .mini{display:none}.top div{display:grid}.top b{font-size:11px;letter-spacing:.06em}.top small{font-size:9px;color:var(--muted);margin-top:2px}.streak{margin-left:auto;border:1px solid #d8ddd6;background:#fff;padding:8px 11px;border-radius:999px;font-size:10px;font-weight:800}.content{max-width:1240px;margin:auto;padding:34px 34px 90px}.hero{background:linear-gradient(120deg,#0e3a31,#1a5949 72%,#286553);color:#fff;border-radius:24px;min-height:285px;padding:40px 44px;display:grid;grid-template-columns:1fr 210px;align-items:center;box-shadow:0 20px 55px #173f3520;overflow:hidden;position:relative}.hero:after{content:"";position:absolute;width:330px;height:330px;border:1px solid #ffffff12;border-radius:50%;right:-60px;top:-100px}.eyebrow,.page-head>span{display:inline-block;color:#d4b36a;font-size:10px;font-weight:800;letter-spacing:.15em}.hero h1,.page-head h1{font-family:Georgia,Times New Roman,serif}.hero h1{font-size:52px;line-height:1;margin:12px 0 14px}.hero p{max-width:690px;color:#d5e3df;line-height:1.7;font-size:14px}.actions{display:flex;gap:10px;margin-top:23px}.actions button,.pager button,.recall button,#restart{border:1px solid #d4ddd8;background:#fff;color:#17352f;border-radius:11px;padding:10px 14px;font-weight:800;font-size:11px;cursor:pointer}.actions .primary,.pager .primary,#restart.primary{background:#d0ad62;border-color:#d0ad62}.seal{z-index:2;justify-self:center;width:152px;height:152px;border:1px solid #ffffff2e;border-radius:50%;display:grid;place-items:center;align-content:center;background:#ffffff08;font:700 76px Georgia,serif;color:#ead59c}.seal small{font:700 9px Inter,sans-serif;color:#c9dad5;letter-spacing:.16em;margin-top:4px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0 34px}.stat{border:1px solid #dfe1da;background:#ffffffc9;border-radius:16px;padding:15px 16px;display:flex;align-items:center;gap:11px}.stat>span{width:34px;height:34px;border-radius:10px;background:#edf2ed;display:grid;place-items:center}.stat strong{display:block;font-size:20px;color:var(--g)}.stat small{display:block;color:var(--muted);font-size:9px;margin-top:2px}.page-head{margin:0 0 18px}.page-head h1{font-size:31px;margin:7px 0;color:#193c34}.page-head p{font-size:11px;color:var(--muted);margin:0;line-height:1.6}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:36px}.feature{min-height:190px;text-align:left;border:1px solid #dde0d9;background:#ffffffc7;color:inherit;border-radius:18px;padding:20px;cursor:pointer;transition:.2s}.feature:hover{transform:translateY(-3px);border-color:#b6c5bd}.feature i{font-style:normal;width:42px;height:42px;border-radius:13px;background:#173f36;color:#e2c27e;display:grid;place-items:center;font:700 21px Georgia,serif}.feature h3{font-size:14px;margin:16px 0 8px}.feature p{font-size:10px;line-height:1.6;color:var(--muted);min-height:48px}.feature b{font-size:10px;color:var(--g2)}.lesson-list{display:grid;gap:10px}.lesson{display:grid;grid-template-columns:42px 72px 1fr 40px;align-items:center;gap:14px;border:1px solid #dee0d9;background:#ffffffc8;border-radius:15px;padding:14px 16px}.lesson>b{width:38px;height:38px;border-radius:11px;background:#183f37;color:#dfbf77;display:grid;place-items:center;font-size:10px}.lesson>span{font:700 26px Georgia,serif;color:#245347}.lesson h3{font-size:13px;margin:3px 0}.lesson p{font-size:10px;color:var(--muted);margin:0;line-height:1.45}.lesson small{font-size:8px;color:#b18a3a;letter-spacing:.1em;font-weight:800}.speak{border:0;background:#eef2ee;color:#3c6257;width:34px;height:34px;border-radius:10px;cursor:pointer}.two{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(380px,1.1fr);gap:14px}.panel{border:1px solid #dde0d8;background:#ffffffce;border-radius:19px;padding:20px}.panel-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted);margin-bottom:10px}.flash{width:100%;min-height:355px;border:0;border-radius:18px;background:linear-gradient(140deg,#123c34,#1f5d4e);color:#fff;display:grid;place-items:center;align-content:center;padding:25px;cursor:pointer;position:relative}.flash b{display:block;font:700 78px Georgia,serif;letter-spacing:.04em}.flash small{display:block;color:#afc9c2;margin-top:8px}.flash em{position:absolute;bottom:22px;font-style:normal;font-size:10px;color:#adc5be}.answer{border-top:1px solid #ffffff22;margin-top:20px;padding-top:17px;text-align:center}.answer strong,.answer span{display:block;margin-bottom:6px}.answer p{font-size:11px;color:#d6e4df;margin:8px 0 0}.recall{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}.recall .danger{color:#8d4035;background:#fff2ef;border-color:#edc9c2}.recall .success{color:#236b49;background:#edf8f0;border-color:#c6e4d0}.search{height:44px;border:1px solid #d8ded7;background:#fafbf7;border-radius:12px;padding:0 12px;display:flex;align-items:center;gap:8px}.search input{width:100%;border:0;outline:0;background:transparent;font-size:11px}.word-list{display:grid;gap:7px;margin-top:12px;max-height:445px;overflow:auto}.word{border:1px solid #e0e3dc;background:#fff;color:inherit;border-radius:12px;padding:10px;display:grid;grid-template-columns:56px 1fr 24px;align-items:center;text-align:left;gap:9px;cursor:pointer}.word>b{font:700 24px Georgia,serif}.word strong{display:block;font-size:11px}.word small{display:block;color:var(--muted);font-size:9px;margin-top:3px;line-height:1.4}.word i{font-style:normal}.empty{border:1px dashed #cbd2cc;border-radius:12px;padding:24px;text-align:center;color:var(--muted);font-size:10px}.reading,.quiz,.result{max-width:830px;margin:auto}.read-count{font-size:9px;color:#b28a3a;font-weight:800;letter-spacing:.12em}.reading h2{font-family:Georgia,serif;font-size:25px;margin:8px 0 15px}.han-line{border-radius:17px;background:linear-gradient(130deg,#153f36,#246250);color:#fff;padding:25px;display:flex;align-items:center;justify-content:space-between;gap:15px}.han-line span{font:700 clamp(25px,4vw,42px) Georgia,serif;line-height:1.5}.speak.light{background:#ffffff17;color:#fff}.pinyin{font-size:12px;color:#6f7e79}details{background:#f4f2e9;padding:11px 13px;border-radius:11px;margin:13px 0 20px;font-size:11px}details summary{font-weight:800;cursor:pointer}details p{color:var(--muted);line-height:1.5}.reading h3{font-size:14px}.options{display:grid;gap:8px}.options button{border:1px solid #d9ded7;background:#fff;color:inherit;border-radius:12px;padding:11px 12px;text-align:left;display:flex;align-items:center;gap:10px;cursor:pointer}.options button span{min-width:26px;height:26px;border-radius:8px;background:#eef2ee;color:#1e5548;display:grid;place-items:center;font-size:10px;font-weight:800}.options .correct{border-color:#7eb593;background:#edf8f0}.options .wrong{border-color:#d49b90;background:#fbefed}.options .selected{background:#e5f0eb;border-color:#8aab9e}.feedback{margin-top:10px;padding:10px 12px;border-radius:10px;font-size:10px;font-weight:800}.feedback.good{background:#e9f6ed;color:#226a47}.feedback.bad{background:#faece9;color:#8d4036}.pager{display:flex;justify-content:space-between;margin-top:18px;gap:10px}.pager button:disabled{opacity:.4;cursor:not-allowed}.radicals{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}.radical{border:1px solid #dde1da;background:#ffffffd0;color:inherit;border-radius:16px;min-height:145px;padding:14px 8px;display:grid;place-items:center;cursor:pointer}.radical>b{font:700 39px Georgia,serif}.radical strong{font-size:10px;color:#1e5a4c}.radical small{font-size:9px;color:var(--muted)}.radical i{font-style:normal;font-size:11px}.note{margin-top:14px;border-left:3px solid #b68c3a;background:#f6f0df;padding:13px 15px;border-radius:8px 13px 13px 8px;color:#65716d;font-size:10px;line-height:1.6}.quiz-meta{display:flex;justify-content:space-between;font-size:9px;color:var(--muted)}.track,.master{height:7px;background:#e5e8e2;border-radius:999px;overflow:hidden;margin:12px 0 24px}.track i,.master i{display:block;height:100%;background:linear-gradient(90deg,#1d6655,#c59b48)}.quiz h2{font-family:Georgia,serif;font-size:26px;line-height:1.35;margin:0 0 18px}.score{width:145px;height:145px;border:12px solid #dfece6;border-radius:50%;display:grid;place-items:center;align-content:center;margin:0 auto 15px}.score b{font-size:50px;line-height:1;color:#17493e}.score span{color:var(--muted)}.result{text-align:center}.result h2{font:700 27px Georgia,serif;margin:8px}.result>p{font-size:11px;color:var(--muted)}.review{display:grid;gap:7px;margin-top:18px;text-align:left}.review>div{display:grid;grid-template-columns:30px 1fr 25px;gap:9px;align-items:center;border:1px solid #dde2dc;background:#fff;border-radius:11px;padding:9px}.review>div>b{width:26px;height:26px;border-radius:8px;background:#eff2ee;display:grid;place-items:center;font-size:9px}.review span{font-size:10px;font-weight:700}.review small{display:block;color:var(--muted);margin-top:3px;font-weight:400}.review i{font-style:normal}.review .ok i{color:#278157}.review .no i{color:#a84b3e}.progress>div:first-child{display:flex;justify-content:space-between;align-items:baseline}.progress h3{font-size:13px;margin:0}.progress b{font-size:26px;color:#1a5a4b}.progress .master{margin:13px 0 8px}.progress p{font-size:10px;color:var(--muted)}.history{display:grid;gap:8px}.history>div:not(.empty){display:grid;grid-template-columns:1fr 80px 180px;gap:10px;align-items:center;border:1px solid #dde1da;background:#ffffffce;border-radius:11px;padding:11px 13px;font-size:10px}.history b{font-size:14px;color:#1b5b4d}.history small{color:var(--muted);text-align:right}.bottom{display:none}@media(max-width:1050px){.features,.stats{grid-template-columns:repeat(2,1fr)}.radicals{grid-template-columns:repeat(4,1fr)}}@media(max-width:780px){.shell{display:block}.shell aside{display:none}main{display:block}.top{height:58px;padding:0 13px}.top .mini{display:grid;width:34px;height:34px;border:0;border-radius:10px;background:#173f36;color:#dfbf77;place-items:center;margin-right:9px;font:700 18px Georgia,serif}.top .streak{font-size:9px;padding:7px 9px}.content{padding:20px 13px 82px}.hero{grid-template-columns:1fr;padding:28px 22px;min-height:0}.hero h1{font-size:40px}.seal{display:none}.two{grid-template-columns:1fr}.features{grid-template-columns:1fr 1fr}.radicals{grid-template-columns:repeat(3,1fr)}.lesson{grid-template-columns:35px 60px 1fr}.lesson .speak{grid-column:1/-1;justify-self:end}.bottom{display:grid;position:fixed;z-index:30;bottom:0;left:0;right:0;height:65px;background:#ffffffef;border-top:1px solid #dfe2dc;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);grid-template-columns:repeat(5,1fr)}.bottom button{border:0;background:transparent;color:#7a8883;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.bottom button i{font-style:normal;font:700 17px Georgia,serif}.bottom button small{font-size:8px}.bottom button.active{color:#145044;font-weight:800}}.source-shortcut{margin-left:auto;border:1px solid #d8ddd6;background:#fff;color:#31584e;border-radius:999px;padding:7px 11px;font-size:9px;font-weight:800;cursor:pointer}.streak{margin-left:8px}.course-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.course-card{display:grid;grid-template-columns:46px 1fr 36px;gap:12px;align-items:center;border:1px solid #dde1da;background:#ffffffce;border-radius:15px;padding:14px}.course-card>b{width:40px;height:40px;border-radius:11px;background:#153f36;color:#dfbd70;display:grid;place-items:center;font-size:10px}.course-card span{font:700 21px Georgia,serif;color:#205348}.course-card h3{font-size:12px;margin:4px 0}.course-card p{font-size:9px;color:var(--muted);line-height:1.5;margin:0}.course-card button{border:0;background:#eef2ee;border-radius:10px;width:34px;height:34px;cursor:pointer}.subsection{margin-top:34px}.toc{display:grid;gap:7px}.toc>div{display:grid;grid-template-columns:88px 150px 1fr 90px;gap:12px;align-items:center;border:1px solid #e0e3dc;background:#ffffffc9;border-radius:11px;padding:10px 12px}.toc span,.toc small{font-size:9px;color:var(--muted)}.toc b{font:700 17px Georgia,serif;color:#245347}.toc strong{font-size:10px}.grammar-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.compact h3{font-size:13px;margin:0 0 10px}.compact ul{margin:0;padding-left:18px}.compact li{font-size:9px;color:var(--muted);line-height:1.6;margin:5px 0}.phrase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.phrase{border:1px solid #dce1da;background:#ffffffcf;color:inherit;border-radius:13px;padding:12px;text-align:left;display:grid;grid-template-columns:1fr 25px;gap:3px;cursor:pointer}.phrase b{font:700 20px Georgia,serif;grid-column:1}.phrase span{font-size:9px;color:#1e5a4c;grid-column:1}.phrase small{font-size:9px;color:var(--muted);grid-column:1}.phrase i{font-style:normal;grid-column:2;grid-row:1/4;align-self:center}.clinical-groups{display:grid;gap:12px}.clinical-group{padding:16px}.group-head{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;margin-bottom:10px}.group-head>span{width:38px;height:38px;border-radius:11px;background:#153f36;color:#dfbd70;display:grid;place-items:center;font-size:9px}.group-head h2{font:700 20px Georgia,serif;margin:0}.group-head small{font-size:9px;color:var(--muted)}.clinical-list{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.clinical-line{border:1px solid #e0e3dc;background:#fff;color:inherit;border-radius:11px;padding:11px;text-align:left;display:grid;grid-template-columns:1fr 24px;cursor:pointer}.clinical-line b{font:700 16px Georgia,serif;line-height:1.45}.clinical-line span{font-size:9px;color:#1c5b4b;margin-top:5px}.clinical-line small{font-size:9px;color:var(--muted);margin-top:4px;line-height:1.5}.clinical-line i{font-style:normal;grid-column:2;grid-row:1/4;align-self:center}.filter-row{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.filter-row span{font-size:9px;color:var(--muted)}.filter-row button{border:0;background:transparent;color:#1f5b4d;font-size:9px;font-weight:800;cursor:pointer}.source-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.source-card{border:1px solid #dce0d9;background:#ffffffcf;border-radius:16px;padding:17px}.source-card>span{font-size:8px;color:#b18a3a;font-weight:800;letter-spacing:.1em}.source-card h3{font-size:13px;line-height:1.4;margin:8px 0}.source-card p{font-size:9px;color:var(--muted);line-height:1.6;min-height:44px}.source-card button{border:1px solid #ced8d2;background:#173f36;color:#fff;border-radius:10px;padding:8px 11px;font-size:9px;font-weight:800;cursor:pointer}.source-view{margin-top:14px}.viewer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:12px}.viewer-head span{font-size:8px;color:#b18a3a;font-weight:800;letter-spacing:.12em}.viewer-head h2{font-size:14px;margin:4px 0}.viewer-head a{font-size:9px;color:#1b5a4b;text-decoration:none;font-weight:800}.source-view object{width:100%;height:72vh;border:1px solid #dde1da;border-radius:12px;background:#f7f6f1}.actions.inline{margin-top:12px}.actions.inline button{color:#17352f}.actions.inline .primary{background:#d0ad62}.features{grid-template-columns:repeat(3,1fr)}@media(max-width:1050px){.features{grid-template-columns:repeat(2,1fr)}.course-grid,.clinical-list,.source-grid{grid-template-columns:1fr}.phrase-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:780px){.course-grid,.grammar-grid,.phrase-grid{grid-template-columns:1fr}.toc>div{grid-template-columns:70px 100px 1fr}.toc small{grid-column:2/4}.source-shortcut{display:none}.clinical-line b{font-size:15px}.source-view object{height:62vh}}@media(max-width:500px){.features{grid-template-columns:1fr}.toc>div{grid-template-columns:60px 1fr}.toc b{font-size:15px}.toc strong,.toc small{grid-column:2}.group-head{grid-template-columns:36px 1fr}.group-head small{grid-column:2}.clinical-list,.source-grid{grid-template-columns:1fr}}@media(max-width:500px){.stats{gap:7px}.stat{padding:12px}.features{grid-template-columns:1fr}.radicals{gap:6px}.radical{min-height:120px}.radical>b{font-size:34px}.lesson{grid-template-columns:32px 48px 1fr;padding:11px;gap:8px}.lesson>span{font-size:22px}.panel{padding:15px;border-radius:16px}.flash{min-height:285px}.flash b{font-size:62px}.history>div:not(.empty){grid-template-columns:1fr 55px}.history small{grid-column:1/-1;text-align:left}}.source-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:0 0 34px}.source-summary button{border:1px solid #dce0d9;background:#fffc;color:inherit;border-radius:15px;padding:15px;text-align:left;cursor:pointer}.source-summary b,.source-summary span,.source-summary i{display:block}.source-summary b{font-size:12px}.source-summary span{font-size:9px;color:var(--muted);line-height:1.45;margin:6px 0}.source-summary i{font-style:normal;font-size:9px;color:#1c6252;font-weight:800}.source-summary.compact{margin-bottom:14px}.source-summary .picked{border-color:#7ca999;background:#eef5f1}.curriculum{margin-top:16px}.curriculum h3{font-size:13px;margin-top:0}.curriculum>div{display:grid;grid-template-columns:32px 1fr 75px;gap:10px;align-items:center;border-top:1px solid #e5e7e2;padding:9px 0}.curriculum>div>b{color:#b18737}.curriculum>div span{font-size:10px}.curriculum>div span strong{display:block;font:700 19px Georgia,serif;color:#245347}.curriculum>div small{text-align:right;color:var(--muted);font-size:8px}.wide{max-width:700px}.radical-count,.library-count{font-size:9px;color:var(--muted);margin:9px 0 13px}.radicals.all{grid-template-columns:repeat(5,1fr)}.radicals.all .radical{position:relative;min-height:170px}.radical em{position:absolute;top:8px;left:9px;font-style:normal;font-size:8px;color:#9aa69f}.radicals.all .radical strong{font-size:9px;text-align:center}.radicals.all .radical small{line-height:1.35;padding:0 5px}.library-tools{display:grid;grid-template-columns:280px 1fr;gap:10px;margin-bottom:12px}.library-tools select{border:1px solid #d8ded7;background:#fff;border-radius:12px;padding:0 12px;height:44px;color:inherit}.page-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.source-page{border:1px solid #dde1da;background:#ffffffd5;border-radius:14px;overflow:hidden}.source-page header{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;background:#f2f4ef;border-bottom:1px solid #e0e4dd}.source-page header b{font-size:9px}.source-page header span{font-size:8px;color:#a37e34;font-weight:800;white-space:nowrap}.source-page pre{white-space:pre-wrap;word-break:break-word;font:10px/1.6 Inter,system-ui,sans-serif;color:#3f514c;margin:0;padding:13px;max-height:430px;overflow:auto}.note{white-space:normal}@media(max-width:1050px){.radicals.all{grid-template-columns:repeat(4,1fr)}}@media(max-width:780px){.source-summary,.page-grid,.library-tools{grid-template-columns:1fr}.radicals.all{grid-template-columns:repeat(3,1fr)}}@media(max-width:500px){.radicals.all{grid-template-columns:repeat(2,1fr)}.source-page pre{font-size:9px;max-height:360px}}.memory-road{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 34px}.memory-road button{border:1px solid #dde1da;background:#ffffffd3;border-radius:16px;padding:18px;text-align:left;color:inherit;cursor:pointer}.memory-road b{font-size:9px;color:#a27d32}.memory-road i{display:block;font:700 34px Georgia,serif;color:#194c41;margin:8px 0}.memory-road strong,.memory-road span{display:block}.memory-road strong{font-size:11px}.memory-road span{font-size:9px;color:var(--muted);line-height:1.5;margin-top:5px}.phase-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.phase-tabs button{position:relative;border:1px solid #dce1da;background:#fff;border-radius:13px;padding:10px 12px;display:grid;grid-template-columns:34px 1fr 26px;align-items:center;text-align:left;color:inherit;cursor:pointer}.phase-tabs button.active{border-color:#6e9e8e;background:#edf5f1}.phase-tabs button.done{box-shadow:inset 0 3px #2f7c62}.phase-tabs i{font:700 22px Georgia,serif;font-style:normal;color:#1a5548}.phase-tabs span{font-size:10px;font-weight:800}.phase-tabs small{width:23px;height:23px;border-radius:50%;background:#eef1ed;display:grid;place-items:center;font-size:8px}.phase-tabs .done small{background:#def2e6;color:#1d704c}.vocab-layout{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(380px,1.1fr);gap:14px}.memory-panel{min-height:570px}.memory-panel .panel-top button{border:0;background:transparent;color:#1d604f;font-size:9px;font-weight:800;cursor:pointer}.look-card,.recognition-card,.understand-card,.remember-card{min-height:470px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.look-card>b,.big-hanzi{font:700 clamp(76px,10vw,128px) Georgia,serif;color:#174a3e;line-height:1}.look-card p{font-size:10px;color:var(--muted);margin:18px 0}.look-card .speak{width:auto;padding:8px 12px;margin-top:20px}.memory-panel .primary{border:0;background:#cda85d;color:#17352f;border-radius:11px;padding:11px 15px;font-weight:800;font-size:10px;cursor:pointer}.recognition-card h3,.understand-card h3{font-size:13px;margin:20px 0 10px}.memory-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}.memory-options button{border:1px solid #dce0d9;background:#fff;border-radius:12px;padding:12px;text-align:left;color:inherit;font-size:10px;line-height:1.45;cursor:pointer}.meaning-box{background:#f2f0e7;border-radius:12px;padding:12px 15px;font-size:11px;line-height:1.55;margin-top:12px;max-width:520px}.remember-card .memory-kicker{font-size:9px;color:#ad8432;font-weight:800;letter-spacing:.12em}.remember-card h2{font:700 28px Georgia,serif;margin:10px 0 5px}.remember-card>p{font-size:11px;color:var(--muted);max-width:500px}.recall-blank{border:1px dashed #bfcac3;background:#f8f8f3;border-radius:14px;padding:30px;margin:24px 0 14px;width:100%;font-size:10px;color:#6c7a75}.recall-answer{display:grid;place-items:center;margin:24px 0}.recall-answer b{font:700 84px Georgia,serif;color:#16493e}.recall-answer strong{font-size:13px}.recall-answer small{font-size:9px;color:var(--muted);margin-top:5px}.word-filter{display:flex;justify-content:space-between;align-items:center;margin-top:10px;gap:8px}.word-filter button{border:1px solid #d8ded7;background:#f5f7f3;border-radius:9px;padding:7px 9px;font-size:8px;font-weight:800;color:#29594d;cursor:pointer}.word-filter span{font-size:8px;color:var(--muted)}.answer-tabs{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin-bottom:12px}.answer-tabs button{border:1px solid #dce0d9;background:#fff;border-radius:12px;padding:9px 6px;color:inherit;cursor:pointer}.answer-tabs button.active{background:#173f36;color:#fff;border-color:#173f36}.answer-tabs b,.answer-tabs span,.answer-tabs small{display:block}.answer-tabs b{font-size:9px}.answer-tabs span{font:700 16px Georgia,serif;margin:3px 0}.answer-tabs small{font-size:7px;line-height:1.3}.answer-head{margin-bottom:11px}.answer-head>span{font-size:8px;color:#a07b32;font-weight:800}.answer-head h2{font:700 26px Georgia,serif;margin:6px 0}.answer-head p{font-size:9px;color:var(--muted);line-height:1.6}.answer-head>b{font-size:9px;color:#1e6b52}.answer-pages{display:grid;gap:8px}.answer-pages details{background:#ffffffd8;border:1px solid #dde1da;border-radius:13px;margin:0;padding:0}.answer-pages summary{padding:12px 14px;font-size:10px;font-weight:800}.answer-pages pre{white-space:pre-wrap;word-break:break-word;font:10px/1.65 Inter,system-ui,sans-serif;color:#40524d;padding:0 14px 14px;margin:0}.reference-list{display:grid;gap:7px}.reference-list>div{display:grid;grid-template-columns:30px 1fr;gap:8px;border:1px solid #dde1da;background:#ffffffce;border-radius:11px;padding:10px;font-size:9px;line-height:1.5}.reference-list b{width:25px;height:25px;border-radius:8px;background:#eef2ee;display:grid;place-items:center}@media(max-width:1050px){.memory-road{grid-template-columns:repeat(2,1fr)}.answer-tabs{grid-template-columns:repeat(4,1fr)}}@media(max-width:780px){.vocab-layout{grid-template-columns:1fr}.memory-panel{min-height:0}.memory-options{grid-template-columns:1fr}.phase-tabs{grid-template-columns:1fr 1fr}.answer-tabs{grid-template-columns:repeat(3,1fr)}}@media(max-width:500px){.memory-road,.phase-tabs{grid-template-columns:1fr 1fr}.phase-tabs button{grid-template-columns:30px 1fr 23px;padding:8px}.answer-tabs{grid-template-columns:repeat(2,1fr)}.look-card,.recognition-card,.understand-card,.remember-card{min-height:390px}.recall-answer b{font-size:68px}}.srs-strip{display:grid;grid-template-columns:150px 190px 1fr;gap:9px;align-items:stretch;margin-bottom:12px}.srs-strip>div,.srs-strip>button{border:1px solid #dce1da;background:#fff;border-radius:13px;padding:10px 12px}.srs-strip>div b,.srs-strip>div span{display:block}.srs-strip>div b{font:700 20px Georgia,serif;color:#1d5b4c}.srs-strip>div span{font-size:8px;color:var(--muted);margin-top:2px}.srs-strip>button{background:#183f36;color:#fff;font-size:9px;font-weight:800;cursor:pointer}.srs-strip>button:disabled{opacity:.45;cursor:default}.review-card,.review-feedback,.review-empty{max-width:760px;margin:auto;text-align:center}.review-meta{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:28px}.review-meta span{font-size:8px;background:#eef3ef;border-radius:999px;padding:6px 9px;color:#456158}.review-hanzi{display:block;font:700 clamp(84px,14vw,136px) Georgia,serif;color:#174a3e;line-height:1.05;margin:14px 0}.review-options{margin:28px auto 12px;max-width:620px}.review-exit,#exitReview{border:0;background:transparent;color:#55706a;font-size:9px;font-weight:800;margin-top:16px;cursor:pointer}.review-feedback>span{font-size:9px;font-weight:900;letter-spacing:.1em}.review-feedback>b{display:block;font:700 92px Georgia,serif;color:#174a3e;margin:12px}.review-feedback h2{font-size:18px;margin:4px}.review-feedback p,.review-feedback small{display:block;font-size:10px;color:#5e6d69;line-height:1.55}.good-card{box-shadow:inset 0 4px #40936e}.bad-card{box-shadow:inset 0 4px #b55b57}.review-empty>b{display:block;font-size:44px;color:#267052}.review-empty h2{font-size:18px}.review-empty p{font-size:10px;color:var(--muted)}.quiz-modes{display:flex;gap:8px;margin-bottom:10px}.quiz-modes button{border:1px solid #d9ded8;background:#fff;border-radius:10px;padding:9px 12px;font-size:9px;font-weight:800;color:#38574f;cursor:pointer}.quiz-modes button.active{background:#173f36;color:#fff;border-color:#173f36}.clinical-note{border:1px solid #e1d6b8;background:#fbf7e9;border-radius:10px;padding:9px 11px;font-size:8px;color:#6f6039;line-height:1.5;margin-bottom:10px}.case-source{font-size:8px;color:#8a7444;background:#f6f1e5;padding:7px 9px;border-radius:8px;margin:8px 0 14px}@media(max-width:780px){.srs-strip{grid-template-columns:1fr 1fr}.srs-strip>button{grid-column:1/-1}.review-feedback>b{font-size:72px}}@media(max-width:500px){.quiz-modes{display:grid;grid-template-columns:1fr 1fr}.review-options{grid-template-columns:1fr}}.reading-toolbar{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:start;margin:0 0 12px}.reading-topics{display:flex;gap:6px;flex-wrap:wrap}.reading-topics button,.random-read{border:1px solid #d8ded7;background:#fff;border-radius:999px;padding:7px 10px;font-size:8px;font-weight:800;color:#426057;cursor:pointer}.reading-topics button.active{background:#173f36;color:#fff;border-color:#173f36}.random-read{border-radius:10px;color:#805f25;background:#fbf7e9}.reading-source{font-size:8px;color:#907640;background:#f7f2e7;border-radius:8px;padding:7px 9px;margin:8px 0 12px}.reading-words{margin-top:14px;border-top:1px solid #e3e5df;padding-top:12px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.reading-words>span{grid-column:1/-1;font-size:8px;color:#a37c32;font-weight:900;letter-spacing:.09em}.reading-words button{border:1px solid #dce2db;background:#f8faf6;border-radius:10px;padding:9px;text-align:left;color:inherit;cursor:pointer}.reading-words b,.reading-words strong,.reading-words small{display:block}.reading-words b{font:700 20px Georgia,serif;color:#174a3e}.reading-words strong{font-size:8px;margin-top:3px}.reading-words small{font-size:8px;color:var(--muted);margin-top:2px;line-height:1.35}@media(max-width:780px){.reading-toolbar{grid-template-columns:1fr}.random-read{width:100%}.reading-words{grid-template-columns:1fr 1fr}}@media(max-width:460px){.reading-words{grid-template-columns:1fr}.reading-topics{flex-wrap:nowrap;overflow:auto;padding-bottom:3px}.reading-topics button{white-space:nowrap}}:root{--ui-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;--han-font:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC","Source Han Sans SC","Heiti SC","Segoe UI",Arial,sans-serif;font-family:var(--ui-font)}html{font-family:var(--ui-font);-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility}body,button,input,select,textarea,summary,details,pre{font-family:var(--ui-font)!important}body{font-weight:400;line-height:1.55}.hero h1,.page-head h1,.reading h2,.quiz h2,.result h2,.answer-head h2,.remember-card h2,.review-feedback h2,.review-empty h2,.lesson h3,.feature h3,.group-head h2,.source-card h3,.compact h3,.progress h3{font-family:var(--ui-font)!important;letter-spacing:-.015em}.brand b,.seal,.feature i,.lesson>span,.flash b,.word>b,.radical>b,.course-card span,.toc b,.phrase b,.clinical-line b,.curriculum>div span strong,.memory-road i,.phase-tabs i,.look-card>b,.big-hanzi,.recall-answer b,.answer-tabs span,.review-hanzi,.review-feedback>b,.reading-words b,.han-line span,.bottom button i,.top .mini{font-family:var(--han-font)!important}.page-head h1{font-weight:750;line-height:1.18}.hero h1{font-weight:800;line-height:1.08}.reading h2,.quiz h2{font-weight:750;line-height:1.35}.han-line span{font-weight:650;letter-spacing:.015em;line-height:1.55}.pinyin{font-family:var(--ui-font)!important;font-size:13px;line-height:1.55}.options button{font-size:14px;line-height:1.45}.reading h3{font-size:15px;line-height:1.45}.page-head p{font-size:12px;line-height:1.65}.read-count,.quiz-meta,.reading-source,.case-source{font-size:9px;line-height:1.45}details,details p{font-size:12px;line-height:1.6}.source-page pre,.answer-pages pre{font-family:var(--ui-font)!important;font-size:11px;line-height:1.7}.word strong{font-size:12px}.word small{font-size:10px;line-height:1.5}@media(max-width:780px){.page-head h1{font-size:30px}.hero h1{font-size:36px}.han-line span{font-size:clamp(27px,7vw,38px)}.options button{font-size:15px;padding:13px 12px}.pinyin{font-size:13px}.reading h3{font-size:16px}.page-head p{font-size:13px}.top b{font-size:12px}.top small{font-size:10px}.bottom button small{font-size:9px}}@media(max-width:780px){body{font-size:16px;line-height:1.62}.top{height:66px;padding:0 16px}.top b{font-size:16px;line-height:1.25}.top small{font-size:12px;line-height:1.35;margin-top:3px}.top .streak{font-size:12px;padding:8px 11px}.content{padding:24px 16px 92px}.eyebrow,.page-head>span{font-size:12px;letter-spacing:.11em}.page-head{margin-bottom:20px}.page-head h1{font-size:34px;line-height:1.16;margin:8px 0 10px}.page-head p{font-size:16px;line-height:1.62}.hero p{font-size:16px;line-height:1.65}.actions{flex-wrap:wrap}.actions button,.pager button,.recall button,#restart{font-size:14px;padding:12px 15px}.stat{padding:14px}.stat strong{font-size:23px}.stat small{font-size:12px;line-height:1.35}.source-summary button{padding:20px 18px;border-radius:18px}.source-summary b{font-size:16px;line-height:1.4}.source-summary span{font-size:13px;line-height:1.62;margin:8px 0}.source-summary i{font-size:13px;line-height:1.4}.source-card>span,.viewer-head span{font-size:11px}.source-card h3,.viewer-head h2{font-size:16px}.source-card p{font-size:13px;line-height:1.65}.source-card button,.viewer-head a{font-size:12px}.source-page header b{font-size:13px}.source-page header span{font-size:11px}.source-page pre{font-size:13px;line-height:1.72;max-height:420px}.library-count,.radical-count{font-size:12px}.library-tools select,.search input{font-size:14px}.lesson h3{font-size:16px;line-height:1.35}.lesson p{font-size:13px;line-height:1.58}.lesson small{font-size:11px}.curriculum h3{font-size:16px}.curriculum>div span{font-size:13px;line-height:1.45}.curriculum>div small{font-size:11px}.course-card h3{font-size:15px}.course-card p{font-size:13px;line-height:1.6}.toc span,.toc small,.toc strong{font-size:12px}.compact li{font-size:12px;line-height:1.65}.phrase span,.phrase small{font-size:12px}.clinical-line span,.clinical-line small{font-size:12px;line-height:1.55}.group-head small,.filter-row span,.filter-row button{font-size:12px}.memory-road b{font-size:11px}.memory-road strong{font-size:14px}.memory-road span{font-size:12px;line-height:1.55}.phase-tabs span{font-size:13px}.phase-tabs small{font-size:11px}.panel-top,.memory-panel .panel-top button{font-size:12px}.look-card p{font-size:14px;line-height:1.55}.memory-panel .primary{font-size:14px;padding:12px 16px}.recognition-card h3,.understand-card h3{font-size:16px}.memory-options button{font-size:14px;line-height:1.5;padding:13px}.meaning-box{font-size:15px;line-height:1.6}.remember-card .memory-kicker{font-size:11px}.remember-card>p{font-size:15px;line-height:1.55}.recall-blank{font-size:13px;line-height:1.55}.recall-answer strong{font-size:15px}.recall-answer small{font-size:12px}.word strong{font-size:14px}.word small{font-size:13px;line-height:1.5}.word-filter button,.word-filter span{font-size:12px}.srs-strip>div span,.srs-strip>button{font-size:12px}.review-meta span{font-size:11px}.review-feedback>span{font-size:12px}.review-feedback p,.review-feedback small,.review-empty p{font-size:13px;line-height:1.55}.review-exit,#exitReview{font-size:12px}.reading-topics button,.random-read{font-size:12px;padding:9px 12px}.reading-source,.case-source{font-size:11px;line-height:1.5}.read-count,.quiz-meta{font-size:11px;line-height:1.45}.reading h2{font-size:28px;line-height:1.3}.han-line{padding:24px 20px}.han-line span{font-size:clamp(29px,7.5vw,40px);line-height:1.55}.pinyin{font-size:15px;line-height:1.6}details,details p{font-size:14px;line-height:1.62}.reading h3{font-size:18px;line-height:1.45}.options button{font-size:16px;line-height:1.48;padding:14px 13px}.options button span{font-size:12px;min-width:30px;height:30px}.feedback{font-size:13px;line-height:1.5}.reading-words>span{font-size:11px}.reading-words strong,.reading-words small{font-size:12px;line-height:1.45}.quiz-modes button{font-size:13px;padding:10px 12px}.clinical-note{font-size:12px;line-height:1.55}.quiz h2{font-size:24px;line-height:1.42}.result>p{font-size:13px}.review span{font-size:13px;line-height:1.45}.review small{font-size:12px;line-height:1.5}.answer-tabs b{font-size:11px}.answer-tabs small{font-size:11px;line-height:1.35}.answer-head>span{font-size:11px}.answer-head p,.answer-head>b{font-size:13px;line-height:1.55}.answer-pages summary{font-size:13px}.answer-pages pre{font-size:13px;line-height:1.72}.reference-list>div{font-size:13px;line-height:1.55}.note{font-size:13px;line-height:1.6}.radical strong{font-size:13px}.radical small{font-size:12px;line-height:1.45}.radical em{font-size:10px}.bottom{height:72px}.bottom button{gap:4px}.bottom button i{font-size:22px}.bottom button small{font-size:11px}}@media(max-width:430px){.page-head h1{font-size:32px}.source-summary b{font-size:16px}.source-summary span,.source-summary i{font-size:13px}.top b{font-size:15px}.top small{font-size:11px}}.pwa-install{position:fixed;z-index:1000;left:50%;bottom:22px;transform:translate(-50%);width:min(620px,calc(100% - 28px));display:grid;grid-template-columns:54px 1fr auto;gap:12px;align-items:center;padding:14px 16px;background:#fffffffa;border:1px solid #d9dfd9;border-radius:18px;box-shadow:0 18px 55px #193a3133;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.pwa-install-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#173f36;color:#fff;font:700 27px var(--han-font);box-shadow:inset 0 0 0 1px #ffffff1f}.pwa-install-copy b,.pwa-install-copy span{display:block}.pwa-install-copy b{font-size:14px;color:#183f36}.pwa-install-copy span{margin-top:4px;font-size:12px;line-height:1.45;color:#5b6d67}.pwa-install-actions{display:flex;gap:7px}.pwa-install-actions button{border:1px solid #d6ddd8;background:#f7f8f5;color:#38574f;border-radius:10px;padding:9px 11px;font-size:12px;font-weight:800;cursor:pointer;white-space:nowrap}.pwa-install-actions .pwa-primary{border-color:#173f36;background:#173f36;color:#fff}@media(max-width:620px){.pwa-install{bottom:84px;grid-template-columns:46px 1fr;padding:13px}.pwa-install-icon{width:42px;height:42px;border-radius:12px;font-size:24px}.pwa-install-actions{grid-column:1/-1}.pwa-install-actions button{flex:1;padding:11px 10px}.pwa-install-copy b{font-size:15px}.pwa-install-copy span{font-size:13px}}.auth-gate{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top,#eef5f1 0,#f7f8f5 42%,#eef1ed)}.auth-card{width:min(460px,100%);background:#fffffff7;border:1px solid #d8dfda;border-radius:24px;padding:30px;box-shadow:0 24px 70px #183f3624}.auth-mark{width:68px;height:68px;border-radius:20px;display:grid;place-items:center;background:#173f36;color:#fff;font:700 38px var(--han-font);margin-bottom:18px}.auth-kicker{font-size:11px;letter-spacing:.1em;color:#9c7831;font-weight:900}.auth-card h1{font-size:30px;margin:8px 0;color:#183f36}.auth-desc{font-size:14px;line-height:1.6;color:#66756f;margin:0 0 20px}.auth-card form{display:grid;gap:13px}.auth-card label{font-size:12px;font-weight:800;color:#3c554d}.auth-card input{width:100%;box-sizing:border-box;margin-top:6px;border:1px solid #d4ddd7;border-radius:12px;padding:13px 14px;font-size:16px;background:#fff;color:#173f36;outline:none}.auth-card input:focus{border-color:#5c8c7d;box-shadow:0 0 0 3px #467f6a1f}.auth-submit,.auth-retry{border:0;border-radius:12px;padding:13px 15px;font-size:14px;font-weight:900;cursor:pointer}.auth-submit{background:#173f36;color:#fff}.auth-retry{width:100%;margin-top:9px;background:#edf3ef;color:#1f5c4d}.auth-card>small{display:block;margin-top:16px;color:#7a8984;font-size:11px;line-height:1.55}.auth-error{border:1px solid #e4c5bf;background:#fff4f1;color:#934b40;border-radius:12px;padding:10px 12px;font-size:12px;line-height:1.5;margin:0 0 14px}.auth-loading{text-align:center}.auth-loading .auth-mark{margin:0 auto 18px}.auth-loading p{color:#71807b}.auth-user{margin-left:auto;display:grid;grid-template-columns:auto auto;-moz-column-gap:8px;column-gap:8px;align-items:center}.auth-user>span{font-size:11px;font-weight:800;color:#264d43;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.auth-user>small{font-size:9px;color:#73827d}.auth-user button{grid-column:2;grid-row:1/3;border:1px solid #d8dfda;background:#fff;border-radius:9px;padding:7px 9px;font-size:9px;font-weight:800;color:#526861;cursor:pointer}.admin-summary{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;margin-bottom:12px}.admin-summary>div{background:#f5f8f5;border-radius:12px;padding:12px}.admin-summary b,.admin-summary span{display:block}.admin-summary b{font-size:24px;color:#1b5b4b}.admin-summary span{font-size:10px;color:#6f7e79}.admin-summary button,.admin-manual button,.admin-row button{border:1px solid #d7dfd9;background:#fff;color:#2f5d50;border-radius:10px;padding:9px 11px;font-size:10px;font-weight:800;cursor:pointer}.admin-summary button:disabled{opacity:.5}.admin-manual{margin-bottom:12px}.admin-manual h3{font-size:14px;margin-top:0}.admin-manual form{display:grid;grid-template-columns:180px 1fr auto;gap:8px}.admin-manual input{border:1px solid #d8dfda;border-radius:10px;padding:10px 11px;font-size:12px}.admin-manual button{background:#173f36;color:#fff;border-color:#173f36}.admin-section{margin-bottom:12px}.admin-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:10px}.admin-title span{font-size:9px;color:#9a7938;font-weight:900;letter-spacing:.09em}.admin-title h3{font-size:16px;margin:3px 0}.admin-title small{font-size:10px;color:#78857f}.admin-list{display:grid;gap:7px;max-height:520px;overflow:auto}.admin-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;border:1px solid #e0e5e1;border-radius:12px;padding:10px 11px;background:#fff}.admin-row b,.admin-row span,.admin-row small{display:block}.admin-row b{font-size:12px;color:#294f45}.admin-row span{font-size:10px;margin-top:2px}.admin-row small{font-size:9px;color:#7a8983;margin-top:3px}.admin-row>button{background:#edf5f1}.admin-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.admin-actions button{padding:7px 8px;font-size:9px}.admin-error{margin-bottom:12px}@media(max-width:780px){.auth-card{padding:22px}.auth-card h1{font-size:27px}.auth-user>span{display:none}.auth-user>small{font-size:10px}.auth-user button{padding:6px 8px}.top .streak{display:none}.admin-summary{grid-template-columns:1fr 1fr}.admin-summary button{grid-column:1/-1}.admin-manual form,.admin-row,.account-row{grid-template-columns:1fr}.admin-actions{justify-content:flex-start}.admin-list{max-height:none}}.ui-mode-switch{display:flex;align-items:center;gap:3px;margin-left:8px;padding:3px;border:1px solid #d8dfda;background:#fff;border-radius:11px}.ui-mode-switch button{border:0;background:transparent;color:#6d7d77;border-radius:8px;padding:6px 8px;font-size:9px;font-weight:900;cursor:pointer}.ui-mode-switch button.active{background:#173f36;color:#fff}.ui-mode-switch button:focus-visible{outline:2px solid #b9964d;outline-offset:1px}html[data-ui-mode=desktop] body{min-width:980px;overflow-x:auto}html[data-ui-mode=desktop] .shell{display:grid!important;grid-template-columns:238px minmax(742px,1fr)!important}html[data-ui-mode=desktop] .shell aside{display:flex!important}html[data-ui-mode=desktop] main{display:block!important;grid-column:2!important}html[data-ui-mode=desktop] .top{height:64px!important;padding:0 30px!important}html[data-ui-mode=desktop] .top .mini{display:none!important}html[data-ui-mode=desktop] .content{padding:34px 34px 90px!important;max-width:1240px!important}html[data-ui-mode=desktop] .bottom{display:none!important}html[data-ui-mode=desktop] .hero{grid-template-columns:1fr 210px!important;padding:40px 44px!important;min-height:285px!important}html[data-ui-mode=desktop] .hero h1{font-size:52px!important}html[data-ui-mode=desktop] .seal{display:grid!important}html[data-ui-mode=desktop] .two{grid-template-columns:minmax(320px,.9fr) minmax(380px,1.1fr)!important}html[data-ui-mode=desktop] .lesson{grid-template-columns:42px 72px 1fr 40px!important}html[data-ui-mode=desktop] .lesson .speak{grid-column:auto!important;justify-self:auto!important}html[data-ui-mode=desktop] .admin-summary{grid-template-columns:1fr 1fr auto!important}html[data-ui-mode=desktop] .admin-manual form{grid-template-columns:180px 1fr auto!important}html[data-ui-mode=desktop] .admin-row,html[data-ui-mode=desktop] .account-row{grid-template-columns:1fr auto!important}html[data-ui-mode=mobile] body{min-width:0;overflow-x:hidden}html[data-ui-mode=mobile] .shell{display:block!important;max-width:520px;margin:0 auto;min-height:100vh;background:#f7f5ee;box-shadow:0 0 45px #183f361f}html[data-ui-mode=mobile] .shell aside{display:none!important}html[data-ui-mode=mobile] main{display:block!important}html[data-ui-mode=mobile] .top{height:58px!important;padding:0 13px!important}html[data-ui-mode=mobile] .top .mini{display:grid!important;width:34px;height:34px;border:0;border-radius:10px;background:#173f36;color:#dfbf77;place-items:center;margin-right:9px;font:700 18px Georgia,serif}html[data-ui-mode=mobile] .top .streak{font-size:9px;padding:7px 9px}html[data-ui-mode=mobile] .content{padding:20px 13px 82px!important}html[data-ui-mode=mobile] .hero{grid-template-columns:1fr!important;padding:28px 22px!important;min-height:0!important}html[data-ui-mode=mobile] .hero h1{font-size:40px!important}html[data-ui-mode=mobile] .seal{display:none!important}html[data-ui-mode=mobile] .two{grid-template-columns:1fr!important}html[data-ui-mode=mobile] .features{grid-template-columns:1fr 1fr!important}html[data-ui-mode=mobile] .radicals{grid-template-columns:repeat(3,1fr)!important}html[data-ui-mode=mobile] .lesson{grid-template-columns:35px 60px 1fr!important}html[data-ui-mode=mobile] .lesson .speak{grid-column:1/-1!important;justify-self:end!important}html[data-ui-mode=mobile] .bottom{display:grid!important;position:fixed;z-index:30;bottom:0;left:50%;right:auto;transform:translate(-50%);width:min(520px,100vw);height:65px;background:#ffffffef;border-top:1px solid #dfe2dc;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);grid-template-columns:repeat(5,1fr)}html[data-ui-mode=mobile] .course-grid,html[data-ui-mode=mobile] .grammar-grid,html[data-ui-mode=mobile] .phrase-grid,html[data-ui-mode=mobile] .clinical-list,html[data-ui-mode=mobile] .source-grid{grid-template-columns:1fr!important}html[data-ui-mode=mobile] .source-shortcut{display:none!important}html[data-ui-mode=mobile] .admin-summary{grid-template-columns:1fr 1fr!important}html[data-ui-mode=mobile] .admin-summary button{grid-column:1/-1!important}html[data-ui-mode=mobile] .admin-manual form,html[data-ui-mode=mobile] .admin-row,html[data-ui-mode=mobile] .account-row{grid-template-columns:1fr!important}html[data-ui-mode=mobile] .admin-actions{justify-content:flex-start!important}@media(max-width:520px){.ui-mode-switch{margin-left:5px}.ui-mode-switch button{padding:5px 6px;font-size:8px}html[data-ui-mode=mobile] .top>div:not(.ui-mode-switch):not(.auth-user){display:none}html[data-ui-mode=mobile] .top .streak{display:none}}.top{gap:8px}.ui-mode-switch{display:inline-flex!important;flex-direction:row!important;align-items:center!important;gap:4px!important;margin-left:6px!important;padding:3px!important;border-radius:12px!important;flex:0 0 auto}.ui-mode-switch button{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:54px;height:32px;padding:0 10px!important;line-height:1!important;white-space:nowrap}.auth-user{margin-left:auto!important;display:inline-flex!important;grid-template-columns:none!important;align-items:center!important;gap:8px!important;padding:5px 6px 5px 11px!important;border:1px solid #d7dfda!important;background:#fffffff5!important;border-radius:14px!important;box-shadow:0 4px 14px #173f3614!important;flex:0 0 auto}.auth-user>span{display:block!important;max-width:none!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important;font-size:12px!important;font-weight:800!important;color:#36564e!important}.auth-user>small{display:none!important}.auth-user button{grid-column:auto!important;grid-row:auto!important;border:0!important;background:#173f36!important;color:#fff!important;border-radius:10px!important;padding:8px 11px!important;font-size:11px!important;font-weight:900!important;white-space:nowrap!important;box-shadow:none!important}.auth-user button:hover{background:#215a4c!important}html[data-ui-mode=mobile] .top{min-height:58px!important;height:auto!important;padding:7px 10px!important;gap:7px!important}html[data-ui-mode=mobile] .top .mini{width:34px!important;height:34px!important;margin-right:2px!important;flex:0 0 auto!important}html[data-ui-mode=mobile] .ui-mode-switch{margin-left:0!important;gap:3px!important}html[data-ui-mode=mobile] .ui-mode-switch button{min-width:48px!important;height:30px!important;padding:0 8px!important;font-size:10px!important}html[data-ui-mode=mobile] .auth-user{margin-left:auto!important;gap:6px!important;padding:4px 5px 4px 9px!important;border-radius:12px!important}html[data-ui-mode=mobile] .auth-user>span{display:block!important;font-size:11px!important}html[data-ui-mode=mobile] .auth-user button{padding:7px 9px!important;font-size:10px!important}@media(max-width:430px){html[data-ui-mode=mobile] .top{padding:6px 8px!important;gap:5px!important}html[data-ui-mode=mobile] .top .mini{width:32px!important;height:32px!important;margin-right:1px!important}html[data-ui-mode=mobile] .ui-mode-switch{padding:2px!important;gap:2px!important}html[data-ui-mode=mobile] .ui-mode-switch button{min-width:42px!important;height:28px!important;padding:0 6px!important;font-size:9px!important}html[data-ui-mode=mobile] .auth-user{gap:5px!important;padding:3px 4px 3px 7px!important}html[data-ui-mode=mobile] .auth-user>span{font-size:10px!important}html[data-ui-mode=mobile] .auth-user button{padding:6px 7px!important;font-size:9px!important}}.admin-pager{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding-top:10px;border-top:1px solid #e4e8e4}.admin-pager button{border:1px solid #d7dfd9;background:#fff;color:#2f5d50;border-radius:10px;padding:8px 11px;font-size:10px;font-weight:800;cursor:pointer}.admin-pager button:disabled{opacity:.4;cursor:not-allowed}.admin-pager span{font-size:10px;color:#6f7e79;text-align:center}@media(max-width:780px){.admin-pager{gap:6px}.admin-pager button{padding:8px 9px}.admin-pager span{font-size:9px}}.admin-rule{display:block;margin-top:9px;font-size:10px;line-height:1.5;color:#6f7e79}.desktop-leaderboard{margin:10px 12px 12px;padding:11px;border:1px solid #dce3de;border-radius:13px;background:#fffc}.leaderboard-head{display:flex;justify-content:space-between;gap:8px;align-items:baseline;padding-bottom:7px;border-bottom:1px solid #e7ebe8}.leaderboard-head span{font-size:9px;font-weight:900;letter-spacing:.08em;color:#9a7938}.leaderboard-head small{font-size:8px;color:#7c8984}.leaderboard-row{display:grid;grid-template-columns:22px 1fr auto;gap:6px;align-items:center;padding:7px 0;border-bottom:1px solid #eef1ef}.leaderboard-row:last-child{border-bottom:0}.leaderboard-row>b{width:20px;height:20px;border-radius:7px;background:#edf4f0;color:#205749;display:grid;place-items:center;font-size:9px}.leaderboard-row>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:800;color:#38554d}.leaderboard-row>strong{font-size:10px;color:#1f5b4b}.leaderboard-empty{padding:10px 2px 2px;font-size:9px;color:#7b8984;line-height:1.4}.admin-access-stats{margin-bottom:12px}.access-chart{display:grid;gap:7px}.access-day{display:grid;grid-template-columns:42px minmax(120px,1fr) 32px;gap:8px;align-items:center}.access-day>span{font-size:9px;color:#66776f;font-variant-numeric:tabular-nums}.access-day>i{height:8px;border-radius:999px;background:#edf1ee;overflow:hidden}.access-day>i>b{display:block;height:100%;min-width:0;border-radius:999px;background:#2e6a59}.access-day>strong{font-size:10px;color:#244f44;text-align:right;font-variant-numeric:tabular-nums}.access-note{display:block;margin-top:10px;color:#82908b;font-size:8px;line-height:1.5}html[data-ui-mode=mobile] .desktop-leaderboard,html[data-ui-mode=mobile] .admin-access-stats{display:none!important}