.drill-exercise.svelte-1omv85k{display:flex;flex-direction:column;min-height:100%;padding:1rem;padding-bottom:calc(5rem + env(safe-area-inset-bottom,0px));max-width:800px;margin:0 auto;width:100%}.drill-exercise.in-modal.svelte-1omv85k{padding:0;padding-bottom:5rem}.drill-content.svelte-1omv85k{flex:1;display:flex;flex-direction:column;gap:1rem}.element-heading.svelte-1omv85k{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:1rem 0 .5rem}.element-text.svelte-1omv85k{font-size:1rem;color:var(--text-secondary);margin:0 0 1rem;line-height:1.6}.cloze-item.svelte-1omv85k{background:var(--bg-secondary);border-radius:16px;padding:1rem;transition:all .2s;border:2px solid transparent}.cloze-item.active.svelte-1omv85k{border-color:var(--secondary)}.cloze-item.completed.svelte-1omv85k{border-color:var(--green);background:color-mix(in srgb,var(--green) 5%,transparent)}.cloze-sentence-card.svelte-1omv85k{background:transparent}.cloze-sentence-content.svelte-1omv85k{display:flex;gap:.75rem;align-items:flex-start}.audio-player-container.svelte-1omv85k{flex-shrink:0;padding-top:.25rem}.audio-player-container.disabled.svelte-1omv85k{opacity:.4;pointer-events:none}.cloze-sentence-wrapper.svelte-1omv85k{flex:1;min-width:0}.cloze-sentence.svelte-1omv85k{font-size:1.2rem;line-height:1.8;color:var(--text-primary);margin-bottom:.5rem;word-spacing:0px}.text-part.svelte-1omv85k{white-space:normal}.drill-word{display:inline;cursor:pointer}.gap.svelte-1omv85k{display:inline-flex;min-width:50px;padding:.1rem .75rem;border:2px solid var(--border);border-radius:12px;text-align:center;font-weight:600;font-size:inherit;font-family:inherit;transition:all .2s;margin:0 5px 0 0;line-height:1.5;color:transparent;background:var(--bg-primary);cursor:pointer}.gap.svelte-1omv85k:disabled{cursor:default}.gap.active.svelte-1omv85k{border-color:var(--secondary)}.gap.filled.svelte-1omv85k{border-color:#3b82f6;color:#3b82f6;min-width:auto}.gap.correct.svelte-1omv85k{border-color:var(--green);color:var(--green);animation:svelte-1omv85k-correctPulse .3s ease;cursor:pointer}.gap.correct.in-selection.svelte-1omv85k{background:#3b82f633;border-color:#3b82f6}.gap.incorrect.svelte-1omv85k{border-color:#ef4444;color:#ef4444;animation:svelte-1omv85k-shake .3s ease}@keyframes svelte-1omv85k-correctPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes svelte-1omv85k-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.translation.svelte-1omv85k{font-size:1.1rem;font-weight:500;color:var(--text-muted);margin:0}.explanation.svelte-1omv85k{display:flex;gap:.75rem;align-items:flex-start;margin-top:.75rem;padding:1rem;background:#10b9811a;border-radius:12px;animation:svelte-1omv85k-fadeIn .3s ease}.explanation-icon{flex-shrink:0;color:#fbbf24}.explanation-text.svelte-1omv85k{font-size:.9rem;color:var(--text-primary);margin:0;line-height:1.2}@keyframes svelte-1omv85k-fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.options-container.svelte-1omv85k{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.options.svelte-1omv85k{display:flex;flex-wrap:wrap;gap:.75rem}.option-button.svelte-1omv85k{padding:.75rem 1rem;border:2px solid var(--border);color:var(--text-primary);box-shadow:var(--shadow);background:var(--bg-primary);border-radius:12px;font-size:1rem;font-weight:600;flex:1 1 auto;min-width:80px;cursor:pointer;transition:all .2s;touch-action:manipulation;-webkit-user-select:none;user-select:none;word-break:break-word;overflow-wrap:break-word}@media(hover:hover)and (pointer:fine){.option-button.svelte-1omv85k:hover:not(:disabled){border-color:#3b82f6;background:var(--bg-secondary)}}.option-button.selected.svelte-1omv85k{border-color:#3b82f6;background:#3b82f6;color:#fff;transform:scale(1.02);box-shadow:0 4px 12px #3b82f666}.option-button.selected.correct.svelte-1omv85k{border-color:var(--green);background:var(--green);box-shadow:0 4px 12px var(--green-fade);color:#fff}.option-button.selected.incorrect.svelte-1omv85k{border-color:#ef4444;background:#ef4444;box-shadow:0 4px 12px #ef444466}.option-button.svelte-1omv85k:disabled{cursor:not-allowed}.option-button.svelte-1omv85k:focus,.option-button.svelte-1omv85k:focus-visible{outline:none;box-shadow:var(--shadow)}.typing-container.svelte-1omv85k{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.typing-input-row.svelte-1omv85k{display:flex;gap:.75rem;align-items:stretch}.typing-input.svelte-1omv85k{flex:1;padding:.75rem 1rem;border:2px solid var(--border);background:var(--bg-primary);color:var(--text-primary);border-radius:12px;font-size:1rem;font-weight:600;transition:border-color .2s}.typing-input.svelte-1omv85k:focus{outline:none;border-color:#3b82f6}.typing-input.incorrect.svelte-1omv85k{border-color:#ef4444;animation:svelte-1omv85k-shake .3s ease}@keyframes svelte-1omv85k-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.typing-submit.svelte-1omv85k{padding:.75rem 1.5rem;border:none;background:#3b82f6;color:#fff;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .2s}.typing-submit.svelte-1omv85k:disabled{opacity:.5;cursor:not-allowed}.drill-footer.svelte-1omv85k{position:fixed;bottom:0;left:0;right:0;padding:1rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom,0px));display:flex;justify-content:center;background:var(--bg-primary);z-index:50}.in-modal.svelte-1omv85k .drill-footer:where(.svelte-1omv85k){background:var(--bg-secondary)}.finish-button.svelte-1omv85k{padding:1rem 2rem;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s;background:var(--bg-secondary);color:var(--text-secondary);min-width:200px;width:100%;max-width:400px}.finish-button.ready.svelte-1omv85k{background:var(--green);color:#fff;cursor:pointer}.finish-button.ready.svelte-1omv85k:hover{background:color-mix(in srgb,var(--green) 80%,black);transform:scale(1.02)}.finish-button.svelte-1omv85k:disabled:not(.ready){cursor:default}@media(max-width:640px){.drill-exercise.svelte-1omv85k{padding:.75rem;padding-bottom:calc(5rem + env(safe-area-inset-bottom,0px))}.cloze-sentence.svelte-1omv85k{font-size:1.1rem}.gap.svelte-1omv85k{min-width:40px}.option-button.svelte-1omv85k{padding:.6rem .8rem;font-size:.95rem}}