Add interactive visual content system for kids

✨ New Features:
- Visual animations for science concepts (sky, birds, water, etc.)
- Interactive educational illustrations with emoji and animations
- Topic-based visual content mapping system
- Kid-friendly CSS animations and effects
- Enhanced learning experience for ages 8-12

🎨 Visual Content Includes:
- Sky/atmosphere light scattering animation
- Bird flight mechanics visualization
- Water molecule structure and behavior
- Earth orbit and seasons explanation
- Computer data flow representation
- Brain and dream visualization
- Rainbow light spectrum breakdown
- General thinking process animations

📱 Features:
- Responsive design for all devices
- Smooth animations and transitions
- Auto-detection of topics from questions
- Multi-language visual descriptions
- Engaging educational content

index.html

@@ -20,6 +20,7 @@
     <meta name="apple-mobile-web-app-title" content="KidsAI Explorer">
     
     <link rel="stylesheet" href="style.css">
+    <link rel="stylesheet" href="visual-animations.css">
     <link rel="stylesheet" href="fallback.css">
     <link href="https://fonts.googleapis.com/css2?family=Fredoka+One:wght@400&family=Open+Sans:wght@400;600&display=swap" rel="stylesheet">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw==" crossorigin="anonymous" referrerpolicy="no-referrer">
@@ -177,6 +178,7 @@
     </script>
 
     <script src="translations.js?v=20250629181500"></script>
+    <script src="visual-content.js?v=20250713170000"></script>
     <script src="ai-responses.js?v=20250629181500"></script>
     <script src="script-new.js?v=20250629181500"></script>