:root{font-family:-apple-system,BlinkMacSystemFont,PingFang TC,Noto Sans TC,system-ui,sans-serif;color:#202b27;background:#f7f8f4;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%,#eef1e8 0,#f7f8f4 47%,#f6f7f3)}button,select{font:inherit}button{touch-action:manipulation}.shell{width:min(100% - 32px,560px);min-height:100svh;margin:0 auto;display:flex;flex-direction:column;padding:max(22px,env(safe-area-inset-top)) 0 max(18px,env(safe-area-inset-bottom))}.topbar{display:flex;align-items:center;gap:13px;min-height:52px;margin-bottom:auto}.brand-mark{width:44px;height:44px;flex:0 0 44px;border-radius:14px;display:grid;place-items:center;background:#264b3d;color:#fff;font-family:Georgia,serif;font-size:23px;font-weight:700;letter-spacing:-2px;padding-right:2px}.brand-copy{display:grid;gap:3px;font-size:15px;line-height:1.3}.brand-copy strong{font-size:16px;letter-spacing:.02em}.brand-copy span{color:#8b938d;font-size:13px}.lesson-pill{margin-left:auto;padding:9px 13px;border:1px solid #e3e7df;background:#ffffff94;color:#69746d;border-radius:99px;font-size:13px;font-weight:600}.home-card,.quiz-card{width:100%;background:#fff;border:1px solid #edf0ea;border-radius:27px;box-shadow:0 18px 55px #30423411}.home-card{padding:42px 36px 32px;margin:44px 0 auto}.eyebrow{display:flex;align-items:center;gap:10px;color:#5e8069;font-size:15px;font-weight:700;letter-spacing:.04em}.eyebrow-dot{width:9px;height:9px;border-radius:50%;background:#84a98d;box-shadow:0 0 0 5px #edf4ed}h1{margin:23px 0 17px;font-size:clamp(32px,8vw,40px);line-height:1.48;letter-spacing:-.035em;font-weight:700}.intro{color:#747f77;font-size:17px;line-height:1.65;margin:0}.lesson-summary{display:flex;align-items:center;gap:15px;margin:30px 0 23px;padding:19px 17px;border:1px solid #e9eee7;border-radius:17px;background:#fbfcfa}.book-icon{width:46px;height:46px;flex:0 0 46px;border-radius:14px;background:#edf4ed;color:#477154;display:grid;place-items:center;font-size:23px}.lesson-summary div:nth-child(2){display:grid;gap:5px;min-width:0}.lesson-summary strong{font-size:17px}.lesson-summary span{color:#7f8981;font-size:14px;line-height:1.45}.summary-arrow{margin-left:auto;color:#93a197;font-size:21px}.mode-picker{margin-bottom:22px}.mode-picker>span,.voice-picker label{display:block;margin:0 0 9px 2px;color:#737f76;font-size:15px;font-weight:600}.mode-options{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:6px;padding:5px;background:#f4f6f2;border-radius:14px}.mode-option{min-height:46px;border:1px solid transparent;border-radius:10px;background:transparent;color:#657168;font-size:14px;cursor:pointer}.mode-option.active{border-color:#e3ebe2;background:#fff;color:#416549;font-weight:700;box-shadow:0 1px 4px #2b43300f}.voice-picker{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px 10px;margin:0 0 22px}.voice-picker label{grid-column:1 / -1;margin-bottom:0}.voice-picker select,.voice-status{width:100%;min-width:0;min-height:48px;padding:9px 12px;border:1px solid #e3e9e1;border-radius:12px;background:#fff;color:#4d5b51;font-size:14px;line-height:1.4}.voice-status{display:flex;align-items:center;color:#7a857c}.voice-preview{min-height:48px;min-width:68px;padding:0 13px;border:1px solid #dce8dc;border-radius:12px;background:#f7faf6;color:#446d4d;font-size:14px;font-weight:700;cursor:pointer}.voice-preview:disabled{opacity:.5}.primary-button{min-height:60px;width:100%;border:0;border-radius:16px;display:flex;align-items:center;justify-content:center;gap:13px;background:#2d5846;color:#fff;font-size:18px;font-weight:700;cursor:pointer;box-shadow:0 7px 15px #2d584629;transition:background .15s}.primary-button:active{background:#254b3b}.primary-button span{font-size:22px;font-weight:400}.start-error{margin:14px 0 0;color:#9e493d;font-size:15px;line-height:1.55}.home-foot{margin-top:20px;display:flex;justify-content:center;align-items:center;gap:9px;color:#828d84;font-size:14px;line-height:1.5;text-align:center}.home-foot span{color:#789879}.page-footer{margin-top:auto;padding-top:23px;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}.quiz-card{margin:28px 0 auto;padding:25px 27px 28px}.quiz-meta{display:flex;align-items:center;gap:13px}.back-button{width:46px;height:46px;flex:0 0 46px;border:1px solid #e9eee7;border-radius:13px;background:#fff;color:#657168;font-size:25px;cursor:pointer}.progress-copy{font-size:16px;color:#6e7971;font-weight:500}.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:14px;font-weight:700;white-space:nowrap}.progress-track{height:6px;border-radius:9px;background:#eef1ec;margin:20px 0 32px;overflow:hidden}.progress-track span{display:block;height:100%;border-radius:inherit;background:#7ba184;transition:width .2s}.question-area{min-height:180px;padding:0 6px;display:flex;flex-direction:column;align-items:flex-start}.question-label{color:#77837a;font-size:16px;line-height:1.55}.prompt{margin-top:14px;font-size:clamp(32px,8vw,36px);font-weight:700;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:5px;color:#879187;font-size:15px;line-height:1.5}.sound-controls{margin-top:17px;display:flex;flex-wrap:wrap;gap:10px}.sound-button{min-height:50px;border:1px solid #e1eae0;background:#f8fbf7;color:#4e7356;border-radius:13px;padding:9px 15px;font-size:15px;font-weight:600;cursor:pointer}.sound-button span{margin-right:8px;font-size:17px}.sound-button.slow{background:#fff;color:#68776c}.hint-note{margin:13px 0 0;color:#818c83;font-size:15px;line-height:1.55}.options{display:grid;gap:14px;margin-top:18px}.option{width:100%;min-height:62px;display:flex;align-items:center;gap:14px;text-align:left;padding:12px 15px;border:1px solid #e4eae2;border-radius:15px;background:#fff;color:#3d4b41;cursor:pointer;transition:border-color .15s,background .15s}.option:not(:disabled):hover{border-color:#b8cdb9;background:#fcfefb}.option-letter{flex:0 0 34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#f1f4ef;color:#738076;font-size:14px;font-weight:700}.option-text{flex:1;min-width:0;font-size:20px;line-height:1.58;overflow-wrap:anywhere}.option-state{width:24px;flex:0 0 24px;text-align:center;font-size:20px}.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}.feedback{display:flex;align-items:center;gap:13px;margin-top:18px;padding:15px;border-radius:15px}.feedback-good{background:#f2f8f1;color:#426c48}.feedback-bad{background:#fff6f2;color:#9e604e}.feedback-symbol{width:34px;height:34px;flex:0 0 34px;border-radius:50%;display:grid;place-items:center;background:#5a8c5e1f;font-size:18px;font-weight:700}.feedback-bad .feedback-symbol{background:#aa634b1f}.feedback-copy{display:grid;gap:5px;min-width:0}.feedback-copy strong{font-size:16px}.feedback-copy span{color:#69766d;font-size:14px;line-height:1.5;overflow-wrap:anywhere}.feedback-sound-controls{margin-left:auto;display:flex;gap:7px}.feedback-sound{width:46px;height:46px;flex:0 0 46px;border:1px solid #d9e6d9;border-radius:12px;background:#fff;color:#507453;font-size:16px;cursor:pointer}.feedback-sound.slow{color:#68776c;border-color:#e4e9e3}.speech-warning{margin:13px 2px 0;color:#956337;font-size:14px;line-height:1.55}.next-button{margin-top:19px}.done-card{text-align:center}.done-card .eyebrow{justify-content:center}.done-icon{margin:0 auto 20px;width:58px;height:58px;display:grid;place-items:center;border-radius:18px;background:#edf5ed;color:#4d7c56;font-size:27px}.done-card h1{margin:20px 0 10px}.score-value{margin:3px 0 20px;color:#2d5846;font-size:66px;font-weight:700;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 20px}.score-breakdown div{display:grid;gap:4px;padding:14px;border-radius:15px;background:#f6f8f4}.score-breakdown strong{font-size:26px;color:#365c41}.score-breakdown span{font-size:15px;color:#78847b}.text-button{min-height:48px;margin-top:12px;background:none;border:0;color:#68766c;font-size:15px;cursor:pointer}@media(min-width:700px){.shell{width:min(100% - 48px,540px)}.home-card{padding:46px 42px 34px}.quiz-card{padding:28px 32px 32px}}@media(max-width:380px){.shell{width:calc(100% - 24px)}.home-card{padding:32px 21px 25px}.quiz-card{padding:20px 18px 22px}.quiz-meta{gap:9px}.progress-copy{font-size:14px}.direction-chip{padding:8px 9px;font-size:12px}.question-area{min-height:165px}.option{min-height:60px;gap:10px;padding:10px 11px}.option-text{font-size:19px}.mode-option{font-size:13px}.page-footer{font-size:10px}}