:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:none}*:focus,*:focus-visible{outline:none!important}input:focus,select:focus,textarea:focus,button:focus{outline:none!important;box-shadow:none!important}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#000}a:hover{color:#747bff}button{background-color:#f9f9f9}}.logo-container{display:flex;align-items:center}.logo-clickable{cursor:pointer;text-decoration:none;transition:opacity .2s ease-in-out}.logo-clickable:hover{opacity:.8}.logo-full{height:40px;width:183px}.landing-header{display:flex;align-items:center;justify-content:space-between;padding:20px 40px;height:80px;width:100%;box-sizing:border-box}.landing-header-account{display:flex;align-items:center;gap:8px}.landing-header-user-info{display:flex;flex-direction:column;justify-content:center;text-align:left;color:#6e6e7f;font-family:Inter,sans-serif}.landing-header-user-name{font-size:14px;line-height:normal;margin:0}.landing-header-logout-btn{font-size:12px;line-height:normal;margin:0;cursor:pointer;background:transparent;border:none;padding:0;color:#6e6e7f;font-family:Inter,sans-serif;font-weight:400;text-align:right;align-self:flex-end}.landing-header-logout-btn:hover{text-decoration:underline}.landing-header-avatar{border-radius:999px;flex-shrink:0;width:40px;height:40px;overflow:hidden}.landing-header-avatar img{width:100%;height:100%;object-fit:cover}.landing-header-avatar-fallback{width:100%;height:100%;background:#fffadb;display:flex;align-items:center;justify-content:center;padding:21.43%;box-sizing:border-box}.landing-header-avatar-fallback img{width:100%;height:100%;object-fit:contain}.landing-footer{display:flex;align-items:center;justify-content:flex-end;padding:20px 40px;height:80px;width:100%;box-sizing:border-box}.language-selector{display:flex;align-items:center;gap:4px;cursor:pointer;background:none;border:none;padding:0;transition:opacity .2s ease}.language-selector:hover{opacity:.7}.language-selector:focus{outline:none}.language-selector:active{opacity:.5}.language-selector-text{font-size:12px;line-height:normal;color:#6e6e7f;font-family:Inter,Noto Sans Arabic,sans-serif;font-weight:400}.language-selector-icon{width:12px;height:12px}.language-selector-icon img{width:100%;height:100%;display:block}.qr-code-container{position:relative;border-radius:16px;overflow:hidden;flex-shrink:0;background:#fff}.qr-skeleton{position:absolute;inset:0;background:linear-gradient(90deg,#f0f0f0,#f8f8f8 20%,#f0f0f0 40% 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.qr-code-canvas{display:block;width:100%;height:100%}.qr-botim-logo-overlay{position:absolute;top:50%;left:50%;width:32px;height:32px;transform:translate(-50%,-50%);overflow:hidden;border-radius:5.333px}.qr-botim-logo-overlay img{width:100%;height:100%;display:block}.qr-expired-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:transparent}.qr-expired-content{display:flex;flex-direction:column;align-items:center;gap:4px}.qr-refresh-icon{width:48px;height:48px;display:block}.qr-expired-text{color:#080809;font-size:14px;font-weight:600;text-align:center;white-space:nowrap;line-height:normal}.scan-login-card{display:flex;align-items:center;gap:32px;padding:32px;border-radius:32px;background:#f2f2fd;box-sizing:border-box;overflow:hidden;width:640px}.scan-instructions{display:flex;flex-direction:column;gap:20px;flex:1;min-width:0}.scan-instructions-title{font-family:Inter,sans-serif;font-weight:600;font-size:20px;line-height:normal;color:#080809;margin:0}.scan-instructions-list{font-family:Inter,sans-serif;font-weight:400;font-size:14px;color:#6e6e7f;line-height:normal;margin:0;padding:0;list-style-position:outside}.scan-instructions-list ol{list-style-type:decimal;margin-bottom:0;padding-left:21px}.scan-instructions-list li{margin-left:0}.scan-instructions-list li span{line-height:normal}.scan-instructions-list p{margin:0;line-height:normal;font-size:14px}.scan-qr-wrapper{flex-shrink:0}.login-page{display:flex;flex-direction:column;align-items:flex-start;width:100%;min-height:100vh;background:radial-gradient(100% 100% at 50% 100%,#fff 78.87%,#f1f4ff 87%,#dcf9ff,#fcfcff 89%,#f9faff)}.login-body{display:flex;flex-direction:column;flex:1;align-items:center;justify-content:center;width:100%;min-height:0;overflow-y:auto;padding:20px;gap:40px;box-sizing:border-box}.login-main-heading{display:flex;flex-direction:column;align-items:center;gap:0;width:100%;text-align:center}.login-heading-text{margin:0;font-family:Inter,sans-serif;font-weight:500;font-size:64px;line-height:64px;color:#080809}.login-content{display:flex;align-items:center;justify-content:center;width:100%}.qr-code-display{background:#fff}.status-message{text-align:center;width:100%;display:flex;flex-direction:column;align-items:center;gap:16px}.status-message p{margin:0;color:#6e6e7f;font-size:16px;font-family:Inter,sans-serif;font-weight:400}.status-message.success p{color:#10b981;font-weight:600}.status-message.error p{color:#ef4444}.error-text{color:#ef4444;font-size:14px;margin-top:8px}.spinner{width:48px;height:48px;border:4px solid #f2f2fd;border-top-color:#011fe5;border-radius:50%;animation:spin 1s linear infinite}.retry-button{margin-top:16px;padding:12px 32px;background:#011fe5;color:#fff;border:none;border-radius:16px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif}.retry-button:hover{background:#0119c7;transform:translateY(-1px);box-shadow:0 4px 12px #011fe54d}.retry-button:active{transform:translateY(0)}.flex{display:flex}.flex-col{flex-direction:column}.text-center{text-align:center}.video-button-container{position:relative;flex-shrink:0}.video-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 20px;border-radius:32px;background:#011fe5;border:none;cursor:pointer;font-family:Inter,sans-serif;font-weight:600;font-size:16px;line-height:normal;color:#fff;transition:all .2s ease;height:56px;width:200px}.video-button:hover:not(:disabled){background:#0118c7}.video-button:disabled{opacity:.5;cursor:not-allowed}.video-button-icon{width:24px;height:24px;flex-shrink:0;object-fit:contain}.video-button-dropdown{position:absolute;top:calc(100% + 8px);left:0;background:#fff;border-radius:16px;box-shadow:0 4px 24px #0000001f;padding:8px;min-width:200px;z-index:1000}.video-button-dropdown-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border:none;background:transparent;cursor:pointer;font-family:Inter,sans-serif;font-weight:400;font-size:14px;line-height:normal;color:#080809;width:100%;text-align:left;border-radius:8px;transition:background .2s ease}.video-button-dropdown-item:hover{background:#f2f2fd}.video-button-dropdown-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#080809}.meeting-input-container{display:flex;flex-direction:column;gap:8px;flex:1}.meeting-input-wrapper{display:flex;align-items:center;gap:8px;height:56px;padding:8px 16px;border-radius:999px;background:#f2f2fd;position:relative;transition:background .2s}.meeting-input-wrapper.error{background:#feebeb}.meeting-input-wrapper.error .meeting-input-icon{filter:brightness(0) saturate(100%) invert(14%) sepia(98%) saturate(5547%) hue-rotate(359deg) brightness(92%) contrast(98%)}.meeting-input-wrapper.error .meeting-input{color:#cf0c0a}.meeting-input-wrapper.error .meeting-input::placeholder{color:#cf0c0a;opacity:.6}.meeting-input-icon{width:24px;height:24px;flex-shrink:0;object-fit:contain}.meeting-input{flex:1;border:none;background:transparent;font-family:Inter,sans-serif;font-weight:400;font-size:16px;line-height:normal;color:#080809;outline:none;padding:0}.meeting-input::placeholder{color:#9f9faa}.meeting-input:focus{outline:none}.meeting-input-error-message{font-family:Inter,sans-serif;font-weight:400;font-size:12px;line-height:normal;color:#cf0c0a;padding:0 16px;min-height:16px;visibility:visible}.meeting-input-error-message:empty{visibility:hidden}.join-button{padding:0;border:none;background:transparent;font-family:Inter,sans-serif;font-weight:600;font-size:16px;line-height:normal;color:#b7b7bf;cursor:not-allowed;transition:all .2s ease;height:56px;display:flex;align-items:center;flex-shrink:0}.join-button:hover:not(:disabled):not(.active){text-decoration:none}.join-button.active{color:#011fe5;cursor:pointer}.join-button.active:hover:not(:disabled){text-decoration:underline}.join-button:disabled{cursor:not-allowed}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);padding:4px 16px;border-radius:24px;box-shadow:0 4px 12px #00000026;z-index:9999;animation:toast-slide-up .3s ease-out;min-width:200px;max-width:400px;background:#19191c;color:#fff}@keyframes toast-slide-up{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.toast-content{display:flex;align-items:center;gap:16px;padding:16px 0}.toast-message{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;font-weight:400;line-height:normal;color:#fff}.toast-info,.toast-success,.toast-error,.toast-warning{background:#19191c;color:#fff}.contacts-modal-overlay{position:fixed;inset:0;background:#19191ccc;display:flex;align-items:center;justify-content:center;z-index:1000}.contacts-modal-content{background:#fff;border-radius:16px;width:560px;height:560px;display:flex;flex-direction:column;overflow:hidden}.contacts-modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:16px 20px;border-bottom:1px solid #f2f2fd}.contacts-modal-title{font-family:Inter,sans-serif;font-weight:600;font-size:20px;line-height:1;color:#080809;margin:0 0 4px}.contacts-modal-subtitle{font-family:Inter,sans-serif;font-weight:400;font-size:16px;line-height:1;color:#6e6e7f;margin:0}.contacts-modal-close{background:#f2f2fd;border:none;border-radius:999px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;color:#080809;transition:background .2s}.contacts-modal-close img{width:16px;height:16px}.contacts-modal-close:hover{background:#dfe5ff}.contacts-modal-tabs{display:flex;background:#fff}.contacts-modal-tab{flex:1;background:none;border:none;padding:14px 16px;font-family:Inter,sans-serif;font-weight:600;font-size:14px;color:#6e6e7f;cursor:pointer;position:relative;transition:color .2s}.contacts-modal-tab.active{color:#011fe5}.contacts-modal-tab.active:after{content:"";position:absolute;bottom:0;left:2px;right:2px;height:3px;background:#011fe5;border-radius:100px 100px 0 0}.contacts-modal-divider{height:1px;background:#f2f2fd;width:100%}.contacts-modal-main{flex:1;display:flex;overflow:hidden}.contacts-modal-groups-sidebar{width:200px;border-right:1px solid #dfe5ff;overflow-y:auto}.contacts-modal-group-item{display:flex;align-items:center;gap:8px;padding:16px 20px;cursor:pointer;transition:background .2s}.contacts-modal-group-item:hover{background:#f9f9ff}.contacts-modal-group-item.selected{background:#f2f2fd}.contacts-modal-group-avatar{width:40px;height:40px;border-radius:999px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.contacts-modal-group-name{flex:1;font-family:Inter,sans-serif;font-weight:600;font-size:14px;color:#080809;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}.contacts-modal-members-area{flex:1;display:flex;flex-direction:column;overflow:hidden}.contacts-modal-contacts-area{flex:1;display:flex;flex-direction:column;overflow:hidden;width:100%}.contacts-modal-search-wrapper{padding:16px 20px 24px;display:flex;align-items:center;gap:8px}.contacts-modal-search-input-wrapper{flex:1;position:relative;display:flex;align-items:center;background:#f2f2fd;border-radius:34px;height:40px;padding:8px 16px;gap:8px}.contacts-modal-search-icon{width:24px;height:24px;flex-shrink:0;color:#080809}.contacts-modal-search{flex:1;background:transparent;border:none;padding:0;font-family:Inter,sans-serif;font-size:14px;color:#080809;outline:none}.contacts-modal-search::placeholder{color:#6e6e7f}.contacts-modal-search-clear{width:16px;height:16px;padding:0;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:opacity .2s}.contacts-modal-search-clear:hover{opacity:.7}.contacts-modal-search-clear img{width:100%;height:100%}.contacts-modal-search-cancel{background:none;border:none;color:#080809;font-family:Inter,sans-serif;font-size:14px;font-weight:600;cursor:pointer;padding:0;flex-shrink:0;transition:opacity .2s}.contacts-modal-search-cancel:hover{opacity:.7}.contacts-modal-chips{display:flex;flex-wrap:nowrap;gap:12px;padding:0 20px 24px;overflow-x:auto;overflow-y:hidden}.contacts-modal-chips::-webkit-scrollbar{height:6px}.contacts-modal-chips::-webkit-scrollbar-track{background:transparent}.contacts-modal-chips::-webkit-scrollbar-thumb{background:#dfe5ff;border-radius:999px}.contacts-modal-chips::-webkit-scrollbar-thumb:hover{background:#c7d2ff}.contacts-modal-chip{display:flex;align-items:center;gap:8px;background:#dfe5ff;border-radius:35px;padding:4px 8px 4px 4px;flex-shrink:0}.contacts-modal-chip-avatar{width:24px;height:24px;border-radius:999px;object-fit:cover;display:flex;align-items:center;justify-content:center;font-family:Inter,sans-serif;font-weight:600;font-size:8px;color:#6e6e7f;text-transform:uppercase}.contacts-modal-chip-name{font-family:Inter,sans-serif;font-weight:600;font-size:14px;color:#080809}.contacts-modal-chip-remove{background:none;border:none;width:16px;height:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#080809;padding:0;margin:0;line-height:1}.contacts-modal-chip-remove img{width:100%;height:100%}.contacts-modal-members-list{flex:1;overflow-y:auto}.contacts-modal-members-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px}.contacts-modal-members-label{font-family:Inter,sans-serif;font-weight:400;font-size:14px;color:#6e6e7f}.contacts-modal-link-button{background:none;border:none;font-family:Inter,sans-serif;font-weight:600;font-size:14px;color:#011fe5;cursor:pointer;padding:0}.contacts-modal-link-button:hover{text-decoration:underline}.contacts-modal-member-item{display:flex;align-items:center;gap:12px;padding:16px 20px;cursor:pointer;transition:background .2s}.contacts-modal-member-item:hover{background:#f9f9ff}.contacts-modal-member-avatar{width:40px;height:40px;border-radius:999px;object-fit:cover;flex-shrink:0;display:flex;align-items:center;justify-content:center}.contacts-modal-avatar-initials{font-family:Inter,sans-serif;font-weight:600;font-size:16px;color:#6e6e7f;text-transform:uppercase}.contacts-modal-member-name{flex:1;font-family:Inter,sans-serif;font-weight:600;font-size:14px;color:#080809}.contacts-modal-checkbox{width:24px;height:24px;border:2px solid #dfe5ff;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}.contacts-modal-checkbox.checked{background:transparent;border:none;padding:0}.contacts-modal-checkbox.checked img{width:24px;height:24px}.contacts-modal-footer{padding:16px 20px;border-top:1px solid #f2f2fd}.contacts-modal-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;font-family:Inter,sans-serif;font-size:14px;color:#8e8e93}.contacts-modal-empty-icon{width:80px;height:80px;margin-bottom:16px}.contacts-modal-groups-sidebar::-webkit-scrollbar,.contacts-modal-members-list::-webkit-scrollbar{width:6px}.contacts-modal-groups-sidebar::-webkit-scrollbar-track,.contacts-modal-members-list::-webkit-scrollbar-track{background:transparent}.contacts-modal-groups-sidebar::-webkit-scrollbar-thumb,.contacts-modal-members-list::-webkit-scrollbar-thumb{background:#dfe5ff;border-radius:999px}.contacts-modal-groups-sidebar::-webkit-scrollbar-thumb:hover,.contacts-modal-members-list::-webkit-scrollbar-thumb:hover{background:#c7d2ff}.join-page{display:flex;flex-direction:column;width:100%;min-height:100vh;background:radial-gradient(100% 100% at 50% 100%,#fff 78.87%,#f1f4ff 87%,#dcf9ff,#fcfcff 89%,#f9faff)}.join-body{display:flex;flex-direction:column;flex:1;align-items:center;justify-content:center;width:100%;gap:40px;padding:20px;overflow-y:auto;min-height:0;box-sizing:border-box}.join-heading{display:flex;flex-direction:column;align-items:center;gap:0;width:100%;text-align:center}.join-heading-text{margin:0;font-family:Inter,sans-serif;font-weight:500;font-size:64px;line-height:64px;color:#080809}.join-actions{display:flex;align-items:flex-start;gap:20px;width:100%;max-width:640px}.media-permission-dialog-overlay{position:fixed;inset:0;background-color:#000000ab;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.media-permission-dialog{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0003;max-width:560px;width:90%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease-out;position:relative}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.media-permission-dialog-header{padding:8px 20px 0;display:flex;justify-content:flex-end}.media-permission-dialog-close{background:none;border:none;cursor:pointer;padding:8px;opacity:.6;transition:opacity .2s;display:flex;align-items:center;justify-content:center}.media-permission-dialog-close:hover{opacity:1}.media-permission-dialog-close img{width:20px;height:20px}.media-permission-dialog-body{padding:0 20px 16px;display:flex;flex-direction:column;align-items:center;gap:32px}.media-permission-dialog-illustration{display:flex;align-items:center;justify-content:center;padding:16px 0 0}.media-permission-camera-icon{width:120px;height:120px;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(0,0,0,.15))}.media-permission-dialog-content{text-align:center;display:flex;flex-direction:column;gap:4px;padding:0 20px}.media-permission-dialog-title{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:24px;font-weight:600;color:#080809;margin:0;line-height:1.2}.media-permission-dialog-description{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;font-weight:400;color:#6e6e7f;margin:0;line-height:1.4}.media-permission-error{margin-top:16px;padding:16px;background-color:#fff5f5;border:1px solid #fecaca;border-radius:8px;text-align:left}.media-permission-error-message{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;font-weight:600;color:#cf0c0a;margin:0 0 8px;line-height:1.4}.media-permission-error-help{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;font-weight:400;color:#6e6e7f;margin:0;line-height:1.5}.media-permission-dialog-actions{width:100%;display:flex;flex-direction:column;gap:16px}.media-permission-button-row{display:flex;gap:8px;width:100%}.media-permission-primary-button{flex:1;height:56px;border-radius:32px;font-size:16px;font-weight:600;background:#011fe5;color:#fff;border:none;cursor:pointer;transition:all .2s;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.media-permission-primary-button:hover{background:#0116c7;transform:translateY(-1px);box-shadow:0 4px 12px #011fe54d}.media-permission-toggle-button{width:56px;height:56px;border-radius:999px;background:#f2f2fd;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;color:#080809}.media-permission-toggle-button:hover{background:#e5e5f8}.media-permission-toggle-button svg{transition:transform .2s}.media-permission-individual-options.visible~.media-permission-button-row .media-permission-toggle-button svg{transform:rotate(180deg)}.media-permission-individual-options{max-height:0;overflow:hidden;transition:max-height .3s ease-out}.media-permission-individual-options.visible{max-height:100px}.media-permission-button-row-split{display:flex;gap:16px;width:100%}.media-permission-secondary-button{flex:1;height:56px;border-radius:32px;font-size:16px;font-weight:600;background:#dfe5ff;color:#011fe5;border:none;cursor:pointer;transition:all .2s;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.media-permission-secondary-button:hover{background:#d0d8ff;transform:translateY(-1px)}.media-permission-text-button{height:56px;background:none;border:none;color:#011fe5;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;border-radius:32px}.media-permission-text-button:hover{background:#011fe50d}@media(max-width:640px){.media-permission-dialog{max-width:95%;margin:16px}.media-permission-dialog-body{padding:0 16px 16px;gap:24px}.media-permission-dialog-content{padding:0}.media-permission-dialog-title{font-size:20px}.media-permission-dialog-description{font-size:14px}.media-permission-button-row-split{flex-direction:column;gap:8px}.media-permission-camera-icon{width:100px;height:100px}}.single-permission-dialog-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.single-permission-dialog{background-color:var(--background-neutral-pop-up, #ffffff);border-radius:var(--corner-radius-md, 16px);width:100%;max-width:560px;overflow:hidden;box-shadow:0 4px 24px #00000026}.single-permission-dialog-body{display:flex;flex-direction:column;align-items:center;padding:32px 20px;gap:32px}.single-permission-dialog-illustration{display:flex;align-items:center;justify-content:center}.single-permission-icon{width:120px;height:120px;object-fit:contain}.single-permission-dialog-content{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;width:100%}.single-permission-dialog-title{font-family:var(--font-family-inter, "Inter", sans-serif);font-weight:600;font-size:24px;line-height:1;color:var(--text-icon-neutral-primary, #080809);margin:0}.single-permission-dialog-description{font-family:var(--font-family-inter, "Inter", sans-serif);font-weight:400;font-size:16px;line-height:1;color:var(--text-icon-neutral-secondary, #6e6e7f);margin:0}.single-permission-dialog-actions{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;padding:0 20px}.single-permission-primary-button{width:100%;height:56px;font-size:16px;font-weight:600;border-radius:32px}.single-permission-text-button{background:none;border:none;font-family:var(--font-family-inter, "Inter", sans-serif);font-weight:600;font-size:16px;color:var(--text-icon-functional-link, #011fe5);cursor:pointer;padding:16px 20px;height:56px;display:flex;align-items:center;justify-content:center}.single-permission-text-button:hover{opacity:.8}.single-permission-text-button:disabled{opacity:.5;cursor:not-allowed}.device-dropdown-wrapper{position:relative;flex:1;min-width:0}.device-dropdown-trigger{display:flex;align-items:center;gap:4px;width:100%;border:none;background:transparent;padding:0;cursor:pointer;outline:none;min-width:0}.device-dropdown-trigger:hover .device-dropdown-trigger-icon,.device-dropdown-trigger:hover .device-dropdown-trigger-label,.device-dropdown-trigger:hover .device-dropdown-trigger-chevron{color:#080809}.device-dropdown-trigger-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#6e6e7f;width:16px;height:16px}.device-dropdown-trigger-label{flex:1;min-width:0;font-family:Inter,sans-serif;font-size:14px;font-weight:400;line-height:normal;color:#6e6e7f;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-dropdown-trigger-chevron{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#6e6e7f;width:16px;height:16px}.device-dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;width:100%;background:#fff;border-radius:12px;box-shadow:0 8px 22px #9dadc580;z-index:1000;overflow:hidden;min-width:250px}.device-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:16px;border:none;background:transparent;cursor:pointer;text-align:left;transition:background-color .2s ease}.device-dropdown-item:hover{background:#f2f2fd}.device-dropdown-item:active{background:#e8e8f5}.device-dropdown-check{flex-shrink:0;width:20px;height:20px;transition:opacity .2s ease}.device-dropdown-item-label{flex:1;min-width:0;font-family:Inter,sans-serif;font-size:14px;font-weight:400;line-height:normal;color:#080809;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-dropdown-item.selected .device-dropdown-item-label{color:#011fe5}.device-dropdown-divider{height:1px;background:#f2f2fd;margin-left:44px;margin-right:16px}.device-dropdown-trigger.error{cursor:not-allowed}.device-dropdown-trigger.error .device-dropdown-trigger-icon,.device-dropdown-trigger.error .device-dropdown-trigger-label,.device-dropdown-trigger.error .device-dropdown-trigger-chevron,.device-dropdown-trigger.error:hover .device-dropdown-trigger-icon,.device-dropdown-trigger.error:hover .device-dropdown-trigger-label,.device-dropdown-trigger.error:hover .device-dropdown-trigger-chevron{color:#cf0c0a}.prejoin-page{display:flex;flex-direction:column;width:100%;min-height:100vh;background:#fff}.prejoin-body{display:flex;flex-direction:column;flex:1;align-items:center;justify-content:center;width:100%;gap:40px;padding:73px 400px;box-sizing:border-box;overflow-y:auto;min-height:0}.prejoin-heading{margin:0;font-family:Inter,sans-serif;font-weight:600;font-size:24px;line-height:24px;color:#080809;text-align:center;width:100%;max-width:640px}.prejoin-main{display:flex;flex-direction:column;align-items:center;gap:24px;width:100%;max-width:640px}.prejoin-video-container{position:relative;width:100%;max-width:640px;height:360px;border-radius:16px;overflow:hidden;background:#050505}.prejoin-video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.prejoin-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px;color:#ffffffb3}.prejoin-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:prejoin-spin .8s linear infinite}@keyframes prejoin-spin{to{transform:rotate(360deg)}}.prejoin-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px;padding:32px;text-align:center}.prejoin-error p{color:#ff6b6b;font-size:14px;margin:0;font-family:Inter,sans-serif}.prejoin-error-banner{position:absolute;bottom:80px;left:16px;right:16px;background:#cf0c0af2;padding:12px 16px;border-radius:8px;z-index:10}.prejoin-error-banner p{color:#fff;font-size:13px;margin:0;font-family:Inter,sans-serif;line-height:18px;text-align:center}.prejoin-permission-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:5;width:100%;padding:0 20px;box-sizing:border-box}.prejoin-permission-message p{color:#fff;font-family:Inter,sans-serif;font-size:16px;font-weight:500;line-height:24px;margin:0;white-space:nowrap}.prejoin-room-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:60px 40px;text-align:center;background:#fff3f3;border:2px solid #ffebee;border-radius:16px;width:100%;max-width:640px;box-sizing:border-box}.prejoin-error-icon{font-size:48px}.prejoin-error-title{margin:0;font-family:Inter,sans-serif;font-weight:600;font-size:24px;color:#080809}.prejoin-error-message{margin:0;font-family:Inter,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:#6e6e7f;max-width:400px}.prejoin-back-to-join-btn{background:#011fe5;border:none;border-radius:32px;padding:16px 20px;width:200px;height:56px;font-family:Inter,sans-serif;font-weight:600;font-size:16px;color:#fff;cursor:pointer;transition:all .2s ease;margin-top:12px}.prejoin-back-to-join-btn:hover{background:#0119c7;transform:translateY(-1px);box-shadow:0 4px 12px #011fe54d}.prejoin-back-to-join-btn:active{transform:translateY(0)}.prejoin-video-controls{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:20px;align-items:center;z-index:10}.prejoin-control-btn{width:56px;height:56px;border-radius:50%;background:#f2f2fd;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:16px;box-sizing:border-box}.prejoin-control-btn.off{background:#cf0c0a}.prejoin-control-btn:hover{background:#e8e8f5;transform:scale(1.05)}.prejoin-control-btn.off:hover{background:#b30a08}.prejoin-control-btn:active{transform:scale(.95)}.prejoin-control-btn img{width:24px;height:24px}.prejoin-control-btn{position:relative}.prejoin-control-badge{position:absolute;top:0;right:0;width:16px;height:16px;background:#cf0c0a;border-radius:50%;border:2px solid #ffffff;display:flex;align-items:center;justify-content:center;z-index:10}.prejoin-control-badge:after{content:"!";color:#fff;font-family:Inter,sans-serif;font-weight:700;font-size:10px;line-height:1}.prejoin-dropdowns{display:flex;gap:40px;align-items:center;width:100%}.prejoin-dropdown{flex:1;min-width:0}.prejoin-select{width:100%;padding:0 16px 0 0;border:none;background:transparent;font-family:Inter,sans-serif;font-weight:400;font-size:14px;line-height:14px;color:#6e6e7f;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='11' height='6' viewBox='0 0 11 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5.5 5L10 1' stroke='%236e6e7f' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prejoin-select:hover{color:#080809}.prejoin-select:focus{outline:none;color:#080809}.prejoin-join-btn{background:#011fe5;border:none;border-radius:32px;padding:16px 20px;width:200px;height:56px;font-family:Inter,sans-serif;font-weight:600;font-size:16px;line-height:16px;color:#fff;cursor:pointer;transition:all .2s ease;box-sizing:border-box}.prejoin-join-btn:hover{background:#0119c7;transform:translateY(-1px);box-shadow:0 4px 12px #011fe54d}.prejoin-join-btn:active{transform:translateY(0)}.prejoin-join-btn:disabled{background:#c4c4d4;cursor:not-allowed;opacity:.6}.prejoin-join-btn:disabled:hover{background:#c4c4d4;transform:none;box-shadow:none}.prejoin-connection-error{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%}.prejoin-connection-error-text{font-family:Inter,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:#cf0c0a;margin:0;text-align:center}@media(max-width:1440px){.prejoin-body{padding:73px 200px}}@media(max-width:1024px){.prejoin-body{padding:40px 100px}}@media(max-width:768px){.prejoin-body{padding:40px 20px}}.participant-tile{position:relative;width:100%;height:100%;min-height:200px;border-radius:16px;overflow:hidden;background:#000}.spotlight-thumbnail .participant-tile{min-height:90px;--avatar-size: 40px}.participant-tile-video{width:100%;height:100%;object-fit:cover}.participant-tile-video.local-video{transform:scaleX(-1)}.participant-tile-avatar-bg{width:100%;height:100%;position:relative}.participant-tile-bg-image{width:100%;height:100%;object-fit:cover}.participant-tile-bg-placeholder{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;background:#1a1a1a;font-family:Inter,sans-serif;font-size:48px;font-weight:600;color:#fff}.spotlight-thumbnail .participant-tile-bg-placeholder{font-size:24px}.participant-tile-bg-placeholder:before{content:"";position:absolute;inset:0;background:#0006;z-index:1}.participant-tile-initial{position:relative;z-index:2}.participant-tile-bg-placeholder .participant-tile-avatar-icon{position:relative;z-index:2;width:120px;height:120px;object-fit:contain}.participant-tile-bg-placeholder .participant-tile-avatar-fallback .participant-tile-avatar-icon{width:100%;height:100%}.participant-tile.participant-count-3 .participant-tile-bg-placeholder .participant-tile-avatar-icon,.participant-tile.participant-count-4 .participant-tile-bg-placeholder .participant-tile-avatar-icon,.participant-tile.participant-count-5 .participant-tile-bg-placeholder .participant-tile-avatar-icon{width:56px;height:56px}.spotlight-thumbnail .participant-tile-bg-placeholder .participant-tile-avatar-icon{width:40px;height:40px}.participant-tile-blur-overlay{position:absolute;inset:0;-webkit-backdrop-filter:blur(80px);backdrop-filter:blur(80px);background:#05050566}.participant-tile-center-avatar{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--avatar-size, 120px);height:var(--avatar-size, 120px);border-radius:50%;overflow:hidden;z-index:1}.participant-tile-center-avatar img{width:100%;height:100%;object-fit:cover}.participant-tile-connecting{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:4px;z-index:2}.spotlight-thumbnail .participant-tile-connecting{gap:4px;padding:2px}.participant-tile-connecting-blur{position:absolute;inset:0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#05050566;z-index:0}.participant-tile-avatar{position:relative;width:var(--avatar-size, 56px);height:var(--avatar-size, 56px);border-radius:50%;overflow:hidden;flex-shrink:0;z-index:1}.participant-tile-avatar img{width:100%;height:100%;object-fit:cover}.participant-tile-avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#fffadb;padding:21.43%}.participant-tile-avatar-icon{width:100%;height:100%;object-fit:contain}.participant-tile-avatar-image{width:100%;height:100%;object-fit:cover}.participant-tile-connecting-content{position:relative;display:flex;flex-direction:column;gap:4px;width:100%;z-index:1}.participant-tile-connecting-name{font-family:Inter,sans-serif;font-weight:500;font-size:12px;line-height:normal;color:#fff;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spotlight-thumbnail .participant-tile-connecting-name{font-size:12px;max-width:100px;overflow:hidden;text-overflow:ellipsis}.participant-tile-connecting-status{display:flex;align-items:center;justify-content:center;gap:8px;font-family:Inter,sans-serif;font-size:12px;line-height:normal}.spotlight-thumbnail .participant-tile-connecting-status{gap:4px;font-size:10px;flex-wrap:wrap;justify-content:center}.participant-tile-calling-text{color:#fff9;font-weight:400}.participant-tile-cancel-btn{color:#eec005;font-weight:500;background:none;border:none;padding:0;cursor:pointer;transition:opacity .2s}.participant-tile-cancel-btn:hover{opacity:.8}.participant-tile-name-badge{position:absolute;bottom:4px;left:4px;display:flex;align-items:center;gap:4px;height:24px;padding:4px 8px;border-radius:35px;background:#05050566;z-index:3}.spotlight-thumbnail .participant-tile-name-badge{height:24px;padding:4px 8px;bottom:4px;left:4px;max-width:calc(100% - 8px)}.participant-tile-name{font-family:Inter,sans-serif;font-weight:400;font-size:12px;line-height:normal;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spotlight-thumbnail .participant-tile-name{font-size:12px;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.participant-tile-mic-icon{width:14px;height:14px;flex-shrink:0;order:-1}.spotlight-thumbnail .participant-tile-mic-icon{width:14px;height:14px}.participant-tile-audio-wave{position:absolute;top:calc(50% + 72px);left:50%;transform:translate(-50%);z-index:3;display:flex;align-items:center;justify-content:center}.spotlight-thumbnail .participant-tile-audio-wave{display:none}@media(max-width:768px){.spotlight-thumbnail .participant-tile-name-badge{height:20px;padding:2px 6px;bottom:4px;left:4px;max-width:calc(100% - 8px)}.spotlight-thumbnail .participant-tile-name{font-size:10px;max-width:80px}.spotlight-thumbnail .participant-tile-mic-icon{width:12px;height:12px}}.page-indicator{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:8px;align-items:center;justify-content:center;padding:8px 12px;background:#05050599;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;z-index:10}.page-indicator-dot{width:6px;height:6px;border-radius:50%;background:#fff6;transition:all .3s ease}.page-indicator-dot.active{width:20px;border-radius:3px;background:#fff}.navigation-arrow{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#05050599;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:50%;cursor:pointer;transition:all .2s ease;z-index:10}.navigation-arrow-left{left:20px}.navigation-arrow-right{right:20px}.navigation-arrow-icon{width:24px;height:24px;transition:all .2s ease}.navigation-arrow:not(.disabled) .navigation-arrow-icon{filter:brightness(1)}.navigation-arrow:hover:not(.disabled){background:#050505cc;transform:translateY(-50%) scale(1.05)}.navigation-arrow:active:not(.disabled){transform:translateY(-50%) scale(.95)}.navigation-arrow.disabled{opacity:.5;cursor:not-allowed;background:#05050566}.navigation-arrow.disabled .navigation-arrow-icon{filter:brightness(.5) grayscale(1)}.participant-grid-container{position:relative;width:100%;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}.participant-grid{width:100%;height:100%;display:grid;gap:8px;box-sizing:border-box;transition:opacity .3s ease;place-items:center}.participant-grid-1{grid-template-columns:1fr;grid-template-rows:1fr;padding:20px 20px 0;--avatar-size: 120px}.participant-grid-2{grid-template-columns:repeat(2,1fr);grid-template-rows:1fr;padding:20px 20px 0;--avatar-size: 120px}.participant-grid-4{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);padding:8px 20px 20px;--avatar-size: 56px}.participant-grid-6{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);padding:20px;--avatar-size: 56px}.participant-grid-9{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);padding:20px 20px 0;--avatar-size: 56px}.participant-grid-12{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);padding:20px 20px 0;--avatar-size: 56px}.participant-grid-many{grid-template-columns:repeat(4,1fr);grid-auto-rows:1fr;padding:20px;overflow-y:auto;--avatar-size: 56px}@media(max-width:1200px){.participant-grid-12,.participant-grid-many{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.participant-grid-4,.participant-grid-6,.participant-grid-9,.participant-grid-12,.participant-grid-many{grid-template-columns:repeat(2,1fr)}.participant-grid-1,.participant-grid-2{padding:12px}.participant-grid-4{padding:8px 12px 12px}.participant-grid-6{padding:12px}.participant-grid-9,.participant-grid-12{padding:12px 12px 0}.participant-grid-many{padding:12px}}@media(max-width:480px){.participant-grid-2,.participant-grid-4,.participant-grid-6,.participant-grid-9,.participant-grid-12,.participant-grid-many{grid-template-columns:1fr}}.spotlight-main{position:absolute;top:20px;left:20px;right:20px;height:calc(100% - 150px);border-radius:16px;overflow:hidden}.spotlight-main.spotlight-solo{top:20px;bottom:20px;height:calc(100% - 40px)}.spotlight-thumbnails-wrapper{position:absolute;bottom:20px;left:0;right:0;height:90px;display:flex;align-items:center}.spotlight-chevron{position:absolute;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:50%;cursor:pointer;color:#b7b7bf;z-index:10;padding:0;transition:background-color .15s ease,color .15s ease}.spotlight-chevron:hover{color:#b7b7bfcc}.spotlight-chevron:active{background:#262626;color:#fff}.spotlight-chevron-left{left:8px}.spotlight-chevron-right{right:8px}.spotlight-thumbnails{flex:1;height:90px;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 40px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth}.spotlight-thumbnails::-webkit-scrollbar{display:none}.spotlight-thumbnail{flex-shrink:0;width:160px;height:90px;border-radius:16px;overflow:hidden}@media(max-width:1200px){.spotlight-main{width:calc(100% - 40px)}.spotlight-thumbnail{width:140px}}@media(max-width:768px){.spotlight-main{top:12px;left:12px;right:12px;height:calc(100% - 124px)}.spotlight-thumbnails-wrapper{height:80px}.spotlight-thumbnails{height:80px;padding:0 32px}.spotlight-thumbnail{width:120px;height:80px}.spotlight-chevron-left{left:4px}.spotlight-chevron-right{right:4px}}.room-toolbar{display:flex;align-items:center;height:80px;width:100%;padding:0 20px;background:#000;box-sizing:border-box;gap:20px}.room-toolbar button:focus,.room-toolbar button:focus-visible{outline:none}.room-toolbar-leading{display:flex;align-items:center;gap:8px;flex:1 1 0;min-width:0}.room-toolbar-time,.room-toolbar-separator,.room-toolbar-code{font-family:Inter,sans-serif;font-weight:400;font-size:14px;line-height:1;color:#fff;white-space:nowrap}.room-toolbar-copy-btn{width:12px;height:12px;padding:0;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s;flex-shrink:0}.room-toolbar-copy-btn:hover{opacity:.7}.room-toolbar-copy-btn:disabled{opacity:.3;cursor:not-allowed}.room-toolbar-copy-btn img{width:100%;height:100%}.room-toolbar-actions{display:flex;align-items:center;justify-content:center;gap:20px;flex:1 1 0;min-width:0}.room-toolbar-btn-group{display:flex;align-items:center;flex-shrink:0;gap:0}.room-toolbar-chevron-btn{display:flex;align-items:center;justify-content:center;padding:6px;background:transparent;border:none;border-radius:6px;cursor:pointer;transition:background .2s;flex-shrink:0;min-width:0}.room-toolbar-chevron-btn:hover{background:#ffffff1a}.room-toolbar-chevron-btn:active{background:#ffffff26}.room-toolbar-chevron-btn:disabled{opacity:.3;cursor:not-allowed}.room-toolbar-chevron{width:10.67px;height:10.67px;flex-shrink:0;display:block}.room-toolbar-btn{position:relative;display:flex;align-items:center;justify-content:center;padding:8px;background:transparent;border:none;cursor:pointer;transition:background .2s,opacity .2s;border-radius:8px;flex-shrink:0}.room-toolbar-btn:hover{background:#ffffff1a}.room-toolbar-btn:active{background:#ffffff26}.room-toolbar-btn.active{background:transparent}.room-toolbar-btn.active:hover{background:#ffffff1a}.room-toolbar-btn.muted{background:#cf0c0a1a}.room-toolbar-btn:disabled,.room-toolbar-btn.disabled{cursor:not-allowed;opacity:.3}.room-toolbar-btn:disabled:hover,.room-toolbar-btn.disabled:hover{background:transparent}.room-toolbar-btn img{width:24px;height:24px;display:block;filter:brightness(0) invert(1);transition:filter .2s}.room-toolbar-btn.active img{filter:none}.room-toolbar-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:4px;display:flex;align-items:center;justify-content:center;background:#19191c;border-radius:999px;font-family:Inter,sans-serif;font-weight:500;font-size:12px;line-height:1;color:#9f9faa;text-align:center;box-sizing:border-box}.room-toolbar-icon-badge{position:absolute;top:-4px;right:-4px;width:8px;height:8px;background:#cf0c0a;border-radius:50%;border:2px solid #000;box-sizing:border-box}.room-toolbar-icon-badge.denied{width:16px;height:16px;top:-6px;right:-6px;background:#cf0c0a;border:2px solid #000;display:flex;align-items:center;justify-content:center;z-index:10}.room-toolbar-icon-badge.denied:after{content:"!";color:#fff;font-family:Inter,sans-serif;font-weight:700;font-size:10px;line-height:1}.room-toolbar-icon-badge.in-use{width:16px;height:16px;top:-6px;right:-6px;background:#cf0c0a;border:2px solid #000;display:flex;align-items:center;justify-content:center;z-index:10}.room-toolbar-icon-badge.in-use:after{content:"!";color:#fff;font-family:Inter,sans-serif;font-weight:700;font-size:10px;line-height:1}.room-toolbar-trailing{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex:1 1 0;min-width:0}.room-toolbar-leave-btn{display:flex;align-items:center;gap:4px;height:40px;padding:8px 16px;background:#cf0c0a;border:none;border-radius:32px;cursor:pointer;transition:background .2s;flex-shrink:0}.room-toolbar-leave-btn:hover{background:#b50a08}.room-toolbar-leave-btn:active{background:#9e0907}.room-toolbar-leave-btn:disabled{opacity:.5;cursor:not-allowed}.room-toolbar-leave-btn img{width:24px;height:24px;display:block}.room-toolbar-leave-btn span{font-family:Inter,sans-serif;font-weight:600;font-size:14px;line-height:1;color:#fff;white-space:nowrap}@media(max-width:680px){.room-toolbar{gap:12px;padding:0 12px}.room-toolbar-actions{gap:12px}}@media(max-width:520px){.room-toolbar{gap:8px;padding:0 8px}.room-toolbar-actions{gap:8px}}@media(max-width:420px){.room-toolbar{gap:4px;padding:0 6px}.room-toolbar-actions{gap:4px}.room-toolbar-chevron-btn{display:none}}.people-panel{width:100%;height:100%;background:#fff;display:flex;flex-direction:column;overflow:hidden;border-radius:16px}.people-panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;flex-shrink:0}.people-panel-title{font-family:Inter,sans-serif;font-weight:600;font-size:24px;line-height:normal;color:#080809;margin:0}.people-panel-close-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f2f2fd;border:none;border-radius:50%;cursor:pointer;transition:background .2s}.people-panel-close-btn:hover{background:#e5e5f0}.people-panel-close-btn img{width:20px;height:20px}.people-panel-add-btn{display:flex;align-items:center;justify-content:center;gap:4px;height:40px;margin:0 20px 20px;padding:8px 16px;background:#011fe5;border:none;border-radius:32px;cursor:pointer;transition:background .2s;flex-shrink:0;align-self:flex-start}.people-panel-add-btn:hover{background:#0119c7}.people-panel-add-btn img{width:24px;height:24px}.people-panel-add-btn span{font-family:Inter,sans-serif;font-weight:600;font-size:14px;line-height:normal;color:#fff}.people-panel-link-section{padding:0 20px 20px;flex-shrink:0}.people-panel-link-text{font-family:Inter,sans-serif;font-weight:400;font-size:14px;line-height:normal;color:#080809;margin:0 0 8px}.people-panel-link-box{display:flex;align-items:center;justify-content:space-between;gap:8px;height:48px;padding:8px 16px;background:#f2f2fd;border-radius:24px}.people-panel-link{flex:1;font-family:Inter,sans-serif;font-weight:400;font-size:14px;line-height:normal;color:#080809;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.people-panel-link-actions{display:flex;align-items:center;gap:8px}.people-panel-link-btn{width:20px;height:20px;padding:0;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.people-panel-link-btn:hover{opacity:.7}.people-panel-link-btn img{width:100%;height:100%}.people-panel-list{overflow-y:auto;margin:0 20px 20px;padding:12px 0;background:#f2f2fd;border-radius:32px;max-height:calc(100vh - 400px);flex-shrink:1}.people-panel-item{display:flex;align-items:center;gap:12px;padding:8px 20px;transition:background .2s}.people-panel-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0}.people-panel-avatar img{width:100%;height:100%;object-fit:cover}.people-panel-avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#fffadb;padding:21.43%;box-sizing:border-box}.people-panel-avatar-fallback img{width:100%;height:100%;object-fit:contain}.people-panel-info{flex:1;min-width:0}.people-panel-name-row{display:flex;align-items:center;gap:4px}.people-panel-name{font-family:Inter,sans-serif;font-weight:500;font-size:16px;line-height:normal;color:#080809;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.people-panel-vip-badge{width:20px;height:14px;flex-shrink:0}.people-panel-calling-text{font-family:Inter,sans-serif;font-weight:400;font-size:12px;line-height:normal;color:#6e6e7f}.people-panel-actions{display:flex;align-items:center;gap:8px}.people-panel-cancel-btn{font-family:Inter,sans-serif;font-weight:500;font-size:14px;line-height:normal;color:#011fe5;background:#011fe51a;border:none;padding:8px 16px;border-radius:20px;cursor:pointer;transition:background .2s}.people-panel-cancel-btn:hover{background:#011fe526}.people-panel-status-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center}.people-panel-status-icon img{width:100%;height:100%}.people-panel-item-disabled .people-panel-avatar{opacity:.4}.people-panel-item-disabled .people-panel-name{color:#9f9faa}.people-panel-item-disabled .people-panel-vip-badge{opacity:.4}html[dir=rtl] .people-panel-add-btn{align-self:flex-end}html[dir=rtl] .people-panel-link-text{text-align:right}html[dir=rtl] .people-panel-link{text-align:right;direction:ltr}html[dir=rtl] .people-panel-name{text-align:right}.debug-info-modal-overlay{position:fixed;inset:0;background-color:#0000004d;display:flex;align-items:center;justify-content:center;z-index:9999;padding:40px 20px}.debug-info-modal{background-color:#80808080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;max-width:800px;width:100%;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 4px 20px #0000004d}.debug-info-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.24)}.debug-info-modal-header h3{color:#fff;font-size:16px;font-weight:600;margin:0}.debug-info-modal-close{background:transparent;border:none;color:#fff;font-size:28px;line-height:1;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.debug-info-modal-close:hover{opacity:.7}.debug-info-modal-content{flex:1;overflow-y:auto;padding:16px 20px}.debug-info-modal-text{color:#fff;font-size:10px;font-weight:500;font-family:Courier New,Courier,monospace;line-height:1.5;margin:0;white-space:pre-wrap;word-wrap:break-word;-webkit-user-select:text;user-select:text}.debug-info-modal-content::-webkit-scrollbar{width:8px}.debug-info-modal-content::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.debug-info-modal-content::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.debug-info-modal-content::-webkit-scrollbar-thumb:hover{background:#fff6}.device-settings-popup{position:absolute;bottom:80px;left:50%;transform:translate(-50%);background:#19191c;border-radius:12px;box-shadow:0 8px 17px #000;padding:0;min-width:320px;max-width:400px;z-index:1000;animation:popup-slide-up .2s ease-out}@keyframes popup-slide-up{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.device-settings-section{display:flex;flex-direction:column;width:100%}.device-settings-title{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;font-weight:600;color:#fff;line-height:normal;margin:0;padding:16px 16px 4px}.device-settings-item{display:flex;align-items:center;gap:8px;padding:16px;cursor:pointer;background:transparent;border:none;width:100%;text-align:left;transition:background-color .2s ease}.device-settings-item:hover{background:#ffffff1a}.device-settings-item:active{background:#ffffff26}.device-settings-check{flex-shrink:0;width:20px;height:20px;transition:opacity .2s ease;filter:brightness(0) invert(1)}.device-settings-item.selected .device-settings-check{filter:none;filter:brightness(0) invert(1)}.device-settings-check.hidden{opacity:0}.device-settings-item-label{flex:1;min-width:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;font-weight:400;line-height:normal;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-settings-item.selected .device-settings-item-label{color:#fff;font-weight:600}.device-settings-item-divider{height:1px;background:#19191c;margin-left:44px;margin-right:16px}.device-settings-section-divider{height:1px;background:#19191c;width:100%}@media(max-width:640px){.device-settings-popup{min-width:280px;bottom:70px}}.device-settings-error{display:flex;align-items:center;gap:8px;padding:12px 16px;color:#cf0c0a}.device-settings-error-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:#cf0c0a;color:#fff;font-size:10px;font-weight:700;line-height:1}.device-settings-error-text{font-family:Inter,sans-serif;font-size:14px;font-weight:400;color:#cf0c0a}.device-settings-empty{padding:16px;font-family:Inter,sans-serif;font-size:14px;color:#ffffff80;text-align:center}.room-page{width:100%;height:100vh;background:#000;display:flex;flex-direction:column;position:relative;overflow:hidden}.room-page-loading{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:20px;color:#fff;height:100%}.room-page-loading p{font-family:Inter,sans-serif;font-size:40px;font-weight:500;margin:0;line-height:48px}.room-page-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;color:#fff}.room-page-error h2{font-family:Inter,sans-serif;font-size:24px;font-weight:600;margin:0}.room-page-error p{font-family:Inter,sans-serif;font-size:16px;color:#ffffffb3;margin:0}.room-page-error button{padding:12px 24px;background:#011fe5;color:#fff;border:none;border-radius:8px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.room-page-error button:hover{background:#0119c7}.room-page-main{flex:1;display:flex;position:relative;overflow:hidden}.room-page-content{flex:1;display:flex;overflow:hidden}.room-page-panel-container{width:440px;padding:20px;flex-shrink:0;display:flex;flex-direction:column}.room-page-toolbar{flex-shrink:0}@media(max-width:1024px){.room-page-panel-container{position:absolute;right:0;top:0;height:100%;background:#000c;z-index:10}}@media(max-width:768px){.room-page-panel-container{width:100%;max-width:400px}}html[dir=rtl] .room-page-panel-container{order:-1}@media(max-width:1024px){html[dir=rtl] .room-page-panel-container{right:auto;left:0}}#root{width:100vw;min-height:100vh;margin:0;padding:0}*{box-sizing:border-box}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:32px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:Inter,sans-serif}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:#011fe5;color:#fff}.btn-primary:hover:not(:disabled){background:#0118c9}.btn-secondary{background:#dfe5ff;color:#011fe5}.btn-secondary:hover:not(:disabled){background:#c9d3ff}.btn-danger{background:#f44;color:#fff}.btn-danger:hover:not(:disabled){background:#c00}.btn-success{background:#0c6;color:#fff}.btn-ghost{background:transparent;color:#666}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.btn-md{padding:.75rem 1.5rem}.btn-lg{padding:1rem 1.25rem;font-size:1rem;height:56px}.btn-full{width:100%}.btn-spinner{width:16px;height:16px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.input-wrapper{display:flex;flex-direction:column;gap:.5rem;width:100%}.input-label{font-size:.875rem;font-weight:500;color:#333}.input{padding:.75rem 1rem;border:1px solid #ddd;border-radius:8px;font-size:1rem;transition:border-color .2s}.input:focus{outline:none;border-color:#ddd}.input-error{border-color:#f44}.input-error-text{color:#f44;font-size:.875rem}.input-full{width:100%}.avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;background:#06f;color:#fff;font-weight:600}.avatar-sm{width:32px;height:32px;font-size:.75rem}.avatar-md{width:48px;height:48px;font-size:1rem}.avatar-lg{width:64px;height:64px;font-size:1.25rem}.avatar-xl{width:96px;height:96px;font-size:2rem}.avatar-img{width:100%;height:100%;object-fit:cover}.avatar-initials{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.avatar-status{position:absolute;bottom:0;right:0;width:12px;height:12px;border:2px solid white;border-radius:50%}.avatar-status-online{background:#0c6}.avatar-status-offline{background:#999}.avatar-status-busy{background:#fc0}.badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.badge-sm{padding:.125rem .375rem;font-size:.625rem}.badge-default{background:#f0f0f0;color:#666}.badge-primary{background:#e6f0ff;color:#06f}.badge-success{background:#e6f7ed;color:#0c6}.badge-warning{background:#fff7e6;color:#f90}.badge-danger{background:#ffe6e6;color:#f44}.spinner{display:inline-flex;align-items:center;justify-content:center}.spinner-circle{border:3px solid rgba(255,255,255,.3);border-top-color:#06f;border-radius:50%;animation:spin 1s linear infinite}.spinner-sm .spinner-circle{width:20px;height:20px;border-width:2px}.spinner-md .spinner-circle{width:32px;height:32px;border-width:3px}.spinner-lg .spinner-circle{width:48px;height:48px;border-width:3px}.icon{display:inline-block;vertical-align:middle}.media-controls{display:flex;gap:1rem;align-items:center;justify-content:center}.connection-status{display:flex;align-items:center;gap:.5rem}.connection-quality{font-size:.875rem;color:#666}.participant-card{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:8px;background:#fff;border:1px solid #e0e0e0}.participant-card-info{flex:1;display:flex;flex-direction:column;gap:.5rem}.participant-card-name{display:flex;align-items:center;gap:.5rem;font-weight:600}.participant-card-status{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#666}.status-icon.muted{color:#f44}.status-icon.active{color:#0c6}.video-tile{position:relative;width:100%;height:100%;background:#000;border-radius:12px;overflow:hidden}.video-tile-video{width:100%;height:100%;object-fit:cover}.video-tile-video.local-video{transform:scaleX(-1)}.video-tile-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);gap:1rem;position:relative;overflow:hidden}.video-tile-calling{background:none}.video-tile-bg-blur{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;filter:blur(20px);transform:scale(1.1)}.video-tile-bg-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#05050566;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.video-tile-calling-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:1rem}.video-tile-status{display:flex;flex-direction:column;align-items:center;gap:.25rem;margin-top:1rem}.video-tile-status .participant-name{font-size:.75rem;font-weight:500;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.video-tile-status .status-line{display:flex;align-items:center;gap:.5rem}.video-tile-status .status-text{font-size:.75rem;font-weight:400;color:#fff9;text-shadow:0 2px 4px rgba(0,0,0,.3)}.video-tile-status .cancel-button{background:none;border:none;padding:0;font-size:.75rem;font-weight:500;color:#eec005;cursor:pointer;text-shadow:0 2px 4px rgba(0,0,0,.3);transition:opacity .2s}.video-tile-status .cancel-button:hover{opacity:.8}.video-tile-status .cancel-button:active{opacity:.6}.video-tile-overlay{position:absolute;bottom:0;left:0;right:0;padding:1rem;background:linear-gradient(to top,rgba(0,0,0,.6),transparent)}.video-tile-info{display:flex;align-items:center;gap:.5rem;color:#fff}.video-tile-name{font-weight:600}.video-grid{display:grid;gap:1rem;width:100%;height:100%;padding:1rem}.video-grid-1{grid-template-columns:1fr}.video-grid-2{grid-template-columns:repeat(2,1fr)}.video-grid-4{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.video-grid-9{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}.video-grid-many{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.control-bar{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:#fff;border-top:1px solid #e0e0e0}.control-bar-spacer{flex:1}.join-page-container{width:100%;max-width:480px;padding:2rem;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d}.join-page-header{text-align:center;margin-bottom:2rem}.join-page-header h1{margin:0 0 .5rem;font-size:2rem;color:#333}.join-page-header p{margin:0;color:#666}.join-page-form{display:flex;flex-direction:column;gap:1.5rem}.join-page-error{padding:1rem;background:#ffe6e6;color:#f44;border-radius:8px;font-size:.875rem}.join-page-loading{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:2rem}.join-page-mode-toggle{display:flex;gap:.5rem;margin-bottom:2rem;border:1px solid #e0e0e0;border-radius:8px;padding:.25rem;background:#f5f5f5}.mode-button{flex:1;padding:.75rem 1.5rem;border:none;border-radius:6px;background:transparent;color:#666;font-weight:500;cursor:pointer;transition:all .2s}.mode-button:hover{background:#e0e0e0}.mode-button.active{background:#fff;color:#667eea;box-shadow:0 1px 3px #0000001a}.generated-room-id{margin-bottom:1.5rem}.generated-room-id label{display:block;margin-bottom:.5rem;font-weight:500;color:#333}.room-id-display{display:flex;align-items:center;gap:.5rem;padding:1rem;background:#f8f9fa;border:2px dashed #667eea;border-radius:8px}.room-id-display code{flex:1;font-family:Monaco,Courier New,monospace;font-size:1rem;color:#667eea;font-weight:600}.copy-button{padding:.5rem 1rem;border:none;border-radius:4px;background:#667eea;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s}.copy-button:hover{background:#5568d3}.copy-button:active{transform:scale(.98)}.room-page{display:flex;flex-direction:column;height:100vh;background:#000;overflow:hidden}.room-page-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:#fff;border-bottom:1px solid #e0e0e0}.room-page-header h2{margin:0;font-size:1.25rem}.participant-count{color:#666;font-size:.875rem}.room-page-content{flex:1;overflow:hidden}.room-page-footer{background:#fff}.room-page-loading,.room-page-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:1rem}.room-page-error h2{margin:0;color:#f44}.room-page-error p{margin:0;color:#666}.room-page-error button{padding:.75rem 1.5rem;background:#06f;color:#fff;border:none;border-radius:8px;font-size:1rem;cursor:pointer}.logged-in-info{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:16px;margin:16px 0}.logged-in-info p{margin:8px 0;font-size:14px;color:#333}.logged-in-info strong{color:#667eea}.selected-invitees{margin:16px 0}.selected-invitees label{display:block;font-size:14px;font-weight:500;color:#333;margin-bottom:8px}.invitees-list{display:flex;flex-wrap:wrap;gap:8px}.invitee-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#667eea1a;border:1px solid rgba(102,126,234,.3);border-radius:20px;font-size:13px;color:#667eea}.remove-invitee{background:none;border:none;color:#667eea;font-size:18px;line-height:1;cursor:pointer;padding:0;margin-left:4px;transition:color .2s}.remove-invitee:hover{color:#f5576c}.audio-wave{display:flex;align-items:center;justify-content:center;gap:0;contain:layout style paint}.audio-wave-bar{transform:translateZ(0);will-change:height}