:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{margin:0 auto;text-align:center}.chat-container{display:flex;flex-direction:column;height:88vh;margin:auto;background:#fff3;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:15px;box-shadow:0 10px 30px #0003;border:1px solid rgba(255,255,255,.3);overflow:hidden}.chat-header{padding:15px;background:linear-gradient(135deg,#0078ff,#00d4ff);color:#fff;text-align:center;font-size:20px;font-weight:700;letter-spacing:1px}.chat-messages{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:10px;background:#ffffff1a}.chat-message{max-width:75%;padding:12px 16px;border-radius:15px;word-wrap:break-word;font-size:16px;animation:fadeIn .3s ease-in-out}.chat-message.user{align-self:flex-end;background:#0078ff;color:#fff;border-bottom-right-radius:2px}.chat-message.bot{align-self:flex-start;background:#e5e5e5;color:#000;border-bottom-left-radius:2px;text-align:justify}.file-message{align-self:flex-end;background:#0078ff;color:#fff;padding:8px 12px;border-radius:15px;max-width:50%;word-wrap:break-word;font-size:14px}.uploaded-image{max-width:25%;height:auto;border-radius:10px;display:block;align-self:flex-end}.chat-message img{max-width:25%;height:auto;border-radius:10px;align-self:flex-end;display:block;background:none;padding:0}.chat-input{display:flex;align-items:center;padding:15px;border-top:1px solid rgba(255,255,255,.3);background:#fff3}.file-upload{cursor:pointer;font-size:20px;padding:10px;margin-right:10px;border-radius:10px;background:#fff6;color:#333;transition:.3s}.file-upload:hover{background:#fff9}.file-upload input{display:none}.chat-input input{flex:1;padding:12px;border:none;border-radius:10px;font-size:16px;background:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);outline:none;color:#333}.chat-input input::placeholder{color:#777}.send-button{margin-left:10px;padding:12px 16px;background:linear-gradient(135deg,#0078ff,#00d4ff);color:#fff;border:none;border-radius:50%;cursor:pointer;font-size:20px;box-shadow:0 4px 8px #0078ff4d;transition:all .3s ease-in-out;transform:scale(1)}.send-button:hover{background:linear-gradient(135deg,#005fcc,#00b4ff);transform:scale(1.1)}.file-link{text-decoration:none;color:#0078ff;font-weight:700}.image{display:flex;justify-content:flex-end;background-color:#fff!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 600px){.chat-container{width:95%}.chat-message,.chat-input input{font-size:14px}.send-button{font-size:16px}}