.practice-page.svelte-qolqho{max-width:100%;margin:0 auto;padding:1rem}.header.svelte-qolqho{margin-top:calc(60px + 2rem);text-align:center;margin-bottom:2rem}.header.svelte-qolqho h1:where(.svelte-qolqho){font-size:2rem;color:#1f2937}.input-section.svelte-qolqho{background:#fff;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 1px 3px #0000001a}.input-area.svelte-qolqho label:where(.svelte-qolqho){display:block;font-weight:600;margin-bottom:.5rem;color:#374151}.input-area.svelte-qolqho textarea:where(.svelte-qolqho){width:100%;padding:.75rem;border:2px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:1rem;line-height:1.6;resize:vertical;margin-bottom:1rem}.input-area.svelte-qolqho textarea:where(.svelte-qolqho):focus{outline:none;border-color:#2563eb}.button-group.svelte-qolqho{display:flex;gap:1rem;justify-content:center}.generate-btn.svelte-qolqho,.capture-btn.svelte-qolqho{padding:.75rem 2rem;font-size:1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .2s}.generate-btn.svelte-qolqho{background:#2563eb;color:#fff}.generate-btn.svelte-qolqho:hover{background:#1d4ed8}.capture-btn.svelte-qolqho{background:#10b981;color:#fff}.capture-btn.svelte-qolqho:hover:not(:disabled){background:#059669}.capture-btn.svelte-qolqho:disabled{background:#9ca3af;cursor:not-allowed}.table-section.svelte-qolqho{background:#fff;padding:2rem;border-radius:12px;overflow-x:auto;box-shadow:0 1px 3px #0000001a}.grid-container.svelte-qolqho{display:flex;flex-direction:column;gap:0}.grid-row.svelte-qolqho{display:grid;grid-template-columns:80px repeat(4,1fr);gap:0;border-bottom:3px solid #ffffff}.grid-row.svelte-qolqho:last-child{border-bottom:none}.row-number-cell.svelte-qolqho{padding:2.5rem 1rem;text-align:center;background:#e5e7eb;border-right:3px solid #ffffff;font-size:2rem;font-weight:700;color:#374151;display:flex;align-items:center;justify-content:center}.grid-cell.svelte-qolqho{padding:2.5rem 1rem;text-align:center;background:#f9fafb;border-right:3px solid #ffffff;min-width:250px}.grid-cell.svelte-qolqho:last-child{border-right:none}.transcription.svelte-qolqho{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-qolqho:hover{background:#f3f4f6}.grapheme-pair.svelte-qolqho{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:0;position:relative;min-height:80px}.phoneme-placeholder.svelte-qolqho{position:absolute;width:100%;height:3px;left:0}.phoneme-placeholder.phoneme-top.svelte-qolqho{top:8px;border-top:3px solid}.phoneme-placeholder.phoneme-bottom.svelte-qolqho{bottom:8px;border-bottom:3px solid}.phoneme-spacer.svelte-qolqho{display:none}.grapheme.svelte-qolqho{font-weight:600;font-size:40px;line-height:1}.grapheme.vowel.svelte-qolqho{color:#10b981}.grapheme.consonant.svelte-qolqho{color:#3b82f6}.grapheme.affix.svelte-qolqho{color:#8b5cf6}.grapheme.silent.svelte-qolqho{color:#6b7280}.grapheme.unknown.svelte-qolqho{color:#1f2937}.grapheme.intuitive.svelte-qolqho{color:#000}.syllable-separator.svelte-qolqho{font-size:40px;color:#6b7280;display:inline-flex;align-items:center;padding:0;line-height:1}.phoneme-placeholder.vowel.svelte-qolqho{border-color:#10b981}.phoneme-placeholder.consonant.svelte-qolqho{border-color:#3b82f6}.phoneme-placeholder.affix.svelte-qolqho{border-color:#8b5cf6}.phoneme-placeholder.silent.svelte-qolqho,.phoneme-placeholder.unknown.svelte-qolqho{border-color:#6b7280}.category-picker.svelte-qolqho{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-qolqho{display:flex;gap:.5rem;flex-wrap:wrap}.category-btn.svelte-qolqho{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-qolqho{background:#10b981}.category-btn.vowel.svelte-qolqho:hover{background:#059669}.category-btn.consonant.svelte-qolqho{background:#3b82f6}.category-btn.consonant.svelte-qolqho:hover{background:#2563eb}.category-btn.affix.svelte-qolqho{background:#8b5cf6}.category-btn.affix.svelte-qolqho:hover{background:#7c3aed}.category-btn.silent.svelte-qolqho{background:#6b7280}.category-btn.silent.svelte-qolqho:hover{background:#4b5563}.category-btn.split.svelte-qolqho{background:#f59e0b}.category-btn.split.svelte-qolqho:hover{background:#d97706}.category-btn.unsplit.svelte-qolqho{background:#06b6d4}.category-btn.unsplit.svelte-qolqho:hover{background:#0891b2}.category-btn.clear.svelte-qolqho{background:#ef4444}.category-btn.clear.svelte-qolqho:hover{background:#dc2626}@media(max-width:1200px){.grid-row.svelte-qolqho{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.header.svelte-qolqho h1:where(.svelte-qolqho){font-size:1.5rem}.input-section.svelte-qolqho,.table-section.svelte-qolqho{padding:1rem}.grid-row.svelte-qolqho{grid-template-columns:1fr}.grid-cell.svelte-qolqho{padding:1.5rem .5rem;min-width:auto}.transcription.svelte-qolqho{font-size:32px}.grapheme.svelte-qolqho,.syllable-separator.svelte-qolqho{font-size:28px}}