.tabs[data-v-7b05886f]{display:flex;width:100%;max-width:500px;background:#e9edf2;border-radius:var(--mj-r-pill, 999px);padding:3px;margin-bottom:22px}.tab[data-v-7b05886f]{flex:1;text-align:center;padding:9px 0;min-height:var(--pc-hit, 32px);display:flex;align-items:center;justify-content:center;border-radius:var(--mj-r-pill, 999px);font-size:var(--pc-f-base, 14px);color:var(--mj-text-2, #646A73);cursor:pointer;font-weight:500;transition:color .2s,background-color .2s}.tab.active[data-v-7b05886f]{background:#fff;color:var(--mj-primary, #4A90E2);font-weight:600;box-shadow:0 1px 4px #1f23291a}.tabs-seg[data-v-7b05886f]{display:flex;width:100%;max-width:500px;background:#e9edf2;border-radius:var(--mj-r-pill, 999px);padding:3px;margin-bottom:20px}.tab-seg-item[data-v-7b05886f]{flex:1;text-align:center;padding:9px 0;min-height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--mj-r-pill, 999px);font-size:var(--mj-f-base, 13px);color:var(--mj-text-2, #646A73);font-weight:500;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .2s,background-color .2s}.tab-seg-item.active[data-v-7b05886f]{background:#fff;color:var(--mj-primary, #4A90E2);font-weight:600;box-shadow:0 1px 4px #1f23291a}.modal-overlay[data-v-1e58b258]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-1e58b258]{background-color:#fff;border-radius:16px;width:90%;max-width:480px;padding:32px;position:relative}.modal-header[data-v-1e58b258]{position:relative;text-align:center;margin-bottom:40px;padding-bottom:20px;border-bottom:1px solid #f0f0f0}.modal-header h2[data-v-1e58b258]{font-size:24px;color:#333;margin:0;font-weight:500}.close-btn[data-v-1e58b258]{position:absolute;right:0;top:50%;transform:translateY(-50%);background:none;border:none;color:#999;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.close-btn[data-v-1e58b258]:hover{color:#666}.modal-body[data-v-1e58b258]{padding:20px 0}.role-options[data-v-1e58b258]{display:flex;justify-content:space-around;gap:40px}.role-item[data-v-1e58b258]{display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all .3s}.role-item[data-v-1e58b258]:hover{transform:scale(1.05)}.role-item[data-v-1e58b258]:active{transform:scale(.95)}.role-icon[data-v-1e58b258]{width:100px;height:100px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:16px;transition:all .3s}.host-icon[data-v-1e58b258]{border:3px solid #ff9800;background-color:#ff98001a}.guest-icon[data-v-1e58b258]{border:3px solid #2979ff;background-color:#2979ff1a}.role-label[data-v-1e58b258]{font-size:18px;color:#333;font-weight:500}.modal-overlay[data-v-028ea2a9]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-028ea2a9]{background-color:#fff;border-radius:16px;width:90%;max-width:500px;padding:40px;position:relative}@media (orientation: landscape){.modal-content[data-v-028ea2a9]{max-width:400px;padding:24px}}.modal-header[data-v-028ea2a9]{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:40px;padding-bottom:20px;border-bottom:1px solid #f0f0f0}@media (orientation: landscape){.modal-header[data-v-028ea2a9]{margin-bottom:24px;padding-bottom:12px}}.modal-header h2[data-v-028ea2a9]{font-size:14px;color:#333;margin:0;font-weight:500;flex:1;text-align:center}.close-btn[data-v-028ea2a9]{position:absolute;right:0;top:30%;transform:translateY(-50%);background:none;border:none;color:#999;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.close-btn[data-v-028ea2a9]:hover{color:#666}.modal-body[data-v-028ea2a9]{display:flex;flex-direction:column}.password-form[data-v-028ea2a9]{display:flex;flex-direction:column;gap:24px}.password-input[data-v-028ea2a9]{width:100%;padding:20px;border:1px solid #e8e8e8;border-radius:8px;font-size:14px;text-align:center;background-color:#fafafa;outline:none}@media (orientation: landscape){.password-input[data-v-028ea2a9]{padding:14px;font-size:13px}}.password-input[data-v-028ea2a9]:focus{border-color:#4a90e2;background-color:#fff}.password-input.error[data-v-028ea2a9]{border-color:#ff4d4f;background-color:#fff2f0}.error-message[data-v-028ea2a9]{color:#ff4d4f;font-size:12px;margin:-12px 0 0;text-align:center}.join-btn[data-v-028ea2a9]{width:100%;padding:18px;background-color:#4a90e2;color:#fff;border:none;border-radius:28px;font-size:14px;cursor:pointer;transition:all .3s;font-weight:500}@media (orientation: landscape){.join-btn[data-v-028ea2a9]{padding:14px;font-size:13px}}.join-btn[data-v-028ea2a9]:hover{background-color:#357abd}.video-tile[data-v-bc3c05cf]{position:relative;background:var(--mj-call-bg, #000);border-radius:clamp(4px,.5vw,10px);overflow:hidden;cursor:pointer;aspect-ratio:16 / 9}.video-tile.mode-main[data-v-bc3c05cf]{width:100%;height:100%}.video-tile.mode-main .video-tile-video[data-v-bc3c05cf]{width:100%;height:100%;object-fit:contain;display:block;background:var(--mj-call-bg, #000)}.video-tile-video[data-v-bc3c05cf]{position:absolute;top:0;right:0;bottom:0;left:0}.video-tile-snapshot[data-v-bc3c05cf]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .2s ease;pointer-events:none}.video-tile-snapshot.is-visible[data-v-bc3c05cf]{opacity:1}.video-tile.mode-main .video-tile-snapshot[data-v-bc3c05cf]{background:var(--mj-call-bg, #000)}.video-tile.mode-thumbnail .video-tile-snapshot[data-v-bc3c05cf]{background:#000}.video-tile-overlay[data-v-bc3c05cf]{transition:opacity .2s ease}.video-tile-overlay.is-dimmed[data-v-bc3c05cf]{opacity:0}.video-tile.mode-main .video-tile-placeholder[data-v-bc3c05cf]{width:100%;height:100%;background:linear-gradient(160deg,#2a3140,#171b22);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}.video-tile.mode-main .video-tile-avatar[data-v-bc3c05cf]{width:clamp(48px,5vw,96px);height:clamp(48px,5vw,96px);border-radius:50%;background-color:#fff3;display:flex;align-items:center;justify-content:center;font-size:clamp(20px,2vw,36px);font-weight:600;margin-bottom:clamp(6px,.7vw,14px)}.video-tile.mode-main .video-tile-name[data-v-bc3c05cf]{font-size:clamp(16px,1.4vw,28px);font-weight:600}.video-tile.mode-main .video-tile-overlay[data-v-bc3c05cf]{position:absolute;bottom:0;left:0;right:0;padding:clamp(4px,.5vw,10px) clamp(6px,.7vw,14px);display:flex;align-items:center;gap:clamp(4px,.5vw,10px);color:#fff;font-size:clamp(11px,.8vw,16px);background:linear-gradient(transparent,#0006)}.video-tile.mode-main .overlay-name[data-v-bc3c05cf]{text-align:center;flex:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-tile.mode-main .overlay-badge[data-v-bc3c05cf]{background-color:var(--mj-primary, #4A90E2);padding:clamp(1px,.15vw,3px) clamp(4px,.5vw,10px);border-radius:4px;font-size:clamp(9px,.65vw,13px);flex-shrink:0;margin-right:clamp(4px,.5vw,10px)}.video-tile.mode-main .overlay-icon[data-v-bc3c05cf]{padding:clamp(2px,.25vw,5px);background-color:#ff4d4fcc;border-radius:4px;flex-shrink:0}.video-tile.mode-thumbnail[data-v-bc3c05cf]{border-radius:var(--mj-r-sm, 8px);background:transparent;overflow:visible;transition:border-color .2s ease}.video-tile.mode-thumbnail[data-v-bc3c05cf]:hover{border-color:#ffffff80}.video-tile.mode-thumbnail .video-tile-video[data-v-bc3c05cf]{width:100%;height:100%;object-fit:contain;display:block;background:#000}.video-tile.mode-thumbnail .video-tile-placeholder[data-v-bc3c05cf]{width:100%;height:100%;background:linear-gradient(160deg,#2a3140,#171b22);border-radius:var(--mj-r-sm, 8px);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}.video-tile.mode-thumbnail .video-tile-avatar[data-v-bc3c05cf]{width:clamp(24px,2vw,40px);height:clamp(24px,2vw,40px);border-radius:50%;background-color:#fff3;display:flex;align-items:center;justify-content:center;font-size:clamp(12px,1vw,18px);font-weight:600;margin-bottom:clamp(2px,.25vw,5px)}.video-tile.mode-thumbnail .video-tile-name[data-v-bc3c05cf]{font-size:clamp(10px,.8vw,16px);font-weight:600}.video-tile.mode-thumbnail .video-tile-overlay[data-v-bc3c05cf]{position:absolute;bottom:0;left:0;right:0;padding:clamp(2px,.25vw,5px) clamp(4px,.5vw,10px);display:flex;align-items:center;gap:clamp(3px,.35vw,7px);color:#fff;font-size:clamp(9px,.65vw,13px);background:linear-gradient(transparent,#0006)}.video-tile.mode-thumbnail .overlay-name[data-v-bc3c05cf]{text-align:center;flex:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(9px,.65vw,13px)}.video-tile.mode-thumbnail .overlay-badge[data-v-bc3c05cf]{background-color:var(--mj-primary, #4A90E2);padding:clamp(1px,.1vw,2px) clamp(3px,.35vw,7px);border-radius:4px;font-size:clamp(8px,.6vw,12px);flex-shrink:0}.video-tile.mode-thumbnail .overlay-icon[data-v-bc3c05cf]{padding:clamp(1px,.15vw,3px);background-color:#ff4d4fcc;border-radius:4px;flex-shrink:0}.video-tile.is-speaking[data-v-bc3c05cf]{box-shadow:0 0 0 2px var(--mj-primary, #4A90E2)}@media (max-width: 768px){.video-tile[data-v-bc3c05cf]{background:#000;border-radius:4px;cursor:default}.video-tile.mode-main[data-v-bc3c05cf]{border-radius:0}.video-tile.mode-main .video-tile-video[data-v-bc3c05cf]{object-fit:contain;background:#000}.video-tile.mode-main .video-tile-placeholder[data-v-bc3c05cf]{background:#1a1a1a}.video-tile.mode-main .video-tile-avatar[data-v-bc3c05cf]{width:56px;height:56px;background-color:#4a90e2;font-size:24px;margin-bottom:8px}.video-tile.mode-main .video-tile-name[data-v-bc3c05cf]{font-size:14px;color:#fff}.video-tile.mode-main .video-tile-overlay[data-v-bc3c05cf]{padding:6px 8px;gap:6px;font-size:12px;background:linear-gradient(transparent,#0009)}.video-tile.mode-main .overlay-badge[data-v-bc3c05cf]{background-color:#4a90e2;padding:1px 4px;font-size:10px;border-radius:4px;margin-right:4px}.video-tile.mode-main .overlay-icon[data-v-bc3c05cf]{padding:2px;background-color:#ff4d4fcc}.video-tile.mode-thumbnail[data-v-bc3c05cf]{border-radius:4px;background:transparent}.video-tile.mode-thumbnail[data-v-bc3c05cf]:active{opacity:.7}.video-tile.mode-thumbnail .video-tile-placeholder[data-v-bc3c05cf]{background:#2a2a2a;border-radius:4px}.video-tile.mode-thumbnail .video-tile-avatar[data-v-bc3c05cf]{width:24px;height:24px;background-color:#4a90e2;font-size:12px;margin-bottom:0}.video-tile.mode-thumbnail .video-tile-name[data-v-bc3c05cf]{font-size:10px;color:#fff}.video-tile.mode-thumbnail .video-tile-overlay[data-v-bc3c05cf]{padding:2px 4px;gap:3px;font-size:10px}.video-tile.mode-thumbnail .overlay-name[data-v-bc3c05cf]{font-size:10px}.video-tile.mode-thumbnail .overlay-badge[data-v-bc3c05cf]{background-color:#4a90e2;padding:1px 3px;font-size:8px}.video-tile.is-speaking[data-v-bc3c05cf]{box-shadow:0 0 0 2px #4a90e299}}.top-info-bar[data-v-f549e5d5]{position:fixed;top:env(safe-area-inset-top);left:0;right:0;height:var(--top-bar-height, clamp(44px, 3vw, 56px));background:var(--mj-glass-bar, rgba(20, 22, 26, .2));display:flex;justify-content:center;align-items:center;z-index:100;transform:translateY(-100%);will-change:transform;transition:transform .3s ease}.top-info-bar.visible[data-v-f549e5d5]{transform:translateY(0)}.info-content[data-v-f549e5d5]{display:flex;align-items:center;gap:var(--info-gap, clamp(8px, 1vw, 20px));color:#fff;font-size:var(--info-font-size, clamp(12px, .8vw, 14px));padding:0 var(--info-padding, clamp(8px, 2vw, 24px));max-width:100%;overflow-x:auto;scrollbar-width:none}.info-content[data-v-f549e5d5]::-webkit-scrollbar{display:none}.info-item[data-v-f549e5d5]{display:flex;align-items:center;gap:var(--item-gap, 4px);white-space:nowrap}.top-info-bar svg[data-v-f549e5d5]{width:clamp(14px,1vw,16px);height:clamp(14px,1vw,16px)}.info-item .icon[data-v-f549e5d5]{flex-shrink:0}.network-status[data-v-f549e5d5]{display:flex;align-items:center;gap:var(--item-gap, 4px);cursor:pointer;padding:var(--network-padding, clamp(4px, .5vw, 8px)) var(--network-hpadding, clamp(8px, 1vw, 16px));border-radius:var(--network-radius, 6px);transition:all .3s;white-space:nowrap}.network-status[data-v-f549e5d5]:hover{background-color:#ffffff1a}.info-item.status-indicator[data-v-f549e5d5]{padding:var(--status-padding, clamp(4px, .5vw, 8px)) var(--status-hpadding, clamp(8px, 1vw, 16px));border-radius:var(--status-radius, 4px);white-space:nowrap;justify-content:center;gap:var(--item-gap, 4px)}.info-item.status-indicator.recording[data-v-f549e5d5]{background-color:var(--mj-danger-soft, rgba(255, 77, 79, .16))}.info-item.status-indicator.recording .value[data-v-f549e5d5]{color:var(--mj-danger, #FF4D4F)}.info-item.status-indicator.recording .dot[data-v-f549e5d5]{width:var(--dot-size, clamp(6px, .6vw, 8px));height:var(--dot-size, clamp(6px, .6vw, 8px));border-radius:50%;background-color:var(--mj-danger, #FF4D4F);animation:blink-f549e5d5 1s infinite}@keyframes blink-f549e5d5{0%,to{opacity:1}50%{opacity:.3}}.info-item.status-indicator.live[data-v-f549e5d5]{background-color:var(--mj-danger-soft, rgba(255, 77, 79, .16))}.info-item.status-indicator.live .value[data-v-f549e5d5]{color:var(--mj-danger, #FF4D4F)}.info-item.status-indicator.live .dot[data-v-f549e5d5]{width:var(--dot-size, clamp(6px, .6vw, 8px));height:var(--dot-size, clamp(6px, .6vw, 8px));border-radius:50%;background-color:var(--mj-danger, #FF4D4F);animation:blink-f549e5d5 1s infinite}.info-item.status-indicator.locked[data-v-f549e5d5]{background-color:#ffffff1a}.switch-camera-btn[data-v-f549e5d5]{display:flex;align-items:center;justify-content:center;width:var(--switch-camera-size, clamp(28px, 2vw, 36px));height:var(--switch-camera-size, clamp(28px, 2vw, 36px));padding:0;border:none;border-radius:50%;background:#ffffff1a;color:#fff;cursor:pointer;touch-action:manipulation;transition:all .3s}.switch-camera-btn[data-v-f549e5d5]:hover{background-color:#fff3}.switch-camera-btn[data-v-f549e5d5]:active{background-color:#ffffff4d}.network-icon.good[data-v-f549e5d5]{filter:drop-shadow(0 0 8px rgba(82,196,26,.8));color:var(--mj-success, #52C41A)}.network-icon.fair[data-v-f549e5d5]{filter:drop-shadow(0 0 8px rgba(250,140,22,.8));color:var(--mj-warning, #FA8C16)}.network-icon.poor[data-v-f549e5d5]{filter:drop-shadow(0 0 8px rgba(255,77,79,.8));color:var(--mj-danger, #FF4D4F);animation:pulse-f549e5d5 2s infinite}@keyframes pulse-f549e5d5{0%,to{opacity:1}50%{opacity:.6}}.divider[data-v-f549e5d5]{opacity:.5;font-weight:300;-webkit-user-select:none;user-select:none}@media (max-width: 768px){.info-content[data-v-f549e5d5]{font-size:var(--mobile-font-size, clamp(11px, 3vw, 14px));gap:var(--mobile-gap, clamp(4px, 2vw, 8px))}.info-item.meeting-number .label[data-v-f549e5d5]{display:none}.network-status[data-v-f549e5d5]{padding:var(--mobile-network-padding, 4px 8px)}.info-item.status-indicator[data-v-f549e5d5]{padding:var(--mobile-status-padding, 4px 8px);min-width:auto}}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}:root{--mj-primary: #4A90E2;--mj-primary-active: #357ABD;--mj-primary-soft: rgba(74, 144, 226, .14);--mj-danger: #FF4D4F;--mj-danger-active: #E64545;--mj-danger-soft: rgba(255, 77, 79, .16);--mj-warning: #FA8C16;--mj-warning-soft: rgba(250, 140, 22, .16);--mj-success: #52C41A;--mj-success-soft: rgba(82, 196, 26, .16);--mj-bg: #F5F7FA;--mj-card: #FFFFFF;--mj-line: #EEF0F3;--mj-text-1: #1F2329;--mj-text-2: #646A73;--mj-text-3: #8F959E;--mj-shadow-card: 0 2px 12px rgba(31, 35, 41, .06);--mj-call-bg: #000000;--mj-panel: rgba(30, 33, 38, .92);--mj-panel-2: #2A2E34;--mj-panel-3: #35393F;--mj-panel-line: rgba(255, 255, 255, .08);--mj-panel-text: #FFFFFF;--mj-panel-text-2: rgba(255, 255, 255, .55);--mj-glass-bar: rgba(20, 22, 26, .2);--mj-r-sm: 8px;--mj-r-md: 12px;--mj-r-lg: 16px;--mj-r-pill: 999px;--mj-f-xs: 10px;--mj-f-sm: 11px;--mj-f-md: 12px;--mj-f-base: 13px;--mj-f-lg: 15px;--mj-f-title: 16px;--mj-touch: 44px;--mj-touch-sm: 36px;--pc-f-xs: 12px;--pc-f-sm: 13px;--pc-f-base: 14px;--pc-f-md: 15px;--pc-f-lg: 16px;--pc-f-title: 20px;--pc-hit: 32px;--pc-row: 40px}body.in-call-dark{background-color:var(--mj-call-bg, #000000);height:100vh;height:100svh;overflow:hidden;overscroll-behavior:none}
