@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap";body{margin:0;background-color:#121212;color:#f1f1f1;font-family:Inter,sans-serif}.chat_wrapper{max-width:700px;height:90vh;margin:2em auto;display:flex;flex-direction:column;background-color:#1e1e1e;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0009}.chat_messages{flex:1;padding:1em;overflow-y:auto;scroll-behavior:smooth}.message{background-color:#2c2c2c;margin-bottom:.7em;padding:.8em 1em;border-radius:10px;animation:fadeIn .3s ease-in-out;box-shadow:0 2px 8px #0003}.message strong{font-weight:600;display:block;margin-bottom:.2em}.chat_input_form{display:flex;padding:1em;background-color:#181818;border-top:1px solid #333}.chat_input_form input{flex:1;padding:.8em;font-size:1em;border:none;border-radius:8px;background-color:#2b2b2b;color:#f1f1f1;margin-right:.5em;transition:background .3s ease}.chat_input_form input:focus{outline:none;background-color:#353535}.chat_input_form button{background-color:#4f46e5;border:none;padding:.8em 1.2em;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:background .3s ease}.chat_input_form button:hover{background-color:#3730a3}.welcome_container{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#121212;text-align:center;animation:fadeIn .6s ease;padding:2em}.welcome_container h1{margin-bottom:1em;font-size:2em;color:#e0e0e0}.form_name_container{display:flex;flex-direction:column;gap:1em;max-width:300px;width:100%}.form_name_container input,.form_name_container button{padding:.8em;font-size:1em;border-radius:8px;border:none}.form_name_container input{background-color:#2b2b2b;color:#f1f1f1}.form_name_container input:focus{outline:none;background-color:#353535}.form_name_container button{background-color:#4f46e5;color:#fff;font-weight:600;cursor:pointer;transition:background .3s ease}.form_name_container button:hover{background-color:#3730a3}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.chat_wrapper{margin:1em;height:95vh}.chat_input_form{flex-direction:column}.chat_input_form input{margin-right:0;margin-bottom:.5em}}