.vocab-phonetic{display:block;font-family:system-ui,sans-serif;font-size:14px;color:#7a8875;line-height:1.8;margin:7px 0;overflow-wrap:anywhere}
.vocab-definitions{white-space:pre-line;color:#5e7058;font-size:13px!important}.vocab-pagination{display:flex;gap:12px;align-items:center;justify-content:space-between;margin:24px 0}.vocab-pagination>span{font-size:12px;color:var(--muted)}.vocab-pagination .outline{font-size:12px;min-height:44px}.vocab-note>a{color:var(--green);text-decoration:underline;text-underline-offset:3px;margin-left:6px}.vocab-feedback .text-button{margin-right:15px}.vocab-entry .word-body{min-width:0}.vocab-entry .word-body p{overflow-wrap:anywhere;line-height:1.8}
.vocab-bank-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:8px 0 18px}
.vocab-bank-header h2{font-size:23px;margin-top:6px}.vocab-bank-header small{font-size:12px;font-weight:400;color:var(--muted)}
.vocab-banks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.vocab-bank{border:1px solid var(--line);background:#fff;border-radius:16px;text-align:left;padding:18px 14px;display:flex;flex-direction:column;gap:10px;min-width:0;transition:background .15s,border-color .15s}
.vocab-bank.selected{background:#eaf1de;border:2px solid #749457;padding:17px 13px}.vocab-bank strong{font-size:15px}.vocab-bank>span:not(.bank-icon){font-size:11px;line-height:1.6;color:#748269}.vocab-bank small{font-size:11px;color:#5d7654}
.bank-icon{width:37px;height:37px;background:#f2f5ea;border-radius:10px;display:grid;place-items:center;color:#547044;margin-bottom:4px}.bank-icon svg{width:21px;height:21px;stroke-width:1.6}
.vocab-note{font-size:12px;line-height:1.9;color:var(--muted);margin:16px 0 22px}.vocab-start{display:grid;grid-template-columns:minmax(0,1fr) 230px;border:1px solid var(--line);border-radius:22px;background:white;overflow:hidden}
.vocab-start-copy{padding:30px}.vocab-start h2{font-size:25px;margin:20px 0 12px}.vocab-start-copy>p:not(.vocab-note){font-size:14px;line-height:1.9;color:#6b7c67}.vocab-start .text-button{margin-left:16px;font-size:12px}.vocab-start .vocab-note{margin-bottom:0}
.vocab-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:25px 0 28px}.vocab-stats strong{font-size:28px;font-weight:550;display:block}.vocab-stats small{font-size:12px;color:#8a9680;font-weight:400}.vocab-stats span{display:block;font-size:11px;color:#7c8a73;line-height:1.8;margin-top:8px}
.vocab-path{background:#edf2e5;display:flex;flex-direction:column;justify-content:center;padding:30px 24px;gap:30px}.vocab-path>div{display:flex;gap:15px;align-items:center}.vocab-path>div>span{border:1px solid #b9c99e;color:#6c8652;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;font-size:10px;flex-shrink:0}.vocab-path strong{font-size:13px}.vocab-path small{display:block;font-size:10px;margin-top:8px;color:#859077}
.vocab-rest{padding:12px 0}.vocab-entry{background:white;border:1px solid var(--line);border-radius:14px;overflow:hidden;margin:12px 0}.vocab-entry .word-item{border:0;border-radius:0}.vocab-entry details{padding:0 18px 14px}.vocab-entry summary{font-size:12px;color:#6d825f;cursor:pointer;min-height:32px;padding:6px 0}.vocab-entry details p{line-height:1.9;font-size:15px;margin-top:9px}.vocab-entry details p.muted{font-size:12px}
.vocab-learn h2{margin:0 0 12px}.vocab-learn>.muted{line-height:1.9}.vocab-learn article{padding:22px 0;border-bottom:1px solid var(--line)}.vocab-learn article>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.vocab-learn article strong{font-size:23px;font-weight:550;overflow-wrap:anywhere}.vocab-learn article p{margin-top:10px;font-size:15px;line-height:1.7}.vocab-learn article p.muted{font-size:12px}.vocab-learn>.primary{margin-top:25px}
.vocab-question{max-width:800px;margin:20px auto;scroll-margin-top:16px}.vocab-question h2{font-size:22px;margin:20px 0}.vocab-prompt{font-size:30px;line-height:1.6;margin:22px 0 28px;overflow-wrap:anywhere}.vocab-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0 12px}.vocab-option{border:2px solid var(--line);border-radius:12px;padding:18px;text-align:left;font-size:16px;line-height:1.7;min-height:66px;overflow-wrap:anywhere;box-shadow:0 3px 0 #e9ede4}.vocab-option:hover:not(:disabled){background:#f3f7eb;border-color:#aec28d}.vocab-option.correct{border-color:#6b9762;background:#edf5e7;color:#265236;opacity:1}.vocab-option.incorrect{border-color:#d39a74;background:#fbf0e7;color:#8c512d;opacity:1}.vocab-question>.text-button{font-size:12px;display:flex;min-height:44px}
.vocab-audio{display:flex;align-items:center;justify-content:center;gap:16px;background:#e9f1dc;color:#395b33;border:1px solid #c7d7ac;border-radius:18px;padding:24px 30px;margin:24px 0 8px;min-height:92px;min-width:190px}.vocab-audio svg{width:34px;height:34px;stroke-width:1.6}.vocab-audio span{font-size:15px}
#vocab-spelling{margin-top:25px}#vocab-spelling label{display:block;line-height:1.7}#vocab-spelling input{margin:13px 0 15px;font-size:20px;min-width:0;width:100%}
.vocab-feedback{border-radius:15px;padding:22px;margin-top:24px;line-height:1.9;scroll-margin-bottom:100px}.vocab-feedback.is-correct{background:#edf5e7}.vocab-feedback.needs-practice{background:#fbf0e7}.vocab-feedback>strong{font-size:16px}.vocab-feedback p{margin-top:11px;font-size:14px}.vocab-feedback p[lang=en]{font-size:17px}.vocab-feedback small{display:block;font-size:12px;margin-top:10px;color:#8c684e}.vocab-feedback>.primary{margin-top:14px;min-width:110px}
.vocab-finish{text-align:center;max-width:720px;margin:20px auto;scroll-margin-top:16px}.vocab-finish-symbol{width:64px;height:64px;display:grid;place-items:center;border-radius:50%;background:#e5efce;margin:0 auto 24px;color:#567c36}.vocab-finish-symbol svg{width:30px;height:30px;stroke-width:2}.vocab-finish h2{font-size:27px;margin:15px 0}.vocab-finish>p{line-height:1.9}.vocab-score{font-size:42px;margin:20px 0;font-weight:550}.vocab-score small{font-size:14px;color:var(--muted);font-weight:400}.vocab-mistakes{background:#f6f6ee;border-radius:13px;padding:20px;text-align:left;margin:22px 0}.vocab-mistakes h3{font-size:14px;margin-bottom:12px}.vocab-mistakes p{display:flex;justify-content:space-between;gap:14px;padding:10px 0;font-size:13px;line-height:1.8}.vocab-mistakes p strong{font-weight:550}.vocab-mistakes p span{color:var(--muted)}
.voice-entry{margin:0 0 22px}.voice-controls{display:grid;gap:14px;min-width:0}.voice-controls label{display:grid;gap:10px;font-size:13px}.voice-controls select{width:100%;min-width:0;max-width:100%;font-size:16px}.voice-controls .muted{font-size:12px;line-height:1.8;overflow-wrap:anywhere}.voice-controls .vocab-note{margin:0 0 12px}.voice-controls .practice-actions{justify-content:flex-start;margin:0}.settings-grid>.voice-controls{grid-column:1/-1;padding-bottom:20px;border-bottom:1px solid var(--line)}#modal-content>.voice-controls{margin-top:24px}
@media(max-width:1050px){.vocab-banks{grid-template-columns:repeat(3,minmax(0,1fr))}.vocab-start{grid-template-columns:minmax(0,1fr) 205px}.vocab-start-copy{padding:25px}}
@media(max-width:650px){.vocab-banks{grid-template-columns:1fr 1fr;gap:9px}.vocab-bank{padding:15px 12px}.vocab-bank.selected{padding:14px 11px}.vocab-bank strong{font-size:14px}.vocab-bank-header h2{font-size:20px}.vocab-bank-header small{display:block;font-size:11px;margin-top:7px}.vocab-bank-header .outline{padding:10px 15px}.vocab-start{display:block}.vocab-start-copy{padding:22px}.vocab-start h2{font-size:22px;line-height:1.6}.vocab-start-copy>.primary{width:100%}.vocab-start .text-button{margin:10px 0 0}.vocab-stats{gap:7px}.vocab-stats strong{font-size:25px}.vocab-stats span{font-size:10px}.vocab-stats small{font-size:10px}.vocab-path{padding:22px;gap:22px}.vocab-question{padding:22px 18px}.vocab-question h2{font-size:21px;line-height:1.6}.vocab-options{grid-template-columns:1fr;gap:11px}.vocab-option{padding:14px 16px;min-height:58px}.vocab-prompt{font-size:28px}.vocab-feedback{padding:18px}.vocab-feedback>.primary{width:100%}.vocab-question .toolbar{font-size:12px}.vocab-learn article strong{font-size:22px}.vocab-learn article .outline{font-size:11px;padding:10px}.vocab-learn article>div{align-items:flex-start}.vocab-learn>.primary{width:100%}.vocab-finish .practice-actions{flex-direction:column;align-items:stretch}.vocab-finish .practice-actions>button{width:100%}.vocab-note{font-size:11px}.vocab-entry .word-body h3{overflow-wrap:anywhere}.voice-controls .practice-actions{flex-wrap:wrap}.voice-controls .outline{font-size:13px}.vocab-question input{font-size:20px}.voice-entry{font-size:12px;min-height:44px}}

.vocab-modes{margin-bottom:25px}.vocab-exam{margin:18px 0 8px}.vocab-exam>summary{cursor:pointer;color:var(--muted);font-size:13px;min-height:44px;padding:13px 0}.vocab-exam>.vocab-banks{padding-top:10px}
.phrase-intro{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:15px 0 25px}.phrase-intro h2{font-size:27px;margin:8px 0 12px}.phrase-intro p{font-size:13px;color:var(--muted);line-height:1.8}.phrase-intro>.text-button{flex-shrink:0;font-size:12px;min-height:44px}
.phrase-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.phrase-groups>button{background:white;border:1px solid var(--line);border-radius:14px;padding:19px 14px;text-align:left;font-size:16px;color:var(--green)}.phrase-groups>button.active{background:#eaf1de;border-color:#749457;box-shadow:inset 0 0 0 1px #749457}.phrase-groups small{display:block;font-size:11px;color:var(--muted);margin-top:8px}
.phrase-select-label{display:grid;gap:12px;font-size:13px;color:var(--muted);margin:24px 0}.phrase-select-label select{width:100%;max-width:430px;min-height:48px;border:1px solid var(--line);border-radius:11px;background:white;padding:10px 14px;color:var(--ink);font-size:16px}.phrase-scene-intro{padding:23px;background:#edf2e5;border-radius:16px;margin:18px 0}.phrase-scene-intro h3{font-size:19px}.phrase-scene-intro p{font-size:13px;line-height:1.9;margin-top:9px;color:#5d735e}.phrase-scene-intro .phrase-tip{font-size:12px;color:#7b866c}
.phrase-tools{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0 14px}.phrase-tools .outline{font-size:12px;min-height:44px}.phrase-tools button[aria-pressed=true]:first-child{background:#edf2e5}.phrase-card{padding:24px;border:1px solid var(--line);background:white;border-radius:17px;margin:13px 0}.phrase-card>.pill{margin-bottom:13px}.phrase-zh{font-size:13px;color:var(--muted);line-height:1.9}.phrase-en{font-size:20px;line-height:1.75;margin-top:8px;overflow-wrap:anywhere}.phrase-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:18px}.phrase-actions button{min-height:44px;font-size:12px}.phrase-actions .text-button{display:inline-flex;align-items:center;gap:6px}.phrase-actions svg{width:17px;height:17px}.phrase-save{display:inline-flex;align-items:center;gap:6px;background:transparent;border:0;color:var(--muted);padding:8px}.phrase-save.saved{color:#557738}.phrase-save.saved svg{fill:#e1ebca}.phrase-empty{padding:24px;color:var(--muted);line-height:1.9;font-size:14px}
.phrase-dialogue{border:1px solid var(--line);border-radius:18px;background:white;padding:24px;margin-top:28px}.phrase-dialogue>summary{cursor:pointer;font-size:15px;line-height:1.8;min-height:44px}.phrase-turn{background:#f5f6f0;padding:18px;border-radius:12px;margin:14px 35px 14px 0}.phrase-turn.is-you{background:#edf2e5;margin:14px 0 14px 35px}.phrase-turn>strong{font-size:12px;color:var(--muted)}.phrase-turn>p{font-size:17px;line-height:1.8;margin-top:8px;overflow-wrap:anywhere}.phrase-turn details{margin-top:8px;font-size:12px;line-height:1.9;color:var(--muted)}.phrase-turn summary{cursor:pointer;min-height:32px;padding:5px 0}.phrase-dialogue>.outline{font-size:13px;margin-top:12px;min-height:44px}
@media(max-width:650px){.vocab-modes{display:flex;gap:3px}.vocab-modes>button{flex:1;padding:12px 8px;font-size:13px;min-height:44px}.phrase-intro{align-items:flex-start}.phrase-intro h2{font-size:23px;line-height:1.5}.phrase-intro p{font-size:11px}.phrase-intro>.text-button{font-size:10px}.phrase-groups{gap:8px}.phrase-groups>button{font-size:14px;padding:16px 10px}.phrase-groups small{font-size:10px}.phrase-select-label select{max-width:100%}.phrase-card{padding:20px 17px}.phrase-en{font-size:19px}.phrase-actions{gap:10px}.phrase-actions .outline{padding:9px 12px}.phrase-dialogue{padding:20px 16px}.phrase-turn{margin-right:15px;padding:15px}.phrase-turn.is-you{margin-left:15px}.phrase-scene-intro{padding:20px}.phrase-intro .eyebrow{font-size:9px}}