diff --git a/html/kidsai/script.js b/html/kidsai/script.js
index c06c44c..cf43c4c 100644
--- a/html/kidsai/script.js
+++ b/html/kidsai/script.js
@@ -1061,6 +1061,8 @@ class KidsAIExplorer {
         
         // Check if AI is asking a question (contains question mark)
         const isAIQuestion = feedback.response.includes('?');
+        console.log('AI Response:', feedback.response);
+        console.log('Contains question?', isAIQuestion);
         
         feedbackDiv.innerHTML = `
             <div class="ai-feedback ${feedbackClass}">
@@ -1100,6 +1102,7 @@ class KidsAIExplorer {
 
         // If AI asked a question, set up the reply functionality
         if (isAIQuestion) {
+            console.log('Setting up AI conversation...');
             this.setupAIConversation(feedbackDiv);
         }
 
@@ -1119,9 +1122,12 @@ class KidsAIExplorer {
     }
 
     setupAIConversation(feedbackDiv) {
+        console.log('setupAIConversation called');
         const replyInput = feedbackDiv.querySelector('.ai-reply-input');
         const replyButton = feedbackDiv.querySelector('.reply-to-ai-btn');
         const conversationDiv = feedbackDiv.querySelector('.ai-conversation');
+        
+        console.log('Reply elements:', { replyInput, replyButton, conversationDiv });
 
         const handleReply = async () => {
             const userReply = replyInput.value.trim();
diff --git a/html/kidsai/style.css b/html/kidsai/style.css
index 605502a..2df9439 100755
--- a/html/kidsai/style.css
+++ b/html/kidsai/style.css
@@ -1561,6 +1561,9 @@ body {
     border-top: 1px solid rgba(255, 255, 255, 0.2);
     padding-top: 15px;
     margin-top: 15px;
+    /* Debug: make sure it's visible */
+    min-height: 50px;
+    background: rgba(255, 255, 255, 0.1);
 }
 
 .reply-input-section {