#grokChat { 
  Max-height: 400px; 
  Overflow-y: auto; 
  Padding: 20px; 
  Background: #fff; 
  Border-radius: 8px; 
  Box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); 
  Width: 100%; 
  Max-width: 400px; 
} 
#chatOutput { 
  Margin-bottom: 10px; 
  Padding: 10px; 
  Border: 1px solid #ddd; 
  Border-radius: 4px; 
} 
#chatOutput p { 
  Margin: 5px 0; 
} 
#userInput { 
  Width: 100%; 
  Padding: 8px; 
  Margin-bottom: 10px; 
  Border: 1px solid #ccc; 
  Border-radius: 4px; 
} 
#sendButton, #closeButton { 
  Padding: 8px 16px; 
  Border: none; 
  Border-radius: 4px; 
  Cursor: pointer; 
} 
#sendButton { 
  Background: #007bff; 
  Color: #fff; 
} 
#closeButton { 
  Background: #ccc; 
  Color: #000; 
} 
@media (max-width: 600px) { 
  #grokChat { 
    Max-width: 90%; 
  } 
}