body,html{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}#Main{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}h1{margin-bottom:1em}#Chatbot{justify-content:space-between;height:60vh;width:60%;border:1px solid #ccc;border-radius:8px;background-color:#f7f7f7;padding:16px}#Chatbot,#Chatbot>div:first-child{display:flex;flex-direction:column}#Chatbot>div:first-child{flex-grow:1;overflow-y:auto}.assistant,.user{max-width:70%;padding:8px 12px;margin:4px 0;border-radius:12px}.user{align-self:flex-end;background-color:#0070f3;color:#fff}.assistant{background-color:#eaeaea;white-space:pre-line}.Input{display:flex;align-items:center;gap:8px}.Input input{flex-grow:1;padding:8px 12px;border-radius:4px;border:1px solid #ccc}.Input button{padding:8px 16px;background-color:#0070f3;color:#fff;border:none;border-radius:4px;cursor:pointer}.Input button:hover{background-color:#005bd1}