.practice-page.svelte-cvxoy7{max-width:100%;margin:0 auto;padding:1rem}.header.svelte-cvxoy7{margin-top:calc(60px + 2rem);text-align:center;margin-bottom:2rem}.header.svelte-cvxoy7 h1:where(.svelte-cvxoy7){font-size:2rem;color:#1f2937}.input-section.svelte-cvxoy7{background:#fff;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 1px 3px #0000001a}.words-section.svelte-cvxoy7 label:where(.svelte-cvxoy7){display:block;font-weight:600;margin-bottom:.5rem;color:#374151}.words-section.svelte-cvxoy7 textarea:where(.svelte-cvxoy7){width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-family:inherit;font-size:.9rem;resize:vertical;margin-bottom:1rem}.button-group.svelte-cvxoy7{display:flex;gap:.5rem;flex-wrap:wrap}.generate-btn.svelte-cvxoy7,.capture-btn.svelte-cvxoy7{padding:.75rem 1.5rem;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s}.generate-btn.svelte-cvxoy7{background:#3b82f6;color:#fff}.generate-btn.svelte-cvxoy7:hover{background:#2563eb}.capture-btn.svelte-cvxoy7{background:#10b981;color:#fff}.capture-btn.svelte-cvxoy7:hover:not(:disabled){background:#059669}.capture-btn.svelte-cvxoy7:disabled{opacity:.5;cursor:not-allowed}.words-container.svelte-cvxoy7{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:center}.words-column.svelte-cvxoy7{display:flex;flex-direction:column;gap:1.5rem;width:612px;max-width:100%}.word-cell.svelte-cvxoy7{padding:2.6rem;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.transcription.svelte-cvxoy7{display:flex;flex-wrap:nowrap;gap:0;line-height:1;letter-spacing:.1em;-webkit-user-select:text;user-select:text;cursor:text;padding:.25rem;border-radius:4px;transition:background .2s;justify-content:center}.transcription.svelte-cvxoy7:hover{background:#f9fafb}.grapheme-pair.svelte-cvxoy7{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:0;position:relative;min-height:80px}.phoneme-placeholder.svelte-cvxoy7{position:absolute;width:100%;height:3px;left:0}.phoneme-placeholder.single-grapheme.svelte-cvxoy7,.phoneme-placeholder.multi-grapheme.svelte-cvxoy7{width:100%}.phoneme-placeholder.phoneme-top.svelte-cvxoy7{top:8px;border-top:3px solid}.phoneme-placeholder.phoneme-bottom.svelte-cvxoy7{bottom:8px;border-bottom:3px solid}.phoneme-spacer.svelte-cvxoy7{display:none}.grapheme.svelte-cvxoy7{font-weight:600;font-size:40px;line-height:1}.grapheme.vowel.svelte-cvxoy7{color:#10b981}.grapheme.consonant.svelte-cvxoy7{color:#3b82f6}.grapheme.affix.svelte-cvxoy7{color:#8b5cf6}.grapheme.silent.svelte-cvxoy7{color:#6b7280}.grapheme.unknown.svelte-cvxoy7{color:#1f2937}.grapheme.intuitive.svelte-cvxoy7{color:#000}.syllable-separator.svelte-cvxoy7{font-size:40px;color:#6b7280;display:inline-flex;align-items:center;padding:0;line-height:1}.phoneme-placeholder.vowel.svelte-cvxoy7{border-color:#10b981}.phoneme-placeholder.consonant.svelte-cvxoy7{border-color:#3b82f6}.phoneme-placeholder.affix.svelte-cvxoy7{border-color:#8b5cf6}.phoneme-placeholder.silent.svelte-cvxoy7,.phoneme-placeholder.unknown.svelte-cvxoy7{border-color:#6b7280}.category-picker.svelte-cvxoy7{position:fixed;background:#fff;border:2px solid #d1d5db;border-radius:8px;box-shadow:0 4px 20px #00000026;padding:.5rem;z-index:1001;max-width:calc(100vw - 16px);top:0;left:0}.category-buttons.svelte-cvxoy7{display:flex;gap:.5rem;flex-wrap:wrap}.category-btn.svelte-cvxoy7{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;color:#fff}.category-btn.vowel.svelte-cvxoy7{background:#10b981}.category-btn.vowel.svelte-cvxoy7:hover{background:#059669}.category-btn.consonant.svelte-cvxoy7{background:#3b82f6}.category-btn.consonant.svelte-cvxoy7:hover{background:#2563eb}.category-btn.affix.svelte-cvxoy7{background:#8b5cf6}.category-btn.affix.svelte-cvxoy7:hover{background:#7c3aed}.category-btn.silent.svelte-cvxoy7{background:#6b7280}.category-btn.silent.svelte-cvxoy7:hover{background:#4b5563}.category-btn.split.svelte-cvxoy7{background:#f59e0b}.category-btn.split.svelte-cvxoy7:hover{background:#d97706}.category-btn.unsplit.svelte-cvxoy7{background:#06b6d4}.category-btn.unsplit.svelte-cvxoy7:hover{background:#0891b2}.category-btn.clear.svelte-cvxoy7{background:#ef4444}.category-btn.clear.svelte-cvxoy7:hover{background:#dc2626}.grapheme.svelte-cvxoy7,.syllable-separator.svelte-cvxoy7{font-size:48px}@media(max-width:768px){.words-column.svelte-cvxoy7{width:100%}.transcription.svelte-cvxoy7{font-size:32px}}