.clevai-page.svelte-1agxtxe{max-width:100%;margin:0 auto;padding:1rem}.header.svelte-1agxtxe{margin-top:calc(60px + 2rem);text-align:center;margin-bottom:2rem}.header.svelte-1agxtxe h1:where(.svelte-1agxtxe){font-size:2rem;color:#1f2937}.input-section.svelte-1agxtxe{background:#fff;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 1px 3px #0000001a}.students-section.svelte-1agxtxe{margin-bottom:1.5rem}.section-label.svelte-1agxtxe,.words-section.svelte-1agxtxe label:where(.svelte-1agxtxe){display:block;font-weight:600;margin-bottom:.5rem;color:#374151}.students-list.svelte-1agxtxe{display:flex;flex-wrap:wrap;gap:.5rem;align-items:flex-start}.student-input-group.svelte-1agxtxe{display:flex;gap:.25rem}.student-input-group.svelte-1agxtxe input:where(.svelte-1agxtxe){padding:.5rem;border:2px solid #d1d5db;border-radius:6px;font-size:.9rem;width:150px}.student-input-group.svelte-1agxtxe input:where(.svelte-1agxtxe):focus{outline:none;border-color:#2563eb}.btn-add.svelte-1agxtxe,.btn-remove.svelte-1agxtxe,.btn-add-small.svelte-1agxtxe,.btn-remove-small.svelte-1agxtxe{padding:.5rem 1rem;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s}.btn-add.svelte-1agxtxe{background:#2563eb;color:#fff}.btn-add.svelte-1agxtxe:hover{background:#1d4ed8}.btn-remove.svelte-1agxtxe{background:#ef4444;color:#fff;padding:.5rem .75rem}.btn-remove.svelte-1agxtxe:hover:not(:disabled){background:#dc2626}.btn-remove.svelte-1agxtxe:disabled{background:#9ca3af;cursor:not-allowed}.words-section.svelte-1agxtxe{margin-bottom:1.5rem}textarea.svelte-1agxtxe{width:100%;padding:.75rem;border:2px solid #d1d5db;border-radius:8px;font-family:Roboto,sans-serif;font-size:1rem;line-height:1.6;resize:vertical}textarea.svelte-1agxtxe:focus{outline:none;border-color:#2563eb}.button-group.svelte-1agxtxe{display:flex;gap:1rem;justify-content:center}.generate-btn.svelte-1agxtxe,.capture-btn.svelte-1agxtxe{padding:.75rem 2rem;font-size:1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .2s}.generate-btn.svelte-1agxtxe{background:#2563eb;color:#fff}.generate-btn.svelte-1agxtxe:hover{background:#1d4ed8}.capture-btn.svelte-1agxtxe{background:#10b981;color:#fff}.capture-btn.svelte-1agxtxe:hover:not(:disabled){background:#059669}.capture-btn.svelte-1agxtxe:disabled{background:#9ca3af;cursor:not-allowed}.table-section.svelte-1agxtxe{background:#fff;padding:2rem;border-radius:12px;overflow-x:auto;box-shadow:0 1px 3px #0000001a}.transcription-table.svelte-1agxtxe{width:100%;border-collapse:separate;border-spacing:0;font-family:Roboto,sans-serif}.transcription-table.svelte-1agxtxe th:where(.svelte-1agxtxe),.transcription-table.svelte-1agxtxe td:where(.svelte-1agxtxe){padding:2.5rem 1rem;text-align:center;border-bottom:3px solid #ffffff;border-right:3px solid #ffffff}.transcription-table.svelte-1agxtxe th:where(.svelte-1agxtxe):last-child,.transcription-table.svelte-1agxtxe td:where(.svelte-1agxtxe):last-child{border-right:none}.transcription-table.svelte-1agxtxe thead:where(.svelte-1agxtxe) th:where(.svelte-1agxtxe){font-weight:400;font-size:28px;font-family:Playwrite RO,cursive;position:sticky;top:0;border-bottom:3px solid #ffffff}.actions-header.svelte-1agxtxe{width:60px;text-align:center}.practice-cell.svelte-1agxtxe{min-width:300px}.actions-cell.svelte-1agxtxe{text-align:center}.btn-add-small.svelte-1agxtxe,.btn-remove-small.svelte-1agxtxe{width:32px;height:32px;padding:0;font-size:1.2rem;display:inline-flex;align-items:center;justify-content:center}.btn-add-small.svelte-1agxtxe{background:#2563eb;color:#fff}.btn-add-small.svelte-1agxtxe:hover{background:#1d4ed8}.btn-remove-small.svelte-1agxtxe{background:#ef4444;color:#fff}.btn-remove-small.svelte-1agxtxe:hover{background:#dc2626}.transcription.svelte-1agxtxe{display:flex;flex-wrap:nowrap;gap:0;font-size:48px;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-1agxtxe:hover{background:#f9fafb}.grapheme-pair.svelte-1agxtxe{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:0;position:relative;min-height:80px}.phoneme-placeholder.svelte-1agxtxe{position:absolute;width:100%;height:3px;left:0}.phoneme-placeholder.single-grapheme.svelte-1agxtxe,.phoneme-placeholder.multi-grapheme.svelte-1agxtxe{width:100%}.phoneme-placeholder.phoneme-top.svelte-1agxtxe{top:8px;border-top:3px solid}.phoneme-placeholder.phoneme-bottom.svelte-1agxtxe{bottom:8px;border-bottom:3px solid}.phoneme-spacer.svelte-1agxtxe{display:none}.grapheme.svelte-1agxtxe{font-weight:600;font-size:40px;line-height:1}.grapheme.vowel.svelte-1agxtxe{color:#10b981}.grapheme.consonant.svelte-1agxtxe{color:#3b82f6}.grapheme.affix.svelte-1agxtxe{color:#8b5cf6}.grapheme.silent.svelte-1agxtxe{color:#6b7280}.grapheme.unknown.svelte-1agxtxe{color:#1f2937}.grapheme.intuitive.svelte-1agxtxe{color:#000}.syllable-separator.svelte-1agxtxe{font-size:40px;color:#6b7280;display:inline-flex;align-items:center;padding:0;line-height:1}.phoneme-placeholder.vowel.svelte-1agxtxe{border-color:#10b981}.phoneme-placeholder.consonant.svelte-1agxtxe{border-color:#3b82f6}.phoneme-placeholder.affix.svelte-1agxtxe{border-color:#8b5cf6}.phoneme-placeholder.silent.svelte-1agxtxe,.phoneme-placeholder.unknown.svelte-1agxtxe{border-color:#6b7280}.transcription-table.svelte-1agxtxe tbody:where(.svelte-1agxtxe) tr:where(.svelte-1agxtxe):hover{background:#f9fafb}.category-picker.svelte-1agxtxe{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-1agxtxe{display:flex;gap:.5rem;flex-wrap:wrap}.category-btn.svelte-1agxtxe{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-1agxtxe{background:#10b981}.category-btn.vowel.svelte-1agxtxe:hover{background:#059669}.category-btn.consonant.svelte-1agxtxe{background:#3b82f6}.category-btn.consonant.svelte-1agxtxe:hover{background:#2563eb}.category-btn.affix.svelte-1agxtxe{background:#8b5cf6}.category-btn.affix.svelte-1agxtxe:hover{background:#7c3aed}.category-btn.silent.svelte-1agxtxe{background:#6b7280}.category-btn.silent.svelte-1agxtxe:hover{background:#4b5563}.category-btn.split.svelte-1agxtxe{background:#f59e0b}.category-btn.split.svelte-1agxtxe:hover{background:#d97706}.category-btn.unsplit.svelte-1agxtxe{background:#06b6d4}.category-btn.unsplit.svelte-1agxtxe:hover{background:#0891b2}.category-btn.clear.svelte-1agxtxe{background:#ef4444}.category-btn.clear.svelte-1agxtxe:hover{background:#dc2626}@media(max-width:768px){.header.svelte-1agxtxe h1:where(.svelte-1agxtxe){font-size:1.5rem}.input-section.svelte-1agxtxe{padding:1rem}.students-list.svelte-1agxtxe{flex-direction:column}.student-input-group.svelte-1agxtxe input:where(.svelte-1agxtxe){width:100%}.table-section.svelte-1agxtxe{padding:1rem}.transcription-table.svelte-1agxtxe th:where(.svelte-1agxtxe),.transcription-table.svelte-1agxtxe td:where(.svelte-1agxtxe){padding:1rem .5rem;font-size:.9rem}.practice-cell.svelte-1agxtxe{min-width:150px}}