Design: neutrale Grau-Hintergründe, Kapitelliste volle Höhe

- Hintergrundfarben auf neutrales Dunkelgrau geändert (#111111/#1a1a1a/#222222)
- Nur Akzentfarbe (#1ed760) und Buttons/aktive States bleiben grün
- ChapterList: max-h-64 entfernt, nutzt jetzt volle Seitenhöhe

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

frontend/src/components/player/ChapterList.tsx

@@ -23,7 +23,7 @@ export default function ChapterList({ chapters, currentTime, onSeek }: Props) {
   }
 
   return (
-    <div className="mt-4 border-t border-divider pt-4 max-h-64 overflow-y-auto">
+    <div className="mt-4 border-t border-divider pt-4">
       <p className="text-muted uppercase tracking-wider mb-2" style={{ fontSize: '10px', fontWeight: 600, letterSpacing: '0.12em' }}>Kapitel</p>
       {chapters.map((ch, i) => (
         <button

frontend/src/index.css

@@ -3,16 +3,16 @@
 @tailwind utilities;
 
 body {
-  background: #0a0d0b;
-  color: #e4ede5;
+  background: #111111;
+  color: #e8e8e8;
   font-family: 'Inter', sans-serif;
   font-size: 14px;
 }
 
 ::-webkit-scrollbar { width: 6px; height: 6px; }
 ::-webkit-scrollbar-track { background: transparent; }
-::-webkit-scrollbar-thumb { background: #2e3f30; border-radius: 3px; }
-::-webkit-scrollbar-thumb:hover { background: #3d5440; }
+::-webkit-scrollbar-thumb { background: #333333; border-radius: 3px; }
+::-webkit-scrollbar-thumb:hover { background: #444444; }
 
 input[type=range] {
   -webkit-appearance: none;