.word-workspace{--word-ink:#193e39;--word-sound:#183e71;--word-hanzi-font:"PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;max-width:1040px;padding:18px 20px max(14px, env(safe-area-inset-bottom));color:var(--word-ink);margin:0 auto;font-size:1rem;line-height:1.35}.word-workspace *,.word-workspace :before,.word-workspace :after{box-sizing:border-box}.word-workspace button{cursor:pointer;transition:background .15s,box-shadow .15s}.word-workspace button:disabled{opacity:.45;cursor:default}:is(.word-workspace button:focus-visible,.word-workspace a:focus-visible,.word-pinyin-toggle input:focus-visible){outline-offset:3px;outline:3px solid #2579b7}.word-workspace button:hover:not(:disabled){filter:brightness(.97)}.word-top{justify-content:space-between;align-items:center;gap:10px;min-height:36px;display:flex}.word-top a{white-space:nowrap;font-size:.9375rem;font-weight:750}.word-top h1{letter-spacing:0;margin:0;font-size:1.125rem;font-weight:750;line-height:1.3}.word-top h1 small{color:#536e67;font-size:.8125rem;font-weight:500}.word-summary-link{background:#fff;border:1px solid #c8ded7;border-radius:14px;justify-content:center;align-items:center;gap:5px;min-height:44px;padding:6px 10px;font-size:.875rem;display:inline-flex}.word-summary-link small{font-size:.75rem}.word-context{justify-content:space-between;align-items:center;gap:10px;min-height:40px;margin:8px 0 12px;display:flex}.word-context p{color:#536e67;margin:0;font-size:.875rem}.word-context p>span{margin-left:8px}.word-workspace .word-text-select{color:#503a7c;height:auto;min-height:40px;box-shadow:none;background:#f0ebf9;border:1px solid #bbadcf;border-radius:12px;flex-shrink:0;padding:6px 10px;font-size:.875rem;font-weight:650}.word-text-select .word-option-count{display:none}.word-option-count{color:#536e67;font-size:.8125rem}.word-stage,.word-summary{background:#fff;border:1px solid #cde1dd;border-radius:22px;min-width:0;padding:20px;scroll-margin:8px;box-shadow:0 5px 20px #234e3909}.word-toolbar{flex-wrap:wrap;align-items:center;gap:12px;min-height:44px;margin-bottom:16px;display:flex}.word-progress-group{align-items:center;gap:8px;margin-right:auto;display:flex}.word-progress{min-width:48px}.word-progress strong{font-variant-numeric:tabular-nums;font-size:1.0625rem;line-height:1.2;display:block}.word-progress strong span{color:#657a73;font-size:.875rem;font-weight:500}.word-progress progress{accent-color:#087b70;background:#e7eeeb;border:0;border-radius:3px;width:100%;height:4px;margin:4px 0 0;display:block}.word-progress progress::-webkit-progress-bar{background:#e7eeeb;border-radius:3px}.word-progress progress::-webkit-progress-value{background:#087b70;border-radius:3px}.word-progress progress::-moz-progress-bar{background:#087b70;border-radius:3px}.word-auto-control{background:#edf7f2;border:1px solid #c5dfd5;border-radius:14px;flex-shrink:0;align-items:center;gap:8px;padding:0 10px;display:flex}.word-auto-control label{cursor:pointer;flex-direction:column;justify-content:center;min-height:44px;font-size:.875rem;font-weight:700;line-height:1.2;display:flex}.word-auto-control label span{margin-top:2px;font-size:.75rem;font-weight:500}.word-auto-switch[data-slot=switch]{background:#8b9a95;border:0;border-radius:999px;flex:0 0 42px;width:42px;height:24px;min-height:24px;padding:0;display:block;position:relative}.word-auto-switch[data-slot=switch]:before{content:"";position:absolute;inset:-10px 0}.word-auto-switch[data-state=checked]{background:#087b70}.word-auto-switch [data-slot=switch-thumb]{background:#fff;border-radius:50%;width:18px;height:18px;position:absolute;top:3px;left:3px;transform:translate(0);box-shadow:0 1px 3px #173c3433}.word-auto-switch [data-slot=switch-thumb][data-state=checked]{transform:translate(18px)}.word-pinyin-toggle{cursor:pointer;white-space:nowrap;align-items:center;gap:6px;min-height:44px;font-size:.875rem;display:inline-flex}.word-pinyin-toggle input{accent-color:#087b70;flex-shrink:0;width:18px;height:18px}.word-pinyin-toggle small{color:#536e67;font-size:.75rem;line-height:1.2;display:block}.word-practice-layout{grid-template-areas:"focus""controls";gap:16px;max-width:600px;margin:0 auto;display:grid}.word-stage.has-result .word-practice-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-template-areas:"focus result""controls result";align-items:start;gap:16px 24px;max-width:none}.word-flashcard{background:#f1f8f5;border:1px solid #a9cfc3;border-radius:14px;grid-area:focus;align-items:center;min-width:0;padding:14px 12px;display:flex}.word-target{color:#173c34;min-width:0;font-family:var(--word-hanzi-font);flex:1;justify-content:center;align-items:end;gap:.07em;font-size:clamp(3.25rem,8vw,4.75rem);font-weight:800;line-height:1.1;display:flex}.word-target[data-length="4"]{font-size:clamp(2rem,6vw,3rem)}.word-target-unit{flex-direction:column;align-items:center;gap:1px;min-width:0;display:inline-flex}.word-target-pinyin{font-family:var(--font-pinyin,"Lesson One", Arial, sans-serif);color:#467497;white-space:nowrap;font-size:1.25rem;font-weight:400;line-height:1.35}.word-result-score{text-align:center;font-variant-numeric:tabular-nums;border-left:1px solid #c4dcd2;flex-shrink:0;min-width:86px;margin-left:8px;padding-left:10px}.word-result-score>span{color:#36594e;font-size:.8125rem;font-weight:650;display:block}.word-result-score>span small{font-size:.6875rem;font-weight:400}.word-result-score>strong{margin:2px 0;font-family:Arial,sans-serif;font-size:3.5rem;font-weight:800;line-height:1;display:block}.word-result-score>small{color:#536e67;font-size:.6875rem;display:block}.word-result-score.good,.word-component-score.good{color:#096c50}.word-result-score.improve,.word-component-score.improve{color:#875000}.word-result-score.practice,.word-component-score.practice{color:#b02e3d}.word-result-score.unscored,.word-component-score.unscored{color:#647069}.word-result{grid-area:result;min-width:0}.word-feedback-table{border-collapse:separate;border-spacing:0;table-layout:fixed;background:#fff;border:1px solid #d5e2e8;border-radius:12px;width:100%;overflow:hidden}.word-feedback-table th,.word-feedback-table td{text-align:center;vertical-align:middle;border-bottom:1px solid #dfe9e6;padding:6px 4px}.word-feedback-table thead th{color:var(--word-sound);background:#edf3f9;padding:5px 3px;font-size:1rem;font-weight:750;line-height:1.15}.word-feedback-table th:first-child{width:18%}.word-feedback-table th small{font-family:var(--font-sans,sans-serif);margin-top:1px;font-size:.6875rem;font-weight:400;line-height:1.15;display:block}.word-feedback-table tbody th{background:#f5f9f7}.word-feedback-table tbody tr:last-child>*{border-bottom:0}.word-scored-character{font-family:var(--word-hanzi-font);color:var(--word-ink);font-size:2rem;font-weight:800;line-height:1.05;display:block}.word-sound-target{color:var(--word-sound);overflow-wrap:anywhere;font-family:Andika,Lesson One,Arial,sans-serif;font-size:clamp(1.375rem,2.6vw,1.875rem);font-weight:700;line-height:1.2;display:block}.word-component-score{border:1px solid #0000;border-radius:6px;justify-content:center;align-items:baseline;gap:2px;margin-top:3px;padding:1px 5px;font-family:Arial,sans-serif;line-height:1.1;display:inline-flex}.word-component-score b{font-variant-numeric:tabular-nums;font-size:1.25rem;font-weight:800}.word-feedback-table .word-component-score small{margin:0;font-size:.625rem;font-weight:400;display:inline}.word-component-score.good{background:#e6f4eb;border-color:#c2dfcc}.word-component-score.improve{background:#fff2d7;border-color:#e8ca8e}.word-component-score.practice{background:#fff0f0;border-color:#e7b7bd}.word-component-score.unscored{background:#f1f4f2;border-color:#dce3df}.word-tone-scores{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:3px;display:flex}.word-tone-target{color:var(--word-sound);white-space:nowrap;font-size:.6875rem;font-weight:650}.word-feedback-table .word-reading-issue{color:#b02e3d;font-size:.6875rem}.word-controls{grid-area:controls;min-width:0}.word-flow-status{color:#536e67;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;min-height:32px;margin:0 0 12px;font-size:.875rem;line-height:1.3;display:flex}.word-flow-panel{background:#f5f8f7;border:1px solid #d5e2dc;border-radius:18px;justify-content:space-between;min-height:76px;padding:10px}.word-flow-panel.is-counting{background:#fff7e2;border-color:#e7c983}.word-flow-button{color:#704700;white-space:nowrap;background:#fff;border:1px solid #98712d;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-width:104px;min-height:54px;padding:7px 14px;font-size:1rem;font-weight:750;line-height:1.2;display:inline-flex}.word-flow-button svg{flex-shrink:0}.word-flow-button small,.word-paused-label small{margin-top:3px;font-size:.75rem;font-weight:500;display:block}.word-paused-label{padding-left:6px;font-size:1rem;font-weight:650}.word-advance-countdown{color:#795000;align-items:center;gap:10px;font-size:.875rem;font-weight:650;display:flex}.word-advance-countdown>strong{color:#963e00;font-variant-numeric:tabular-nums;background:#ffe9ab;border:2px solid #e5b456;border-radius:50%;flex-shrink:0;justify-content:center;align-items:baseline;width:54px;height:54px;padding-top:5px;font-family:Arial,sans-serif;font-size:2.25rem;font-weight:800;line-height:1.2;display:flex}.word-advance-countdown>strong small{margin-left:2px;font-size:.75rem}.word-advance-countdown>span small{margin-top:3px;font-size:.75rem;font-weight:500;display:block}.word-retry-needed{color:#b02e3d;font-weight:650}.word-audio-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:10px;display:grid}.word-audio-actions button,.word-main-actions button,.word-score-retry,.word-summary button{border:1px solid #c6dcd5;border-radius:16px;justify-content:center;align-items:center;gap:9px;min-width:0;min-height:56px;padding:9px 12px;font-size:1rem;font-weight:650;line-height:1.2;display:inline-flex}.word-audio-actions button>svg,.word-main-actions button>svg{flex-shrink:0}.word-audio-actions small,.word-main-actions small{margin-top:3px;font-size:.75rem;font-weight:500;display:block}.word-listen{color:#194f77;background:#e2eff9;border-color:#a6cce6!important}.word-playback{color:#3e6257;background:#f5f8f7}.word-main-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.word-previous{width:44px;height:44px;color:var(--word-ink);background:#f5f8f7;border:1px solid #c6dcd5;border-radius:50%;flex:0 0 44px;justify-content:center;align-items:center;padding:0;display:inline-flex}.word-primary{color:#fff;background:#087b70;border-color:#087b70!important}.word-primary:hover:not(:disabled){background:#075e54}.word-secondary{color:#735118;background:#fcf0ce;border:1px solid #d3ac4d!important}.word-next{color:#503a7c;background:#e8e2fb;border-color:#b5a3df!important}.word-score-retry{width:100%;margin-top:6px}.word-hint{color:#566e69;margin:7px 0;font-size:.8125rem;line-height:1.45}.word-record-hint{text-align:center;margin:6px 0 0}.word-error{color:#8f391e;background:#fff0e8;border-radius:8px;margin:6px 0 0;padding:8px;font-size:.8125rem;line-height:1.4}.word-pilot-note{color:#536e67;text-align:center;margin:10px 0 0;font-size:.75rem;line-height:1.4}.word-recording-strip{background:#f5f9f7;border:1px solid #cde1dd;border-radius:9px;margin-bottom:6px;padding:6px 8px}.word-recording-strip .compact-meter{grid-template-columns:minmax(0,1fr) 64px;align-items:center;gap:2px 8px;min-width:0;max-width:none;margin:0;padding:0;display:grid}.word-recording-strip .meter-heading{flex-wrap:wrap;gap:6px;font-size:.8125rem}.word-recording-strip .meter-heading time{font-size:.8125rem;font-weight:600}.word-recording-strip .compact-meter svg{fill:#087b70;width:64px;height:18px;margin:0}.word-recording-strip .meter-quiet svg{fill:#b27b14}.word-recording-strip .meter-loud svg{fill:#c24f28}.word-recording-strip .compact-meter p{grid-column:1/-1;margin:0;font-size:.75rem;line-height:1.3}.word-summary h2{margin:0;font-size:1.375rem;font-weight:700}.word-summary>p{margin:6px 0}.word-summary-metrics{gap:10px;margin:12px 0;display:flex}.word-summary-metrics>div{text-align:center;background:#edf8f3;border-radius:12px;flex:1;padding:12px}.word-summary-metrics strong{font-size:2.5rem;display:block}.word-summary-metrics span{font-size:.8125rem}.word-summary-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0;display:grid}.word-summary-list button{text-align:left;background:#f5f9f7;border:1px solid #cde1dd;flex-wrap:wrap;justify-content:space-between;min-width:0}.word-summary-list strong{width:100%;font-family:var(--word-hanzi-font);font-size:1.5rem;font-weight:800;line-height:1.4}.word-summary-list span{min-width:0;font-size:.8125rem}.word-summary-list small{color:#875328;font-size:.75rem;display:block}.word-summary>.word-primary{width:100%}.word-pilot-entry{background:#e1f0ff;border:1px solid #b5d4eb;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin:14px 0;padding:14px;display:flex}.word-pilot-entry a{color:#fff;background:#087b70;border-radius:10px;padding:10px 14px;font-weight:700}.word-pilot-entry small{display:block}@media (max-width:760px){.word-workspace{max-width:620px;padding:10px 12px max(12px, env(safe-area-inset-bottom))}.word-top{gap:8px}.word-top h1{font-size:1rem}.word-top h1 small{display:none}.word-summary-link small{line-height:1.1;display:block}.word-context{margin:6px 0 10px}.word-context p{font-size:.875rem}.word-context p>span{display:none}.word-stage{border-radius:20px;padding:14px}.word-toolbar{gap:8px;margin-bottom:12px}.word-progress-group{gap:6px}.word-auto-control{gap:6px;padding:0 8px}.word-stage.has-result .word-practice-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"focus""result""controls";gap:12px}.word-flashcard{border-radius:16px;padding:12px 10px}.word-stage.has-result .word-target{font-size:3rem}.word-stage.has-result .word-target[data-length="4"]{font-size:clamp(1.875rem,8.5vw,2.5rem)}.word-target-pinyin{font-size:1.125rem}.word-target[data-length="4"] .word-target-pinyin{font-size:1rem}.word-result-score{min-width:72px;margin-left:7px;padding-left:8px}.word-result-score>strong{font-size:3rem}.word-result-score>span{font-size:.875rem}.word-result-score>span small{font-size:.75rem;display:block}.word-result-score>small{display:none}.word-feedback-table th,.word-feedback-table td{padding:6px 3px}.word-feedback-table thead th{padding:6px 3px;font-size:.9375rem}.word-feedback-table thead th small{font-size:.75rem}.word-scored-character{font-size:1.75rem}.word-sound-target{font-size:clamp(1.25rem,5.7vw,1.5rem);line-height:1.2}.word-component-score{margin-top:3px;padding:2px 4px}.word-component-score b{font-size:1.125rem}.word-feedback-table .word-component-score small,.word-tone-target{font-size:.75rem}.word-tone-scores{gap:3px}.word-audio-actions button,.word-main-actions button{min-height:56px;padding:8px}.word-summary-list{grid-template-columns:repeat(2,minmax(0,1fr))}.word-pilot-entry{flex-wrap:wrap}}@media (max-width:360px){.word-workspace{padding-left:8px;padding-right:8px}.word-stage{padding:10px}.word-top a,.word-top h1{font-size:.875rem}.word-summary-link{padding:6px 8px}.word-progress{min-width:42px}.word-progress strong{font-size:1rem}.word-auto-control{padding:0 6px}.word-pinyin-toggle{gap:4px}.word-flow-panel{gap:8px;padding:8px}.word-flow-button{min-width:96px;padding:7px 10px}.word-advance-countdown{gap:8px;font-size:.875rem}.word-advance-countdown>strong{width:50px;height:50px;font-size:2rem}.word-target[data-length="4"] .word-target-pinyin{font-size:.875rem}.word-result-score{min-width:64px}.word-component-score{padding-left:3px;padding-right:3px}.word-audio-actions button,.word-main-actions button{gap:6px;font-size:.9375rem}}@media (prefers-reduced-motion:reduce){.word-workspace button,.word-auto-switch [data-slot=switch-thumb]{transition:none}}.word-workspace .word-auto-switch[data-slot=switch]{width:42px;min-width:42px;height:24px;min-height:24px;overflow:hidden}.word-workspace .word-auto-switch [data-slot=switch-thumb]{width:18px;height:18px;top:3px;left:3px;transform:translate(0)!important}.word-workspace .word-auto-switch [data-slot=switch-thumb][data-state=checked]{transform:translate(18px)!important}.word-exit-button{color:#245b52;min-height:44px;font:inherit;background:#e8f5f3;border:1px solid #9fcac4;border-radius:12px;justify-content:center;align-items:center;gap:7px;padding:8px 12px;font-weight:700;display:flex}.word-exit-button span{align-items:center;gap:5px;display:flex}.word-exit-button small{font-size:.75rem;font-weight:500}.word-flashcard{min-height:220px}@media (max-width:700px){.word-workspace{width:100%;min-height:100svh;padding-top:max(10px,env(safe-area-inset-top));padding-bottom:max(16px,env(safe-area-inset-bottom))}.word-top{flex-wrap:wrap}.word-top h1{margin-right:auto}.word-exit-button{padding:8px 10px}.word-exit-button small{display:none}.word-stage{min-height:calc(100svh - 140px)}.word-practice-layout{max-width:none}.word-flashcard{min-height:clamp(230px,35svh,340px);padding:24px 12px}.word-stage.has-result .word-flashcard{min-height:clamp(190px,27svh,280px)}.word-stage .word-target,.word-stage .word-target[data-length="4"]{font-size:clamp(1.25rem,calc(76vw / max(3,var(--word-length))),6.75rem);white-space:nowrap;flex-wrap:nowrap;row-gap:0;line-height:1.15}.word-stage.has-result .word-target,.word-stage.has-result .word-target[data-length="4"]{font-size:clamp(1.125rem,calc(54vw / max(3,var(--word-length))),6.75rem)}.word-stage .word-target-pinyin,.word-stage .word-target[data-length="4"] .word-target-pinyin{font-size:clamp(.625rem,calc(16vw / max(3,var(--word-length))),1.25rem);font-weight:500;line-height:1.35}.word-target-unit{gap:8px}}.word-workspace button.word-auto-toggle{touch-action:manipulation;background:#85958f;border:0;border-radius:999px;flex:0 0 60px;width:60px;min-width:60px;max-width:60px;height:32px;min-height:32px;max-height:32px;padding:0;transition:background .18s;display:block;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #173c3426}.word-workspace button.word-auto-toggle[aria-checked=true]{background:#128779}.word-workspace .word-auto-toggle>.word-auto-knob{background:#fff;border:0;border-radius:50%;width:24px;height:24px;margin:0;padding:0;transition:left .18s;display:block;position:absolute;inset:4px auto auto 4px;transform:none;box-shadow:0 1px 4px #173c3440}.word-workspace .word-auto-toggle[aria-checked=true]>.word-auto-knob{left:32px;transform:none}.word-auto-control{min-height:48px}@media (prefers-reduced-motion:reduce){.word-workspace .word-auto-toggle>.word-auto-knob{transition:none}}.word-advance-countdown>strong{align-items:center;padding-top:0;font-size:2.75rem}.word-workspace .word-return-results{color:#673800;background:#ffdf9e;border:2px solid #bd771d;border-radius:14px;justify-content:center;align-items:center;gap:9px;min-height:52px;padding:10px 16px;font-size:17px;font-weight:800;display:inline-flex;box-shadow:0 3px #c48b3c26}.word-return-results small{margin-top:3px;font-size:13px;font-weight:600;line-height:1.3;display:block}.word-workspace .word-return-results-main{width:100%;min-height:58px;margin-top:12px}.word-workspace .word-return-results:hover:not(:disabled){background:#ffd17a}.word-review-mode{color:#704500;background:#fff1d5;border:1px solid #d9ae69;border-radius:12px;padding:7px 12px;font-size:14px;font-weight:750}.word-review-mode small{margin-top:2px;font-size:12px;font-weight:500;display:block}