*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.6;color:#333;background-color:#f5f7fa;padding:20px}.app{max-width:1200px;margin:0 auto;padding:20px;text-align:center}h1{margin-bottom:30px;color:#2c3e50}.room-controls{background:#fff;padding:30px;border-radius:10px;box-shadow:0 4px 6px #0000001a;max-width:500px;margin:0 auto}.room-input{width:100%;padding:12px 15px;margin-bottom:20px;border:1px solid #ddd;border-radius:5px;font-size:16px}.button-group{display:flex;gap:10px;justify-content:center}.btn{padding:10px 20px;border:none;border-radius:5px;font-size:16px;cursor:pointer;transition:all .3s ease}.btn-primary{background-color:#3498db;color:#fff}.btn-primary:hover{background-color:#2980b9}.btn-secondary{background-color:#2ecc71;color:#fff}.btn-secondary:hover{background-color:#27ae60}.btn-danger{background-color:#e74c3c;color:#fff;margin-top:15px}.btn-danger:hover{background-color:#c0392b}.room-container{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:20px;margin-top:20px}.video-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:20px}.video-wrapper{flex:1;min-width:300px;max-width:500px;background:#000;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.video{width:100%;height:auto;display:block}.video-wrapper h3{background:#2c3e50;color:#fff;padding:8px;margin:0;font-size:14px}.room-info{margin-top:20px;padding:15px;background:#f8f9fa;border-radius:8px}.room-info p{margin-bottom:10px}.status{margin-top:20px;padding:10px;background:#e8f4fd;border-left:4px solid #3498db;border-radius:4px;text-align:left;max-width:500px;margin-left:auto;margin-right:auto}@media (max-width: 768px){.video-container{flex-direction:column}.video-wrapper{width:100%}}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color:#213547;background-color:#f5f7fa;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}@media (max-width: 768px){#root{padding:1rem}}