Redesign UI with modern dark theme and improved styling

- Unified color scheme using CSS variables across all pages
- Fixed spacing issues in verse display (removed <br> joins for rich view)
- Updated all HTML pages with proper HTML5 structure
- Added responsive design with mobile breakpoints
- Created shared stylesheet (styles/page.css) for form pages
- Fixed unclosed div tag in scripture_response
- Improved typography with serif fonts for scripture text
- Added verse container cards with hover effects
- Inline dark background to prevent white flash on navigation

All endpoints remain backward compatible with existing functionality.

styles/human_readable.css

@@ -1,10 +1,66 @@
-   <style>
-.testhtml{
-    font-family: sans-serif;
-    font-size: 14.5pt;
-    width: 768px;
+<style>
+/* Modern KJV API Styling - Human Readable */
+
+:root {
+    /* Color Palette */
+    --color-bg-primary: #1a1a1a;
+    --color-bg-secondary: #252525;
+    --color-bg-tertiary: #2f2f2f;
+    --color-text-primary: #e8e8e8;
+    --color-text-secondary: #b8b8b8;
+    --color-text-muted: #888888;
+    --color-accent-primary: #6b9bd1;
+    --color-accent-hover: #85aede;
+    --color-link: #6b9bd1;
+    --color-link-hover: #85aede;
+    --color-border: #3a3a3a;
+    --color-shadow: rgba(0, 0, 0, 0.3);
+
+    /* Typography */
+    --font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+    --font-scripture: Georgia, "Crimson Text", "Times New Roman", serif;
+    --font-mono: "SF Mono", Monaco, "Cascadia Code", "Courier New", monospace;
+
+    /* Spacing */
+    --space-xs: 0.25rem;
+    --space-sm: 0.5rem;
+    --space-md: 1rem;
+    --space-lg: 1.5rem;
+    --space-xl: 2rem;
+    --space-2xl: 3rem;
+
+    /* Layout */
+    --content-max-width: 820px;
+    --border-radius: 8px;
+    --border-radius-sm: 4px;
+
+    /* Transitions */
+    --transition-fast: 150ms ease;
+    --transition-normal: 250ms ease;
 }
+
+.testhtml {
+    font-family: var(--font-scripture);
+    font-size: 1.125rem;
+    line-height: 1.75;
+    max-width: var(--content-max-width);
+    margin: 0 auto;
+    padding: var(--space-md);
+    color: var(--color-text-primary);
+}
+
 a {
-    color: #547720
+    color: var(--color-link);
+    text-decoration: none;
+    transition: color var(--transition-fast);
+}
+
+a:hover {
+    color: var(--color-link-hover);
+    text-decoration: underline;
+}
+
+a:visited {
+    color: var(--color-accent-primary);
 }
 </style>