.practice-page.svelte-22rs6j{min-height:100vh;padding-top:60px;background:var(--sk-back-1, #ffffff);margin-bottom:50vh}.container.svelte-22rs6j{max-width:1400px;margin:0 auto;padding:2rem}.learn-vocabulary.svelte-22rs6j{margin:2rem 0;padding:0;background:transparent;border:none}.header.svelte-22rs6j{margin-bottom:1.5rem}.header.svelte-22rs6j h2:where(.svelte-22rs6j){margin:0 0 .5rem;color:#1f2937;font-size:1.75rem}.search-box.svelte-22rs6j{margin-bottom:1rem}.search-input.svelte-22rs6j{width:100%;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;transition:border-color .2s}.search-input.svelte-22rs6j:focus{outline:none;border-color:#2563eb}.filter-chips.svelte-22rs6j{margin-bottom:2rem;padding:1.5rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px}.categories-grid.svelte-22rs6j{display:grid;grid-template-columns:2fr 3fr 6fr;gap:1.5rem}.category-section.svelte-22rs6j{display:flex;flex-direction:column;gap:.75rem}.consonants-section.svelte-22rs6j{grid-column:1 / -1}.category-label.svelte-22rs6j{margin:0;padding:.5rem .75rem;background:#e5e7eb;border-radius:4px;font-size:.9rem;font-weight:700;color:#374151;text-transform:uppercase;letter-spacing:.05em}.category-label.collapsible.svelte-22rs6j{cursor:pointer;display:flex;justify-content:space-between;align-items:center;border:none;width:100%;text-align:left;transition:background .2s}.category-label.collapsible.svelte-22rs6j:hover{background:#d1d5db}.toggle-icon.svelte-22rs6j{font-size:.7rem;margin-left:.5rem}.chips-container.svelte-22rs6j{display:flex;flex-wrap:wrap;gap:.5rem}.chip.svelte-22rs6j{padding:.4rem .9rem;background:#fff;border:1px solid #d1d5db;border-radius:4px;font-family:Roboto Mono,monospace;font-size:.95rem;font-weight:600;color:#374151;cursor:pointer;transition:all .2s}.chip.svelte-22rs6j:hover{background:#f3f4f6;border-color:#9ca3af}.chip.selected.svelte-22rs6j{background:#2563eb;border-color:#2563eb;color:#fff}.chip.has-saved.svelte-22rs6j:not(.selected){background:#f59e0b;border-color:#f59e0b;color:#fff}.chip.has-saved.svelte-22rs6j:not(.selected):hover{background:#d97706;border-color:#d97706;color:#fff}.chip.selected.has-saved.svelte-22rs6j{box-shadow:0 0 0 3px #f59e0b59}@media(max-width:768px){.container.svelte-22rs6j{padding:1rem}.learn-vocabulary.svelte-22rs6j{padding:0}.header.svelte-22rs6j h2:where(.svelte-22rs6j){font-size:1.5rem}.categories-grid.svelte-22rs6j{grid-template-columns:1fr}}