body{margin:0;font-family:IBM Plex Sans,sans-serif;background-color:#f4f4f4}.user-message{background-color:#e5f1fb;border-radius:12px;padding:.5rem}.assistant-message{background-color:#f0f0f0;border-radius:12px;padding:.5rem}.chat-container{max-width:600px;margin:2rem auto;font-family:IBM Plex Sans,sans-serif}.chat-window{height:60vh;overflow-y:auto;padding:1rem;border-radius:16px;background:#f5f7fa;box-shadow:0 4px 10px rgba(0,0,0,.05);display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:#c1c1c1 transparent}.chat-window::-webkit-scrollbar{width:8px}.chat-window::-webkit-scrollbar-track{background:transparent}.chat-window::-webkit-scrollbar-thumb{background-color:#c1c1c1;border-radius:4px;border:2px solid transparent;background-clip:content-box}.chat-message{display:flex;margin-bottom:.5rem}.chat-message.user{justify-content:flex-end}.chat-message.assistant{justify-content:flex-start}.message-bubble{max-width:70%;padding:.6rem 1rem;border-radius:20px;word-wrap:break-word;box-shadow:0 2px 6px rgba(0,0,0,.08);position:relative;display:flex;flex-direction:column}.chat-message.user .message-bubble{background-color:#0f62fe;color:#fff;border-bottom-right-radius:4px}.chat-message.assistant .message-bubble{background-color:#e0e0e0;color:#333;border-bottom-left-radius:4px}.timestamp{font-size:.7rem;color:rgba(0,0,0,.4);align-self:flex-end;margin-top:2px}.chat-input{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}.send-button{align-self:flex-end}