body{
font-family: Arial, Helvetica, sans-serif;
background:#f3f3f3;
}

.chat-container{
width:400px;
max-width:95%;
margin:40px auto;
background:white;
border-radius:12px;
box-shadow:0 5px 20px rgba(0,0,0,0.15);
padding:15px;
}

#chatBox{
height:350px;
overflow-y:auto;
background:#f7f7f7;
padding:10px;
border-radius:10px;
margin-bottom:10px;
}

.msg{
background:#e9eefc;
padding:8px 10px;
margin-bottom:8px;
border-radius:10px;
font-size:14px;
}

.msg b{
color:#1a73e8;
}

.time{
font-size:11px;
color:#777;
margin-left:5px;
}

input{
width:48%;
padding:8px;
margin-bottom:8px;
border-radius:6px;
border:1px solid #ccc;
}

#mensaje{
width:70%;
}

#nombre{
width:25%;
}

button{
background:#1a73e8;
color:white;
border:none;
padding:8px 15px;
border-radius:6px;
cursor:pointer;
}

button:hover{
background:#0d5bd3;
}