Add free-type spell checker for students

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>

public/index.html

@@ -99,6 +99,7 @@
       <div class="big-actions">
         <button id="btn-practice" class="big-btn practice">✏️ Practice</button>
         <button id="btn-test" class="big-btn test">⭐ Friday Test</button>
+        <button id="btn-freetype" class="big-btn print-list">🔍 Check any word</button>
         <button id="btn-print-list" class="big-btn print-list">🖨 Print my words</button>
       </div>
       <div id="kid-test-history"></div>
@@ -273,6 +274,20 @@
     </div>
   </section>
 
+  <!-- Free-type spell check -->
+  <section id="view-freetype" class="view" hidden>
+    <button class="back-btn" data-back="freetype">← Back</button>
+    <div class="word-card">
+      <p class="prompt">Type any word and I'll tell you if it's spelled right:</p>
+      <div id="freetype-feedback" class="feedback"></div>
+      <form id="freetype-form" autocomplete="off">
+        <input id="freetype-input" class="spell-input" type="text" autocomplete="off"
+               autocapitalize="off" autocorrect="off" spellcheck="false" aria-label="Type a word" enterkeyhint="go">
+        <p class="hint">Press Enter to check</p>
+      </form>
+    </div>
+  </section>
+
   <!-- Practice (spelling) -->
   <section id="view-practice" class="view" hidden>
     <button class="back-btn" data-back="practice">← Back</button>