.demo-counter.svelte-pypy6c{display:flex;gap:1rem;align-items:center;padding:var(--space-6);background:var(--sk-back-2);border:1px solid var(--sk-back-4);border-radius:var(--radius-lg);justify-content:center;margin:var(--space-4) 0}button.svelte-pypy6c{padding:var(--space-3) var(--space-4);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-weight:var(--font-weight-semibold);transition:var(--transition-all);display:flex;align-items:center;justify-content:center}button.svelte-pypy6c:hover{background:var(--color-primary-hover);transform:translateY(-1px)}button.reset.svelte-pypy6c{background:var(--color-text-tertiary);font-size:var(--font-size-sm)}button.reset.svelte-pypy6c:hover{background:var(--color-text-secondary)}.count.svelte-pypy6c{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);min-width:4rem;text-align:center;color:var(--color-primary)}@media(max-width:640px){.demo-counter.svelte-pypy6c{gap:.75rem;padding:var(--space-4);flex-wrap:wrap}button.svelte-pypy6c{padding:var(--space-2) var(--space-3);min-width:44px;min-height:44px}button.reset.svelte-pypy6c{flex:1 1 100%;margin-top:.25rem}.count.svelte-pypy6c{font-size:var(--font-size-2xl);min-width:3rem}}@media(max-width:480px){.demo-counter.svelte-pypy6c{gap:.5rem;padding:var(--space-3)}.count.svelte-pypy6c{font-size:var(--font-size-xl);min-width:2.5rem}}.alert.svelte-1xnp9jq{display:flex;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);margin:var(--space-6) 0;border-left:4px solid;background:var(--sk-back-2)}.alert-icon.svelte-1xnp9jq{flex-shrink:0;display:flex;align-items:flex-start;padding-top:.125rem}.alert-content.svelte-1xnp9jq{flex:1}.alert-title.svelte-1xnp9jq{font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.alert-message.svelte-1xnp9jq{line-height:var(--line-height-relaxed)}.alert-info.svelte-1xnp9jq{border-color:#3b82f6}.alert-info.svelte-1xnp9jq .alert-icon:where(.svelte-1xnp9jq){color:#3b82f6}.alert-success.svelte-1xnp9jq{border-color:var(--color-success)}.alert-success.svelte-1xnp9jq .alert-icon:where(.svelte-1xnp9jq){color:var(--color-success)}.alert-warning.svelte-1xnp9jq{border-color:var(--color-warning)}.alert-warning.svelte-1xnp9jq .alert-icon:where(.svelte-1xnp9jq){color:var(--color-warning)}.alert-error.svelte-1xnp9jq{border-color:var(--color-error)}.alert-error.svelte-1xnp9jq .alert-icon:where(.svelte-1xnp9jq){color:var(--color-error)}@media(max-width:640px){.alert.svelte-1xnp9jq{gap:var(--space-2);padding:var(--space-3);font-size:.9375rem}.alert-icon.svelte-1xnp9jq svg{width:18px;height:18px}.alert-title.svelte-1xnp9jq{font-size:.9375rem}.alert-message.svelte-1xnp9jq{font-size:.875rem}}@media(max-width:480px){.alert.svelte-1xnp9jq{gap:var(--space-2);padding:var(--space-2) var(--space-3);border-left-width:3px}.alert-icon.svelte-1xnp9jq svg{width:16px;height:16px}}.callout.svelte-wbb29o{padding:var(--space-4);border-radius:var(--radius-lg);margin:var(--space-6) 0;border:2px solid}.callout-header.svelte-wbb29o{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.callout-emoji.svelte-wbb29o{font-size:var(--font-size-xl)}.callout-label.svelte-wbb29o{font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.callout-content.svelte-wbb29o{line-height:var(--line-height-relaxed)}.callout-note.svelte-wbb29o{background:#dbeafe;border-color:#3b82f6}.callout-note.svelte-wbb29o .callout-label:where(.svelte-wbb29o){color:#1e40af}.callout-tip.svelte-wbb29o{background:#d1fae5;border-color:var(--color-success)}.callout-tip.svelte-wbb29o .callout-label:where(.svelte-wbb29o){color:#065f46}.callout-important.svelte-wbb29o{background:#fef3c7;border-color:var(--color-warning)}.callout-important.svelte-wbb29o .callout-label:where(.svelte-wbb29o){color:#92400e}.callout-caution.svelte-wbb29o{background:#fee2e2;border-color:var(--color-error)}.callout-caution.svelte-wbb29o .callout-label:where(.svelte-wbb29o){color:#991b1b}@media(max-width:640px){.callout.svelte-wbb29o{padding:var(--space-3);font-size:.9375rem}.callout-header.svelte-wbb29o{gap:var(--space-2);margin-bottom:var(--space-2)}.callout-emoji.svelte-wbb29o{font-size:var(--font-size-lg)}.callout-label.svelte-wbb29o{font-size:.8125rem}.callout-content.svelte-wbb29o{font-size:.875rem}}@media(max-width:480px){.callout.svelte-wbb29o{padding:var(--space-3);border-width:1.5px}.callout-emoji.svelte-wbb29o{font-size:var(--font-size-base)}}.loading-state.svelte-rj4gjq,.error-state.svelte-rj4gjq,.empty-state.svelte-rj4gjq{padding:2rem;text-align:center;background:var(--color-bg-subtle);border:1px solid var(--color-border-default);border-radius:var(--radius-md);margin:2rem 0}.error-state.svelte-rj4gjq{background:#ef44441a;border-color:var(--color-error);color:var(--color-error)}.loading-state.svelte-rj4gjq p:where(.svelte-rj4gjq),.error-state.svelte-rj4gjq p:where(.svelte-rj4gjq),.empty-state.svelte-rj4gjq p:where(.svelte-rj4gjq){margin:0;color:var(--color-text-secondary)}.error-state.svelte-rj4gjq p:where(.svelte-rj4gjq){color:var(--color-error)}.consonant-table-wrapper.svelte-rj4gjq{width:100%;overflow-x:auto;margin:2rem 0}.consonant-table.svelte-rj4gjq{width:100%;border-collapse:collapse;font-family:var(--font-family-content);font-size:.95rem;border:1px solid var(--color-border-default);border-radius:var(--radius-md);overflow:hidden}.consonant-table.svelte-rj4gjq thead:where(.svelte-rj4gjq){background:var(--color-bg-muted)}.consonant-table.svelte-rj4gjq th:where(.svelte-rj4gjq){padding:.875rem 1rem;text-align:left;font-weight:600;font-family:var(--font-family-heading);color:var(--color-text-primary);border-bottom:2px solid var(--color-border-strong);position:sticky;top:0;background:var(--color-bg-muted);z-index:10}.consonant-table.svelte-rj4gjq tbody:where(.svelte-rj4gjq) tr:where(.svelte-rj4gjq){border-bottom:1px solid var(--color-border-subtle);transition:background-color .15s ease}.consonant-table.svelte-rj4gjq tbody:where(.svelte-rj4gjq) tr:where(.svelte-rj4gjq):hover{background:var(--color-bg-subtle)}.consonant-table.svelte-rj4gjq td:where(.svelte-rj4gjq){padding:.75rem 1rem;color:var(--color-text-secondary);vertical-align:top}.ipa-cell.svelte-rj4gjq{font-weight:600;font-size:1.1rem;color:var(--color-primary);background:var(--color-bg-subtle);text-align:center;min-width:80px}.phonogram-cell.svelte-rj4gjq{min-width:180px}.phonogram-cell.svelte-rj4gjq strong:where(.svelte-rj4gjq){color:var(--color-text-primary);font-family:var(--font-family-mono);background:var(--color-bg-muted);padding:.2em .4em;border-radius:var(--radius-sm);font-size:.9em}.examples-cell.svelte-rj4gjq{line-height:1.6}@media(max-width:768px){.consonant-table.svelte-rj4gjq{font-size:.875rem}.consonant-table.svelte-rj4gjq th:where(.svelte-rj4gjq),.consonant-table.svelte-rj4gjq td:where(.svelte-rj4gjq){padding:.625rem .75rem}.ipa-cell.svelte-rj4gjq{font-size:1rem;min-width:60px}.phonogram-cell.svelte-rj4gjq{min-width:140px}}@media(max-width:480px){.consonant-table.svelte-rj4gjq{font-size:.8125rem}.consonant-table.svelte-rj4gjq th:where(.svelte-rj4gjq),.consonant-table.svelte-rj4gjq td:where(.svelte-rj4gjq){padding:.5rem .625rem}.ipa-cell.svelte-rj4gjq{font-size:.95rem;min-width:50px}.phonogram-cell.svelte-rj4gjq{min-width:120px}.examples-cell.svelte-rj4gjq{font-size:.75rem}}.practice-spelling.svelte-1r8y9w5{margin:1.5rem 0;padding:2rem;background:linear-gradient(to bottom,#f9fafb,#fff);border:1px solid #e5e7eb;border-radius:12px;outline:none;transition:all .3s ease}.practice-spelling.svelte-1r8y9w5:focus-within,.practice-spelling.maintain-focus.svelte-1r8y9w5{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a,0 0 20px #3b82f626}.header.svelte-1r8y9w5{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.stats.svelte-1r8y9w5{font-size:1rem}.score.svelte-1r8y9w5{color:#059669;font-weight:600}.start-controls.svelte-1r8y9w5{display:flex;gap:.5rem;align-items:center}.level-select.svelte-1r8y9w5{padding:.5rem .75rem;border:2px solid #d1d5db;border-radius:6px;font-size:.95rem;background:#fff;cursor:pointer;transition:border-color .2s}.level-select.svelte-1r8y9w5:focus{outline:none;border-color:#2563eb}.level-select.svelte-1r8y9w5:disabled{background:#f3f4f6;cursor:not-allowed}.start-word-input.svelte-1r8y9w5{padding:.5rem .75rem;border:2px solid #d1d5db;border-radius:6px;font-size:.95rem;font-family:Roboto Slab,serif;transition:border-color .2s}.start-word-input.svelte-1r8y9w5:focus{outline:none;border-color:#2563eb}.start-word-input.svelte-1r8y9w5:disabled{background:#f3f4f6;cursor:not-allowed}.start-button.svelte-1r8y9w5{padding:.5rem 1rem;background:#2563eb;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:background .2s}.start-button.svelte-1r8y9w5:hover{background:#1d4ed8}.sentence-area.svelte-1r8y9w5{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;padding:2rem;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.word.svelte-1r8y9w5{display:flex;gap:0;position:relative;padding:.5rem .25rem;border-radius:6px;transition:all .2s}.word.active-word.svelte-1r8y9w5{background:#dbeafe}.letter-container.svelte-1r8y9w5{display:flex;flex-direction:column;align-items:center;transition:all .2s}.display-text.svelte-1r8y9w5{font-family:Roboto Slab,serif;font-size:1.5rem;font-weight:600;line-height:1.8;text-align:center;min-width:1ch}.display-text.intuitive.svelte-1r8y9w5{color:#1f2937}.display-text.vowel.svelte-1r8y9w5{color:#059669}.display-text.consonant.svelte-1r8y9w5{color:#2563eb}.display-text.silent.svelte-1r8y9w5{color:gray}.display-text.affix.svelte-1r8y9w5{color:#2563eb}.input-popup.svelte-1r8y9w5{position:absolute;top:-4.5rem;left:0;transform:translate(0);background:#fff;border:2px solid #2563eb;border-radius:8px;padding:.75rem;box-shadow:0 4px 12px #00000026;z-index:10;animation:svelte-1r8y9w5-popIn .2s ease-out;display:flex;flex-direction:column;align-items:center;gap:.5rem}@keyframes svelte-1r8y9w5-popIn{0%{opacity:0;transform:translate(0) translateY(5px) scale(.9)}to{opacity:1;transform:translate(0) translateY(0) scale(1)}}.input-popup.svelte-1r8y9w5:after{content:"";position:absolute;bottom:-6px;left:1rem;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #2563eb}.digit-input-container.svelte-1r8y9w5{display:flex;gap:.25rem;align-items:center}.syllable-dot.svelte-1r8y9w5{color:#6b7280;font-size:1.5rem;font-weight:700;padding:0 .25rem}.digit-box.svelte-1r8y9w5{width:2rem;height:2.5rem;border:2px solid #d1d5db;border-radius:6px;display:flex;align-items:center;justify-content:center;font-family:Roboto Mono,monospace;font-size:1.25rem;font-weight:700;background:#f9fafb;color:#1f2937;position:relative}.digit-box.has-cursor.svelte-1r8y9w5{border-color:#2563eb;background:#fff}.cursor.svelte-1r8y9w5{animation:svelte-1r8y9w5-blink 1s step-end infinite;color:#2563eb}@keyframes svelte-1r8y9w5-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}.popup-input.svelte-1r8y9w5{position:absolute;opacity:0;width:1px;height:1px}.instructions.svelte-1r8y9w5{text-align:center;padding:1rem;background:#f3f4f6;border-radius:6px;color:#6b7280}.instructions.svelte-1r8y9w5 p:where(.svelte-1r8y9w5){margin:0}.instructions.svelte-1r8y9w5 kbd:where(.svelte-1r8y9w5){display:inline-block;padding:.2rem .5rem;background:#fff;border:1px solid #d1d5db;border-radius:4px;font-family:Roboto Mono,monospace;font-size:.85rem;box-shadow:0 1px 2px #0000000d}.copy-section-wrapper.svelte-h1n8sk{position:relative}.section-header.svelte-h1n8sk{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:3rem 0 1.5rem;border-bottom:1px solid var(--sk-back-4);padding-bottom:.5rem}.section-header.svelte-h1n8sk h2:where(.svelte-h1n8sk){font-size:1.875rem;font-weight:600;font-family:var(--font-family-heading);color:var(--sk-text-1);margin:0;line-height:1.3;flex:1;min-width:0}.section-header.svelte-h1n8sk h2:where(.svelte-h1n8sk) .heading-anchor:where(.svelte-h1n8sk){color:inherit;text-decoration:none;position:relative;display:block}.section-header.svelte-h1n8sk h2:where(.svelte-h1n8sk) .heading-anchor:where(.svelte-h1n8sk):before{content:"#";position:absolute;left:-1.5rem;color:var(--sk-theme-1);opacity:0;transition:opacity .2s;font-weight:400}.section-header.svelte-h1n8sk h2:where(.svelte-h1n8sk):hover .heading-anchor:where(.svelte-h1n8sk):before{opacity:.6}.section-header.svelte-h1n8sk h2:where(.svelte-h1n8sk) .heading-anchor:where(.svelte-h1n8sk):hover:before{opacity:1}.copy-section-button.svelte-h1n8sk{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500;color:var(--sk-text-2);background:var(--sk-back-2);border:1px solid var(--sk-back-4);border-radius:4px;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0}.copy-section-button.svelte-h1n8sk:hover{color:var(--sk-theme-1);background:var(--sk-back-3);border-color:var(--sk-theme-1)}.copy-section-button.svelte-h1n8sk svg:where(.svelte-h1n8sk){flex-shrink:0}.button-text.svelte-h1n8sk{display:inline-block}@media(max-width:768px){.section-header.svelte-h1n8sk h2:where(.svelte-h1n8sk){font-size:1.5rem}.copy-section-button.svelte-h1n8sk{padding:.25rem .5rem;font-size:.7rem}.button-text.svelte-h1n8sk{display:none}}@media(max-width:640px){.section-header.svelte-h1n8sk{margin:1.75rem 0 .875rem}.section-header.svelte-h1n8sk h2:where(.svelte-h1n8sk){font-size:1.375rem}.copy-section-button.svelte-h1n8sk{padding:.25rem .5rem}}@media(max-width:480px){.section-header.svelte-h1n8sk{margin:1.5rem 0 .75rem}.section-header.svelte-h1n8sk h2:where(.svelte-h1n8sk){font-size:1.25rem}}