Architecture overview:
• Main UI stays focused on text + playback controls (minimal distractions).
• Settings + Status/Activity live in a modal with tabs.
• Modal is closed by default via CSS (doesn’t rely on stripped hidden attributes).
• Settings persist to localStorage (voice, rate, pitch, volume, toggles).
• Text is not stored unless “Remember text on this device” is enabled.
• Voices load robustly via getVoices() + voiceschanged + short polling fallback.
• Speech uses SpeechSynthesisUtterance with defensive state handling.
• Auto Split builds a chunk queue and speaks sequentially with progress.
• Pause/Resume/Stop work reliably during chunked playback.
• Modal supports overlay close, ESC close, and focus trapping for accessibility.
How to use:
• Paste or type text into the Text box.
• Click “Settings” to choose a voice and adjust rate/pitch/volume.
• Enable “Auto split long text” for long passages (recommended over 10,000 chars).
• Click “Speak” to start (or “Restart” while active).
• Use “Pause” and “Resume” to control playback.
• Use “Stop” to cancel immediately.
• Highlight text and click “Speak selection” to read only the selection.
• Optional: enable “Remember text on this device” to store text locally.
Privacy (short):
• Your text is processed locally in your browser. Nothing is uploaded.
• By default only settings are saved (not your text).
