- fix font size slider and increase range

Author: TobiasMue91

tools/speed_reading_trainer.html

@@ -198,7 +198,6 @@
         }
 
         #rsvp-display {
-            font-size: 2.2rem;
             text-align: center;
             display: flex;
             align-items: center;
@@ -748,7 +747,7 @@ <h3>Reading Speed</h3>
             <div class="settings-card">
                 <h3>Display Options</h3>
                 <label class="control-label">Font Size: <span id="font-size-value">20</span>px</label>
-                <input type="range" id="font-size-control" class="control-input" min="16" max="32" step="2" value="20">
+                <input type="range" id="font-size-control" class="control-input" min="16" max="64" step="2" value="20">
             </div>
         </div>
 
@@ -780,7 +779,7 @@ <h3>Display Options</h3>
     <!-- Reader Panel (kept in position) -->
     <section id="reader" class="panel">
         <h2 class="section-title">Step 3: Reading Area</h2>
-        <div id="reader-content">
+        <div id="reader-content" style="font-size:20px;">
             <div id="rsvp-display" class="hidden">
                 <span id="rsvp-word">Ready</span>
             </div>