body {
  background: #0a0a0a;
  color: white;
  font-family: sans-serif;
  text-align: center;
  margin: 0;
  padding: 0;
}
.container { display: flex; justify-content: center; gap: 2rem; padding: 2rem; }
.panel { background: #111; padding: 1.5rem; border-radius: 1rem; box-shadow: 0 0 10px #000; }
.panel input, .panel button { display:block; margin:10px auto; padding:10px; width:80%; }
.room-container { max-width:900px; margin: auto; }
#videoContainer { display: flex; justify-content:center; margin-top:1rem; }
video { width: 45%; margin: 0.5rem; border: 2px solid #444; border-radius: 1rem; background: #000; }
.controls button { margin: 5px; padding: 10px 20px; border-radius: 8px; cursor:pointer; }
.chat-box { margin-top: 1rem; background: #111; padding: 10px; border-radius: 10px; }
#chatMessages { height: 200px; overflow-y: scroll; text-align:left; padding: 10px; background:#000; border-radius:5px; }