.audio-player{width:2.5rem;height:2.5rem;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.25rem;background:var(--bg);color:var(--text);transition:all .2s;box-shadow:var(--shadow);border:1px solid var(--border);padding:0}.audio-player:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg);background:var(--primary);color:#fff;border-color:var(--primary)}.audio-player:disabled{opacity:.6;cursor:not-allowed;background:var(--bg);color:var(--text-secondary)}.audio-player.playing{background:var(--primary-light);color:var(--primary);border-color:var(--primary)}.audio-player.error{border-color:var(--danger);color:var(--danger)}.audio-player .icon{display:flex;align-items:center;justify-content:center;line-height:1}.audio-player .icon.pulse{animation:pulse 1.5s infinite}.audio-player .spinner{animation:spin 1s linear infinite;display:inline-block}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}to{transform:scale(1);opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.audio-player.text-sm{width:2rem;height:2rem;font-size:1rem}.audio-player.text-xl{width:4rem;height:4rem;font-size:2rem}.audio-player.text-base{width:3rem;height:3rem;font-size:1.5rem}.game-feedback-icon{width:1rem;height:1rem;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;opacity:0;transform:scale(.82);transition:opacity .24s ease,transform .24s ease,color .24s ease}.game-feedback-icon svg{width:100%;height:100%}.game-feedback-icon--correct{color:var(--success, #10b981)}.game-feedback-icon--incorrect{color:var(--danger, #ef4444)}.game-feedback-icon--visible{opacity:1;transform:scale(1)}.multiple-choice-game{width:100%;max-width:700px}.mc-question{font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;color:var(--text, #1e293b)}[data-theme=dark] .mc-question{color:var(--text, #f8fafc)}.mc-options{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.mc-option{display:flex;align-items:center;padding:.75rem 1rem;min-height:44px;border:1px solid var(--border, #cbd5e1);border-radius:.375rem;cursor:pointer;transition:all .2s ease-in-out;background:transparent}.mc-option-icon{margin-left:.5rem}[data-theme=dark] .mc-option{border-color:var(--border, #475569)}.mc-option:hover:not(.disabled){border-color:var(--primary, #3b82f6);background:#3b82f60d}.mc-option.selected{border-color:var(--primary, #3b82f6);background:#3b82f61a;box-shadow:0 0 0 1px var(--primary, #3b82f6)}.mc-option.disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.mc-option.correct{border-color:var(--success, #10b981);background:#10b9811a;box-shadow:0 0 0 1px var(--success, #10b981)}.mc-option.incorrect{border-color:var(--danger, #ef4444);background:#ef44441a;box-shadow:0 0 0 1px var(--danger, #ef4444)}.mc-radio{margin-right:1rem;width:1.25rem;height:1.25rem;accent-color:var(--primary, #3b82f6);cursor:inherit}.mc-label{flex:1;color:var(--text, #334155);font-size:1rem}[data-theme=dark] .mc-label{color:var(--text, #e2e8f0)}.mc-submit-btn{background:var(--primary, #3b82f6);color:#fff;padding:.75rem 1.5rem;min-height:44px;border:none;border-radius:.375rem;font-weight:500;cursor:pointer;width:100%;transition:background .2s,opacity .2s;font-size:1rem}.mc-submit-btn:hover:not(:disabled){opacity:.9}.mc-submit-btn:disabled{background:var(--border, #cbd5e1);cursor:not-allowed;opacity:.7}.mc-feedback{margin-top:1rem;padding:1rem;border-radius:.375rem;text-align:center;font-weight:500;animation:fadeIn .3s ease-in-out}.mc-feedback-line{margin:0;display:flex;align-items:center;justify-content:center;gap:.45rem}.mc-feedback.success{background:#10b9811a;color:#059669;border:1px solid #10b981}.mc-feedback.error{background:#ef44441a;color:#dc2626;border:1px solid #ef4444}@media(max-width:768px){.mc-question{font-size:1.1rem;margin-bottom:1rem}.mc-option{padding:.75rem}}.fill-blank-game{width:100%;max-width:700px}.fib-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:var(--text, #1e293b)}[data-theme=dark] .fib-title{color:var(--text, #f8fafc)}.fib-audio-player{margin-bottom:1rem}.fib-play-button{background:var(--primary, #3b82f6);color:#fff;border:none;padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;font-size:.9rem;display:inline-flex;align-items:center;gap:.5rem}.fib-play-button:hover{background:var(--primary-dark, #2563eb)}.fib-play-button:active{transform:scale(.98)}.fib-text{color:var(--text, #334155);font-size:1rem;line-height:2.2;margin-bottom:1rem}[data-theme=dark] .fib-text{color:var(--text, #e2e8f0)}.fib-input{width:120px;margin:0 .4rem;padding:.4rem .6rem;min-height:44px;border:1px solid var(--border, #cbd5e1);border-radius:.375rem;font-size:1rem;color:var(--text, #1e293b);background:var(--card-bg, #ffffff);transition:all .2s ease-in-out}.fib-input.selected{border-color:var(--primary, #3b82f6);background:#3b82f61a;box-shadow:0 0 0 1px var(--primary, #3b82f6)}.fib-input:focus{outline:none;border-color:var(--primary, #3b82f6);box-shadow:0 0 0 1px var(--primary, #3b82f6)}.fib-input.correct{border-color:var(--success, #10b981);background:#10b9811a;box-shadow:0 0 0 1px var(--success, #10b981)}.fib-input.incorrect{border-color:var(--danger, #ef4444);background:#ef44441a;box-shadow:0 0 0 1px var(--danger, #ef4444)}.fib-input.disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.fib-feedback-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.fib-feedback-item{display:flex;align-items:center;gap:.45rem;border-radius:.375rem;padding:.5rem .75rem;font-size:.95rem;font-weight:500}.fib-feedback-item.correct{background:#10b9811a;border:1px solid #10b981;color:#059669}.fib-feedback-item.incorrect{background:#ef44441a;border:1px solid #ef4444;color:#dc2626}.fib-submit-btn{background:var(--primary, #3b82f6);color:#fff;padding:.75rem 1.5rem;min-height:44px;border:none;border-radius:.375rem;font-weight:500;cursor:pointer;width:100%;transition:background .2s,opacity .2s;font-size:1rem}.fib-submit-btn:hover:not(:disabled){opacity:.9}.fib-submit-btn:disabled{background:var(--border, #cbd5e1);cursor:not-allowed;opacity:.7}.fib-feedback{margin-top:1rem;padding:1rem;border-radius:.375rem;text-align:center;font-weight:500;animation:fadeIn .3s ease-in-out}.fib-feedback-line{margin:0;display:flex;align-items:center;justify-content:center;gap:.45rem}.fib-feedback.success{background:#10b9811a;color:#059669;border:1px solid #10b981}.fib-feedback.error{background:#ef44441a;color:#dc2626;border:1px solid #ef4444}@media(max-width:768px){.fib-title{font-size:1.1rem}.fib-text{line-height:2;overflow-wrap:anywhere}.fib-input{width:100px;margin:.2rem;vertical-align:middle;max-width:calc(100% - .4rem)}.fib-submit-btn{padding:.75rem}}.matching-pairs-game{width:100%;max-width:700px}.mp-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:var(--text, #1e293b)}[data-theme=dark] .mp-title{color:var(--text, #f8fafc)}.mp-board{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.mp-column{border:1px solid var(--border, #cbd5e1);border-radius:.5rem;padding:.75rem;background:color-mix(in srgb,var(--card-bg, #ffffff) 92%,var(--primary, #3b82f6) 8%)}[data-theme=dark] .mp-column{border-color:var(--border, #475569)}.mp-heading{font-size:.95rem;margin:0 0 .75rem;color:var(--text-muted, #64748b);text-transform:uppercase;letter-spacing:.04em}.mp-empty{margin:0;color:var(--text-muted, #64748b)}.mp-source-item{border:1px dashed var(--primary, #3b82f6);border-radius:.375rem;padding:.625rem .75rem;min-height:44px;margin-bottom:.5rem;color:var(--text, #0f172a);background:#3b82f614;cursor:grab;transition:all .2s ease-in-out}.mp-source-item:last-child{margin-bottom:0}.mp-source-item:hover,.mp-source-item:focus-visible,.mp-source-item.selected{outline:none;border-color:var(--primary, #2563eb);box-shadow:0 0 0 1px var(--primary, #2563eb);background:#3b82f624}.mp-source-item.correct{border-color:var(--success, #10b981);background:#10b9811a;box-shadow:0 0 0 1px var(--success, #10b981)}.mp-source-item.incorrect{border-color:var(--danger, #ef4444);background:#ef44441a;box-shadow:0 0 0 1px var(--danger, #ef4444)}.mp-source-item.disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.mp-target-row{display:grid;grid-template-columns:minmax(110px,1fr) minmax(140px,1.25fr) auto;gap:.5rem;align-items:center;margin-bottom:.5rem}.mp-target-row:last-child{margin-bottom:0}.mp-target-label{color:var(--text, #1e293b);font-weight:500}[data-theme=dark] .mp-target-label{color:var(--text, #e2e8f0)}.mp-drop-zone,.mp-target-slot{min-height:44px;border:1px solid var(--border, #cbd5e1);border-radius:.375rem;padding:.5rem .75rem;background:var(--card-bg, #ffffff);color:var(--text, #1e293b);display:flex;align-items:center;transition:all .2s ease-in-out}.mp-drop-zone:hover,.mp-drop-zone:focus-visible,.mp-target-slot:hover,.mp-target-slot:focus-visible{outline:none;border-color:var(--primary, #3b82f6);box-shadow:0 0 0 1px var(--primary, #3b82f6)}.mp-drop-zone.selected,.mp-target-slot.selected{border-color:var(--primary, #3b82f6);background:#3b82f61a;box-shadow:0 0 0 1px var(--primary, #3b82f6)}.mp-drop-zone.correct,.mp-target-slot.correct{border-color:var(--success, #10b981);background:#10b9811a;box-shadow:0 0 0 1px var(--success, #10b981)}.mp-drop-zone.incorrect,.mp-target-slot.incorrect{border-color:var(--danger, #ef4444);background:#ef44441a;box-shadow:0 0 0 1px var(--danger, #ef4444)}.mp-drop-zone.disabled,.mp-target-slot.disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.mp-pair-feedback{display:inline-flex;align-items:center;gap:.35rem;font-size:.85rem;font-weight:600}.mp-pair-feedback.correct{color:#059669}.mp-pair-feedback.incorrect{color:#dc2626}.mp-submit-btn{background:var(--primary, #3b82f6);color:#fff;padding:.75rem 1.5rem;min-height:44px;border:none;border-radius:.375rem;font-weight:500;cursor:pointer;width:100%;transition:background .2s,opacity .2s;font-size:1rem}.mp-submit-btn:hover:not(:disabled){opacity:.9}.mp-submit-btn:disabled{background:var(--border, #cbd5e1);cursor:not-allowed;opacity:.7}.mp-feedback{margin-top:1rem;padding:1rem;border-radius:.375rem;text-align:center;font-weight:500;animation:fadeIn .3s ease-in-out}.mp-feedback-line{margin:0;display:flex;align-items:center;justify-content:center;gap:.45rem}.mp-feedback.success{background:#10b9811a;color:#059669;border:1px solid #10b981}.mp-feedback.error{background:#ef44441a;color:#dc2626;border:1px solid #ef4444}@media(max-width:768px){.mp-title{font-size:1.1rem}.mp-board{grid-template-columns:1fr;gap:.75rem}.mp-column{padding:.75rem}.mp-column:first-child{background:color-mix(in srgb,var(--card-bg, #ffffff) 88%,#60a5fa 12%);border-color:color-mix(in srgb,var(--primary, #3b82f6) 55%,var(--border, #cbd5e1))}.mp-column:last-child{background:color-mix(in srgb,var(--card-bg, #ffffff) 88%,#34d399 12%);border-color:color-mix(in srgb,#10b981 55%,var(--border, #cbd5e1))}.mp-heading{font-size:.85rem;margin-bottom:.5rem}.mp-source-item{padding:.75rem}.mp-source-item.selected{box-shadow:0 0 0 2px var(--primary, #3b82f6);background:#3b82f62e}.mp-target-row{grid-template-columns:1fr;gap:.35rem}.mp-target-label{font-size:.9rem}.mp-drop-zone{padding:.75rem}}.listen-select-game{width:100%;max-width:700px}.ls-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:var(--text, #1e293b)}[data-theme=dark] .ls-title{color:var(--text, #f8fafc)}.ls-audio{display:flex;justify-content:center;margin-bottom:1.25rem}.ls-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.ls-option,.las-option{position:relative;display:flex;align-items:center;justify-content:center;border:1px solid var(--border, #cbd5e1);border-radius:.5rem;background:var(--card-bg, #ffffff);min-height:84px;padding:.75rem;cursor:pointer;color:var(--text, #1e293b);transition:all .2s ease-in-out}.ls-option-icon{position:absolute;top:.5rem;right:.5rem}.ls-option:hover:not(.disabled),.ls-option:focus-visible:not(.disabled),.las-option:hover:not(.disabled),.las-option:focus-visible:not(.disabled){outline:none;border-color:var(--primary, #3b82f6);box-shadow:0 0 0 1px var(--primary, #3b82f6);background:#3b82f614}.ls-option.selected,.las-option.selected{border-color:var(--primary, #3b82f6);box-shadow:0 0 0 1px var(--primary, #3b82f6);background:#3b82f61a}.ls-option.correct,.las-option.correct{border-color:var(--success, #10b981);box-shadow:0 0 0 1px var(--success, #10b981);background:#10b9811a}.ls-option.incorrect,.las-option.incorrect{border-color:var(--danger, #ef4444);box-shadow:0 0 0 1px var(--danger, #ef4444);background:#ef44441a}.ls-option.disabled,.las-option.disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.ls-option-text{font-size:1rem;font-weight:500}.ls-option-image{width:100%;height:110px;object-fit:contain;display:block;margin:0 auto}.ls-feedback{margin-top:1rem;padding:1rem;border-radius:.375rem;text-align:center;font-weight:500;animation:fadeIn .3s ease-in-out}.ls-feedback-line{margin:0;display:flex;align-items:center;justify-content:center;gap:.45rem}.ls-feedback.success{background:#10b9811a;color:#059669;border:1px solid #10b981}.ls-feedback.error{background:#ef44441a;color:#dc2626;border:1px solid #ef4444}@media(max-width:768px){.ls-title{font-size:1.1rem}.ls-options{gap:.6rem}.ls-option{padding:.75rem}.ls-options{grid-template-columns:1fr}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.pronunciation-practice{width:100%;max-width:700px}.pronunciation-title{color:var(--text, #0f172a);font-size:1.25rem;margin:0 0 1rem}.pronunciation-word-wrap{background:linear-gradient(155deg,#3b82f61f,#2563eb0a);border:1px dashed var(--primary, #2563eb);border-radius:.75rem;margin-bottom:1rem;padding:.9rem 1rem}.pronunciation-label{color:var(--text-secondary, #475569);font-size:.9rem;margin:0}.pronunciation-word{color:var(--text, #0f172a);font-size:clamp(1.5rem,3vw,2.2rem);font-weight:800;letter-spacing:.02em;margin:.2rem 0 0}.pronunciation-reference{display:block;margin-bottom:1rem;width:100%}.pronunciation-actions{display:grid;gap:.55rem;grid-template-columns:repeat(4,minmax(0,1fr))}.pronunciation-btn,.pp-record-btn{background:var(--card-bg, #ffffff);border:1px solid var(--border, #c9d6ea);border-radius:.65rem;color:var(--text, #1f2937);cursor:pointer;font-weight:700;min-height:44px;transition:all .2s ease-in-out}.pronunciation-btn:hover:enabled{box-shadow:var(--shadow, 0 1px 3px rgb(0 0 0 / .1));transform:translateY(-1px)}.pp-record-btn:hover:enabled{box-shadow:var(--shadow, 0 1px 3px rgb(0 0 0 / .1));transform:translateY(-1px)}.pronunciation-btn:disabled{cursor:not-allowed;opacity:.58}.pp-record-btn:disabled{cursor:not-allowed;opacity:.6}.pronunciation-btn.selected,.pp-record-btn.selected{border-color:var(--primary, #3b82f6);background:#3b82f61a;box-shadow:0 0 0 1px var(--primary, #3b82f6)}.pronunciation-btn.correct,.pp-record-btn.correct{border-color:var(--success, #10b981);background:#10b9811a;box-shadow:0 0 0 1px var(--success, #10b981)}.pronunciation-btn.incorrect,.pp-record-btn.incorrect{border-color:var(--danger, #ef4444);background:#ef44441a;box-shadow:0 0 0 1px var(--danger, #ef4444)}.pronunciation-btn.disabled,.pp-record-btn.disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.pronunciation-btn.record{border-color:#0ea5e9}.pronunciation-btn.stop{border-color:#ef4444}.pronunciation-btn.play{border-color:#16a34a}.pronunciation-btn.upload{border-color:#f59e0b}.pronunciation-status{color:var(--text-secondary, #475569);margin:.85rem 0 0}.pronunciation-status.recording{animation:pronunciation-pulse 1s ease-in-out infinite;color:#be123c;font-weight:600}.pronunciation-uploaded{display:flex;align-items:center;gap:.45rem;color:#065f46;margin:.5rem 0 0}.pronunciation-error{display:flex;align-items:center;gap:.45rem;background:#ef44441f;border:1px solid #ef4444;border-radius:.6rem;color:#991b1b;margin:.75rem 0 0;padding:.65rem .75rem}@keyframes pronunciation-pulse{0%{opacity:.55}50%{opacity:1}to{opacity:.55}}@media(max-width:768px){.pronunciation-title{font-size:1.1rem}.pronunciation-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}.flashcard-review{width:100%;max-width:700px}.flashcard-title{font-size:1.25rem;margin-bottom:1rem;color:var(--text, #1e293b)}.flashcard,.flashcard-card{width:100%;min-height:320px;position:relative;border:none;border-radius:1rem;cursor:pointer;perspective:1000px;background:transparent;margin-bottom:1rem;transition:all .2s ease-in-out}.flashcard.selected,.flashcard-card.selected{box-shadow:0 0 0 2px var(--primary, #3b82f6)}.flashcard.correct,.flashcard-card.correct{box-shadow:0 0 0 2px var(--success, #10b981)}.flashcard.incorrect,.flashcard-card.incorrect{box-shadow:0 0 0 2px var(--danger, #ef4444)}.flashcard.disabled,.flashcard-card.disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.flashcard-face{position:absolute;inset:0;border-radius:1rem;border:1px solid var(--border, #d5deeb);padding:1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;backface-visibility:hidden;transform-style:preserve-3d;transition:transform .45s ease}.flashcard-front{background:linear-gradient(145deg,var(--card-bg, #fff) 0%,var(--primary-light, #dbeafe) 100%)}.flashcard-back{background:linear-gradient(145deg,var(--bg, #f8fafc) 0%,var(--card-bg, #fff) 100%);transform:rotateY(180deg)}.flashcard.flipped .flashcard-front{transform:rotateY(180deg)}.flashcard.flipped .flashcard-back{transform:rotateY(360deg)}.flashcard-caption{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary, #64748b)}.flashcard-word{font-size:2rem;line-height:1.2;color:var(--text, #0f172a);text-align:center;font-weight:700}.flashcard-hint{font-size:.9rem;color:var(--text-secondary, #64748b)}.flashcard-image{width:min(180px,60%);max-height:150px;object-fit:contain}.flashcard-audio{margin-top:.25rem}.flashcard-ratings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.flashcard-rate{border:1px solid var(--border, #cbd5e1);border-radius:.6rem;padding:.75rem;min-height:44px;font-weight:600;cursor:pointer;color:var(--text, #1e293b);background:var(--card-bg, #ffffff);transition:all .2s ease-in-out}.flashcard-rate.selected{border-color:var(--primary, #3b82f6);background:#3b82f61a;box-shadow:0 0 0 1px var(--primary, #3b82f6)}.flashcard-rate.correct{border-color:var(--success, #10b981);background:#10b9811a;box-shadow:0 0 0 1px var(--success, #10b981)}.flashcard-rate.incorrect{border-color:var(--danger, #ef4444);background:#ef44441a;box-shadow:0 0 0 1px var(--danger, #ef4444)}.flashcard-rate.disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.flashcard-rate:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow, 0 1px 3px rgb(0 0 0 / .1))}.flashcard-rate:disabled{opacity:.6;cursor:not-allowed}.flashcard-rate.again{border-color:#dc2626}.flashcard-rate.hard{border-color:#d97706}.flashcard-rate.good{border-color:#2563eb}.flashcard-rate.easy{border-color:#059669}.flashcard-feedback{margin-top:1rem;border-radius:.6rem;padding:.9rem 1rem;border:1px solid}.flashcard-feedback p{margin:0;color:inherit}.flashcard-feedback-line{display:flex;align-items:center;gap:.45rem}.flashcard-feedback p+p{margin-top:.3rem}.flashcard-feedback.success{color:#065f46;border-color:#10b981;background:#10b9811f}.flashcard-feedback.error{color:#991b1b;border-color:#ef4444;background:#ef44441f}@media(max-width:768px){.flashcard-title{font-size:1.1rem}.flashcard{min-height:280px}.flashcard-word{font-size:1.65rem}.flashcard-rate{padding:.75rem}}