Add dark mode support for interlinear section

- Hebrew/Greek letters now white in dark mode
- Dark backgrounds for hover and expanded states
- Dark popup card styling

🤖 Generated with [Claude Code](https://claude.com/claude-code)

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

kjvstudy_org/templates/verse.html

@@ -434,11 +434,100 @@
     text-decoration: underline;
 }
 
-@media (max-width: 768px) {
-    .interlinear-container summary::after {
-        display: none;
+/* Dark mode for interlinear */
+[data-theme="dark"] .word-original {
+    color: #eee;
+}
+
+[data-theme="dark"] .word-unit:hover .word-original {
+    color: #fff;
+}
+
+[data-theme="dark"] .word-unit:hover {
+    background: #2a2a2a;
+    border-color: #444;
+}
+
+[data-theme="dark"] .word-unit.expanded {
+    background: #1a2e1a;
+    border-color: #4a7c59;
+}
+
+[data-theme="dark"] .word-detail {
+    background: #222;
+    border-color: #444;
+}
+
+[data-theme="dark"] .word-detail-original {
+    color: #eee;
+}
+
+[data-theme="dark"] .word-detail-value {
+    color: #ddd;
+}
+
+[data-theme="dark"] .word-detail-definition {
+    color: #bbb;
+    border-top-color: #444;
+}
+
+[data-theme="dark"] .word-detail-header {
+    border-bottom-color: #444;
+}
+
+[data-theme="dark"] .interlinear-heading {
+    color: #ddd;
+    border-bottom-color: #444;
+}
+
+@media (prefers-color-scheme: dark) {
+    .word-original {
+        color: #eee;
     }
 
+    .word-unit:hover .word-original {
+        color: #fff;
+    }
+
+    .word-unit:hover {
+        background: #2a2a2a;
+        border-color: #444;
+    }
+
+    .word-unit.expanded {
+        background: #1a2e1a;
+        border-color: #4a7c59;
+    }
+
+    .word-detail {
+        background: #222;
+        border-color: #444;
+    }
+
+    .word-detail-original {
+        color: #eee;
+    }
+
+    .word-detail-value {
+        color: #ddd;
+    }
+
+    .word-detail-definition {
+        color: #bbb;
+        border-top-color: #444;
+    }
+
+    .word-detail-header {
+        border-bottom-color: #444;
+    }
+
+    .interlinear-heading {
+        color: #ddd;
+        border-bottom-color: #444;
+    }
+}
+
+@media (max-width: 768px) {
     .interlinear-flow {
         line-height: 4.5;
     }