.chat-wrapper{display:flex;justify-content:center;align-items:center;height:100vh;width:100%}.chat-container{display:flex;flex-direction:column;width:90%;max-width:600px;height:80vh;background:#1e1e1e;border-radius:12px;box-shadow:0 4px 10px #0000004d;overflow:hidden}.chat-title{padding:15px;background:#333;color:#fff;font-size:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.chat-messages{flex-grow:1;padding:15px;overflow-y:auto;display:flex;flex-direction:column;gap:10px;scroll-behavior:smooth}.message{max-width:75%;padding:10px 14px;border-radius:16px;font-size:1rem;word-wrap:break-word}.message.received{background:#333;color:#fff;align-self:flex-start;border-top-left-radius:4px}.message.sent{background:#646cff;color:#fff;align-self:flex-end;border-top-right-radius:4px}.chat-input{display:flex;padding:10px;background:#1a1a1a;border-top:1px solid rgba(255,255,255,.1)}.chat-input input{flex-grow:1;padding:10px;font-size:1rem;border:none;border-radius:8px;background:#333;color:#fff;outline:none}.chat-input button{margin-left:10px;padding:10px 16px;border:none;border-radius:8px;background:#646cff;color:#fff;font-size:1rem;cursor:pointer;transition:background .3s}.chat-input button:hover{background:#535bf2}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:10px}.message pre{display:block;max-width:100%;white-space:pre-wrap;word-break:break-word;overflow-x:auto}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}.chat-container{background:#f9f9f9;box-shadow:0 4px 10px #0000001a}.message.received{background:#e0e0e0;color:#333}.message.sent{background:#747bff}.chat-input{background:#fff;border-top:1px solid #ddd}.chat-input input{background:#f0f0f0;color:#000}}