Update static/app.css

static/app.css

@@ -1,4 +1,3 @@
-/* Reset and base styles */
 * {
     margin: 0;
     padding: 0;
@@ -18,7 +17,7 @@ html, body {
   background-color: rgba(0, 150, 255, 0.1) !important;
   border: 2px dashed #1ec9f3 !important;
 }
-/* Header */
+
 header {
     flex: 0 0 17vh;
     display: flex;
@@ -42,7 +41,7 @@ em {
     color: rgb(42, 42, 248);
 }
 
-/* Conversation area */
+
 .convo {
     height: 70vh;
     overflow-y: auto;
@@ -55,7 +54,7 @@ em {
     
 }
 
-/* Message bubbles */
+
 .bubble {
     max-width: 90%;
     padding: 16px;
@@ -84,8 +83,6 @@ em {
     color: white;
     border: 2px solid #0080c0;
 }
-
-/* Bottom input section */
 .qtdoc {
     flex: 0 0 auto;
     padding: 40px 80px;
@@ -95,7 +92,7 @@ em {
     box-shadow: 0 -1px 3px rgba(0,0,0,0.1);
 }
 
-/* Input container */
+
 .qt {
     flex: 1;
     display: flex;
@@ -125,7 +122,7 @@ em {
     outline: none;
 }
 
-/* Icons beside input */
+
 .icons {
     display: flex;
     gap: 40px;
@@ -135,7 +132,7 @@ em {
     cursor: pointer;
 }
 
-/* Send button */
+
 .sendingQA {
     background-color: #3b82f6;
     color: white;
@@ -150,7 +147,7 @@ em {
     background-color: #2563eb;
 }
 
-/* Optional audio toggle icon */
+
 .audio-toggle {
     margin-left: 10px;
     cursor: pointer;
@@ -161,7 +158,7 @@ em {
     color: #0056b3;
 }
 
-/* Answer block optional wrapper */
+
 .answer-block {
     background-color: #e1f7e1;
     border-radius: 10px;
@@ -179,7 +176,7 @@ em {
     max-width: 50%;
     font-family: monospace;
     box-shadow: inset 0 0 2px #aaa;
-    margin: -5px 0 6px 0;  /* slight overlap toward input */
+    margin: -5px 0 6px 0;  
     opacity: 0.9;
 }
 .audio-toggle {