body{margin:0;padding:0;font-family:Roboto,sans-serif;background-color:#f5f5f5}#chatbot{position:fixed;bottom:20px;right:20px}.chatbot-toggle{background-color:#6200ea;color:#fff;border:none;padding:15px;border-radius:50px;cursor:pointer;box-shadow:0 4px 8px rgba(0,0,0,.2);transition:background-color .3s ease}.chatbot-toggle:hover{background-color:#3700b3}.chat-window{width:360px;height:480px;border-radius:8px;box-shadow:0 8px 16px rgba(0,0,0,.2);background-color:#fff;display:flex;flex-direction:column;overflow:hidden;position:fixed;bottom:20px;right:20px}.chat-window.hidden{display:none}.chat-header{background-color:#6200ea;color:#fff;padding:10px 20px;display:flex;justify-content:space-between;align-items:center}.chat-header button{background:0 0;border:none;color:#fff;cursor:pointer;font-size:2rem}.chat-body{flex:1;padding:20px;overflow-y:auto;background-color:#f5f5f5}.chat-content{display:flex;flex-direction:column}.chat-footer{display:flex;padding:10px 20px;border-top:1px solid #e0e0e0;background-color:#fff}.chat-footer input{flex:1;padding:10px;border:1px solid #e0e0e0;border-radius:4px;font-size:14px}.chat-footer button{background-color:#6200ea;color:#fff;border:none;padding:10px;border-radius:4px;cursor:pointer;margin-left:5px;box-shadow:0 4px 8px rgba(0,0,0,.2);transition:background-color .3s ease}.chat-footer button:hover{background-color:#3700b3}.chat-footer button:disabled{background-color:#c7c7c7;color:#666;cursor:not-allowed}.chat-footer button:disabled:hover{background-color:#c7c7c7}.message{margin:10px 0;padding:6px;border-radius:8px;display:inline-block;max-width:80%;word-wrap:break-word}.user-message{background-color:#6200ea;color:#fff;border-bottom-right-radius:0;align-self:flex-end}.bot-message{background-color:#e0e0e0;color:#000;border-bottom-left-radius:0;align-self:flex-start}.dot-loader{width:60px;aspect-ratio:2;--_g:no-repeat radial-gradient(circle closest-side, #6200ea 90%, #0000);background:var(--_g) 0 50%,var(--_g) 50% 50%,var(--_g) 100% 50%;background-size:calc(100%/3) 50%;animation:typing 1s infinite linear}@keyframes typing{20%{background-position:0 0,50% 50%,100% 50%}40%{background-position:0 100%,50% 0,100% 50%}60%{background-position:0 50%,50% 100%,100% 0}80%{background-position:0 50%,50% 50%,100% 100%}}