.message-bubble{max-width:60%;padding:10px;margin:5px 0;border-radius:15px;font-size:14px;line-height:1.4;word-wrap:break-word}.sender{background-color:#093f55b6;align-self:flex-end;color:#fff}.receiver{background-color:#31ca977c;align-self:flex-start;color:#333}.message-list{display:flex;flex-direction:column;padding:10px;overflow-y:auto;flex-grow:1;max-height:calc(100vh - 70px)}.message-input-container{display:flex;border-top:1px solid #ddd;padding:10px;background-color:#fff;position:fixed;bottom:0;width:100%;max-width:600px;box-sizing:border-box}.message-input{flex-grow:1;padding:10px;border:1px solid #ddd;border-radius:20px;margin-right:10px;font-size:14px;max-width:100%}.send-button{background-color:#4caf50;color:#fff;padding:10px 15px;border:none;border-radius:20px;cursor:pointer}.send-button:hover{background-color:#45a049}.chat-app{display:flex;flex-direction:column;height:100vh;width:100%;max-width:100%;margin:0;border:1px solid #ddd;border-radius:10px;box-shadow:0 0 10px #0000001a;background-color:#fff;position:relative;overflow:hidden}@media (min-width: 600px){.chat-app{max-width:600px;margin:0 auto}}body,html,#root{margin:0;padding:0;height:100%;width:100%;display:flex;justify-content:center;align-items:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#f5f5f5}#root{display:flex;justify-content:center;align-items:center;width:100%}