:root{font-family:-apple-system,BlinkMacSystemFont,PingFang TC,Noto Sans TC,system-ui,sans-serif;color:#202b27;background:#f5f7f2;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-size:18px}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(ellipse at 50% 0%,#edf2e8 0,#f5f7f2,#f4f6f1)}button,select{font:inherit}button{touch-action:manipulation}.shell{width:min(100% - 28px,560px);min-height:100svh;margin:0 auto;display:flex;flex-direction:column;gap:18px;padding:max(18px,env(safe-area-inset-top)) 0 max(18px,env(safe-area-inset-bottom))}.home-card,.quiz-card,.review-card{width:100%;background:#fff;border:1px solid #e9eee6;border-radius:24px;box-shadow:0 14px 44px #3042340f}.home-card{padding:28px}.home-title{margin:0 0 24px;font-size:clamp(28px,7vw,34px);line-height:1.4;letter-spacing:-.025em;font-weight:750;color:#283b30}.settings-stack{display:flex;flex-direction:column;gap:11px}.field-label{display:block;margin:0 0 0 2px;color:#536258;font-size:17px;line-height:1.5;font-weight:650}.field-select{width:100%;min-width:0;min-height:58px;padding:12px 15px;border:1px solid #dfe7dc;border-radius:14px;background:#fff;color:#33453a;font-size:19px;line-height:1.45}.mode-picker{margin-top:5px}.mode-picker>.field-label{margin-bottom:9px}.mode-options,.voice-genders{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:5px;border-radius:15px;background:#f2f5f0}.mode-option{min-width:0;min-height:52px;border:1px solid transparent;border-radius:11px;background:transparent;color:#5f6e63;font-size:16px;font-weight:550;cursor:pointer}.mode-option.active{border-color:#dce7dc;background:#fff;color:#315a3b;font-weight:750;box-shadow:0 1px 5px #2b433012}.voice-choice{min-width:0;margin:5px 0 0;padding:0;border:0}.voice-choice legend{margin-bottom:8px}.voice-genders{grid-template-columns:repeat(2,minmax(0,1fr))}.voice-actions{display:flex;align-items:center;gap:10px;margin-top:2px}.voice-status{flex:1;min-width:0;color:#78857b;font-size:15px;line-height:1.5}.voice-preview{min-height:48px;min-width:78px;padding:0 15px;border:1px solid #dce8dc;border-radius:12px;background:#f7faf6;color:#446d4d;font-size:16px;font-weight:700;cursor:pointer}.voice-preview:disabled{opacity:.5}.voice-message{margin:-2px 0 0;color:#8a6439;font-size:15px;line-height:1.55}.primary-button,.secondary-button{min-height:62px;width:100%;border:0;border-radius:16px;display:flex;align-items:center;justify-content:center;gap:13px;background:#2d5846;color:#fff;font-size:19px;font-weight:750;cursor:pointer;box-shadow:0 6px 14px #2d584626}.primary-button:active,.secondary-button:active{background:#254b3b}.primary-button span,.secondary-button span{font-size:23px;font-weight:400}.secondary-button{margin-top:13px;background:#edf4ed;color:#315a3b;box-shadow:none;border:1px solid #dbe8dc}.secondary-button:active{background:#e4eee4}.secondary-button:disabled{opacity:.5;cursor:not-allowed}.start-error,.speech-warning,.storage-warning{margin:1px 0 0;color:#9e493d;font-size:15px;line-height:1.55}.speech-warning,.storage-warning{color:#946137}.review-card{padding:23px 25px}.review-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.review-heading h2{margin:0;color:#2d4034;font-size:22px;line-height:1.4}.review-heading strong{display:grid;place-items:center;min-width:39px;height:39px;padding:0 9px;border-radius:99px;background:#edf4ed;color:#42684b;font-size:18px}.review-count{margin:12px 0 0;color:#6f7d72;font-size:16px;line-height:1.55}.quiz-card{margin:2px 0 auto;padding:24px}.quiz-meta{display:flex;align-items:center;gap:12px}.back-button{width:48px;height:48px;flex:0 0 48px;border:1px solid #e4eae1;border-radius:13px;background:#fff;color:#657168;font-size:26px;cursor:pointer}.progress-copy{font-size:17px;color:#6e7971;font-weight:550}.progress-copy strong{color:#263b30;margin-left:5px}.progress-copy span{color:#929c93}.direction-chip{margin-left:auto;color:#54765e;background:#eff5ee;border-radius:99px;padding:9px 12px;font-size:15px;font-weight:700;white-space:nowrap}.progress-track{height:6px;border-radius:9px;background:#eef1ec;margin:20px 0 28px;overflow:hidden}.progress-track span{display:block;height:100%;border-radius:inherit;background:#7ba184;transition:width .18s}.question-area{min-height:170px;padding:0 4px;display:flex;flex-direction:column;align-items:flex-start}.question-label{color:#718076;font-size:17px;line-height:1.55}.prompt{max-width:100%;margin-top:13px;font-size:clamp(31px,8vw,35px);font-weight:750;letter-spacing:-.02em;line-height:1.5;color:#273b30;overflow-wrap:anywhere}.prompt-zh{font-size:clamp(28px,7vw,32px);letter-spacing:0;line-height:1.55}.part-of-speech{margin-top:4px;color:#879187;font-size:16px;line-height:1.5}.sound-controls{margin-top:16px;display:flex;flex-wrap:wrap;gap:10px}.sound-button{min-height:52px;border:1px solid #e1eae0;background:#f8fbf7;color:#4e7356;border-radius:13px;padding:9px 15px;font-size:16px;font-weight:650;cursor:pointer}.sound-button.slow{background:#fff;color:#68776c}.options{display:grid;gap:14px;margin-top:18px}.option{width:100%;min-height:64px;display:flex;align-items:center;gap:13px;text-align:left;padding:13px 14px;border:1px solid #e1e8df;border-radius:15px;background:#fff;color:#3d4b41;cursor:pointer}.option:disabled{cursor:default}.option-letter{flex:0 0 35px;height:35px;border-radius:11px;display:grid;place-items:center;background:#f1f4ef;color:#738076;font-size:15px;font-weight:750}.option-text{flex:1;min-width:0;font-size:20px;line-height:1.55;overflow-wrap:anywhere}.option-state{width:26px;flex:0 0 26px;text-align:center;font-size:24px;font-weight:800}.option.correct{border-color:#9cbea0;background:#f3f8f2;color:#315e3c}.option.correct .option-letter{background:#dfeee0;color:#3d7448}.option.wrong{border-color:#e7b4a7;background:#fff7f4;color:#a5503f}.option.wrong .option-letter{background:#f8e6e0;color:#a5503f}.next-button{margin-top:18px}.done-card{text-align:center}.done-card h1{margin:0 0 10px;font-size:29px;line-height:1.45}.score-value{margin:5px 0 20px;color:#2d5846;font-size:66px;font-weight:750;line-height:1.2;letter-spacing:-.04em}.score-value span{font-size:25px;font-weight:600;letter-spacing:0}.score-breakdown{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0 17px}.score-breakdown div{display:grid;gap:4px;padding:15px;border-radius:15px;background:#f6f8f4}.score-breakdown strong{font-size:27px;color:#365c41}.score-breakdown span{font-size:16px;color:#78847b}.result-detail{margin:0 0 18px;color:#748077;font-size:16px;line-height:1.6}.all-correct{margin:0 0 14px;color:#42684b;font-size:18px;font-weight:700}.storage-status{margin:2px 0 12px;color:#537250;font-size:15px;line-height:1.55}.text-button{min-height:48px;margin-top:9px;background:none;border:0;color:#68766c;font-size:16px;cursor:pointer}.page-footer{margin-top:auto;padding-top:8px;display:flex;justify-content:space-between;gap:10px;color:#939d94;font-size:12px;letter-spacing:.06em}.page-footer span:last-child{letter-spacing:0;text-align:right}.home-header{padding:4px 5px 2px}.home-header .home-title{margin:0}.home-entry-card{overflow:hidden;width:100%;border:1px solid #e5ece2;border-radius:22px;background:#fff;box-shadow:0 10px 32px #3042340b}.home-entry-trigger{width:100%;min-height:88px;display:flex;align-items:center;gap:14px;padding:17px 19px;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.entry-icon{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;border-radius:15px;background:#edf4ed;color:#42684b;font-size:26px}.review-icon{background:#f4f1e8;color:#927044}.favorite-icon{background:#f9eeec;color:#bf6559}.entry-copy{flex:1;min-width:0;display:grid;gap:4px}.entry-copy strong{color:#2d4034;font-size:20px;line-height:1.4}.entry-copy small{color:#758178;font-size:15px;line-height:1.45}.entry-arrow{color:#7b887e;font-size:22px}.entry-count{min-width:34px;height:34px;display:grid;place-items:center;padding:0 8px;border-radius:99px;background:#f1f5ef;color:#43664a;font-size:16px;font-weight:700}.home-entry-card .settings-stack{padding:0 21px 22px}.prompt-row{width:100%;display:flex;align-items:center;gap:8px}.prompt-row .prompt{flex:1;min-width:0}.heart-button{width:54px;height:54px;flex:0 0 54px;display:grid;place-items:center;border:1px solid #e6e9e4;border-radius:16px;background:#fff;color:#9aa39b;font-size:30px;line-height:1;cursor:pointer}.heart-button.is-favorite{border-color:#f1d5d1;background:#fff7f5;color:#d56459}.heart-button:disabled{opacity:.6}.result-actions{display:grid;gap:16px;margin-top:7px}.result-actions .primary-button,.result-actions .secondary-button{min-height:56px}.result-actions .secondary-button,.restart-button{margin-top:0}.bank-card{display:flex;flex-direction:column;gap:14px}.bank-top{display:flex;align-items:center;gap:13px;margin-bottom:3px}.bank-top h1{margin:0;color:#2d4034;font-size:25px;line-height:1.4}.bank-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:4px;border-radius:15px;background:#f2f5f0}.bank-tab{min-height:48px;border:1px solid transparent;border-radius:11px;background:transparent;color:#657269;font-size:16px;font-weight:650}.bank-tab.active{border-color:#dce7dc;background:#fff;color:#315a3b}.bank-practice{min-height:56px}.empty-state{margin:4px 0 0;padding:18px 10px;border-radius:15px;background:#f7f9f6;color:#748077;text-align:center;font-size:17px;line-height:1.55}.word-list{display:grid;gap:11px}.word-row{display:flex;align-items:center;gap:10px;min-width:0;padding:15px;border:1px solid #e7ece4;border-radius:16px;background:#fff}.word-row-main{flex:1;min-width:0;display:grid;gap:3px}.word-row-main strong{color:#2d4034;font-size:20px;overflow-wrap:anywhere}.word-row-main span{color:#58665c;font-size:16px;line-height:1.5;overflow-wrap:anywhere}.word-row-main small{color:#8a948b;font-size:13px;line-height:1.5}.word-row-actions{display:grid;gap:7px;justify-items:center;flex:0 0 auto}.sound-mini{width:44px;height:44px;border:1px solid #e1eae0;border-radius:13px;background:#f8fbf7;color:#4e7356;font-size:18px}.learned-button{min-height:44px;padding:0 10px;border:1px solid #dce8dc;border-radius:11px;background:#edf4ed;color:#315a3b;font-size:14px;font-weight:650;white-space:nowrap}.learned-button.restore{background:#f7f8f6;color:#58665c}.learned-button.remove-favorite{border-color:#f0dfdc;background:#fff7f5;color:#a6574e}@media(max-width:380px){.home-entry-trigger{gap:11px;padding:14px 13px}.entry-icon{width:43px;height:43px;flex-basis:43px}.entry-copy strong{font-size:19px}.entry-copy small{font-size:14px}.entry-count{min-width:30px;height:30px}.home-entry-card .settings-stack{padding:0 16px 18px}.word-row{padding:12px 10px}.learned-button{padding:0 7px;font-size:13px}}@media(min-width:700px){.shell{width:min(100% - 48px,560px)}.home-card{padding:32px}.quiz-card{padding:30px}}@media(max-width:380px){.shell{width:calc(100% - 24px)}.home-card{padding:22px 19px}.review-card{padding:21px 19px}.quiz-card{padding:20px 17px}.quiz-meta{gap:9px}.progress-copy{font-size:15px}.direction-chip{padding:8px 9px;font-size:13px}.option{gap:10px;padding:11px 10px}.option-text{font-size:19px}.mode-option{font-size:15px}}