body{background:#05050a;color:#fff;font-family:Arial;margin:0}
.container{max-width:720px;margin:auto;padding:10px}
h1{text-align:center;color:#00eaff}
.online{text-align:center;color:#7aff7a}
#chat{height:300px;overflow:auto;background:#0b0b15;padding:10px;border-radius:10px}
.msg{background:#1b1b2f;margin:5px 0;padding:6px;border-radius:10px}
input,button{width:100%;padding:10px;margin-top:6px;border-radius:6px;border:none}
button{background:#00eaff;font-weight:bold}
.users-box{margin-top:10px;background:#0b0b15;padding:8px;border-radius:10px}
.user{font-size:14px}

.msg.dj{
  background:#2b0015;
  border-left:4px solid #ff0033;
  box-shadow:0 0 15px rgba(255,0,0,.6);
}

.msg.dj span{
  color:#ff9bbd;
  font-weight:bold;
}

.dj{
  text-align:center;
  color:red;
  font-weight:bold;
  margin-bottom:6px;
}