.pre-join-screen[data-v-2a45eeb2]{background-color:#000;color:#fffefe;flex-direction:column;font-family:Google Sans,Roboto,Arial,sans-serif;height:100vh;margin:0 auto;padding:2rem 1rem 1rem}.pre-join-content[data-v-2a45eeb2],.pre-join-screen[data-v-2a45eeb2]{align-items:center;display:flex;width:100%}.pre-join-content[data-v-2a45eeb2]{flex-direction:row;gap:2.5rem;height:100%;justify-content:center;max-width:1200px}.video-preview-container[data-v-2a45eeb2]{margin-bottom:0;max-width:600px;min-width:0}.side-panel[data-v-2a45eeb2],.video-preview-container[data-v-2a45eeb2]{align-items:center;display:flex;flex:1 1 0;justify-content:center}.side-panel[data-v-2a45eeb2]{flex-direction:column;max-width:400px;min-width:320px}.logo-container[data-v-2a45eeb2]{align-items:center;display:flex;justify-content:center;margin-bottom:.5rem}.ready-text[data-v-2a45eeb2]{color:#e0e0e0;font-size:1.2rem;font-weight:600;margin-bottom:.5rem;text-align:center}.video-preview[data-v-2a45eeb2]{align-items:flex-end;aspect-ratio:16/9;background-color:#2e2e2e;border-radius:12px;box-shadow:0 4px 12px #0000004d;display:flex;justify-content:center;overflow:hidden;position:relative;width:100%}.video-preview video[data-v-2a45eeb2]{display:block;height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.camera-off-overlay[data-v-2a45eeb2]{background-color:#000000b3;font-size:1.5rem;z-index:2}.camera-off-overlay[data-v-2a45eeb2],.loading-overlay[data-v-2a45eeb2]{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.loading-overlay[data-v-2a45eeb2]{background-color:#000c;flex-direction:column;font-size:1.2rem;gap:1rem;z-index:5}.spinner[data-v-2a45eeb2]{animation:spin-2a45eeb2 1s ease-in-out infinite;border:4px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#d2fb54;height:40px;width:40px}@keyframes spin-2a45eeb2{to{transform:rotate(1turn)}}.error-overlay[data-v-2a45eeb2]{align-items:center;background-color:#000c;bottom:0;color:#c3f73a;display:flex;flex-direction:column;font-size:1.2rem;gap:1rem;justify-content:center;left:0;padding:2rem;position:absolute;right:0;text-align:center;top:0;z-index:5}.retry-button[data-v-2a45eeb2]{background-color:#d2fb54;border:none;border-radius:8px;color:#222;cursor:pointer;font-size:.9rem;font-weight:500;margin-top:1rem;padding:.5rem 1.5rem;transition:background-color .2s}.retry-button[data-v-2a45eeb2]:hover{background-color:#b4e043}.video-device-controls[data-v-2a45eeb2]{bottom:24px;display:flex;gap:1.5rem;left:50%;position:absolute;transform:translate(-50%);z-index:3}.icon-control-button[data-v-2a45eeb2]{align-items:center;background-color:#23272b;border:none;border-radius:50%;box-shadow:0 2px 8px #0000002e;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:48px;justify-content:center;transition:background .2s,color .2s;width:48px}.icon-control-button[data-v-2a45eeb2]:hover{background-color:#444950}.icon-control-button.off[data-v-2a45eeb2]{background-color:#d93025;color:#fff}.icon-control-button.off[data-v-2a45eeb2]:hover{background-color:#c5221f}.user-name[data-v-2a45eeb2]{background-color:#0009;border-radius:4px;bottom:16px;font-size:.9rem;font-weight:500;left:16px;padding:6px 12px;position:absolute;z-index:4}.device-select-controls[data-v-2a45eeb2]{display:none}.join-controls[data-v-2a45eeb2]{align-items:center;display:flex;flex-direction:column;gap:.75rem;justify-content:center;margin-top:0}.join-button[data-v-2a45eeb2]{background-color:#d2fb54;border:none;border-radius:8px;box-shadow:0 2px 6px #d2fb544d;color:#222;cursor:pointer;font-size:1rem;font-weight:500;letter-spacing:.25px;padding:.75rem 2.5rem;transition:background-color .2s}.join-button[data-v-2a45eeb2]:hover{background-color:#b4e043;box-shadow:0 4px 8px #b4e04366}.join-button.disabled[data-v-2a45eeb2]{cursor:not-allowed}.join-button.disabled[data-v-2a45eeb2],.join-button.disabled[data-v-2a45eeb2]:hover{background-color:#666;box-shadow:none}.join-button.error-state[data-v-2a45eeb2]{background-color:#ff5252;box-shadow:0 2px 6px #ff52524d;color:#fff}.join-button.error-state[data-v-2a45eeb2]:hover{background-color:#ff3838;box-shadow:0 4px 8px #ff383866}.dashboard-button[data-v-2a45eeb2]{background-color:transparent;border:2px solid #e0e0e0;border-radius:8px;color:#e0e0e0;cursor:pointer;font-size:1rem;font-weight:500;letter-spacing:.25px;padding:.75rem 2.5rem;transition:background-color .2s,color .2s,border-color .2s}.dashboard-button[data-v-2a45eeb2]:hover{background-color:#e0e0e0;border-color:#e0e0e0;color:#222}.modal-active[data-v-2a45eeb2]:before{animation:fadeIn-2a45eeb2 .2s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#00000080;bottom:0;content:"";left:0;position:fixed;right:0;top:0;z-index:9}.settings-popover[data-v-2a45eeb2]{animation:modalFadeIn-2a45eeb2 .2s ease-out;background:#18191c;border:1px solid #23272b;border-radius:14px;box-shadow:0 8px 32px #00000052,0 1.5px 6px #3c40431f;color:#f3f4f6;left:50%;max-width:600px;min-width:320px;padding:0;position:fixed;top:50%;transform:translate(-50%,-50%);will-change:transform,opacity;z-index:10}.settings-popover-header[data-v-2a45eeb2]{align-items:center;border-bottom:1px solid #23272b;display:flex;justify-content:space-between;padding:1rem 1.25rem}.settings-popover-header h3[data-v-2a45eeb2]{font-size:1rem;font-weight:500;margin:0}.close-button[data-v-2a45eeb2]{align-items:center;background:transparent;border:none;border-radius:50%;color:#a0a0a0;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:background-color .2s,color .2s}.close-button[data-v-2a45eeb2]:hover{background-color:#2e2e2e;color:#fff}.settings-popover-content[data-v-2a45eeb2]{display:flex;flex-direction:column;padding:1.25rem 1.5rem}.settings-popover .select-group label[data-v-2a45eeb2]{color:#e0e0e0;font-size:.97rem;font-weight:500;margin-bottom:.4rem}.settings-popover .select-group select[data-v-2a45eeb2]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#23272b;border:1px solid #35363a;border-radius:8px;color:#f3f4f6;font-size:.97rem;margin-bottom:.1rem;outline:none;padding:.6rem .9rem;transition:border .2s,background .2s;width:100%}.settings-popover .select-group select[data-v-2a45eeb2]:focus{background:#23272b;border-color:#8ab4f8}.settings-popover .select-group select option[data-v-2a45eeb2]{background:#23272b;color:#f3f4f6}.settings-popover .select-group[data-v-2a45eeb2]:not(:last-child){border-bottom:1px solid #23272b;margin-bottom:.5rem;padding-bottom:1rem}.settings-popover .select-group[data-v-2a45eeb2]:last-child{margin-bottom:0;padding-bottom:0}.settings-popover .select-group[data-v-2a45eeb2]{display:flex;flex-direction:column}.settings-popover .select-helper-text[data-v-2a45eeb2]{color:#9ca3af;font-size:.8rem;margin-top:.35rem}.settings-icon-button[data-v-2a45eeb2]{margin-left:.5rem}@keyframes fadeIn-2a45eeb2{0%{opacity:0}to{opacity:1}}@keyframes modalFadeIn-2a45eeb2{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}@media (max-width:900px){.pre-join-content[data-v-2a45eeb2]{align-items:stretch;flex-direction:column;gap:2rem}.side-panel[data-v-2a45eeb2],.video-preview-container[data-v-2a45eeb2]{max-width:100%;min-width:0}}@media (max-width:700px){.pre-join-content[data-v-2a45eeb2]{flex-direction:column;gap:1.5rem;padding:0}.side-panel[data-v-2a45eeb2],.video-preview-container[data-v-2a45eeb2]{max-width:100%;min-width:0}}