body { background: #181d23; color: #eee; font-family: Tahoma, Arial, sans-serif; margin: 0; }
#chat-box { background: #242c37; height: 320px; overflow-y: auto; border-radius: 10px; padding: 12px; margin-bottom: 10px;}
.msg { padding: 9px; margin-bottom: 7px; border-radius: 6px; background: #202a32; display: flex; align-items: center;}
.sender { color: #63e7c4; font-weight: bold; margin-left: 7px;}
.time { color: #bbb; font-size: 12px; margin-right: 12px; margin-left: auto;}
#input-box { display: flex; gap: 8px;}
input, textarea, button { border-radius: 7px; border: none; padding: 7px;}
button { background: #2dbe9b; color: #fff; font-weight: bold; cursor: pointer;}
button:hover { background: #2aa583;}
.room-list { background: #232931; border-radius: 12px; padding: 15px; margin-bottom: 22px; }
.room-link { display: block; color: #63e7c4; background: #242c37; border-radius: 7px; padding: 7px 11px; margin: 6px 0; text-decoration: none; font-size: 16px;}
.room-link:hover { background: #2dbe9b; color: #fff;}
.room-link .room-lock {margin-right: 9px;}
