body{color:#eee;background:#1a1a2e;max-width:800px;margin:50px auto;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.container{background:#16213e;border-radius:10px;padding:20px;box-shadow:0 4px 6px #0000004d}h1{text-align:center;color:#e94560}.controls{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}input,select,button{border:none;border-radius:5px;padding:10px 15px;font-size:14px}input{color:#eee;background:#0f3460;border:1px solid #e94560;flex:1}button{color:#fff;cursor:pointer;background:#e94560;transition:transform .2s}button:hover{background:#ff6b6b;transform:scale(1.02)}button:active{transform:scale(.98)}.host-btn{background:#4ecdc4}.host-btn:hover{background:#6ee7de}.status{text-align:center;border-radius:5px;margin-bottom:20px;padding:10px;font-weight:700}.connected{color:#4ecdc4;background:#0f3460}.disconnected{color:#e94560;background:#0f3460}.log{background:#0f3460;border-radius:5px;height:300px;padding:15px;font-family:monospace;font-size:12px;overflow-y:auto}.log-entry{word-wrap:break-word;border-bottom:1px solid #1a1a2e;padding:5px}.log-audio{color:#4ecdc4}.log-text{color:#ffd93d}.log-error{color:#e94560}.log-system{color:#a8dadc}.listeners{background:#0f3460;border-radius:5px;margin-top:20px;padding:10px}.listeners-title{color:#ffd93d;margin-bottom:10px;font-weight:700}.listener-item{background:#1a1a2e;border-radius:3px;margin:5px 0;padding:5px}audio{width:100%;margin-top:20px}.volume-control{align-items:center;gap:10px;margin-top:20px;display:flex}input[type=range]{flex:1}.microphone{background:#4ecdc4}.stop-btn{background:#e94560}