Various Fixes and QoL enhancements.

frontend/src/app/settings/page.tsx

@@ -15,6 +15,7 @@ interface Settings {
   fontFamily: FontFamily;
   fontSize: FontSize;
   readingWidth: ReadingWidth;
+  readingSpeed: number; // words per minute
 }
 
 const defaultSettings: Settings = {
@@ -22,6 +23,7 @@ const defaultSettings: Settings = {
   fontFamily: 'serif',
   fontSize: 'medium',
   readingWidth: 'medium',
+  readingSpeed: 200,
 };
 
 export default function SettingsPage() {
@@ -288,6 +290,33 @@ export default function SettingsPage() {
                   ))}
                 </div>
               </div>
+
+              {/* Reading Speed */}
+              <div>
+                <label className="block text-sm font-medium theme-header mb-2">
+                  Reading Speed (words per minute)
+                </label>
+                <div className="flex items-center gap-4">
+                  <input
+                    type="range"
+                    min="100"
+                    max="400"
+                    step="25"
+                    value={settings.readingSpeed}
+                    onChange={(e) => updateSetting('readingSpeed', parseInt(e.target.value))}
+                    className="flex-1 h-2 bg-gray-200 rounded-lg appearance-none cursor-pointer dark:bg-gray-700"
+                  />
+                  <div className="min-w-[80px] text-center">
+                    <span className="text-lg font-medium theme-header">{settings.readingSpeed}</span>
+                    <div className="text-xs theme-text">WPM</div>
+                  </div>
+                </div>
+                <div className="flex justify-between text-xs theme-text mt-1">
+                  <span>Slow (100)</span>
+                  <span>Average (200)</span>
+                  <span>Fast (400)</span>
+                </div>
+              </div>
             </div>
           </div>