div[data-v-2f081ad6],div[data-v-51f63624]{display:flex;flex-direction:column;gap:10px;align-items:baseline}.room-container[data-v-a63ed64b]{height:100vh;display:flex;flex-direction:column;background:#1a1a1a;color:#fff;position:relative}.room-header[data-v-a63ed64b]{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#2c3e50;border-bottom:2px solid #34495e}.room-info h1[data-v-a63ed64b]{margin:0;color:#fff;font-size:1.5rem}.room-info p[data-v-a63ed64b]{margin:.5rem 0 0;color:#bdc3c7;font-size:.9rem}.participants-count[data-v-a63ed64b]{color:#3498db;font-size:.9rem;margin-top:.25rem}.room-controls[data-v-a63ed64b]{display:flex;gap:1rem;align-items:center}.control-btn[data-v-a63ed64b]{background:#34495e;border:none;padding:.75rem;border-radius:50%;cursor:pointer;font-size:1.25rem;transition:all .3s;width:50px;height:50px;display:flex;align-items:center;justify-content:center}.control-btn.active[data-v-a63ed64b]{background:#27ae60}.control-btn[data-v-a63ed64b]:not(.active){background:#e74c3c}.control-btn[data-v-a63ed64b]:hover{transform:scale(1.1)}.leave-btn[data-v-a63ed64b]{background:#e74c3c;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:5px;cursor:pointer;font-size:1rem;transition:background-color .3s}.leave-btn[data-v-a63ed64b]:hover{background:#c0392b}.video-container[data-v-a63ed64b]{flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;padding:1rem;overflow:auto}.video-wrapper[data-v-a63ed64b]{position:relative;background:#2c3e50;border-radius:10px;overflow:hidden;aspect-ratio:16/9;min-height:200px}.local-video[data-v-a63ed64b]{border:3px solid #3498db}.remote-video[data-v-a63ed64b]{border:3px solid #95a5a6}.video-element[data-v-a63ed64b]{width:100%;height:100%;object-fit:cover;background:#2c3e50}.video-label[data-v-a63ed64b]{position:absolute;bottom:10px;left:10px;background:#000000b3;color:#fff;padding:.5rem;border-radius:5px;font-size:.9rem}.video-controls[data-v-a63ed64b]{position:absolute;top:10px;right:10px;display:flex;gap:.5rem}.muted-indicator[data-v-a63ed64b],.video-off-indicator[data-v-a63ed64b]{background:#e74c3ce6;padding:.25rem .5rem;border-radius:15px;font-size:.8rem}.no-participants[data-v-a63ed64b]{grid-column:1 / -1;text-align:center;padding:3rem;color:#bdc3c7}.no-participants h3[data-v-a63ed64b]{color:#fff;margin-bottom:1rem}.share-link[data-v-a63ed64b]{display:flex;gap:1rem;max-width:500px;margin:1rem auto}.link-input[data-v-a63ed64b]{flex:1;padding:.75rem;border:2px solid #34495e;border-radius:5px;background:#2c3e50;color:#fff;font-size:.9rem}.copy-btn[data-v-a63ed64b]{background:#3498db;color:#fff;border:none;padding:.75rem 1rem;border-radius:5px;cursor:pointer;transition:background-color .3s}.copy-btn[data-v-a63ed64b]:hover{background:#2980b9}.chat-panel[data-v-a63ed64b]{position:fixed;right:1rem;top:50%;transform:translateY(-50%);width:300px;height:400px;background:#2c3e50;border-radius:10px;display:flex;flex-direction:column;z-index:100}.chat-header[data-v-a63ed64b]{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #34495e}.chat-header h3[data-v-a63ed64b]{margin:0;color:#fff;font-size:1rem}.close-chat[data-v-a63ed64b]{background:none;border:none;color:#bdc3c7;cursor:pointer;font-size:1.2rem}.chat-messages[data-v-a63ed64b]{flex:1;padding:1rem;overflow-y:auto}.chat-input[data-v-a63ed64b]{display:flex;padding:1rem;border-top:1px solid #34495e}.message-input[data-v-a63ed64b]{flex:1;padding:.5rem;border:1px solid #34495e;border-radius:5px;background:#34495e;color:#fff;margin-right:.5rem}.send-btn[data-v-a63ed64b]{background:#3498db;color:#fff;border:none;padding:.5rem 1rem;border-radius:5px;cursor:pointer}.chat-toggle[data-v-a63ed64b]{position:fixed;right:1rem;bottom:1rem;background:#3498db;color:#fff;border:none;padding:1rem;border-radius:50px;cursor:pointer;font-size:1rem;z-index:100;box-shadow:0 4px 15px #0000004d}.loading-overlay[data-v-a63ed64b],.error-overlay[data-v-a63ed64b]{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000}.loading-spinner[data-v-a63ed64b]{width:50px;height:50px;border:5px solid #34495e;border-top:5px solid #3498db;border-radius:50%;animation:spin-a63ed64b 1s linear infinite;margin-bottom:1rem}@keyframes spin-a63ed64b{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message[data-v-a63ed64b]{background:#2c3e50;padding:2rem;border-radius:10px;text-align:center;max-width:400px}.error-message h3[data-v-a63ed64b]{color:#e74c3c;margin-bottom:1rem}.error-message p[data-v-a63ed64b]{color:#bdc3c7;margin-bottom:1rem}.help-message[data-v-a63ed64b]{background:#34495e;padding:1rem;border-radius:5px;margin:1rem 0;text-align:left}.help-message h4[data-v-a63ed64b]{color:#f39c12;margin:0 0 .5rem;font-size:.9rem}.help-message p[data-v-a63ed64b]{margin:.25rem 0;font-size:.85rem;color:#ecf0f1}.help-message code[data-v-a63ed64b]{background:#2c3e50;padding:.2rem .4rem;border-radius:3px;font-family:monospace;color:#e74c3c}.error-actions[data-v-a63ed64b]{margin-top:1.5rem}.retry-btn[data-v-a63ed64b],.home-btn[data-v-a63ed64b]{background:#3498db;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:5px;cursor:pointer;margin:0 .5rem;transition:background-color .3s}.retry-btn[data-v-a63ed64b]:hover,.home-btn[data-v-a63ed64b]:hover{background:#2980b9}@media (max-width: 768px){.room-header[data-v-a63ed64b]{flex-direction:column;gap:1rem;padding:1rem}.room-controls[data-v-a63ed64b]{justify-content:center}.video-container[data-v-a63ed64b]{grid-template-columns:1fr;padding:.5rem}.chat-panel[data-v-a63ed64b]{width:calc(100% - 2rem);height:300px;right:1rem;bottom:1rem;top:auto;transform:none}.share-link[data-v-a63ed64b]{flex-direction:column}}.main-container[data-v-079fb007]{max-width:1200px;margin:0 auto;padding:2rem}.header[data-v-079fb007]{text-align:center;margin-bottom:3rem}.header h1[data-v-079fb007]{color:#2c3e50;margin-bottom:.5rem}.header p[data-v-079fb007]{color:#7f8c8d;font-size:1.1rem}.rooms-section[data-v-079fb007]{margin-bottom:3rem}.rooms-header[data-v-079fb007]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.refresh-btn[data-v-079fb007]{background:#3498db;color:#fff;border:none;padding:.5rem 1rem;border-radius:5px;cursor:pointer;transition:background-color .3s}.refresh-btn[data-v-079fb007]:hover{background:#2980b9}.loading[data-v-079fb007],.error[data-v-079fb007]{text-align:center;padding:2rem;font-size:1.1rem}.error[data-v-079fb007]{color:#e74c3c}.rooms-grid[data-v-079fb007]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-bottom:3rem}.room-card[data-v-079fb007]{background:#fff;border:2px solid #ecf0f1;border-radius:10px;padding:1.5rem;cursor:pointer;transition:all .3s;box-shadow:0 2px 5px #0000001a}.room-card[data-v-079fb007]:hover{border-color:#3498db;transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.room-header[data-v-079fb007]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.room-header h3[data-v-079fb007]{color:#2c3e50;margin:0}.room-participants[data-v-079fb007]{background:#ecf0f1;padding:.25rem .5rem;border-radius:15px;font-size:.9rem;color:#7f8c8d}.room-description[data-v-079fb007]{color:#7f8c8d;margin-bottom:1rem;font-size:.95rem}.room-footer[data-v-079fb007]{display:flex;justify-content:flex-end}.join-btn[data-v-079fb007]{background:#27ae60;color:#fff;border:none;padding:.5rem 1.5rem;border-radius:5px;cursor:pointer;transition:background-color .3s}.join-btn[data-v-079fb007]:hover:not(:disabled){background:#219a52}.join-btn[data-v-079fb007]:disabled{background:#bdc3c7;cursor:not-allowed}.quick-rooms[data-v-079fb007]{background:#f8f9fa;padding:2rem;border-radius:10px;margin-bottom:2rem}.quick-rooms h3[data-v-079fb007]{color:#2c3e50;margin-bottom:1rem;text-align:center}.quick-rooms-grid[data-v-079fb007]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.quick-room-btn[data-v-079fb007]{background:#9b59b6;color:#fff;border:none;padding:1rem;border-radius:10px;cursor:pointer;font-size:1.1rem;transition:all .3s}.quick-room-btn[data-v-079fb007]:hover{background:#8e44ad;transform:translateY(-2px)}.actions[data-v-079fb007]{text-align:center}.create-room-btn[data-v-079fb007]{background:#e74c3c;color:#fff;border:none;padding:1rem 2rem;border-radius:10px;cursor:pointer;font-size:1.1rem;transition:background-color .3s}.create-room-btn[data-v-079fb007]:hover{background:#c0392b}.modal-overlay[data-v-079fb007]{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal[data-v-079fb007]{background:#fff;padding:2rem;border-radius:10px;width:90%;max-width:500px}.modal h3[data-v-079fb007]{color:#2c3e50;margin-bottom:1.5rem;text-align:center}.form-group[data-v-079fb007]{margin-bottom:1rem}.form-group label[data-v-079fb007]{display:block;margin-bottom:.5rem;color:#2c3e50;font-weight:500}.form-group input[data-v-079fb007],.form-group textarea[data-v-079fb007]{width:100%;padding:.75rem;border:2px solid #ecf0f1;border-radius:5px;font-size:1rem;transition:border-color .3s}.form-group input[data-v-079fb007]:focus,.form-group textarea[data-v-079fb007]:focus{outline:none;border-color:#3498db}.form-group textarea[data-v-079fb007]{min-height:80px;resize:vertical}.form-actions[data-v-079fb007]{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.cancel-btn[data-v-079fb007],.create-btn[data-v-079fb007]{padding:.75rem 1.5rem;border:none;border-radius:5px;cursor:pointer;font-size:1rem;transition:background-color .3s}.cancel-btn[data-v-079fb007]{background:#95a5a6;color:#fff}.cancel-btn[data-v-079fb007]:hover{background:#7f8c8d}.create-btn[data-v-079fb007]{background:#27ae60;color:#fff}.create-btn[data-v-079fb007]:hover:not(:disabled){background:#219a52}.create-btn[data-v-079fb007]:disabled{background:#bdc3c7;cursor:not-allowed}*{margin:0;padding:0;box-sizing:border-box}