:root{--frame-max-width:480px;--frame-pad-x:var(--space-4);--content-width:584px;--tab-item-height:58px;--tabbar-height:calc(var(--tab-item-height) + var(--space-2) + var(--border-1));--pill-width:600px;--pill-bottom:var(--space-12)}html,body,#root{min-height:100%;margin:0}body{background:var(--color-bg);color:var(--color-text);font:400 var(--font-body-size) / var(--font-body-line-height) var(--font-latin)}.mc-frame{box-sizing:border-box;max-width:var(--frame-max-width);--frame-bottom-clearance:calc(var(--tabbar-height) + var(--space-4) + env(safe-area-inset-bottom,0px));min-height:100dvh;margin:0 auto;position:relative}.mc-main{padding:var(--space-4) var(--frame-pad-x)}.mc-frame[data-tabbar=shown] .mc-main{padding-bottom:var(--frame-bottom-clearance)}.mc-tabbar{z-index:10;box-sizing:border-box;width:100%;max-width:var(--frame-max-width);padding:var(--space-1) var(--space-2) calc(var(--space-1) + env(safe-area-inset-bottom,0px));background:var(--color-surface);border-top:var(--border-1) solid var(--color-border-subtle);display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.mc-tab{justify-content:center;align-items:center;gap:var(--space-1);min-width:0;min-height:var(--tab-item-height);border-radius:var(--radius-12);color:var(--color-text-secondary);font:400 var(--font-caption-size) / var(--font-caption-line-height) var(--font-latin);white-space:nowrap;flex-direction:column;flex:1 1 0;margin:0;text-decoration:none;display:flex;position:relative}.mc-tab-icon{flex:none;width:24px;height:24px}.mc-tab[aria-current=page]{background:var(--color-surface-inverse);color:var(--color-text-on-inverse)}.mc-tab:focus-visible{outline:var(--border-2) solid var(--color-focus-ring);outline-offset:2px;z-index:1}@media (min-width:1024px){:root{--frame-pad-x:var(--space-5);--frame-max-width:calc(var(--content-width) + 2 * var(--frame-pad-x))}.mc-main{padding-top:calc(var(--space-6) + var(--space-8))}.mc-tabbar{width:var(--pill-width);max-width:calc(100vw - 2 * var(--space-6));bottom:var(--pill-bottom);padding:var(--space-1) var(--space-2);border:var(--border-1) solid var(--color-border-subtle);border-radius:var(--radius-full)}.mc-tab{border-radius:var(--radius-full)}.mc-frame{--frame-bottom-clearance:calc(var(--tabbar-height) + var(--border-1) + var(--pill-bottom) + var(--space-4))}}.mc-error{align-items:flex-start;gap:var(--space-4);padding:var(--space-6) 0;flex-direction:column;display:flex}.mc-error p{margin:0}.mc-error-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.mc-btn{box-sizing:border-box;min-height:var(--button-height);padding:0 var(--space-6);border:var(--border-1-5) solid var(--color-action-primary);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-text);font:600 var(--font-label-button-size) / var(--font-label-button-line-height) var(--font-latin);cursor:pointer;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.mc-btn[data-variant=primary]{background:var(--color-action-primary);color:var(--color-text-on-inverse)}.mc-btn:focus-visible{outline:var(--border-2) solid var(--color-focus-ring);outline-offset:2px}.mc-unsupported{box-sizing:border-box;align-items:flex-start;gap:var(--space-4);max-width:480px;min-height:100vh;padding:var(--space-8,32px) var(--space-4);background:var(--color-surface);color:var(--color-text);flex-direction:column;margin:0 auto;display:flex}.mc-unsupported p{margin:0}.mc-unsupported-icon{color:var(--color-status-error)}.mc-unsaved-region:empty{margin-bottom:calc(var(--space-4) * -1)}.mc-unsaved{align-items:flex-start;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-12);background:var(--color-status-error-bg);color:var(--color-status-error);display:flex}.mc-unsaved>span{flex:1 1 0;min-width:0}.mc-a2hs{align-items:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-2) var(--space-3) var(--space-4);background:var(--color-surface-accent);border:var(--border-1) solid var(--color-border-subtle);border-radius:var(--radius-16);color:var(--color-text);display:flex}.mc-a2hs__text{flex:1;min-width:0}.mc-a2hs__lead,.mc-a2hs__how{margin:0}.mc-a2hs__lead{font:500 var(--font-label-size) / var(--font-label-line-height) var(--font-latin)}.mc-a2hs__how{margin-top:var(--space-1);color:var(--color-text-secondary);font:400 var(--font-caption-size) / var(--font-caption-line-height) var(--font-latin)}.mc-a2hs__close{width:var(--touch-min);height:var(--touch-min);margin:calc(var(--space-2) * -1) 0;border-radius:var(--radius-full);color:var(--color-text);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.mc-a2hs__close:focus-visible{outline:var(--border-2) solid var(--color-border-focus);outline-offset:var(--border-2)}.mc-laptop-panel,.mc-laptop-mask,.mc-laptop-fade{display:none}@media (min-width:1024px){.mc-laptop-panel{inset:var(--space-6);z-index:-1;border-radius:var(--radius-32);background:var(--color-surface-accent);pointer-events:none;display:block;position:fixed;overflow:hidden}.mc-laptop-mask{inset:var(--space-6);z-index:1;border-radius:var(--radius-32);box-shadow:0 0 0 100vmax var(--color-bg);pointer-events:none;display:block;position:fixed}.mc-deco{display:block;position:absolute}.mc-deco-leaf{top:54px;left:max(var(--space-2), calc(50% - 490px));width:114px;height:114px}.mc-deco-leaf-shape{background:var(--color-highlight);border-radius:87.4px 5.7px;width:87.4px;height:87.4px;position:absolute;top:9.5px;left:13.3px}.mc-deco-star{color:var(--color-action-secondary);top:264px;left:calc(50% - 390px)}.mc-deco-arc{color:var(--color-surface-inverse);top:264px;left:min(calc(50% + 510px), calc(100% - 72px - var(--space-2)))}.mc-laptop-fade{left:var(--space-6);right:var(--space-6);bottom:var(--space-6);z-index:2;border-radius:0 0 var(--radius-32) var(--radius-32);background:linear-gradient(transparent, var(--color-surface-accent));pointer-events:none;height:140px;display:block;position:fixed}@media (max-width:1091px){.mc-deco{display:none}}}.mc-sheet-root{z-index:50;position:fixed;top:0;bottom:0;left:0;right:0}.mc-sheet-scrim{background:var(--color-overlay-scrim);position:absolute;top:0;bottom:0;left:0;right:0}.mc-sheet{box-sizing:border-box;gap:var(--space-4);width:100%;max-width:600px;max-height:90dvh;padding:var(--space-2) var(--space-5) env(safe-area-inset-bottom,0px);background:var(--color-surface);border-radius:var(--radius-28) var(--radius-28) 0 0;color:var(--color-text);outline:none;flex-direction:column;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.mc-sheet-handle{justify-content:center;display:flex}.mc-sheet-handle span{border-radius:var(--radius-full);background:var(--color-border);width:36px;height:4px}.mc-sheet-header{align-items:center;gap:var(--space-2);display:flex}.mc-sheet-header[data-untitled]{justify-content:flex-end}.mc-sheet-header h2{flex:1 1 0;min-width:0;margin:0}.mc-sheet-content{gap:var(--space-4);padding-bottom:var(--space-4);flex-direction:column;display:flex;overflow-y:auto}.mc-icon-btn{box-sizing:border-box;width:var(--touch-min);height:var(--touch-min);border-radius:var(--radius-full);color:var(--color-text);cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}.mc-icon-btn:active{background:var(--color-surface-muted)}.mc-icon-btn:focus-visible{outline:var(--border-2) solid var(--color-focus-ring);outline-offset:2px}.mc-sheet-root[data-variant=modal]{padding:var(--space-12) var(--space-6);justify-content:center;align-items:center;display:flex}.mc-sheet-root[data-variant=modal] .mc-sheet{max-width:480px;max-height:calc(100dvh - 2 * var(--space-12));padding:var(--space-6);border-radius:var(--radius-28);position:relative;bottom:auto;left:auto;transform:none}.mc-word{align-items:flex-start;gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.mc-word-head{align-items:center;gap:var(--space-2);width:100%;display:flex}.mc-word-hanzi{min-width:0;color:var(--color-text);overflow-wrap:anywhere;flex:1 1 0;margin:0}.mc-word-pinyin,.mc-word-vi,.mc-word-sub{overflow-wrap:anywhere;margin:0}.mc-word-pinyin,.mc-word-vi{color:var(--color-text)}.mc-word-sub{color:var(--color-text-secondary)}.mc-word-level{height:24px;padding:0 var(--space-3);border-radius:var(--radius-full);background:var(--color-surface-accent);color:var(--color-text);align-items:center;display:inline-flex}.mc-word-listen[data-speaking]{background:var(--color-surface-muted)}.mc-word-notice{align-items:center;gap:var(--space-1);color:var(--color-text-secondary);outline:none;margin:0;display:flex}.mc-word-retry{min-height:var(--touch-min);padding:0 var(--space-2);color:var(--color-text-link);cursor:pointer;background:0 0;border:0}.mc-word-examples{gap:var(--space-3);width:100%;margin-top:var(--space-2);flex-direction:column;display:flex}.mc-word-ex-title{color:var(--color-text-secondary);margin:0}.mc-word-ex{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.mc-word-ex-zh,.mc-word-ex-py{color:var(--color-text);overflow-wrap:anywhere;margin:0}.mc-word-ex-zh strong{font-weight:700}.mc-sc-row{box-sizing:border-box;align-items:center;gap:var(--space-3);min-height:72px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-20);background:var(--color-surface);box-shadow:var(--shadow-card);color:var(--color-text);text-decoration:none;display:flex}.mc-sc-row:active{background:var(--color-surface-muted)}.mc-sc-row:focus-visible{outline:var(--border-2) solid var(--color-focus-ring);outline-offset:2px}.mc-sc-icon{border-radius:var(--radius-12);background:var(--color-highlight-soft);width:48px;height:48px;color:var(--color-text);flex:none;justify-content:center;align-items:center;display:inline-flex}.mc-sc-content{overflow-wrap:anywhere;flex-direction:column;flex:1 1 0;min-width:0;display:flex}.mc-sc-eyebrow,.mc-sc-detail{color:var(--color-text-secondary)}.mc-sc-title{color:var(--color-text)}.mc-sc-chevron{color:var(--color-text);flex:none;display:inline-flex}.mc-stories,.mc-reader{gap:var(--space-4);padding:var(--space-2) var(--space-1) var(--space-6);flex-direction:column;display:flex}.mc-stories-header,.mc-reader-header{align-items:center;gap:var(--space-2);min-height:56px;display:flex}.mc-stories-back{width:var(--touch-min);height:var(--touch-min);border-radius:var(--radius-full);color:var(--color-text);cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.mc-stories-back:focus-visible{outline:var(--border-2) solid var(--color-focus-ring);outline-offset:2px}.mc-rs-translate:focus-visible{outline:var(--border-2) solid var(--color-focus-ring);outline-offset:2px}.mc-rs-listen:focus-visible{outline:var(--border-2) solid var(--color-focus-ring);outline-offset:2px}.mc-rs-retry:focus-visible{outline:var(--border-2) solid var(--color-focus-ring);outline-offset:2px}.mc-rw-tap:focus-visible{outline:var(--border-2) solid var(--color-focus-ring);outline-offset:2px}.mc-stories-title{min-width:0;color:var(--color-text);flex:1 1 0;margin:0}.mc-stories-group{gap:var(--space-3);flex-direction:column;display:flex}.mc-stories-h2{margin:var(--space-2) 0 0;color:var(--color-text)}.mc-stories-none{color:var(--color-text-secondary);margin:0}.mc-stories-skeleton{gap:var(--space-3);flex-direction:column;display:flex}.mc-stories-skeleton div{border-radius:var(--radius-20);background:var(--color-surface-muted);min-height:72px}.mc-stories-error{align-items:center;gap:var(--space-3);padding-top:var(--space-6);text-align:center;flex-direction:column;display:flex}.mc-stories-error p{margin:0}.mc-stories-error .mc-btn{gap:var(--space-2)}.mc-stories-error-icon{border-radius:var(--radius-full);background:var(--color-status-error-bg);width:56px;height:56px;color:var(--color-status-error);justify-content:center;align-items:center;display:inline-flex}.mc-sc-content .mc-story-badge{margin-top:var(--space-1);align-self:flex-start}.mc-story-badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--color-surface-muted);color:var(--color-text);white-space:nowrap;align-items:center;display:inline-flex}.mc-story-badge[data-tone=lime]{background:var(--color-surface-accent)}.mc-reader-note{padding:var(--space-3) var(--space-4);border-radius:var(--radius-12);background:var(--color-surface-accent);color:var(--color-text);margin:0}.mc-reader-card{gap:var(--space-2);padding:var(--space-3) var(--space-3);border-radius:var(--radius-24);background:var(--color-surface);flex-direction:column;display:flex}.mc-rs{gap:var(--space-1);padding:var(--space-3) var(--space-2);border-radius:var(--radius-16);scroll-margin-top:var(--space-4);flex-direction:column;display:flex}.mc-rs[data-playing=true]{background:var(--color-surface-accent)}.mc-rs-words{column-gap:var(--space-2);row-gap:var(--space-2);flex-wrap:wrap;align-items:flex-end;display:flex}.mc-rw{flex-direction:column;align-items:flex-start;display:inline-flex}.mc-rw-py{color:var(--color-text-secondary);white-space:nowrap}.mc-rw-hz{color:var(--color-text);background:0 0;border:0;margin:0;padding:0 2px}.mc-rw-tap{cursor:pointer;border-radius:var(--radius-8);-webkit-text-decoration:underline dotted;text-decoration:underline dotted;-webkit-text-decoration-color:var(--color-text-secondary);text-decoration-color:var(--color-text-secondary);text-underline-offset:4px}.mc-rw-tap[data-selected=true]{background:var(--color-surface-accent)}@media (hover:hover){.mc-rw-tap:hover{background:var(--color-surface-muted)}}.mc-rs-actions{align-items:center;gap:var(--space-2);display:flex}.mc-rs-listen{width:var(--touch-min);height:var(--touch-min);border-radius:var(--radius-full);color:var(--color-text);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.mc-rs-translate,.mc-rs-retry{min-height:var(--touch-min);padding:0 var(--space-2);color:var(--color-text-link);cursor:pointer;background:0 0;border:0}.mc-rs-vi,.mc-rs-notice{color:var(--color-text-secondary);margin:0}.mc-rs-vi{color:var(--color-text)}.mc-reader-test{text-align:center;align-self:stretch}.mc-rg{white-space:nowrap;align-items:flex-end;display:inline-flex}.mc-rh-head{gap:var(--space-1);padding:0 var(--space-2) var(--space-3);border-bottom:var(--border-1) solid var(--color-border-subtle);flex-direction:column;display:flex}.mc-rh-bar{align-items:center;gap:var(--space-2);min-height:var(--touch-min);display:flex}.mc-rh-info{align-items:center;gap:var(--space-1) var(--space-2);flex-wrap:wrap;flex:1 1 0;min-width:0;display:flex}.mc-rh-level{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--color-action-primary);color:var(--color-text-on-inverse);white-space:nowrap;flex:none}.mc-rh-status{align-items:center;gap:var(--space-1);color:var(--color-text-link);white-space:nowrap;display:inline-flex}.mc-rh-hint{color:var(--color-text-secondary);margin:0}.mc-rh-switch{box-sizing:border-box;align-items:center;gap:var(--space-2);min-width:var(--touch-min);min-height:var(--touch-min);color:var(--color-text);cursor:pointer;flex:none;margin-left:auto;display:inline-flex}@media (max-width:359px){.mc-rh-bar,.mc-rh-switch,.mc-rh-info{gap:var(--space-1)}.mc-rh-level{padding:var(--space-1) var(--space-2)}}.mc-q-result{padding-bottom:env(safe-area-inset-bottom,0px)}.mc-cel{box-sizing:border-box;width:100%;padding:var(--space-2) 0 var(--space-1);color:var(--color-text);--cel-badge-high:var(--color-surface-accent);position:relative}.mc-cel-body{align-items:center;gap:var(--space-3);text-align:center;flex-direction:column;display:flex}.mc-cel .mc-cel-text{color:var(--color-text);font:700 var(--font-title-1-size) / var(--font-title-1-line-height) var(--font-latin);letter-spacing:-.02em;text-align:center;text-wrap:balance;margin:0}.mc-cel-badge{border-radius:var(--radius-full);background:var(--color-surface-muted);flex:none;justify-content:center;align-items:center;width:104px;height:104px;display:flex}.mc-cel[data-tier=all] .mc-cel-badge{background:var(--color-highlight-soft)}.mc-cel[data-tier=high] .mc-cel-badge{background:var(--cel-badge-high);box-shadow:inset 0 0 0 2px var(--p-lime-700)}.mc-cel-art{flex:none;width:56px;height:56px;display:block}.mc-cel-art svg{width:56px;height:56px;display:block}.mc-cel-h1:focus:not(:focus-visible){outline:none}.mc-cel-confetti{z-index:40;pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.mc-cel-p{left:var(--x,50%);opacity:0;background:var(--p-lime-500);border-radius:1px;width:6px;height:12px;position:absolute;top:0;transform:translateY(-16px)}.mc-cel-p[data-shape=bar]{border-radius:1.5px;width:4px;height:14px}.mc-cel-p[data-shape=dot]{border-radius:var(--radius-full);width:7px;height:7px}.mc-cel-p[data-c="1"]{background:var(--color-highlight)}.mc-cel-p[data-c="2"]{background:var(--color-surface-inverse)}@media (prefers-reduced-motion:no-preference){.mc-cel-p{will-change:transform, opacity;animation:mc-cel-fall 1.3s cubic-bezier(.3, .1, .5, 1) var(--delay,0s) both}.mc-cel[data-celebrate=true] .mc-cel-art{animation:.4s ease-out .8s both mc-cel-pop}}@keyframes mc-cel-fall{0%{opacity:1;transform:translateY(-16px)rotate(0)}70%{opacity:1}to{opacity:0;transform:translate3d(var(--dx), var(--fall), 0) rotate(var(--rot))}}@keyframes mc-cel-pop{0%{transform:scale(.6)}60%{transform:scale(1.1)}to{transform:scale(1)}}.mc-q{gap:var(--space-4);flex-direction:column;display:flex}.mc-q:focus{outline:none}.mc-q-note,.mc-q-vi{color:var(--color-text-secondary);font:400 var(--font-body-sm-size) / var(--font-body-sm-line-height) var(--font-latin);margin:0}.mc-q-stem{gap:var(--space-1);flex-direction:column;display:flex}.mc-q-pinyin{color:var(--color-text-secondary);font:400 var(--font-pinyin-sm-size) / var(--font-pinyin-sm-line-height) var(--font-pinyin);margin:0}.mc-q-hanzi{font:400 var(--font-hanzi-md-size) / var(--font-hanzi-md-line-height) var(--font-han);margin:0}.mc-q-hanzi-md{font:400 var(--font-hanzi-body-size) / var(--font-hanzi-body-line-height) var(--font-han);margin:0}.mc-q-image,.mc-q-image .mc-q-img{max-width:100%;display:block}.mc-q-img{aspect-ratio:1;border-radius:var(--radius-16);background:var(--color-surface-muted);width:100%;height:auto}.mc-q-image .mc-q-img{max-width:200px;margin:0 auto}.mc-q-choices{gap:var(--space-2);flex-direction:column;display:flex}.mc-q-choices[data-layout=pictures]{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}@media (max-width:359px){.mc-q-choices[data-layout=pictures]{grid-template-columns:repeat(2,minmax(0,1fr))}}.mc-q-choice{box-sizing:border-box;align-items:center;gap:var(--space-3);min-height:var(--button-height);padding:var(--space-3) var(--space-4);border:var(--border-1-5) solid var(--color-border);border-radius:var(--radius-16);background:var(--color-surface);color:var(--color-text);font:inherit;text-align:left;cursor:pointer;display:flex;position:relative}.mc-q-choices[data-layout=pictures] .mc-q-choice{padding:var(--space-2);flex-direction:column;align-items:stretch}.mc-q-choice:focus-visible{outline:var(--border-2) solid var(--color-focus-ring);outline-offset:2px}.mc-q-choice[aria-disabled=true]{cursor:default}.mc-q-choice[data-state=selected]{border-color:var(--color-border-focus);background:var(--color-surface-accent)}.mc-q-choice[data-state=correct]{border-color:var(--color-status-correct);background:var(--color-status-correct-bg);color:var(--color-status-correct)}.mc-q-choice[data-state=wrong]{border-color:var(--color-status-wrong);background:var(--color-status-wrong-bg);color:var(--color-status-wrong)}.mc-q-letter{border-radius:var(--radius-full);background:var(--color-surface-muted);width:28px;height:28px;color:var(--color-text);font:600 var(--font-label-size) / var(--font-label-line-height) var(--font-latin);flex:none;justify-content:center;align-items:center;display:inline-flex}.mc-q-choices[data-layout=pictures] .mc-q-letter{top:var(--space-2);left:var(--space-2);position:absolute}.mc-q-choices[data-layout=pictures] svg{top:var(--space-2);right:var(--space-2);position:absolute}.mc-q-choices[data-layout=list] .mc-q-choice{width:100%}.mc-q-choice-text{overflow-wrap:anywhere;flex-direction:column;flex:1 1 0;min-width:0;display:flex}.mc-q-choices[data-layout=list] .mc-q-choice>svg{flex:none;margin-left:auto}.mc-q-match{gap:var(--space-4);flex-direction:column;display:flex}.mc-q-match-row{gap:var(--space-2);flex-direction:column;display:flex}.mc-q-skip{align-self:stretch}.mc-q-sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.mc-q-sheet{box-sizing:border-box;z-index:20;gap:var(--space-3);max-height:45dvh;max-height:calc(var(--mc-stable-vh,1dvh) * 45);padding:var(--space-4) var(--space-5) 0;border-radius:var(--radius-24) var(--radius-24) 0 0;background:var(--color-surface);color:var(--color-text);flex-direction:column;animation:.2s ease-out mc-q-sheet-in;display:flex;position:fixed;bottom:0;left:0;right:0}.mc-q-sheet:focus{outline:none}.mc-q-sheet:focus-visible{outline:none}.mc-q-sheet[data-result=Đúng]{background:var(--color-status-correct-bg)}.mc-q-sheet[data-result=Sai]{background:var(--color-status-wrong-bg)}.mc-q-sheet[data-result=Bỏ\ qua]{background:var(--color-status-attention-bg)}@keyframes mc-q-sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.mc-q-sheet{animation:none}}.mc-q-sheet-head{justify-content:space-between;align-items:flex-start;gap:var(--space-3);flex:none;display:flex}.mc-q-sheet-heading{flex-direction:column;min-width:0;display:flex}.mc-q-sheet-title{font:600 var(--font-title-3-size) / var(--font-title-3-line-height) var(--font-latin);margin:0}.mc-q-sheet[data-result=Đúng] .mc-q-sheet-title{color:var(--color-status-correct)}.mc-q-sheet[data-result=Sai] .mc-q-sheet-title{color:var(--color-status-wrong)}.mc-q-sheet-answer{font:500 var(--font-label-size) / var(--font-label-line-height) var(--font-latin);margin:0}.mc-q-sheet-toggle{min-height:var(--button-height);padding:0 var(--space-3);color:var(--color-text-link);font:600 var(--font-label-size) / var(--font-label-line-height) var(--font-latin);cursor:pointer;background:0 0;border:0;flex:none}.mc-q-sheet-toggle:focus-visible{outline:var(--border-2) solid var(--color-focus-ring);outline-offset:2px}.mc-q-sheet-bodywrap{flex-direction:column;flex:auto;min-height:0;display:flex;position:relative}.mc-q-sheet-bodywrap[hidden]{display:none}.mc-q-sheet-body{overscroll-behavior:contain;min-height:0;padding-right:var(--space-2);flex:auto;overflow-y:auto}.mc-q-sheet-body:focus-visible{outline:var(--border-2) solid var(--color-focus-ring);outline-offset:2px}.mc-q-sheet-bodywrap[data-overflow]:not([data-at-end]):after{content:"";pointer-events:none;background:linear-gradient(transparent, var(--mc-q-sheet-bg,var(--color-surface)));height:24px;position:absolute;bottom:0;left:0;right:0}.mc-q-sheet[data-result=Đúng]{--mc-q-sheet-bg:var(--color-status-correct-bg)}.mc-q-sheet[data-result=Sai]{--mc-q-sheet-bg:var(--color-status-wrong-bg)}.mc-q-sheet[data-result=Bỏ\ qua]{--mc-q-sheet-bg:var(--color-status-attention-bg)}.mc-q-sheet-text{margin:0 0 var(--space-2);font:400 var(--font-body-sm-size) / var(--font-body-sm-line-height) var(--font-latin)}.mc-q-sheet-trans{color:var(--color-text-secondary)}.mc-q-sheet-foot{padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom,0px));flex:none}.mc-q-sheet-foot .mc-btn{width:100%}.mc-q-sheet-mark{vertical-align:middle;margin-right:var(--space-2);display:inline-flex}.mc-q-sheet-foot .mc-btn{gap:var(--space-2)}.mc-q-sheet-hint{margin:var(--space-2) 0 0;text-align:center;color:var(--color-text-secondary);font:400 var(--font-body-sm-size) / var(--font-body-sm-line-height) var(--font-latin);display:none}@media (min-width:1024px){.mc-q-sheet-hint{display:block}}.mc-q[data-docked]{padding-bottom:var(--mc-q-sheet-pad)}@media (min-width:1024px){.mc-q-run{min-height:calc(100dvh - var(--space-6) - var(--space-8) - var(--space-4));flex-direction:column;display:flex}.mc-q-run>.mc-q{flex:auto}.mc-q-sheet{left:0;right:0;bottom:var(--space-12);width:var(--content-width,584px);max-width:calc(100vw - 2 * var(--space-6));border-radius:var(--radius-24);margin:0 auto;padding-bottom:0;position:fixed}.mc-q[data-docked]{padding-bottom:calc(var(--mc-q-sheet-pad) + var(--space-12))}.mc-q-sheet-foot{padding-bottom:var(--space-4)}}.mc-q-result{gap:var(--space-4);flex-direction:column;display:flex}.mc-q-result h1{font:600 var(--font-title-1-size) / var(--font-title-1-line-height) var(--font-latin);margin:0}.mc-q-result p{color:var(--color-text-secondary);font:400 var(--font-body-sm-size) / var(--font-body-sm-line-height) var(--font-latin);margin:0}.mc-q-stats{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.mc-q-stat{gap:var(--space-1);padding:var(--space-4);border-radius:var(--radius-20);background:var(--color-surface);box-shadow:var(--shadow-card);flex-direction:column;display:flex}.mc-q-stat-value{color:var(--color-text);font:600 var(--font-number-lg-size) / var(--font-number-lg-line-height) var(--font-latin);font-variant-numeric:tabular-nums}.mc-q-stat-unit{color:var(--color-text-secondary);font:400 var(--font-body-sm-size) / var(--font-body-sm-line-height) var(--font-latin)}.mc-q-result .mc-btn{align-self:stretch}.mc-q-used{color:var(--color-text-secondary);font:600 var(--font-label-sm-size) / var(--font-label-sm-line-height) var(--font-latin);margin-left:auto}.mc-q-choices[data-layout=pictures] .mc-q-used{top:var(--space-2);right:var(--space-2);padding:0 var(--space-2);border-radius:var(--radius-full);background:var(--color-surface);margin:0;position:absolute}.mc-q-sheet[data-result=Khác]{background:var(--color-status-attention-bg);--mc-q-sheet-bg:var(--color-status-attention-bg)}.mc-q-sheet-sub{font:400 var(--font-body-sm-size) / var(--font-body-sm-line-height) var(--font-latin);margin:0}.mc-q-sheet-foot>.mc-btn[data-variant=outline]{margin-bottom:var(--space-2)}.mc-q-sheet[data-fit]{max-height:calc(100dvh - 88px);max-height:calc(var(--mc-stable-vh,1dvh) * 100 - 88px)}@media (min-width:1024px){.mc-q-sheet[data-fit]{max-height:calc(100dvh - 3 * var(--space-6) - 88px);max-height:calc(var(--mc-stable-vh,1dvh) * 100 - 3 * var(--space-6) - 88px)}}.mc-q-sheet[data-result=Khác] .mc-q-sheet-title{color:var(--color-status-attention)}.mc-q-sheet-sub{margin-top:var(--space-1)}.mc-listen{align-items:stretch;gap:var(--space-2);flex-direction:column;display:flex}.mc-listen .mc-btn{width:100%}.mc-listen .mc-btn[aria-disabled=true]{opacity:.6;cursor:default}.mc-listen[data-status=error]{align-items:flex-start}.mc-listen[data-status=error] .mc-btn{gap:var(--space-2);width:auto}.mc-listen[data-status=error] .mc-listen-note{color:var(--color-status-error)}.mc-listen-note{color:var(--color-text-secondary);font:400 var(--font-body-sm-size) / var(--font-body-sm-line-height) var(--font-latin);margin:0}.mc-listen-box{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-20);background:var(--color-surface);box-shadow:var(--shadow-card);flex-direction:column;display:flex}.mc-listen-actions{gap:var(--space-2);flex-direction:column;display:flex}.mc-listen-actions .mc-btn{width:100%}.mc-listen-sub{color:var(--color-text-secondary);font:400 var(--font-body-sm-size) / var(--font-body-sm-line-height) var(--font-latin);margin:0}.mc-listen[data-variant]{align-items:flex-start}.mc-listen-pill{box-sizing:border-box;justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--button-height);padding:0 var(--space-6);border-radius:var(--radius-full);background:var(--color-action-secondary);color:var(--color-text);font:600 var(--font-label-button-size) / var(--font-label-button-line-height) var(--font-latin);cursor:pointer;border:0;display:inline-flex}.mc-listen-pill[aria-disabled=true]{opacity:.6;cursor:default}.mc-listen-pill:focus-visible{outline:var(--border-2) solid var(--color-focus-ring);outline-offset:2px}.mc-home{gap:var(--space-6);padding:var(--space-2) var(--space-1) 0;flex-direction:column;display:flex}.mc-home>.mc-unsaved-region:empty{margin-bottom:calc(var(--space-6) * -1)}.mc-home-header{box-sizing:border-box;align-items:flex-start;gap:var(--space-4);padding:var(--space-6) var(--space-5);border-radius:var(--radius-28);background:var(--color-surface-inverse);flex-direction:column;display:flex;position:relative;overflow:hidden}.mc-home-logo{border-radius:var(--radius-8);display:inline-flex}.mc-home-logo:focus-visible{outline:var(--border-2) solid var(--color-focus-ring-on-inverse);outline-offset:2px}.mc-home-logo img{width:auto;height:40px;display:block}.mc-home-title{color:var(--color-text-accent-on-inverse);font:700 var(--font-display-size) / var(--font-display-line-height) var(--font-latin);letter-spacing:-.02em;margin:0}.mc-home-title span{display:block}.mc-home-petal{pointer-events:none;width:72px;height:36px;position:absolute;top:52px;right:-22px;transform:rotate(-35deg)}.mc-home-star{pointer-events:none;width:28px;position:absolute;bottom:20px;left:64%}.mc-home-block{gap:var(--space-3);flex-direction:column;display:flex}.mc-home-h2{color:var(--color-text);margin:0}.mc-home-card{box-sizing:border-box;gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-24);background:var(--color-surface);box-shadow:var(--shadow-card);flex-direction:column;display:flex}.mc-home-card-title{color:var(--color-text);margin:0}.mc-due-row{align-items:flex-start;gap:var(--space-3);flex-direction:column;display:flex}.mc-due-line{align-items:center;gap:var(--space-3);min-width:0;display:flex}.mc-due-icon{border-radius:var(--radius-12);background:var(--color-highlight-soft);width:40px;height:40px;color:var(--color-text);flex:none;justify-content:center;align-items:center;display:inline-flex}.mc-due-body{align-items:flex-start;gap:var(--space-1);overflow-wrap:anywhere;flex-direction:column;min-width:0;display:flex}.mc-due-text{color:var(--color-text)}.mc-due-meta{color:var(--color-text-secondary)}.mc-due-btn{align-self:flex-start}@media (min-width:1024px){.mc-due-row{flex-direction:row;justify-content:space-between;align-items:center}}.mc-home-primary{box-sizing:border-box;gap:var(--space-3);padding:var(--space-5);border-radius:var(--radius-24);background:var(--color-action-secondary);color:var(--color-text);flex-direction:column;display:flex}.mc-home-primary>p,.mc-home-primary>h2{margin:0}.mc-primary-title{color:var(--color-text);text-wrap:balance}.mc-primary-eyebrow,.mc-primary-progress,.mc-primary-desc{color:var(--color-text);text-wrap:pretty}.mc-home-primary .mc-btn{min-height:var(--button-height);align-self:stretch}.mc-week-card{padding:var(--space-4);gap:var(--space-3)}.mc-week-row{justify-content:space-between;align-items:flex-start;margin:0;padding:0;list-style:none;display:flex}.mc-week-cell{align-items:center;gap:var(--space-1);flex-direction:column;min-width:34px;display:flex}.mc-week-ring{box-sizing:border-box;border-radius:var(--radius-full);justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.mc-week-dot{box-sizing:border-box;border-radius:var(--radius-full);justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex}.mc-week-ring[data-state=done] .mc-week-dot,.mc-week-ring[data-state=todayDone] .mc-week-dot{background:var(--color-action-primary);color:var(--color-text-on-inverse)}.mc-week-ring[data-state=empty] .mc-week-dot,.mc-week-ring[data-state=today] .mc-week-dot{border:var(--border-1-5) solid var(--color-border)}.mc-week-ring[data-state=future] .mc-week-dot{background:var(--color-surface-muted)}.mc-week-ring[data-state=today],.mc-week-ring[data-state=todayDone]{border:var(--border-2) solid var(--color-border-focus)}.mc-week-label{color:var(--color-text-secondary)}.mc-week-cell[data-today] .mc-week-label{color:var(--color-text)}.mc-week-sentence{color:var(--color-text);margin:0}@media (min-width:1024px){.mc-week-card{padding:var(--space-5)}.mc-week-row{justify-content:flex-start;gap:0;width:360px;max-width:100%}.mc-week-cell{flex:1 1 0}}.mc-home-note{align-items:center;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-12);background:var(--color-surface-muted);color:var(--color-text-secondary);margin:0;display:flex}.mc-home-footer{gap:var(--space-2);padding:var(--space-4) 0;color:var(--color-text-secondary);flex-direction:column;display:flex}.mc-home-footer p{margin:0}.mc-home-footer a{color:var(--color-text-link);text-decoration:underline}.mc-home-footer .mc-home-footer-link{min-height:var(--touch-min);align-items:center;display:inline-flex}.mc-home-skeleton{gap:var(--space-3);flex-direction:column;display:flex}.mc-home-skeleton div{border-radius:var(--radius-24);background:var(--color-surface-muted);min-height:160px}.mc-home-skeleton div+div{border-radius:var(--radius-20);min-height:72px}@media (min-width:1024px){.mc-home-header{align-items:center}.mc-home-title{text-align:center}.mc-home-petal,.mc-home-star{display:none}}.mc-daily .mc-q-choices[data-layout=list]{gap:var(--space-3)}.mc-daily-stem{gap:var(--space-1);flex-direction:column;display:flex}.mc-daily-stem>p,.mc-daily-result p{margin:0}.mc-daily-stemzh{color:var(--color-text)}.mc-daily-secondary{color:var(--color-text-secondary)}.mc-daily-result{scroll-margin-bottom:var(--frame-bottom-clearance,var(--space-4));align-items:flex-start;gap:var(--space-2);flex-direction:column;display:flex}.mc-daily-result:empty{display:none}.mc-daily-answer{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.mc-daily-pinyin{color:var(--color-text-secondary)}.mc-daily-badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--color-surface-muted);color:var(--color-text);align-self:flex-start}.mc-daily-badge[data-tone=correct]{background:var(--color-status-correct-bg);color:var(--color-status-correct)}.mc-daily-badge[data-tone=wrong]{background:var(--color-status-wrong-bg);color:var(--color-status-wrong)}.mc-hero{align-items:center;gap:var(--space-1);padding:var(--space-3) 0;display:flex}.mc-hero-title{color:var(--color-text);overflow-wrap:anywhere;min-width:0;margin:0}.mc-sets{gap:var(--space-4);padding:var(--space-2) var(--space-1) 0;flex-direction:column;display:flex}.mc-sets-header{align-items:center;gap:var(--space-2);min-height:56px;display:flex}.mc-sets-back{width:var(--touch-min);height:var(--touch-min);border-radius:var(--radius-full);color:var(--color-text);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.mc-sets-back:focus-visible{outline:var(--border-2) solid var(--color-focus-ring);outline-offset:2px}.mc-chip:focus-visible{outline:var(--border-2) solid var(--color-focus-ring);outline-offset:2px}.mc-sets-title{min-width:0;color:var(--color-text);flex:1 1 0;margin:0}.mc-sets-block{gap:var(--space-3);flex-direction:column;display:flex}.mc-sets-h2{color:var(--color-text);margin:0}.mc-chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.mc-chip{box-sizing:border-box;justify-content:center;align-items:center;gap:var(--space-1);min-width:var(--touch-min);height:var(--touch-min);padding:0 var(--space-4);border:var(--border-1-5) solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-text);cursor:pointer;display:inline-flex}.mc-chip[aria-pressed=true]{border-color:var(--color-surface-inverse);background:var(--color-surface-inverse);color:var(--color-text-on-inverse)}.mc-sets-empty{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-20);background:var(--color-surface);box-shadow:var(--shadow-card);flex-direction:column;display:flex}.mc-sets-empty-text{align-items:center;gap:var(--space-2);margin:0;display:flex}.mc-sets-none{color:var(--color-text-secondary);margin:0}.mc-sets-skeleton{gap:var(--space-3);flex-direction:column;display:flex}.mc-sets-skeleton div{border-radius:var(--radius-20);background:var(--color-surface-muted);min-height:72px}.mc-sets-error{align-items:center;gap:var(--space-3);padding-top:var(--space-6);text-align:center;flex-direction:column;display:flex}.mc-sets-error p{margin:0}.mc-sets-error .mc-btn{gap:var(--space-2)}.mc-sets-error-icon{border-radius:var(--radius-full);background:var(--color-status-error-bg);width:56px;height:56px;color:var(--color-status-error);justify-content:center;align-items:center;display:inline-flex}.mc-sets-levels{gap:var(--space-2);flex-direction:column;display:flex}.mc-sets-chiplabel{color:var(--color-text-secondary);margin:0}.mc-sets-blockhead{justify-content:space-between;align-items:baseline;gap:var(--space-3);display:flex}.mc-sets-progress{text-align:right;color:var(--color-text-secondary);margin:0}.mc-dict{gap:var(--space-4);flex-direction:column;display:flex}.mc-dict-row:focus-visible{outline:var(--border-2) solid var(--color-focus-ring);outline-offset:2px}.mc-dict-vocab{gap:var(--space-3);flex-direction:column;display:flex}.mc-dict-h2,.mc-dict-group-h{color:var(--color-text);margin:0}.mc-dict-group{gap:var(--space-2);padding-top:var(--space-2);flex-direction:column;display:flex}.mc-dict-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.mc-dict-row{box-sizing:border-box;align-items:center;gap:var(--space-3);width:100%;min-height:64px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-20);background:var(--color-surface);color:var(--color-text);text-align:left;cursor:pointer;border:0;display:flex}.mc-dict-hanzi{overflow-wrap:anywhere;flex:none;width:84px}.mc-dict-text{flex-direction:column;flex:1 1 0;min-width:0;display:flex}.mc-dict-pinyin,.mc-dict-vi{overflow-wrap:anywhere}.mc-dict-vi{color:var(--color-text-secondary)}.mc-dict-meta{align-items:flex-end;gap:var(--space-1);flex-direction:column;flex:none;display:flex}.mc-dict-level{color:var(--color-text-secondary)}.mc-dict-seen{color:var(--color-status-correct);align-items:center;gap:2px;display:inline-flex}.mc-dict-skeleton{gap:var(--space-2);flex-direction:column;display:flex}.mc-dict-skeleton div{border-radius:var(--radius-20);background:var(--color-surface-muted);min-height:64px}.mc-dict-search{align-items:center;display:flex;position:relative}.mc-dict-search-icon{left:var(--space-4);color:var(--color-text-secondary);pointer-events:none;display:inline-flex;position:absolute}.mc-dict-input{box-sizing:border-box;width:100%;min-height:48px;padding:0 calc(var(--space-4) + 36px) 0 calc(var(--space-4) + 28px);border:var(--border-1-5) solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-text);font-size:16px}.mc-dict-input:focus-visible{outline:var(--border-2) solid var(--color-focus-ring);outline-offset:2px}.mc-dict-clear:focus-visible{outline:var(--border-2) solid var(--color-focus-ring);outline-offset:2px}.mc-dict-clear{border-radius:var(--radius-full);width:44px;height:44px;color:var(--color-text);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex;position:absolute;right:2px}.mc-dict-sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.mc-dict-results{gap:var(--space-3);padding-bottom:var(--space-6);flex-direction:column;display:flex}.mc-dict-none,.mc-dict-more{color:var(--color-text-secondary);margin:0}.mc-pt{box-sizing:border-box;min-width:0;min-height:160px;padding:var(--space-4);border-radius:var(--radius-24);background:var(--color-surface);color:var(--color-text);flex-direction:column;justify-content:space-between;align-items:flex-start;text-decoration:none;display:flex}.mc-pt:focus-visible{outline:var(--border-2) solid var(--color-focus-ring);outline-offset:2px}.mc-pt-icon{width:var(--touch-min);height:var(--touch-min);border-radius:var(--radius-12);background:var(--color-surface);color:var(--color-text);flex:none;justify-content:center;align-items:center;display:inline-flex}.mc-pt-text{gap:var(--space-1);flex-direction:column;width:100%;min-width:0;display:flex}.mc-pt-title{overflow-wrap:anywhere}.mc-pt-status{-webkit-line-clamp:3;overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.mc-pt[data-tone=forest]{background:var(--color-surface-inverse);color:var(--color-text-on-inverse)}.mc-pt[data-tone=forest] .mc-pt-icon{background:var(--color-action-secondary);color:var(--color-text)}.mc-pt[data-tone=limesoft]{background:var(--color-surface-accent)}.mc-pt[data-tone=limesoft] .mc-pt-icon{background:var(--color-surface-inverse);color:var(--color-text-on-inverse)}.mc-pt[data-tone=plain] .mc-pt-icon,.mc-pt[data-tone=pink]{background:var(--color-highlight-soft)}.mc-pt[data-tone=lime]{background:var(--color-action-secondary)}@media (min-width:1024px){.mc-pt[data-tone=limesoft]{background:var(--color-surface)}.mc-pt[data-tone=limesoft] .mc-pt-icon{background:var(--color-highlight-soft);color:var(--color-text)}}.mc-practice{gap:var(--space-4);flex-direction:column;display:flex}.mc-practice-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.mc-practice-skeleton{border-radius:var(--radius-24);background:var(--color-surface-muted);min-height:200px}.mc-practice-error{padding:0}.mc-practice-footer{gap:var(--space-2);padding:var(--space-4) 0;flex-direction:column;display:flex}.mc-practice-footer:empty{display:none}.fc-screen{gap:var(--space-4);box-sizing:border-box;padding:var(--space-2) var(--space-1) env(safe-area-inset-bottom,0px);flex-direction:column;display:flex}.fc-run{height:calc(100vh - 2 * var(--space-4));height:calc(100dvh - 2 * var(--space-4));min-height:0;overflow:hidden}.fc-header,.fc-run-bar{align-items:center;gap:var(--space-2);min-height:56px;display:flex}.fc-run-bar{justify-content:space-between}.fc-back{width:var(--touch-min);height:var(--touch-min);border-radius:var(--radius-full);color:var(--color-text);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.fc-back:focus-visible{outline:var(--border-2) solid var(--color-focus-ring);outline-offset:2px}.fc-option:focus-visible{outline:var(--border-2) solid var(--color-focus-ring);outline-offset:2px}.fc-link:focus-visible{outline:var(--border-2) solid var(--color-focus-ring);outline-offset:2px}.fc-card:focus-visible{outline:var(--border-2) solid var(--color-focus-ring);outline-offset:2px}.fc-title{min-width:0;color:var(--color-text);flex:1 1 0;margin:0}.fc-open{gap:var(--space-3);padding:var(--space-5);border-radius:var(--radius-20);background:var(--color-surface-accent);color:var(--color-text);flex-direction:column;display:flex}.fc-open .mc-btn{width:100%}.fc-desc,.fc-count{margin:0}.fc-level-row{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.fc-badge{min-height:28px;padding:0 var(--space-3);border-radius:var(--radius-full);background:var(--color-surface-muted);color:var(--color-text);align-items:center;display:inline-flex}.fc-link{min-height:var(--touch-min);padding:0 var(--space-2);color:var(--color-text);cursor:pointer;background:0 0;border:0;text-decoration:underline}.fc-skeleton{border-radius:var(--radius-20);background:var(--color-surface-muted);height:160px}.fc-live{clip-path:inset(50%);width:1px;height:1px;min-height:0;margin:0;position:absolute;overflow:hidden}.fc-sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.fc-sheet-sub{margin:0 0 var(--space-3);color:var(--color-text-secondary)}.fc-options{gap:var(--space-2);flex-direction:column;display:flex}.fc-option{box-sizing:border-box;align-items:center;gap:var(--space-2);width:100%;min-height:56px;padding:var(--space-4);border:var(--border-1-5) solid var(--color-border-subtle);border-radius:var(--radius-20);background:var(--color-surface);color:var(--color-text);text-align:left;font:inherit;cursor:pointer;display:flex}.fc-option[aria-checked=true]{border-color:var(--color-surface-inverse)}.fc-card{box-sizing:border-box;overscroll-behavior:contain;min-height:160px;padding:var(--space-8) var(--space-5) var(--space-4);border-radius:var(--radius-20);background:var(--color-surface);border:var(--border-1-5) solid var(--color-border-subtle);color:var(--color-text);text-align:center;cursor:pointer;flex:1 1 0;display:flex;position:relative;overflow-y:auto}.fc-card[data-face=back]{cursor:default;background:var(--color-surface-accent)}.fc-card-state{top:var(--space-3);left:var(--space-4);color:var(--color-text-secondary);position:absolute}.fc-card-front,.fc-card-back{align-items:center;gap:var(--space-2);flex-direction:column;margin:auto;display:flex}.fc-card-front p,.fc-card-back p{margin:0}.fc-front-count,.fc-pinyin{color:var(--color-text-secondary)}.fc-listen{margin-top:var(--space-2)}.fc-speak-msg{color:var(--color-text-secondary)}.fc-rate{gap:var(--space-3);display:flex}.fc-rate .mc-btn{flex:1 1 0}.fc-rate-hint{color:var(--color-text-secondary);text-align:center;margin:0}@media (max-height:700px){.fc-run{gap:var(--space-3)}.fc-run .fc-run-bar{min-height:var(--touch-min)}.fc-run .fc-card{padding:var(--space-6) var(--space-4) var(--space-3)}}@media (min-width:1024px){.fc-run{height:calc(100vh - var(--space-6) - var(--space-8) - var(--space-4));height:calc(100dvh - var(--space-6) - var(--space-8) - var(--space-4))}.fc-run .fc-card{flex:0 480px}}.fc-stats{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.fc-stat{box-sizing:border-box;gap:var(--space-1);padding:var(--space-4) var(--space-5);border-radius:var(--radius-20);background:var(--color-surface);color:var(--color-text);flex-direction:column;display:flex}.fc-stat[data-tone=lime]{background:var(--color-action-secondary)}.fc-stat[data-tone=forest]{background:var(--color-surface-inverse);color:var(--color-text-on-inverse)}.fc-stat[data-tone=forest] .fc-stat-value{color:var(--color-text-accent-on-inverse)}.fc-stat-value,.fc-stat-label{margin:0}.fc-stat-value{font-variant-numeric:tabular-nums}.fc-note{align-items:center;gap:var(--space-2);color:var(--color-text-secondary);margin:0;display:flex}.fc-actions{gap:var(--space-4);flex-direction:column;display:flex}.fc-actions .mc-btn{width:100%}.fc-speak-retry{min-height:var(--touch-min);padding:0 var(--space-2);color:var(--color-text-link);cursor:pointer;background:0 0;border:0}.ml-screen{gap:var(--space-4);box-sizing:border-box;padding:var(--space-2) var(--space-1) env(safe-area-inset-bottom,0px);flex-direction:column;display:flex}.ml-header{align-items:center;gap:var(--space-2);min-height:56px;display:flex}.ml-back{width:var(--touch-min);height:var(--touch-min);border-radius:var(--radius-full);color:var(--color-text);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.ml-back:focus-visible{outline:var(--border-2) solid var(--color-focus-ring);outline-offset:2px}.ml-title{min-width:0;color:var(--color-text);flex:1 1 0;margin:0}.ml-head-block,.ml-state{gap:var(--space-3);padding:var(--space-5);border-radius:var(--radius-20);background:var(--color-surface-accent);color:var(--color-text);flex-direction:column;display:flex}.ml-head-block .mc-btn,.ml-state .mc-btn{width:100%}.ml-count,.ml-sub,.ml-main{margin:0}.ml-sub{color:var(--color-text-secondary)}.ml-actions{gap:var(--space-2);flex-direction:column;display:flex}.ml-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.ml-row{box-sizing:border-box;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-20);background:var(--color-surface);box-shadow:var(--shadow-card);display:flex}@media (forced-colors:active){.ml-row{border:var(--border-1) solid CanvasText}}.ml-row-icon{color:var(--color-text-secondary);flex:none;display:inline-flex}.ml-row-text{gap:var(--space-1);flex-direction:column;flex:1 1 0;min-width:0;display:flex}.ml-row-source,.ml-row-meaning,.ml-row-excerpt{overflow-wrap:anywhere;margin:0}.ml-row-excerpt{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.ml-row-source{color:var(--color-text-secondary)}.ml-tag{box-sizing:border-box;height:28px;padding:0 var(--space-3);border-radius:var(--radius-full);background:var(--color-surface-muted);color:var(--color-text);flex:none;align-items:center;display:inline-flex}.ml-tag[data-state=Cần\ ôn]{background:var(--color-status-attention-bg);color:var(--color-status-attention)}.ml-note{align-items:center;gap:var(--space-2);color:var(--color-text-secondary);margin:0;display:flex}.ml-skeleton{border-radius:var(--radius-20);background:var(--color-surface-muted);height:160px}.ml-error,.ml-end{gap:var(--space-3);flex-direction:column;display:flex}.ml-end .mc-btn{width:100%}.ml-end-text{margin:0}.mc-rp-icon{background:var(--color-highlight-soft)}.mc-rp-empty{color:var(--color-text-secondary)}.mc-rp-run{gap:var(--space-4);flex-direction:column;display:flex}.mc-rp-head{align-items:center;gap:var(--space-3);display:flex}.mc-rp-close{width:var(--touch-min);height:var(--touch-min);border:var(--border-1) solid var(--color-border-subtle);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-text);cursor:pointer;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.mc-rp-close:focus-visible{outline:var(--border-2) solid var(--color-focus-ring);outline-offset:2px}.mc-rp-translate:focus-visible{outline:var(--border-2) solid var(--color-focus-ring);outline-offset:2px}.mc-rp-progress{border-radius:var(--radius-full);background:var(--color-surface-muted);flex:1 1 0;min-width:0;height:8px;overflow:hidden}.mc-rp-progress-fill{border-radius:var(--radius-full);background:var(--color-surface-inverse);height:100%}.mc-rp-pill{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-text);white-space:nowrap;flex:none}.mc-rp-passage{align-items:flex-start;gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-24);background:var(--color-surface);box-shadow:var(--shadow-card);flex-direction:column;display:flex}.mc-rp-passage-title,.mc-rp-passage-vi{color:var(--color-text-secondary);margin:0}.mc-rp-translate{min-height:var(--touch-min);padding:0 var(--space-2);color:var(--color-text-link);cursor:pointer;background:0 0;border:0}.mc-rp-dataerror{gap:var(--space-3);flex-direction:column;display:flex}.mc-rp-dataerror p{color:var(--color-text-secondary);margin:0}.mc-rp-source{gap:var(--space-1);flex-direction:column;display:flex}.mc-rp-source p{margin:0}.mc-rp-hint{color:var(--color-text-secondary)}.mc-rp-typing{align-items:stretch;gap:var(--space-2);display:flex}.mc-rp-typing-input{min-width:0;min-height:var(--button-height);box-sizing:border-box;padding:0 var(--space-4);border:var(--border-1-5) solid var(--color-border);border-radius:var(--radius-16);background:var(--color-surface);color:var(--color-text);font:400 var(--font-hanzi-body-size) / var(--font-hanzi-body-line-height) var(--font-han);flex:1 1 0}.mc-rp-typing-input:focus-visible{outline:var(--border-2) solid var(--color-focus-ring);outline-offset:2px;border-color:var(--color-border-focus)}.mc-rp-chip{box-sizing:border-box;height:24px;padding:3px var(--space-2);margin-right:calc(var(--space-1) - var(--space-3));border-radius:var(--radius-full);background:var(--color-status-correct-bg);color:var(--color-status-correct);font:500 var(--font-label-sm-size) / var(--font-label-sm-line-height) var(--font-latin);white-space:nowrap;flex:none}@media (max-width:359.98px){.mc-rp-row:has(.mc-rp-chip){gap:0 var(--space-3);grid-template-columns:auto minmax(0,1fr) auto;align-items:start;display:grid}.mc-rp-row:has(.mc-rp-chip)>.mc-sc-content{display:contents}.mc-rp-row:has(.mc-rp-chip)>.mc-sc-icon{grid-area:1/1/span 4;align-self:center}.mc-rp-row:has(.mc-rp-chip) .mc-sc-content>*{grid-column:2;min-width:0}.mc-rp-row:has(.mc-rp-chip) .mc-sc-title{grid-row:1}.mc-rp-row:has(.mc-rp-chip)>.mc-rp-chip{margin:var(--space-1) 0;grid-area:2/2;justify-self:start}.mc-rp-row:has(.mc-rp-chip)>.mc-sc-chevron{grid-area:1/3/span 4;align-self:center}}.kb-screen{gap:var(--space-4);box-sizing:border-box;min-height:calc(100dvh - 2 * var(--space-4));padding:var(--space-2) var(--space-1) env(safe-area-inset-bottom,0px);flex-direction:column;display:flex;position:relative}.kb-topbar{display:flex}.kb-spacer{flex:1 1 0;min-height:0}.kb-helper{color:var(--color-text-secondary);margin:0}.kb-helper-center{text-align:center}.kb-nowrap{white-space:nowrap}.kb-sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.kb-hero{box-sizing:border-box;padding:var(--space-6) var(--space-16) var(--space-6) var(--space-5);border-radius:var(--radius-28);background:var(--color-surface-inverse);position:relative;overflow:hidden}.kb-hero-text{color:var(--color-text-accent-on-inverse);margin:0}.kb-hero-leaf{background:var(--color-highlight);border-radius:46px 3px;width:46px;height:46px;position:absolute;top:-9px;right:-9px}.kb-hero-star{width:29px;height:29px;color:var(--color-action-secondary);position:absolute;bottom:15px;right:15px}.kb-illustration{justify-content:center;align-items:center;gap:var(--space-4);box-sizing:border-box;border-radius:var(--radius-20);background:var(--color-surface-accent);height:136px;color:var(--color-text);flex:none;display:flex;position:relative;overflow:hidden}.kb-keyboard{padding:var(--space-2);border-radius:var(--radius-16);background:var(--color-surface-inverse);flex-direction:column;align-items:center;gap:2px;display:flex}.kb-key-row{gap:2px;display:flex}.kb-key{background:var(--color-border-subtle);border-radius:2px;width:8px;height:8px}.kb-key-space{background:var(--color-action-secondary);width:46px}.kb-keycap-wrap{flex:none;position:relative}.kb-keycap{box-sizing:border-box;border:var(--border-2) solid var(--color-surface-inverse);border-radius:var(--radius-20);background:var(--color-action-secondary);width:80px;height:80px;color:var(--color-text);justify-content:center;align-items:center;display:flex}.kb-keycap-dot{border-radius:var(--radius-full);background:var(--color-highlight);width:20px;height:20px;position:absolute;top:-12px;right:-12px}.kb-choice{box-sizing:border-box;align-items:center;gap:var(--space-3);width:100%;min-height:56px;padding:var(--space-4);border:var(--border-1-5) solid var(--color-border-subtle);border-radius:var(--radius-20);background:var(--color-surface);color:var(--color-text);text-align:left;font:inherit;cursor:pointer;margin:0;display:flex}.kb-choice:active{background:var(--color-surface-muted)}.kb-choice:focus-visible{outline:var(--border-2) solid var(--color-focus-ring);outline-offset:2px}.kb-choice-text{gap:var(--space-1);flex-direction:column;flex:1 1 0;min-width:0;display:flex}.kb-choice-hint{color:var(--color-text-secondary)}.kb-os-row{align-items:center;gap:var(--space-1) var(--space-2);flex-wrap:wrap;display:flex}.kb-os-badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--color-surface-muted);color:var(--color-text-secondary);align-items:center;display:inline-flex}.kb-link-btn{box-sizing:border-box;min-height:var(--button-height);padding:0 var(--space-4);border-radius:var(--radius-full);color:var(--color-text-link);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;margin:0;display:inline-flex}.kb-link-btn:focus-visible{outline:var(--border-2) solid var(--color-focus-ring);outline-offset:2px}.kb-btn:focus-visible{outline:var(--border-2) solid var(--color-focus-ring);outline-offset:2px}.kb-os-option:focus-visible{outline:var(--border-2) solid var(--color-focus-ring);outline-offset:2px}.kb-os-list{gap:var(--space-3);flex-direction:column;display:flex}.kb-os-option{box-sizing:border-box;width:100%;min-height:56px;padding:var(--space-4);border:var(--border-1-5) solid var(--color-border-subtle);border-radius:var(--radius-20);background:var(--color-surface);color:var(--color-text);text-align:left;cursor:pointer;margin:0}.kb-os-option[aria-checked=true]{border:var(--border-2) solid var(--color-surface-inverse);background:var(--color-surface-accent)}.kb-steps{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.kb-step{align-items:flex-start;gap:var(--space-3);display:flex;position:relative}.kb-step-number{border-radius:var(--radius-full);background:var(--color-surface-inverse);width:28px;height:28px;color:var(--color-text-on-inverse);flex:none;justify-content:center;align-items:center;display:inline-flex}.kb-step-path{min-width:0;padding-top:var(--space-1);color:var(--color-text);flex:1 1 0}.kb-btn{box-sizing:border-box;justify-content:center;align-items:center;gap:var(--space-2);width:100%;min-height:var(--button-height);padding:0 var(--space-6);border:var(--border-1-5) solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-text);cursor:pointer;margin:0;display:inline-flex}.kb-btn[data-variant=primary]{border-color:var(--color-action-primary);background:var(--color-action-primary);color:var(--color-text-on-inverse)}.kb-btn[data-variant=primary]:active{background:var(--color-action-primary-pressed)}.kb-btn[data-variant=outline]:active{background:var(--color-surface-muted)}.kb-notice{align-items:flex-start;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-12);margin:0;display:flex}.kb-notice[data-tone=info]{background:var(--color-surface-muted);color:var(--color-text)}.kb-notice[data-tone=error]{background:var(--color-status-error-bg);color:var(--color-status-error)}.kb-notice>span{flex:1 1 0;min-width:0}@media (min-width:1024px){.kb-spacer{flex:0 0 0}.kb-illustration{background:var(--color-surface)}}.ty-screen{gap:var(--space-4);box-sizing:border-box;min-height:calc(100dvh - 2 * var(--space-4));padding:var(--space-2) var(--space-1) env(safe-area-inset-bottom,0px);flex-direction:column;display:flex;position:relative}.ty-spacer{flex:1 1 0;min-height:0}@media (min-width:1024px){.ty-screen{min-height:calc(100dvh - var(--space-6) - var(--space-6) - var(--space-8) - var(--space-4))}.ty-screen--run{min-height:0;padding:0}.ty-screen--run .ty-bar{margin-bottom:var(--space-6)}}.ty-screen--run>.mc-q-run{flex-direction:column;flex:auto;display:flex}.ty-screen--run>.mc-q-run>.mc-q{flex:auto}.ty-header{align-items:center;gap:var(--space-3);display:flex}.ty-exit{border:var(--border-1) solid var(--color-border-subtle);background:var(--color-surface)}.ty-exit:focus-visible{outline:var(--border-2) solid var(--color-focus-ring);outline-offset:2px}.ty-setup-link:focus-visible{outline:var(--border-2) solid var(--color-focus-ring);outline-offset:2px}.ty-progress{border-radius:var(--radius-full);background:var(--color-progress-track);flex:1 1 0;min-width:0;height:8px;overflow:hidden}.ty-progress>span{border-radius:var(--radius-full);background:var(--color-progress-fill);height:100%;display:block}.ty-badge{box-sizing:border-box;height:28px;padding:0 var(--space-3);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-text);flex:none;align-items:center;display:inline-flex}.ty-prompt{box-sizing:border-box;gap:var(--space-1);padding:var(--space-5) var(--space-6);border-radius:var(--radius-24);background:var(--color-surface-inverse);text-align:center;flex-direction:column;display:flex}.ty-prompt-label{color:var(--color-text-on-inverse);margin:0}.ty-prompt-meaning{color:var(--color-text-accent-on-inverse);overflow-wrap:anywhere;margin:0}.ty-field-wrap{gap:var(--space-2);flex-direction:column;display:flex}.ty-field{box-sizing:border-box;align-items:center;gap:var(--space-2);min-height:52px;padding:var(--space-1) var(--space-1) var(--space-1) var(--space-4);border:var(--border-1-5) solid var(--color-border);border-radius:var(--radius-20);background:var(--color-surface);display:flex}.ty-field:focus-within{border:var(--border-2) solid var(--color-border-focus)}.ty-field[data-state="Đang soạn chữ"]{border-color:var(--color-status-composing)}.ty-field[data-state="Chưa phải chữ Hán"],.ty-field[data-state="Chưa phải tiếng Việt"]{border:var(--border-2) solid var(--color-border-error)}.ty-field[data-state=Đúng]{border:var(--border-2) solid var(--color-status-correct);color:var(--color-status-correct)}.ty-field[data-state=Sai]{border:var(--border-2) solid var(--color-status-wrong);color:var(--color-status-wrong)}.ty-field-input{box-sizing:border-box;min-width:0;padding:var(--space-2) 0;resize:none;color:var(--color-text);overflow-wrap:anywhere;background:0 0;border:0;outline:0;flex:1 1 0;align-self:center;margin:0;display:block;overflow:hidden}.ty-field-count{color:var(--color-text-secondary);white-space:nowrap;flex:none}.ty-field-clear{width:36px;height:36px}.ty-field-mark{padding:0 var(--space-2);flex:none;display:inline-flex}.ty-field-message{align-items:flex-start;gap:var(--space-2);color:var(--color-status-error);margin:0;display:flex}.ty-field-message svg{margin-top:2px}.ty-setup-link{align-self:flex-start;gap:var(--space-2);padding:0 var(--space-4);color:var(--color-text-link);background:0 0;border-color:#0000}.ty-bar{gap:var(--space-2);display:flex}.ty-bar .mc-btn{flex:1 1 0;min-width:0}.mc-btn[disabled]{border-color:var(--color-surface-disabled);background:var(--color-surface-disabled);color:var(--color-text-disabled);cursor:default}.ty-skeleton{gap:var(--space-4);flex-direction:column;display:flex}.ty-skeleton>div{border-radius:var(--radius-24);background:var(--color-surface-muted);height:88px}.ty-error{align-items:flex-start;gap:var(--space-4);padding:var(--space-6) 0;flex-direction:column;display:flex}.ty-error p{margin:0}.ty-error-icon{color:var(--color-status-error)}.ty-error-kept{color:var(--color-text-secondary)}.ty-fb-body{gap:var(--space-3);flex-direction:column;display:flex}.ty-fb-typed{overflow-wrap:anywhere}.ty-fb-typed,.ty-fb-answer-label,.ty-fb-also,.ty-fb-note{margin:0}.ty-fb-answer-label{color:var(--color-text-secondary)}.ty-fb-reading{align-items:flex-end;gap:var(--space-2) var(--space-4);color:var(--color-text);flex-wrap:wrap;display:flex}.ty-fb-hanzi{overflow-wrap:anywhere;font:500 var(--font-hanzi-display-size) / var(--font-hanzi-display-line-height) var(--font-han);flex:none;overflow:clip}.ty-fb-hanzi[data-long]{font:500 var(--font-hanzi-lg-size) / var(--font-hanzi-lg-line-height) var(--font-han)}.ty-fb-hanzi[data-sentence],.ty-fb-hanzi[data-sentence][data-long]{min-width:0;font:500 var(--font-hanzi-md-size) / var(--font-hanzi-md-line-height) var(--font-han);flex:100%}@media (max-height:699px){.ty-fb-hanzi{font:500 var(--font-hanzi-lg-size) / var(--font-hanzi-lg-line-height) var(--font-han)}}.ty-fb-reading>.ty-fb-answer-label{align-self:center}.ty-fb-meaning{align-items:flex-start;gap:var(--space-1);flex-direction:column;flex:120px;min-width:120px;display:flex}.ty-fb-vi{font-weight:700}.ty-fb-level{box-sizing:border-box;height:28px;padding:0 var(--space-3);border-radius:var(--radius-full);background:var(--color-surface);align-items:center;display:inline-flex}.ty-fb-also{color:var(--color-text-secondary)}.ty-fb-note{align-items:flex-start;gap:var(--space-2);color:var(--color-text-secondary);display:flex}.ty-fb-note svg{margin-top:2px}.ty-sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ty-sum-title{color:var(--color-text);margin:0}.ty-sum-note{color:var(--color-text-secondary);margin:0}.ty-flashcard-lane{gap:var(--space-3);flex-direction:column;display:flex}.ty-flashcard-line{color:var(--color-text-secondary);margin:0}.ty-flashcard-lane .mc-btn{width:100%}.ty-stats{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.ty-stat{box-sizing:border-box;gap:var(--space-1);padding:var(--space-4) var(--space-5);border-radius:var(--radius-20);background:var(--color-surface);color:var(--color-text);flex-direction:column;display:flex}.ty-stat[data-tone=lime]{background:var(--color-action-secondary)}.ty-stat[data-tone=forest]{background:var(--color-surface-inverse);color:var(--color-text-on-inverse)}.ty-stat[data-tone=forest] .ty-stat-value{color:var(--color-text-accent-on-inverse)}.ty-stat[data-tone=lime-soft]{background:var(--color-surface-accent);grid-column:1/-1}.ty-stat[data-wide]{grid-column:1/-1}.ty-stat-value,.ty-stat-label{margin:0}.ty-stat-value{font-variant-numeric:tabular-nums}.ty-stat-label{color:inherit}.ty-stat[data-tone=lime-soft] .ty-stat-label{color:var(--color-text-secondary)}.ty-list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.ty-list-title{color:var(--color-text);margin:0}.ty-row{box-sizing:border-box;align-items:stretch;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-20);background:var(--color-surface);box-shadow:var(--shadow-card);flex-direction:column;display:flex}@media (forced-colors:active){.ty-row{border:var(--border-1) solid CanvasText}}.ty-row-hanzi{overflow-wrap:anywhere;flex:none;min-width:0}.ty-sum-round{color:var(--color-text-secondary);margin:0}.ty-row-text{flex-direction:column;flex:none;min-width:0;display:flex}.ty-row-vi{overflow-wrap:anywhere}.ty-row-tag{box-sizing:border-box;height:28px;padding:0 var(--space-3);border-radius:var(--radius-full);background:var(--color-surface-muted);color:var(--color-text);flex:none;align-self:flex-start;align-items:center;display:inline-flex}.ty-row-tag[data-result=Sai]{background:var(--color-status-wrong-bg);color:var(--color-status-wrong)}.ty-row-tag[data-result=Khác]{background:var(--color-status-attention-bg);color:var(--color-status-attention)}.ty-notice{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-16);background:var(--color-surface-muted);color:var(--color-text);margin:0;display:flex}.ty-notice[data-tone=plain]{border:var(--border-1) solid var(--color-border-subtle);background:var(--color-surface)}.ty-notice svg{flex:none}.ty-actions{gap:var(--space-2);flex-direction:column;display:flex}.ty-actions .mc-btn{min-width:0}.ty-field-input::placeholder{color:var(--color-text-secondary);opacity:1}.ty-prompt-sub,.ty-field-hint{color:var(--color-text-secondary);margin:0}.ty-cloze{width:100%;min-width:0;margin:0}.ty-cloze-flow{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:8px 2px;display:flex}.ty-cloze[data-variant=answer] .ty-cloze-flow{justify-content:flex-start}.ty-cloze-unit{white-space:nowrap;align-items:flex-end;gap:2px;display:inline-flex}.ty-cloze-col{padding:0 var(--space-1);border-radius:var(--radius-8);flex-direction:column;align-items:center;display:inline-flex}.ty-cloze-col[data-blank=empty]{gap:2px;padding:0}.ty-cloze .ty-cloze-py{white-space:nowrap;color:var(--color-text-secondary);line-height:18px}.ty-cloze[data-variant=prompt] .ty-cloze-py{color:var(--color-text-accent-on-inverse)}.ty-cloze-han,.ty-cloze-punct{font:500 var(--font-hanzi-md-size) / var(--font-hanzi-md-line-height) var(--font-han);color:var(--color-text-on-inverse)}.ty-cloze-punct{padding:0 var(--space-1)}.ty-cloze[data-variant=answer] .ty-cloze-han,.ty-cloze[data-variant=answer] .ty-cloze-punct{font:400 var(--font-hanzi-body-size) / var(--font-hanzi-body-line-height) var(--font-han);color:var(--color-text)}.ty-cloze-col[data-blank=filled]{background:var(--color-surface-accent)}.ty-cloze-box{box-sizing:border-box;width:calc(var(--ty-cloze-n,2) * 36px);max-width:calc(100vw - 2 * var(--space-5) - 2 * var(--space-4));border:var(--border-1-5) solid var(--color-text-accent-on-inverse);border-radius:var(--radius-8);flex:none;height:32px;display:block}.ty-fb-body[data-cloze]{gap:var(--space-2)}.ty-fb-cloze-answer,.ty-fb-cloze-full{gap:var(--space-1);flex-direction:column;display:flex}.ty-fb-cloze-word{font:500 var(--font-hanzi-md-size) / var(--font-hanzi-md-line-height) var(--font-han);color:var(--color-text)}.ty-fb-cloze-vi{color:var(--color-text-secondary);margin:0}.ty-prompt-hanzi{color:var(--color-text-accent-on-inverse);overflow-wrap:anywhere;font:500 var(--font-hanzi-lg-size) / var(--font-hanzi-lg-line-height) var(--font-han);margin:0}.ty-prompt[data-vi=cau] .ty-prompt-hanzi{font:500 var(--font-hanzi-md-size) / var(--font-hanzi-md-line-height) var(--font-han)}.ty-field-input:lang(vi){font-family:var(--font-latin)}.ty-fb-body[data-dich]{gap:var(--space-2)}.ty-fb-body[data-dich] .ty-fb-typed{margin-bottom:var(--space-1)}.ty-fb-answer-row{align-items:center;gap:var(--space-2);display:flex}.ty-fb-answer-row>.ty-fb-hanzi{flex:1 1 0}.ty-fb-listen{color:var(--color-text-link)}.ty-fb-pinyin{color:var(--color-text-secondary);margin:0}.ty-fb-body[data-dich] .ty-fb-vi{margin:0}.ty-fb-retry{margin-left:var(--space-2);color:var(--color-text-link);cursor:pointer;background:0 0;border:0;padding:0}.mc-switch{--switch-w:52px;--switch-h:32px;--switch-border:var(--border-2);--switch-thumb-on:24px;--switch-thumb-off:20px;--switch-check:18px;box-sizing:border-box;width:var(--switch-w);height:var(--touch-min);cursor:pointer;background:0 0;border:0;flex:none;padding:0;position:relative}.mc-switch-track{inset:calc((var(--touch-min) - var(--switch-h)) / 2) 0;box-sizing:border-box;border:var(--switch-border) solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);position:absolute}.mc-switch-thumb{top:50%;left:calc((var(--switch-h) - 2 * var(--switch-border) - var(--switch-thumb-off)) / 2);width:var(--switch-thumb-off);height:var(--switch-thumb-off);border-radius:var(--radius-full);background:var(--color-text-secondary);color:var(--color-action-primary);justify-content:center;align-items:center;transition:left .15s,width .15s,height .15s;display:flex;position:absolute;transform:translateY(-50%)}.mc-switch[aria-checked=true] .mc-switch-track{border-color:var(--color-action-primary);background:var(--color-action-primary)}.mc-switch[aria-checked=true] .mc-switch-thumb{left:calc(var(--switch-w) - 2 * var(--switch-border) - var(--switch-thumb-on) - (var(--switch-h) - 2 * var(--switch-border) - var(--switch-thumb-on)) / 2);width:var(--switch-thumb-on);height:var(--switch-thumb-on);background:var(--color-surface)}.mc-switch:focus-visible{outline:none}.mc-switch:focus-visible .mc-switch-track{outline:var(--border-2) solid var(--color-focus-ring);outline-offset:2px}@media (prefers-reduced-motion:reduce){.mc-switch-thumb{transition:none}}@media (forced-colors:active){.mc-switch-track{forced-color-adjust:none;background:canvas;border-color:canvastext}.mc-switch-thumb{forced-color-adjust:none;background:canvastext}.mc-switch[aria-checked=true] .mc-switch-track{background:highlight;border-color:highlight}.mc-switch[aria-checked=true] .mc-switch-thumb{color:highlight;background:highlighttext}.mc-switch:focus-visible .mc-switch-track{outline-color:highlight}}.mc-gr-level{margin:calc(var(--space-2) * -1) 0 0 var(--space-1);color:var(--color-text-secondary)}.mc-gr-lead{background:var(--color-highlight-soft)}.mc-gr-chips{gap:var(--space-2);display:flex}.mc-gr-formula{gap:var(--space-2);padding:var(--space-5);border-radius:var(--radius-24);background:var(--color-surface-inverse);color:var(--color-text-on-inverse);flex-direction:column;display:flex}.mc-gr-formula-title{margin:0}.mc-gr-pattern{color:var(--color-text-accent-on-inverse);overflow-wrap:anywhere;margin:0;font-size:24px;font-weight:700;line-height:32px}.mc-gr-pattern-zh{font-family:var(--font-hanzi,"Noto Sans SC", sans-serif);font-size:var(--font-hanzi-md-size);line-height:var(--font-hanzi-md-line-height)}.mc-gr-notes{color:var(--color-text-on-inverse);margin:0}.mc-gr-block{gap:var(--space-3);flex-direction:column;display:flex}.mc-gr-block h2{margin:var(--space-2) 0 0;color:var(--color-text)}.mc-gr-text,.mc-gr-mistake{color:var(--color-text);margin:0}.mc-gr-zh{font-family:var(--font-hanzi,"Noto Sans SC", sans-serif)}.mc-gr-mistake{padding:var(--space-4);border-radius:var(--radius-16,var(--radius-12));background:var(--color-highlight-soft)}.mc-gr-example{padding:var(--space-4);border-radius:var(--radius-20);background:var(--color-surface);box-shadow:var(--shadow-card)}.mc-gr-example[data-playing=true]{background:var(--color-surface-accent)}.mc-gr-example-row{align-items:flex-start;gap:var(--space-2);display:flex}.mc-gr-example-text{gap:var(--space-1);flex-direction:column;flex:1 1 0;min-width:0;display:flex}.mc-gr-example-text p{margin:0}.mc-gr-example-pinyin{color:var(--color-text-secondary)}.mc-gr-example-vi{color:var(--color-text)}.mc-gr-listen{flex:none}.mc-gr-practice{align-self:stretch;gap:var(--space-2)}.mc-gr-example .mc-rs-notice{margin:var(--space-2) 0 0;color:var(--color-text-secondary)}.mc-gr-example .mc-rs-retry{margin-left:var(--space-2)}.mc-ex-icon{background:var(--color-highlight-soft)}.mc-ex-empty,.mc-ex-hint{color:var(--color-text-secondary)}.mc-ex-hub,.mc-ex-intro{gap:var(--space-4);flex-direction:column;display:flex}.mc-ex-title{margin:0}.mc-ex-intro .mc-sets-header{min-height:var(--touch-min)}.mc-ex-table{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-16);background:var(--color-surface);flex-direction:column;display:flex}.mc-ex-kv{gap:var(--space-1);flex-direction:column;display:flex}.mc-ex-kv-row{justify-content:space-between;gap:var(--space-3);display:flex}.mc-ex-kv-label{color:var(--color-text-secondary)}.mc-ex-kv-value{text-align:right}.mc-ex-kv-row[data-stack]{justify-content:flex-start;gap:var(--space-1);flex-direction:column}.mc-ex-kv-row[data-stack] .mc-ex-kv-value{text-align:left}.mc-ex-table[data-table=last]{padding-block:var(--space-3)}.mc-ex-kv-sub{color:var(--color-text-secondary)}.mc-ex-note{align-items:center;gap:var(--space-2);color:var(--color-text-secondary);flex-wrap:wrap;margin:0;display:flex}.mc-ex-sample{gap:var(--space-2);margin-right:var(--space-3);flex-direction:column;display:inline-flex}.mc-ex-state,.mc-ex-keyboard,.mc-ex-preload{gap:var(--space-3);flex-direction:column;display:flex}.mc-ex-state .mc-btn,.mc-ex-keyboard .mc-btn,.mc-ex-preload .mc-btn{width:100%}.mc-ex-keyboard .mc-ex-actions[data-row] .mc-btn{min-width:0;padding-inline:var(--space-2);white-space:nowrap}.mc-ex-actions[data-row]{gap:var(--space-3);display:flex}.mc-ex-actions[data-row] .mc-btn{flex:1 1 0}.mc-ex-run{gap:var(--space-4);padding-bottom:calc(176px + env(safe-area-inset-bottom,0px));flex-direction:column;display:flex}.mc-ex-timer{font-variant-numeric:tabular-nums}.mc-ex-sub{justify-content:space-between;align-items:baseline;gap:var(--space-3);display:flex}.mc-ex-sub-text{color:var(--color-text-secondary);margin:0}.mc-ex-link{min-height:var(--touch-min);padding:0 var(--space-1);color:var(--color-text-link);cursor:pointer;background:0 0;border:0;font-weight:600}.mc-ex-link:focus-visible{outline:var(--border-2) solid var(--color-focus-ring);outline-offset:2px}.mc-ex-form{margin:0}.mc-ex-body{gap:var(--space-4);flex-direction:column;display:flex}.mc-ex-bar{box-sizing:border-box;z-index:20;gap:var(--space-3);padding:var(--space-3) var(--space-5) calc(var(--space-4) + env(safe-area-inset-bottom,0px));background:var(--color-surface);flex-direction:column;display:flex;position:fixed;bottom:0;left:0;right:0}.mc-ex-bar .mc-btn{width:100%}.mc-ex-bar-row{gap:var(--space-3);display:flex}.mc-ex-bar-row>.mc-btn,.mc-ex-bar-gap{flex:1 1 0;min-width:0}@media (min-width:1024px){.mc-ex-run{min-height:calc(100dvh - var(--space-6) - var(--space-8) - var(--space-4));padding-bottom:0}.mc-ex-run .mc-ex-body{flex:auto;padding-bottom:8px}.mc-ex-bar{left:auto;right:auto;bottom:calc(var(--space-6) * 2);width:100%;max-width:var(--content-width,584px);margin:auto auto calc(var(--space-2) + var(--space-6));background:0 0;padding:0;position:sticky}}.mc-ex-dialog{padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom,0px))}.mc-ex-dialog p{margin:0}.mc-ex-dialog-actions{gap:var(--space-3);display:flex}.mc-ex-dialog-actions .mc-btn{flex:1 1 0}.mc-ex-dialog-actions[data-stacked]{flex-direction:column}.mc-ex-list{gap:var(--space-4);flex-direction:column;display:flex}.mc-ex-list-count,.mc-ex-list h3,.mc-ex-list h4{margin:0}.mc-ex-list-group{gap:var(--space-3);flex-direction:column;display:flex}.mc-ex-list-note{color:var(--color-text-secondary);margin:0}.mc-ex-list-form{color:var(--color-text-secondary)}.mc-ex-cells{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(72px,1fr));margin:0;padding:0;list-style:none;display:grid}.mc-ex-cell{box-sizing:border-box;width:100%;min-width:0;min-height:var(--touch-min);padding:var(--space-1);border:var(--border-1) solid var(--color-border-subtle);border-radius:var(--radius-12);background:var(--color-surface);color:var(--color-text);font:inherit;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex}.mc-ex-cell[aria-disabled=true]{background:var(--color-surface-muted);color:var(--color-text-secondary);cursor:default}.mc-ex-cell[data-current]{border-color:var(--color-border-focus);border-width:var(--border-2)}.mc-ex-cell:focus-visible{outline:var(--border-2) solid var(--color-focus-ring);outline-offset:2px}.mc-ex-pill{white-space:nowrap;padding:0 var(--space-2);border-radius:var(--radius-full);background:var(--color-surface-accent)}.mc-ex-cell-fail{color:var(--color-status-attention);text-align:center;align-items:center;gap:2px;display:inline-flex}.mc-ex-result{gap:var(--space-4);flex-direction:column;display:flex}.mc-ex-result h1,.mc-ex-result p{margin:0}.mc-ex-result .mc-btn{width:100%}.mc-ex-top{gap:var(--space-4);flex-direction:column;display:flex}.mc-ex-top:focus{outline:none}.mc-ex-typed{gap:var(--space-1);flex-direction:column;display:flex}.mc-ex-typed p{margin:0}.mc-ex-typed .mc-q-hanzi-md{font:400 var(--font-hanzi-md-size) / var(--font-hanzi-md-line-height) var(--font-han)}.mc-ex-typed-label{color:var(--color-text-secondary);font:400 var(--font-body-sm-size) / var(--font-body-sm-line-height) var(--font-latin)}.mc-ex-run .mc-q-image .mc-q-img{box-sizing:border-box;padding:var(--space-2);object-fit:contain}.mc-ex-pill-example{background:var(--color-surface-accent)}.mc-ex-example-note{align-items:flex-start;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-16);background:var(--color-surface-accent);color:var(--color-text);margin:0;display:flex}.mc-ex-example-card{gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-16);background:var(--color-surface);flex-direction:column;display:flex}.mc-ex-pill-example{position:relative}.mc-ex-example-note>svg{flex:none}.mc-ex-bar .mc-btn.mc-ex-text-btn{color:var(--color-text-link);background:0 0;border-color:#0000}@media (min-width:1024px){.mc-ex-pill-example,.mc-ex-example-note{background:var(--color-surface)}}.mc-ex-head-slot{min-width:0;margin-left:auto}.mc-ex-chip-progress{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4) var(--space-2) var(--space-3);border-radius:var(--radius-full);background:var(--color-surface);display:inline-flex}.mc-ex-chip-dot{border-radius:var(--radius-full);background:var(--color-status-attention);width:8px;height:8px}.mc-ex-chip-progress>.t-label:first-of-type{color:var(--color-status-attention)}.mc-ex-intro{padding-bottom:calc(var(--mc-ex-dock-h,107px) + var(--space-4))}.mc-ex-sr{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.mc-ex-total{align-self:flex-start;gap:var(--space-2);margin-top:calc(var(--space-3) - var(--space-4));padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);background:var(--color-surface-accent);flex-wrap:wrap;display:inline-flex}.mc-ex-total-label{color:var(--color-text-secondary)}.mc-ex-table .mc-ex-kv-value{overflow-wrap:anywhere}.mc-ex-notice{padding:var(--space-3) var(--space-4);border-radius:var(--radius-16);background:var(--color-status-attention-bg);color:var(--color-status-attention)}.mc-ex-notice p{margin:0}.mc-ex-dock .mc-ex-notice{align-items:flex-start;gap:var(--space-2);flex-direction:row;display:flex}.mc-ex-notice>svg{flex:none}.mc-ex-steps{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.mc-ex-step-group{flex-direction:column;display:flex}.mc-ex-step{align-items:stretch;gap:var(--space-3);padding-bottom:var(--space-3);display:flex}.mc-ex-step[data-last]{padding-bottom:0}.mc-ex-mile{align-items:center;gap:var(--space-1);flex-direction:column;flex:none;width:40px;display:flex}.mc-ex-dot{box-sizing:border-box;border-radius:var(--radius-full);background:var(--color-surface-inverse);width:40px;height:40px;color:var(--color-text-accent-on-inverse);justify-content:center;align-items:center;display:inline-flex}.mc-ex-line{background:var(--color-border);flex:auto;width:2px;min-height:4px}.mc-ex-group{align-items:stretch;gap:var(--space-3);padding:var(--space-2) 0 var(--space-3);display:flex}.mc-ex-group-text{justify-content:space-between;align-items:center;gap:var(--space-1) var(--space-3);flex-wrap:wrap;flex:1 1 0;min-width:0;display:flex}.mc-ex-group-name{color:var(--color-text-secondary)}.mc-ex-card{gap:var(--space-1);min-width:0;padding:var(--space-4);border-radius:var(--radius-20);background:var(--color-surface);flex-direction:column;flex:1 1 0;display:flex}.mc-ex-card-head{align-items:center;gap:var(--space-2);display:flex}.mc-ex-card-sub,.mc-ex-step-note{color:var(--color-text-secondary);margin:0}.mc-ex-card .mc-ex-sample{margin:var(--space-3) 0 0;align-self:flex-start}.mc-ex-sample .mc-btn{gap:var(--space-2)}.mc-ex-card .mc-ex-keyboard{margin-top:var(--space-3)}.mc-ex-notes{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-16);background:var(--color-surface-muted);flex-direction:column;display:flex}.mc-ex-notes-row{align-items:flex-start;gap:var(--space-3);color:var(--color-text);margin:0;display:flex}.mc-ex-dock{box-sizing:border-box;z-index:20;padding:var(--space-3) max(var(--space-5), calc((100% - var(--frame-max-width,480px)) / 2 + var(--space-5))) calc(var(--space-3) + env(safe-area-inset-bottom,0px));background:var(--color-bg);border-top:1px solid var(--color-border-subtle);gap:var(--space-3);flex-direction:column;display:flex;position:fixed;bottom:0;left:0;right:0}.mc-ex-dock>*{gap:var(--space-3);flex-direction:column;display:flex}.mc-ex-dock>.mc-ex-actions[data-row]{flex-direction:row}.mc-ex-dock .mc-btn{width:100%}.mc-ex-dock p{margin:0}.mc-ex-progress{border-radius:var(--radius-full);background:var(--color-progress-track);height:8px;overflow:hidden}.mc-ex-progress>span{border-radius:var(--radius-full);background:var(--color-progress-fill);width:40%;height:100%;animation:1.2s ease-in-out infinite mc-ex-slide;display:block}@keyframes mc-ex-slide{0%{transform:translate(-100%)}to{transform:translate(250%)}}@media (prefers-reduced-motion:reduce){.mc-ex-progress>span{width:40%;margin-inline-start:30%;margin-inline-end:30%;animation:none}}.mc-ex-preload:not(:has([role=status])) .mc-ex-progress{display:none}@media (min-width:1024px){.mc-ex-intro{padding-bottom:var(--space-6)}.mc-ex-total{background:var(--color-surface)}.mc-ex-dock{width:100%;margin:var(--space-2) 0 0;background:0 0;border-top:0;padding:0;position:static}}@media (max-width:359px){.mc-ex-intro{padding-inline-start:0;padding-inline-end:0}.mc-ex-notes{padding:var(--space-3)}.mc-ex-notes-row{gap:var(--space-2)}.mc-ex-dock{padding-inline:var(--space-4)}}.mc-privacy-section{gap:var(--space-2);flex-direction:column;display:flex}.mc-privacy-section h2,.mc-privacy-section p,.mc-privacy-switch p{margin:0}.mc-privacy-section h2{color:var(--color-text)}.mc-privacy-section p{color:var(--color-text-secondary)}.mc-privacy-switch{gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-24);background:var(--color-surface-muted);flex-direction:column;display:flex}.mc-privacy-switch-row{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:var(--touch-min);display:flex}.mc-privacy-desc{color:var(--color-text-secondary)}.mc-privacy-status{color:var(--color-text)}.mc-privacy-section p a.mc-privacy-link{color:var(--color-text-link);text-decoration:underline}.mc-privacy-section p a.mc-privacy-link:focus-visible{outline:var(--border-2) solid var(--color-focus-ring);outline-offset:2px}.mc-privacy-notsaved:empty{margin-top:calc(-1 * var(--space-2))}@font-face{font-family:Lexend;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/lexend-vietnamese-wght-normal-RvljkFvg.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303,U+309,U+323,U+1EA0-1EF9,U+20AB}@font-face{font-family:Lexend;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/lexend-latin-wght-normal-ci0D1wrL.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:MC Pinyin;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/mc-pinyin-CT73ym5H.woff2)format("woff2")}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--p-forest-900:#00332b;--p-forest-800:#00483c;--p-forest-700:#00684f;--p-forest-600:#3d5a53;--p-forest-500:#678a80;--p-forest-300:#a9bfb7;--p-forest-200:#d5e3db;--p-forest-150:#e3ece6;--p-forest-100:#eaf1ec;--p-forest-50:#f1f5f2;--p-lime-700:#5e9a1a;--p-lime-600:#8cc63a;--p-lime-500:#9fdc3f;--p-lime-100:#e5f5cc;--p-pink-500:#f6a;--p-pink-100:#ffc7df;--p-white:#fff;--p-green-700:#17703f;--p-green-100:#e0f3e6;--p-red-700:#b42323;--p-red-100:#fbe5e5;--p-orange-800:#9a3412;--p-orange-100:#ffe8d6;--color-bg:var(--p-forest-50);--color-surface:var(--p-white);--color-surface-muted:var(--p-forest-100);--color-surface-accent:var(--p-lime-100);--color-surface-inverse:var(--p-forest-800);--color-surface-disabled:var(--p-forest-150);--color-text:var(--p-forest-800);--color-text-secondary:var(--p-forest-600);--color-text-link:var(--p-forest-700);--color-text-on-inverse:var(--p-white);--color-text-accent-on-inverse:var(--p-lime-500);--color-text-disabled:var(--p-forest-600);--color-text-disabled-subtle:var(--p-forest-500);--color-border:var(--p-forest-500);--color-border-subtle:var(--p-forest-200);--color-border-focus:var(--p-forest-700);--color-action-primary:var(--p-forest-800);--color-action-primary-pressed:var(--p-forest-900);--color-action-secondary:var(--p-lime-500);--color-action-secondary-pressed:var(--p-lime-600);--color-highlight:var(--p-pink-500);--color-highlight-soft:var(--p-pink-100);--color-status-correct:var(--p-green-700);--color-status-correct-bg:var(--p-green-100);--color-status-wrong:var(--p-red-700);--color-status-wrong-bg:var(--p-red-100);--color-status-alt:var(--p-green-700);--color-status-alt-bg:var(--p-lime-100);--color-status-composing:var(--p-orange-800);--color-status-composing-bg:var(--p-orange-100);--color-status-error:var(--p-red-700);--color-border-error:var(--p-red-700);--color-status-error-bg:var(--p-red-100);--color-status-attention:var(--p-orange-800);--color-status-attention-bg:var(--p-orange-100);--color-focus-ring:var(--p-forest-700);--color-focus-ring-on-inverse:var(--p-lime-500);--color-progress-track:var(--p-forest-150);--color-progress-fill:var(--p-forest-800);--color-overlay-scrim:#00332b7a;--shadow-card:0 4px 10px #00483c0a;--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-8:8px;--radius-12:12px;--radius-16:16px;--radius-20:20px;--radius-24:24px;--radius-28:28px;--radius-32:32px;--radius-full:999px;--border-1:1px;--border-1-5:1.5px;--border-2:2px;--touch-min:44px;--button-height:48px;--tab-height:56px;--font-latin:"Lexend", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-han:"MC Pinyin", "PingFang SC", "Noto Sans CJK SC", "Noto Sans SC", "Source Han Sans SC", "Microsoft YaHei", sans-serif;--font-pinyin:"MC Pinyin", "Noto Sans SC", "PingFang SC", "Noto Sans CJK SC", "Microsoft YaHei", sans-serif;--font-display-lg-size:48px;--font-display-lg-line-height:60px;--font-display-size:34px;--font-display-line-height:44px;--font-title-1-size:24px;--font-title-1-line-height:32px;--font-title-2-size:22px;--font-title-2-line-height:30px;--font-title-3-size:18px;--font-title-3-line-height:24px;--font-body-size:16px;--font-body-line-height:24px;--font-body-sm-size:14px;--font-body-sm-line-height:20px;--font-caption-size:12px;--font-caption-line-height:18px;--font-label-button-size:16px;--font-label-button-line-height:24px;--font-label-size:14px;--font-label-line-height:20px;--font-label-sm-size:13px;--font-label-sm-line-height:18px;--font-number-lg-size:32px;--font-number-lg-line-height:40px;--font-number-size:16px;--font-number-line-height:20px;--font-input-size:18px;--font-input-line-height:24px;--font-hanzi-display-size:72px;--font-hanzi-display-line-height:88px;--font-hanzi-lg-size:40px;--font-hanzi-lg-line-height:52px;--font-hanzi-md-size:24px;--font-hanzi-md-line-height:32px;--font-hanzi-body-size:18px;--font-hanzi-body-line-height:28px;--font-pinyin-lg-size:22px;--font-pinyin-lg-line-height:28px;--font-pinyin-size:16px;--font-pinyin-line-height:24px;--font-pinyin-sm-size:13px;--font-pinyin-sm-line-height:18px}.t-display-lg{font:700 var(--font-display-lg-size) / var(--font-display-lg-line-height) var(--font-latin);letter-spacing:-.02em}.t-display{font:700 var(--font-display-size) / var(--font-display-line-height) var(--font-latin);letter-spacing:-.02em}.t-title-1{font:700 var(--font-title-1-size) / var(--font-title-1-line-height) var(--font-latin);letter-spacing:-.02em}.t-title-2{font:700 var(--font-title-2-size) / var(--font-title-2-line-height) var(--font-latin);letter-spacing:-.02em}.t-title-3{font:700 var(--font-title-3-size) / var(--font-title-3-line-height) var(--font-latin);letter-spacing:-.02em}.t-body{font:400 var(--font-body-size) / var(--font-body-line-height) var(--font-latin)}.t-body-sm{font:400 var(--font-body-sm-size) / var(--font-body-sm-line-height) var(--font-latin)}.t-caption{font:400 var(--font-caption-size) / var(--font-caption-line-height) var(--font-latin)}.t-label-button{font:600 var(--font-label-button-size) / var(--font-label-button-line-height) var(--font-latin)}.t-label{font:600 var(--font-label-size) / var(--font-label-line-height) var(--font-latin)}.t-label-sm{font:500 var(--font-label-sm-size) / var(--font-label-sm-line-height) var(--font-latin)}.t-number-lg{font:600 var(--font-number-lg-size) / var(--font-number-lg-line-height) var(--font-latin)}.t-number{font:600 var(--font-number-size) / var(--font-number-line-height) var(--font-latin)}.t-input{font:400 var(--font-input-size) / var(--font-input-line-height) var(--font-latin)}.t-hanzi-display{font:500 var(--font-hanzi-display-size) / var(--font-hanzi-display-line-height) var(--font-han)}.t-hanzi-lg{font:500 var(--font-hanzi-lg-size) / var(--font-hanzi-lg-line-height) var(--font-han)}.t-hanzi-md{font:500 var(--font-hanzi-md-size) / var(--font-hanzi-md-line-height) var(--font-han)}.t-hanzi-body{font:400 var(--font-hanzi-body-size) / var(--font-hanzi-body-line-height) var(--font-han)}.t-pinyin-lg{font:400 var(--font-pinyin-lg-size) / var(--font-pinyin-lg-line-height) var(--font-pinyin)}.t-pinyin{font:400 var(--font-pinyin-size) / var(--font-pinyin-line-height) var(--font-pinyin)}.t-pinyin-sm{font:400 var(--font-pinyin-sm-size) / var(--font-pinyin-sm-line-height) var(--font-pinyin)}.mc-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}