body{font-family:Arial,Helvetica,sans-serif;background:#f6f7fb;margin:0;padding:20px}.container{max-width:1000px;margin:0 auto}.card{background:#fff;padding:16px;border-radius:8px;box-shadow:0 2px 8px #0000000f;margin-bottom:12px}.row{display:flex;gap:8px;align-items:center}input{padding:8px;border:1px solid #ddd;border-radius:6px;flex:1}button{padding:8px 10px;border-radius:6px;border:none;background:#2563eb;color:#fff;cursor:pointer}.sidebar{width:320px}.main{flex:1}.lobby{display:flex;gap:12px}.messages{height:300px;overflow:auto;border:1px solid #eee;padding:8px;background:#fafafa;border-radius:6px}.msg{margin-bottom:6px}.controls{display:flex;gap:8px;margin-top:8px}.meta{color:#666;margin-top:8px}