*{margin:0;padding:0;box-sizing:border-box}body{font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;background:#f0f2f9;color:#333}.join-container{display:flex;justify-content:center;align-items:center;height:100vh;background:linear-gradient(135deg,#1e3c72,#2a5298);font-family:Fira Code,monospace}.join-form{background:#ffffff14;padding:2.5rem;border-radius:1rem;box-shadow:0 8px 20px #0000004d;text-align:center;width:400px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2)}.join-form h1{margin-bottom:2rem;color:#fff;font-size:1.6rem;font-weight:700;letter-spacing:1px}.join-form input{width:100%;padding:.8rem 1rem;margin-bottom:1.2rem;border:none;border-radius:6px;font-size:1rem;outline:none;background:#ffffff1a;color:#fff;transition:.3s ease}.join-form input::placeholder{color:#ddd}.join-form input:focus{background:#fff3;border:1px solid #00ffcc;box-shadow:0 0 8px #0fc}.join-form button{width:100%;padding:.9rem;background:linear-gradient(135deg,#0fc,#09f);color:#111;font-weight:700;border:none;border-radius:8px;cursor:pointer;font-size:1rem;transition:transform .2s ease,box-shadow .3s ease}.join-form button:hover{transform:translateY(-2px);box-shadow:0 6px 15px #0fc6}.editor-container{display:flex;height:100vh}.editor-container .sidebar{width:270px;padding:1.5rem;background:linear-gradient(180deg,#2c3e50,#1a252f);color:#ecf0f1;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.1);box-shadow:2px 0 10px #0000004d}.editor-container .sidebar .room-info{text-align:center;margin-bottom:1.5rem}.editor-container .sidebar .room-info h2{margin-bottom:.8rem;font-size:1.3rem;font-weight:600;color:#f1c40f;text-shadow:0 1px 3px rgba(0,0,0,.4)}.editor-container .sidebar .room-info .copy-button{padding:.5rem 1rem;background:#3498db;color:#fff;border-radius:6px;border:none;cursor:pointer;font-size:.9rem;font-weight:500;box-shadow:0 2px 6px #0000004d;transition:all .3s ease}.editor-container .sidebar .room-info .copy-button:hover{background:#2980b9;transform:translateY(-2px)}.editor-container .sidebar .room-info .copy-button:active{transform:translateY(0)}.editor-container .sidebar .room-info .copy-success{display:block;margin-top:.5rem;color:#2ecc71;font-size:.85rem;font-weight:500}.editor-container .sidebar h3{margin-top:1rem;margin-bottom:.5rem;font-size:1.05rem;font-weight:600;color:#1abc9c;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:.3rem}.editor-container .sidebar ul{list-style:none;margin:0;padding:0;max-height:150px;overflow-y:auto}.editor-container .sidebar ul li{padding:.5rem;font-size:.9rem;background:#ffffff14;margin-top:6px;border-radius:6px;transition:background .2s ease}.editor-container .sidebar ul li:hover{background:#ffffff26}.editor-container .sidebar .typing-indicator{margin-top:1rem;font-size:.9rem;font-style:italic;color:#bdc3c7}.editor-container .sidebar .language-selector{margin-top:1.2rem;width:100%;padding:.6rem;background-color:#34495e;color:#fff;border:none;border-radius:6px;font-size:.95rem;cursor:pointer;box-shadow:0 2px 6px #0003;transition:background .3s ease}.editor-container .sidebar .language-selector:hover{background-color:#3d566e}.editor-container .sidebar .leave-button{margin-top:auto;width:100%;padding:.8rem;background:linear-gradient(90deg,#e74c3c,#c0392b);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;box-shadow:0 2px 6px #0000004d;transition:all .3s ease}.editor-container .sidebar .leave-button:hover{background:linear-gradient(90deg,#c0392b,#992d21);transform:scale(1.05)}.editor-container .sidebar .leave-button:active{transform:scale(1)}.editor-container .editor-wrapper{flex-grow:1;background-color:#1e1e1e}.voice-toggle-btn{width:100%;padding:10px;margin:10px 0;background:#4caf50;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:14px}.voice-toggle-btn.active{background:#2196f3}.voice-toggle-btn:hover{opacity:.9}.voice-chat-container{margin:10px 0;padding:15px;border:1px solid #333;border-radius:8px;background:#1e1e1e}.voice-controls h4{margin:0 0 15px;color:#fff;font-size:16px}.voice-btn{padding:8px 16px;margin:5px 0;border:none;border-radius:5px;cursor:pointer;font-size:14px;width:100%}.join-voice{background:#4caf50;color:#fff}.voice-active-controls{display:flex;flex-direction:column;gap:10px}.voice-status{display:flex;align-items:center;gap:8px;color:#4caf50;font-size:14px}.status-dot{width:8px;height:8px;border-radius:50%;background:#4caf50;animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.voice-buttons{display:flex;flex-direction:column;gap:8px}.unmuted{background:#2196f3;color:#fff}.muted,.leave-voice{background:#f44336;color:#fff}.voice-btn:hover{opacity:.9}