@import"https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,100..900&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-sefif}html,body{height:100%}body{width:100%;margin:0;min-height:100vh;background:linear-gradient(180deg,#7857d4,#e8ccfa)}.chat{width:100%;height:100%;position:relative;overflow:hidden;border-radius:15px;box-shadow:0 0 128px #0000001a,0 32px 64px -48px #00000080}.chat .chat-header{background:#6d4fc2;padding:15px 22px;position:relative}.chat-header .header-info{display:flex;gap:10px;align-items:center;justify-content:center}.header-info svg{height:35px;width:35px;padding:6px;flex-shrink:0;fill:#dedae9;background:linear-gradient(to right,#7d74b6,#361663);-webkit-text-fill-color:transparent;border-radius:50%}.header-info .logo-text{background:linear-gradient(to right,#0f0355,#6a528d);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:1.81rem;font-weight:750}.chat-body{display:flex;flex-direction:column;gap:15px;padding:25px 22px 100px;overflow-y:auto;height:calc(104vh - 100px);scrollbar-width:thin;scrollbar-color:#DDD3F9 transparent}.chat-body .message{display:flex;align-items:center;gap:11px;margin-bottom:10px}.chat-body .bot-message svg{height:35px;width:35px;padding:6px;flex-shrink:0;fill:#ae93c4;margin-bottom:2px;align-self:flex-end;background:linear-gradient(to right,#361663,#7d74b6);-webkit-text-fill-color:transparent;border-radius:50%}.chat-body .message .message-text{padding:12px 16px;max-width:75%;word-wrap:break-word;font-size:.95rem;white-space:pre-line}.chat-body .bot-message .message-text{background:#d2ceda;border-radius:13px 13px 13px 3px;max-width:50%}.chat-body .user-message{display:flex;justify-content:end}.chat-body .user-message .message-text{max-width:50%;background:#6d4fc2;border-radius:13px 13px 3px;color:#fff}.chat-footer{position:fixed;bottom:0;width:100%;display:flex;justify-content:center;align-items:center;background:#fff transparent;padding:15px 22px 20px}.chat-footer .chat-form{width:40%;display:flex;justify-content:center;align-items:center;border-radius:32px;background:#fff;outline:1.4px solid #444464;box-shadow:0 0 8px #0000001a}.chat-footer .chat-form:focus-within{outline:2px solid #6D4FC2}.chat-form .message-input{width:100%;height:47px;border:none;outline:none;background:none;padding:0 17px;font-size:.95rem;color:#000;border-radius:5px 0 0 5px}.chat-form button{height:35px;width:35px;flex-shrink:0;font-size:1.1rem;background:#6d4fc2;color:#fff;display:none;border:none;outline:none;cursor:pointer;margin-right:6px;border-radius:50%;transition:.2s ease}.chat-form button:hover{background:#4a318f}.chat-form .message-input:valid~button{display:block}@media screen and (max-width: 920px){.chat-body .bot-message .message-text{max-width:40%}}@media screen and (max-width: 768px){.chat-footer .chat-form{width:60%}.chat-body .bot-message .message-text{max-width:50%}}