.chat-container{width:100%;max-width:500px;margin:40px auto;border:1px solid #ccc;border-bottom-left-radius:8px;border-bottom-right-radius:8px;display:flex;flex-direction:column;height:80vh}.bot-header{width:100%;max-width:500px;margin:0 auto;background-color:#943fb54d;color:#f4faf6;text-align:center;padding:10px 0;font-size:18px;font-weight:700;border-top-left-radius:8px;border-top-right-radius:8px;border:1px solid #ccc}.chat-history{flex:1;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:10px}.message{max-width:70%;padding:10px;border-radius:8px;position:relative}.message.user{align-self:flex-end;background-color:#dcf8c6}.message.bot{align-self:flex-start;background-color:#f1f0f0}.message small{display:block;font-size:.7rem;color:gray;margin-top:5px}.chat-input{display:flex;padding:10px;border-top:1px solid #ccc}.chat-input input{flex:1;padding:10px;border-radius:4px;border:1px solid #ccc;margin-right:10px}.chat-input button{width:45px;height:45px;background-color:#25d366;border:none;border-radius:50%;cursor:pointer;display:flex;gap:10px;align-items:center;justify-content:center;transition:background-color .3s ease}.chat-input button:hover{background-color:#20b45c}.chat-input button svg{color:#fff;font-size:20px}.clear-button{margin:10px;padding:8px 12px;background-color:#f44336;color:#fff;border:none;border-radius:6px;cursor:pointer}.clear-button:hover{background-color:#d32f2f}body{background-image:url(/bg.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;min-height:100vh;margin:0;font-family:Arial,sans-serif;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}