.video-call[data-v-d0bc81c6]{max-width:800px;margin:0 auto;padding:20px}h1[data-v-d0bc81c6]{color:#333;margin-bottom:30px}.url-info[data-v-d0bc81c6]{background:#f8f9fa;padding:15px;border-radius:8px;margin-bottom:20px;border-left:4px solid #007bff}.url-info h3[data-v-d0bc81c6]{margin:0 0 10px;color:#333}.url-instructions[data-v-d0bc81c6]{margin-top:10px}.url-box[data-v-d0bc81c6]{display:flex;align-items:center;gap:10px;margin:10px 0;padding:10px;background:#fff;border-radius:4px;border:1px solid #ced4da}.url-box code[data-v-d0bc81c6]{flex:1;font-size:12px;word-break:break-all;color:#e83e8c}.copy-btn[data-v-d0bc81c6]{background:#007bff;color:#fff;border:none;padding:5px 10px;border-radius:4px;cursor:pointer;font-size:12px}.copy-btn[data-v-d0bc81c6]:hover{background:#0056b3}.join-section[data-v-d0bc81c6]{text-align:center;margin:50px 0}.join-btn[data-v-d0bc81c6]{background-color:#28a745;color:#fff;border:none;padding:15px 30px;font-size:18px;border-radius:5px;cursor:pointer;transition:background-color .3s}.join-btn[data-v-d0bc81c6]:hover{background-color:#218838}.main-video-area[data-v-d0bc81c6]{position:relative;width:100%;height:70vh;min-height:400px;background:#000;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0000004d}.main-video[data-v-d0bc81c6]{width:100%;height:100%;position:relative;background:#1a1a1a;display:flex;justify-content:center;align-items:center}.main-video video[data-v-d0bc81c6]{width:100%;height:100%;object-fit:cover}.local-video-overlay[data-v-d0bc81c6]{position:absolute;bottom:80px;right:20px;width:160px;height:120px;border-radius:8px;overflow:hidden;border:2px solid rgba(255,255,255,.8);background:#000;z-index:20;box-shadow:0 2px 10px #00000080}.local-video-small[data-v-d0bc81c6]{width:100%;height:100%;position:relative}.local-video-small video[data-v-d0bc81c6]{width:100%;height:100%;object-fit:cover}.waiting-message[data-v-d0bc81c6]{color:#fff;font-style:italic;text-align:center;font-size:18px;background:#000000b3;padding:20px;border-radius:8px;z-index:5}.participants-count[data-v-d0bc81c6]{font-size:14px;margin-top:10px;color:#ccc;font-style:normal}.warning-overlay[data-v-d0bc81c6]{position:absolute;top:20px;left:50%;transform:translate(-50%);background:#ffc107f2;color:#000;padding:10px 20px;border-radius:20px;font-weight:700;font-size:14px;z-index:25;box-shadow:0 2px 10px #0000004d;backdrop-filter:blur(10px)}[id^=user-][data-v-d0bc81c6]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}.controls-overlay[data-v-d0bc81c6]{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;justify-content:center;gap:15px;background:#0009;padding:15px 25px;border-radius:50px;backdrop-filter:blur(10px);z-index:30}.control-btn[data-v-d0bc81c6],.leave-btn[data-v-d0bc81c6]{border:none;border-radius:50px;font-size:18px;cursor:pointer;transition:all .3s;backdrop-filter:blur(10px);box-shadow:0 2px 8px #0000004d}.control-btn[data-v-d0bc81c6]{background:#fff3;color:#fff;width:56px;height:56px;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.3)}.control-btn.off[data-v-d0bc81c6]{background:#dc3545cc;border-color:#dc354580}.control-btn[data-v-d0bc81c6]:hover{background:#ffffff4d;transform:scale(1.05)}.control-btn.off[data-v-d0bc81c6]:hover{background:#dc3545e6}.leave-btn[data-v-d0bc81c6]{background:#dc3545cc;color:#fff;padding:15px 25px;border:2px solid rgba(220,53,69,.5);font-size:14px;font-weight:700}.leave-btn[data-v-d0bc81c6]:hover{background:#c82333e6;transform:scale(1.05)}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}.mode-selector{text-align:center;padding:50px 20px;max-width:500px;margin:0 auto}.mode-selector h1{margin-bottom:40px;color:#333}.mode-buttons{display:flex;flex-direction:column;gap:20px;max-width:300px;margin:0 auto}.mode-btn{padding:20px;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s}.mode-btn.unified{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.mode-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.back-button{position:fixed;top:20px;left:20px}.back-btn{background:#6c757d;color:#fff;border:none;padding:10px 20px;border-radius:20px;cursor:pointer;transition:background .3s}.back-btn:hover{background:#5a6268}