diff --git a/public/static/css/chatbot.css b/public/static/css/chatbot.css
index 7495fd9..cfa56e3 100644
--- a/public/static/css/chatbot.css
+++ b/public/static/css/chatbot.css
@@ -207,7 +207,7 @@
 }
 
 /* Responsive styles */
-@media (max-width: 768px) {
+@media (max-width: 768px) {
     #chat-window {
         right: 16px;
         bottom: 140px;
@@ -216,5 +216,69 @@
     .chat-icon-container {
         right: 16px;
         bottom: 78px;
-    }
+    }
+}
+
+@media (max-width: 576px) {
+    #chat-window {
+        right: 16px;
+        bottom: calc(128px + env(safe-area-inset-bottom, 0px));
+        width: min(330px, calc(100vw - 48px));
+        height: min(440px, 62dvh);
+        border-radius: 14px;
+    }
+
+    .chat-icon-container {
+        right: 16px;
+        bottom: calc(70px + env(safe-area-inset-bottom, 0px));
+    }
+
+    #chat-icon {
+        width: 46px;
+        height: 46px;
+    }
+
+    #chat-icon i {
+        font-size: 21px;
+    }
+
+    .chat-header {
+        padding: 11px 12px;
+    }
+
+    .chat-header h3 {
+        font-size: 15px;
+    }
+
+    #chat-messages {
+        padding: 10px;
+        gap: 8px;
+    }
+
+    .message {
+        margin-bottom: 6px;
+    }
+
+    .message-bubble {
+        max-width: 88%;
+        padding: 8px 10px;
+        font-size: 13px;
+    }
+
+    .chat-input {
+        padding: 10px;
+    }
+
+    #user-message {
+        min-width: 0;
+        padding: 8px 11px;
+        font-size: 13px;
+    }
+
+    #send-message {
+        width: 36px;
+        height: 36px;
+        margin-left: 8px;
+        flex: 0 0 36px;
+    }
 }
diff --git a/templates/base.html b/templates/base.html
index e25f069..4437ead 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -10,7 +10,7 @@
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.0/font/bootstrap-icons.css">
     <link rel="stylesheet" href="{{ url_for('static', filename='css/app.css') }}">
-    <link rel="stylesheet" href="{{ url_for('static', filename='css/chatbot.css', v='20260725.1') }}">
+    <link rel="stylesheet" href="{{ url_for('static', filename='css/chatbot.css', v='20260725.2') }}">
     <link rel="stylesheet" href="{{ url_for('static', filename='css/page_search.css') }}">
     {% block extra_css %}{% endblock %}
 </head>
@@ -184,7 +184,7 @@ <h3><i class="bi bi-robot me-2"></i>Statistical assistant</h3>
     </button>
 
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
-    <script src="{{ url_for('static', filename='js/chatbot.js', v='20260725.1') }}"></script>
+    <script src="{{ url_for('static', filename='js/chatbot.js', v='20260725.2') }}"></script>
     <script>
     document.addEventListener('DOMContentLoaded', function () {
         document.querySelectorAll('[data-bs-toggle="tooltip"]').forEach(function (element) {
diff --git a/templates/blank.html b/templates/blank.html
index ef32f8b..5fe6aa3 100644
--- a/templates/blank.html
+++ b/templates/blank.html
@@ -15,7 +15,7 @@
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.0/font/bootstrap-icons.css">
     
     <!-- Chatbot CSS -->
-    <link rel="stylesheet" href="{{ url_for('static', filename='css/chatbot.css', v='20260725.1') }}">
+    <link rel="stylesheet" href="{{ url_for('static', filename='css/chatbot.css', v='20260725.2') }}">
     
     <!-- Page Search CSS -->
     <link rel="stylesheet" href="{{ url_for('static', filename='css/page_search.css') }}">
@@ -92,7 +92,7 @@ <h3><i class="bi bi-robot me-2"></i>AI Assistant</h3>
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
     
     <!-- Chatbot JS -->
-    <script src="{{ url_for('static', filename='js/chatbot.js', v='20260725.1') }}"></script>
+    <script src="{{ url_for('static', filename='js/chatbot.js', v='20260725.2') }}"></script>
     
     <!-- Page Search JS -->
     <script src="{{ url_for('static', filename='js/page_search.js') }}"></script>
diff --git a/tests/test_main_routes.py b/tests/test_main_routes.py
index 56f9a0b..68d4798 100644
--- a/tests/test_main_routes.py
+++ b/tests/test_main_routes.py
@@ -11,8 +11,8 @@ def test_home_page(self, client):
         response = client.get('/')
         assert response.status_code == 200
         assert b'statistical' in response.data.lower() or b'model' in response.data.lower()
-        assert b'chatbot.js?v=20260725.1' in response.data
-        assert b'chatbot.css?v=20260725.1' in response.data
+        assert b'chatbot.js?v=20260725.2' in response.data
+        assert b'chatbot.css?v=20260725.2' in response.data
     def test_analysis_form_page(self, client):
         """Test that the analysis form page loads."""
         response = client.get('/analysis-form')