/* Measured reference views: launch 2026-10-22; prejoin 2026-10-21. */
@font-face{font-family:"Noto Sans SC";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/NotoSansSC-Regular.woff2") format("woff2")}
@font-face{font-family:"Noto Sans SC";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/NotoSansSC-Medium.woff2") format("woff2")}
@font-face{font-family:"Noto Sans SC";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/NotoSansSC-Bold.woff2") format("woff2")}
.launch-shell{font-synthesis:weight;min-block-size:100svh;background:#fff;color-scheme:light}
.launch-header{block-size:64px;min-block-size:64px}
.header-actions{gap:24px;color:#0e71eb}
.header-actions>.support-link{font-size:12px}
.launch-header .language-picker select{inline-size:76px;max-inline-size:130px;padding-inline:0 4px;color:#0e71eb}
.launch-header .header-actions{align-self:stretch}
.language-picker{position:relative;align-self:stretch;align-items:center}
.launch-header .language-picker{block-size:64px}
.language-trigger{display:inline-flex;align-items:center;justify-content:flex-end;gap:4px;max-inline-size:180px;min-block-size:32px;padding:0;color:#0e71eb;background:transparent;font-size:12px;font-weight:400;line-height:20px}
.language-caret{inline-size:0;block-size:0;border-inline:4px solid transparent;border-block-start:4px solid currentColor}
.language-menu{position:absolute;z-index:80;inset-block-start:calc(100% + 6px);inset-inline-end:0;inline-size:max-content;min-inline-size:154px;max-inline-size:calc(100vw - 32px);max-block-size:calc(100dvh - 84px);overflow-y:auto;margin:0;padding:8px 0;list-style:none;border:1px solid #eee;border-radius:4px;background:#fff;box-shadow:0 6px 12px rgb(0 0 0 / 17.6%);color:#232323;font-family:"Open Sans",Helvetica,Arial,sans-serif}
.language-menu>li{margin:0;padding:0}
.language-option{display:block;inline-size:100%;min-block-size:35px;padding:10px 20px;color:#232323;background:transparent;font-size:14px;font-weight:400;line-height:15px;text-align:start;white-space:nowrap}
.language-option:hover,.language-option:focus,.language-option.is-selected{outline:none;background:#f5f5f5}
.launch-main{flex:none;min-block-size:max(504px,calc(100svh - 214px));padding:max(84px,calc(50svh - 275px)) 40px 104px;align-items:flex-start}
.launch-actions{inline-size:760px;max-inline-size:100%}
.launch-title{margin:0 0 52px;padding:12px 0;font-size:24px;line-height:40px;font-weight:700;color:#232333}
.launch-actions>.main-button,.launch-actions>.secondary-button{display:flex;inline-size:400px;max-inline-size:100%;min-block-size:48px;margin-inline:auto;padding:9px 15px;line-height:20px}
.launch-actions>.main-button{font-weight:500;background:#0d6bde}
.launch-actions>.main-button+.secondary-button{margin-block-start:20px;border-color:#939ba4;color:#222325;font-weight:400}
.launch-actions .download-line{margin:16px 0 0;font-size:14px;line-height:24px;color:#232333}
.launch-actions .download-line a{font-weight:400}
.launch-actions>.agreement{margin:20px 0 0;font-size:14px;line-height:24px;color:#232333}
.app-tip{inset-inline-start:calc(50% + 210px);inset-block-start:96px;inline-size:360px;min-block-size:88px;padding:10px 34px 12px 12px;border-color:#e0e0e0;border-radius:8px;line-height:20px;box-shadow:0 5px 18px #0002}
.app-tip::before{content:'';position:absolute;inset-inline-start:-6px;inset-block-start:36px;inline-size:10px;block-size:10px;border-inline-start:1px solid #e0e0e0;border-block-end:1px solid #e0e0e0;background:#fff;transform:rotate(45deg)}
[dir=rtl] .app-tip::before{transform:rotate(-45deg)}
.app-tip strong{font-size:16px;line-height:22px;font-weight:700}
.app-tip p{margin:2px 0 0;line-height:20px}
.app-tip>.icon-button{inset-block-start:9px;inset-inline-end:10px;inline-size:20px;block-size:20px;padding:4px}
.launch-footer{position:relative;min-block-size:89px;padding:24px 24px;line-height:21px;color:rgba(4,4,19,.56);font-size:14px}
.launch-footer .footer-links{display:block;margin:0;line-height:20px}
.launch-footer .footer-links>*{color:inherit}
.launch-footer .footer-links>span{display:none}
.launch-footer .footer-links>a,.launch-footer .footer-links>button{padding-inline:6px;border-inline-end:1px solid #999;line-height:16px;font-size:14px}
.launch-footer .footer-links>:last-child{border:0}
.launch-footer .demo-note{position:absolute;inset-block-start:calc(100% + 10px);inset-inline:24px;font-size:10px;color:#999;line-height:15px}
.cookie-banner{inset-block-start:72px;inline-size:650px;max-block-size:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain;padding:20px 30px 30px;border:0;border-radius:0;color:#696969;box-shadow:0 0 18px #0003;font-size:14px}
.cookie-banner p{padding-inline-end:20px;line-height:21px}
.cookie-banner p a{margin-inline-start:6px;color:#3860be;font-weight:600;text-decoration:underline}
.cookie-banner-actions{margin-block-start:25px;gap:11px;align-items:center}
.cookie-banner-actions .main-button,.cookie-banner-actions .secondary-button{min-block-size:42px;min-inline-size:135px;block-size:auto;padding:12px 10px;font-size:11.382px;line-height:15.935px;border-radius:2px;letter-spacing:1.5px;font-weight:600;text-transform:uppercase}
.cookie-banner-actions .secondary-button{border-color:#0e71eb;color:#0e71eb}
.cookie-banner-actions .secondary-button{text-transform:none}
.cookie-close{inset-block-start:6px;inset-inline-end:6px;inline-size:44px;block-size:44px;color:#555;padding:15px}
.cookie-close .icon{stroke-width:3;inline-size:14px;block-size:14px}
.help-launcher{inset-block-end:20px;inset-inline-end:20px;background:#4a87ff;padding:12px}
.help-launcher svg{inline-size:32px;block-size:32px}
.help-launcher img{inline-size:28px;block-size:28px}
.prejoin-shell{position:relative;background:#1d1e20;font-family:system-ui,"SF Pro","Segoe UI","Almaden Sans",Roboto,Ubuntu,Helvetica,Arial,sans-serif}
html:has(body[data-view=prejoin]){scrollbar-width:none}
html:has(body[data-view=prejoin])::-webkit-scrollbar{display:none}
.prejoin-header{block-size:24px;min-block-size:24px}
.prejoin-header .text-button{gap:0}
.prejoin-header .text-button svg{inline-size:12px;block-size:16px}
.prejoin-main{grid-template-columns:minmax(0,700px) minmax(0,392px);gap:40px;padding-block:20px 71px}
.video-preview{background:#313236}
.avatar{inline-size:175px;block-size:150px;border-radius:26px;background:transparent}
.join-form h1{margin-block-end:4px;line-height:32px}
.join-form input[type=text]{border-color:#5d6265;background:#1d1e20}
.join-form input[type=text]:focus-visible{outline:none;border-color:#82b8ff}
.join-form>.remember-row{gap:4px;margin-block:14px 9px}
.remember-row input{color-scheme:light;margin-block-start:1px}
.join-form .join-submit{inline-size:calc(100% + 8px);margin-inline:-4px;border-radius:10px;font-weight:400}
.join-form .join-submit:disabled{color:#aaa;background:#28292b}
.join-form .agreement{margin-block-start:16px;font-size:14px;line-height:21px;color:#999da2}
.join-form .recaptcha{max-inline-size:360px;margin-block-start:16px;font-size:14px;line-height:16px;color:#999da2}
.join-form a{color:#0e8bff}
.prejoin-footer{color:#9197a1;line-height:19px}
.prejoin-footer>a,.prejoin-footer>.text-button{display:inline-block;max-inline-size:100%;white-space:normal;overflow-wrap:anywhere}
.report-group{display:inline-flex;align-items:baseline;gap:4px;max-inline-size:100%}
.report-group>.text-button{min-inline-size:0;text-align:start}
.prejoin-tools{position:absolute;inset-inline-end:40px;inset-block-end:12px;gap:12px;color:#9197a1}
.prejoin-tools select{max-inline-size:105px;font-size:11px}
.prejoin-demo{position:fixed;inset-inline-start:44px;inset-block-end:18px;color:#7c8189;font-size:10px;line-height:18px}
.device-controls{inset-block-end:11px;padding-inline:8px;border-radius:8px}
.device-control{min-block-size:53px;gap:0;padding:4px 4px;font-size:12px;line-height:14px}
.device-control>.icon{align-self:center}
.device-control .permission-warning{position:absolute;inline-size:12px;block-size:12px;inset-block-start:19px;inset-inline-start:44px;stroke-width:1.5}
.device-control .device-chevron{position:absolute;inline-size:14px;block-size:14px;inset-inline-end:1px;inset-block-start:8px}
.device-control.is-off::after{inline-size:25px;inset-block-start:17px;inset-inline-start:25px;background:#ff0067;transform:rotate(-49deg)}
.background-toggle{min-inline-size:118px;max-inline-size:unset;gap:4px;inset-block-end:9px;padding:5px 10px;font-size:12px}
.background-toggle .icon{inline-size:18px;block-size:18px}
.media-dialog{padding:44px;min-block-size:min(396px,calc(100dvh - 32px));max-block-size:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain;border-color:#3a3c40;background:#1d1e20;color:#fff;font-family:system-ui,"Segoe UI",Arial,sans-serif}
.media-dialog::backdrop{background:#0008}
.media-art{inline-size:202px;block-size:156px;max-inline-size:100%;margin-block:0 18px;object-fit:contain}
.media-dialog h2{line-height:24px;margin-block-end:8px}
.media-dialog p{color:#c4c6c9;line-height:20px;margin-block-end:12px}
.media-dialog .media-primary{inline-size:auto;min-block-size:32px;padding:5px 12px;line-height:20px}
.media-dialog .media-primary .icon{inline-size:20px;block-size:20px}
.media-dialog .media-continue{display:block;inline-size:100%;margin-block-start:15px;font-size:14px;line-height:21px;color:#0e8bff}
.meeting-loading{position:fixed;inset:0;min-block-size:100svh;background:#222;color:#fff;color-scheme:dark;text-align:center;font-family:"Open Sans",Helvetica,Arial,sans-serif}
.loading-main{position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%);max-inline-size:calc(100% - 32px);inline-size:max-content}
[dir=rtl] .loading-main{transform:translate(50%,-50%)}
.loading-img{display:inline-block;inline-size:64px;block-size:64px;animation:meeting-spin 1.5s linear infinite}
.join-meeting{margin:12px auto 14px;font-size:24px;line-height:36px;color:#fff}
@keyframes meeting-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.loading-img{animation:none}}
@media(min-width:768px) and (max-width:1199px){.app-tip{position:absolute;inline-size:300px;margin:0;inset-inline-start:calc(50% - 150px);inset-block-start:332px}.app-tip::before{display:none}.app-tip>.icon-button{position:absolute}.launch-main{padding-block-end:200px}.prejoin-tools{inset-inline-end:28px}.prejoin-main{grid-template-columns:minmax(0,700px) minmax(280px,392px);gap:24px}.background-toggle{min-inline-size:40px}.background-toggle>span{display:none}.prejoin-demo{inset-inline-start:28px}}
@media(max-width:767px){
 .launch-shell{min-block-size:100svh;overflow:hidden}
 .launch-header{block-size:60px;min-block-size:60px;padding:0 24px;gap:12px}
 .launch-header .language-picker{block-size:60px}
 .header-actions{gap:24px}.header-actions>.support-link{display:block;font-size:12px}.launch-header .language-picker select{inline-size:76px;font-size:12px}
 .launch-main{min-block-size:max(492px,calc(100svh - 214px));flex:none;align-items:flex-start;padding:max(84px,calc(50svh - 269px)) 40px 73px}
 .launch-title{padding:0;line-height:28px;margin-block-end:52px}
 .launch-actions{inline-size:100%;max-inline-size:none}
 .launch-actions>.main-button,.launch-actions>.secondary-button{inline-size:100%;padding-inline:8px}
 .launch-actions .download-line{font-size:14px;line-height:24px}.launch-actions>.agreement{font-size:14px;line-height:24px}
 .app-tip{display:none}
 .app-tip.app-tip-requested{display:block;position:fixed;z-index:40;inset-inline:16px;inset-block-start:auto;inset-block-end:calc(88px + env(safe-area-inset-bottom,0px));inline-size:auto;max-block-size:calc(100dvh - 112px);overflow-y:auto;margin:0;padding-inline-end:44px}
 .app-tip.app-tip-requested>.icon-button{position:absolute;float:none;inline-size:32px;block-size:32px;inset-block-start:3px;inset-inline-end:3px}
 .app-tip.app-tip-requested::before{display:none}
 .launch-footer{margin-block-start:32px;min-block-size:86px;padding:24px 24px 8px;font-size:12px}
 .launch-footer .footer-links{margin:0}
 .launch-footer .footer-links>a,.launch-footer .footer-links>button{font-size:12px}
 .launch-footer .demo-note{position:static;margin:12px 0 0;font-size:9px;line-height:14px}
 .cookie-banner{inset-block-start:50%;max-inline-size:calc(100% - 16px);padding:20px 20px 24px;transform:translateY(-50%)}
 .cookie-banner-actions{flex-direction:column-reverse;gap:10px;margin-block-start:24px}
 .cookie-banner-actions>.main-button,.cookie-banner-actions>.secondary-button{inline-size:100%;min-inline-size:0;min-block-size:42px}
 .help-launcher{inline-size:56px;block-size:56px;inset-inline-end:20px;inset-block-end:20px}
 .prejoin-header{block-size:87px;min-block-size:87px;padding:24px 44px 32px}
 .prejoin-header .back-button{position:relative;inset-inline-start:-2px;inset-block-start:4px}
 .prejoin-main{padding:0;max-inline-size:none}
 .avatar{inline-size:175px;block-size:150px}
 .device-controls{inset-block-end:8px;inset-inline-start:calc(50% - 24px);gap:8px;padding:0}
 .device-control{min-block-size:40px;block-size:40px;inline-size:40px;padding:8px}
 .device-control.is-off::after{inset-block-start:19px;inset-inline-start:6px}
 .device-control .permission-warning{inset-block-start:20px;inset-inline-start:24px;inline-size:12px;block-size:12px}
 .device-control .device-chevron{display:none}
 .background-toggle{inset-inline-start:calc(50% + 28px);inset-inline-end:auto;inset-block-end:8px;inline-size:40px;min-inline-size:40px;min-block-size:40px;padding:8px}
 .background-toggle .icon{inline-size:24px;block-size:24px}
 .join-form{margin-block-start:28px;padding-inline:0}
 .join-form h1{margin-block-end:5px}
 .join-form>label:not(.remember-row){margin-block-end:5px}
 .join-form>.remember-row{margin-block:14px 10px}
 .remember-row{font-size:13px}
 .remember-row input{border-radius:2px;clip-path:inset(0 round 2px)}
 .join-form .join-submit{inline-size:100%;margin-inline:0}
 .join-form .agreement{margin-block-start:16px}
 .join-form .recaptcha{margin-block-start:16px}
 .prejoin-footer{margin-block-start:118px;padding-inline:4px;font-size:11.5px;line-height:19px}
 .prejoin-tools{position:static;justify-content:center;margin-block-start:10px;gap:8px}
 .prejoin-demo{position:static;font-size:9px}
 .prejoin-tools select{padding-block:0;font-size:10px;max-inline-size:100px}
 .media-dialog{padding:44px 24px 36px}
 .media-dialog .media-art{inline-size:202px;block-size:156px}
}
@media(max-width:359px){.launch-header{padding-inline:16px}.header-actions{gap:12px}.launch-main{padding-inline:24px}.prejoin-header{padding-inline:44px}.avatar{inline-size:175px;block-size:150px}.prejoin-footer{margin-block-start:100px}.prejoin-tools{inset-inline:auto}}