body{background:#ece5dd;font-family:Segoe UI,sans-serif;margin:0}.chat-container{background:#fff;border-radius:10px;box-shadow:0 4px 10px #0000001a;display:flex;flex-direction:column;height:90vh;margin:20px auto;max-width:500px;overflow:hidden}.chat-header{background:#075e54;color:#fff;font-weight:700;padding:15px;text-align:center}.chat-box{background:#e5ddd5;flex:1 1;overflow-y:auto;padding:10px}.message{border-radius:10px;font-size:14px;margin:8px 0;max-width:70%;padding:10px}.my-message{align-self:flex-end;background:#dcf8c6;text-align:right}.other-message{align-self:flex-start;background:#fff}.username{color:#555;font-size:12px;font-weight:700}.chat-input{background:#f0f0f0;display:flex;padding:10px}.chat-input input{border:none;border-radius:20px;flex:1 1;outline:none;padding:10px}.chat-input button{background:#075e54;border:none;border-radius:20px;color:#fff;cursor:pointer;margin-left:10px;padding:10px 15px}.typing{background:#fff;border-radius:15px;color:#000;display:inline-block;font-size:13px;margin:5px 10px;max-width:60%;padding:8px 12px}.join-container{margin-top:100px;text-align:center}.join-container input,.join-container select{margin:10px;padding:10px;width:200px}.join-container button{background:#075e54;border:none;color:#fff;cursor:pointer;padding:10px 20px}
/*# sourceMappingURL=main.ece2e5b9.css.map*/