.conference-screen.conference-redesign{--call-ink:#15192d;--call-stage:#192127;inset:var(--app-top,0px) 0 auto;width:100%;max-width:none;height:var(--app-height,100dvh);padding:env(safe-area-inset-top,0px) 20px max(14px, env(safe-area-inset-bottom,0px));background:var(--background,#f5f8fb);color:var(--foreground,var(--call-ink));margin:0}.conference-redesign .conference-head{background:0 0;border:0;gap:26px;min-height:78px;padding:8px 12px}.conference-redesign .conference-logo{flex-direction:row;flex:0 0 210px;justify-content:flex-start;align-items:center;gap:12px;display:flex}.conference-redesign .conference-logo>div{flex-direction:column;display:flex}.conference-redesign .conference-logo strong{letter-spacing:-.045em;font-size:26px;line-height:1.1}.conference-redesign .conference-logo small{color:var(--muted-foreground);font-size:13px;line-height:1.5}.conference-redesign .conference-heading{border-left:1px solid var(--border);flex:1;padding-left:28px}.conference-redesign .conference-heading h2{letter-spacing:-.03em;font-size:22px;font-weight:650;line-height:1.3}.conference-redesign .conference-heading>span{color:var(--muted-foreground);font-size:14px}.conference-redesign .conference-head .conference-status{white-space:nowrap;flex-direction:row;flex:none;min-height:0;padding:0;font-size:13px}.conference-redesign .conference-head>.conference-icon{background:var(--card);min-width:46px;min-height:46px;color:var(--foreground);border:1px solid var(--border);box-shadow:var(--surface-shadow);border-radius:15px}.conference-redesign .conference-layout{flex:1;grid-template-columns:minmax(0,1fr);gap:14px;min-height:0;display:grid;overflow:visible}.conference-redesign .conference-layout[data-followup=open]{grid-template-columns:minmax(0,1fr) clamp(350px,29vw,460px)}.conference-redesign .conference-stage{background:var(--call-stage);border:1px solid #ffffff14;border-radius:18px;min-height:0;margin:0;position:relative;overflow:hidden;box-shadow:0 6px 20px -8px #0003;display:flex!important}.conference-redesign .conference-frame{border-radius:12px;width:auto;height:auto;inset:12px 10px 96px;overflow:hidden}.conference-redesign .conference-frame[hidden]{display:none}.conference-redesign .conference-prejoin{color:#f7f8fb;gap:16px;width:auto;max-width:none;margin:0;padding:24px;bottom:90px}.conference-redesign .conference-prejoin>*{flex-shrink:0;max-width:100%}.conference-redesign .conference-prejoin>p{max-width:520px}.conference-redesign .conference-prejoin>.conference-primary{width:100%;max-width:380px}.conference-redesign .conference-prejoin .conference-identity{color:#fff;background:#36424c;border-radius:50%}.conference-redesign .conference-choices{background:#ffffff12;border:1px solid #fff2;border-radius:99px;gap:0;width:max-content;padding:5px;display:flex}.conference-redesign .conference-choices button{box-shadow:none;background:0 0;border:0;border-radius:99px;width:56px;height:48px;min-height:48px}.conference-redesign .conference-choices button[aria-pressed=false]{color:#171c26;background:#eef1f5}.conference-redesign .conference-controls{z-index:4;border:1px solid var(--border,#dbe3ee);background:var(--card,#fff);width:max-content;max-width:calc(100% - 24px);color:var(--foreground);-webkit-backdrop-filter:blur(22px);border-radius:99px;justify-content:center;align-items:center;gap:4px;margin:0;padding:7px;display:flex;position:absolute;inset:auto auto 22px 50%;transform:translate(-50%);box-shadow:inset 0 1px #ffffffb3,0 7px 25px #0002}.conference-redesign .conference-controls>button{width:54px;min-width:44px;height:48px;min-height:44px;box-shadow:none;color:var(--foreground);background:0 0;border:0;border-radius:99px;flex:0 54px;padding:0}.conference-redesign .conference-controls>button>svg{stroke-width:1.8px;width:23px;height:23px}.conference-redesign .conference-controls>button+button:before{content:"";background:var(--border);width:1px;height:24px;position:absolute;left:-2px}.conference-redesign .conference-controls>.is-selected{background:var(--blue);color:#fff}.conference-redesign .conference-controls>.is-off{color:var(--muted-foreground);background:0 0}.conference-redesign .conference-controls>.conference-hangup{color:#fff;background:#ff3440}.conference-redesign .conference-menu-anchor{pointer-events:none;width:0;height:0;position:absolute;bottom:0;right:50%}.conference-redesign .conference-followup{border:1px solid var(--border);background:var(--card);max-width:none;height:100%;min-height:0;box-shadow:var(--surface-shadow);border-radius:20px;overflow:hidden;width:auto!important}.conference-redesign .conference-followup[hidden]{display:none}.conference-redesign .conference-followup>header{border-bottom:0;align-items:flex-start;padding:18px 18px 12px}.conference-redesign .conference-followup>header h3{letter-spacing:-.03em;margin:0 0 3px;font-size:22px;line-height:1.3}.conference-redesign .conference-followup>header small{color:var(--muted-foreground);font-size:13px}.conference-redesign .conference-followup-body{scrollbar-gutter:auto;padding:0 18px 14px}.conference-redesign .conference-return{display:none}.conference-redesign .conference-popover{z-index:8;width:min(360px,100vw - 28px);color:var(--foreground);border-radius:22px;padding:14px}.conference-redesign .conference-option-actions{flex-direction:column;gap:1px;display:flex}.conference-redesign .conference-option-actions>button{text-align:left;background:0 0;border-radius:11px;justify-content:flex-start;gap:12px;width:100%;min-height:46px;padding:9px 10px;font-size:14px;display:flex}.conference-redesign .conference-option-actions>button>span{flex:1}.conference-redesign .conference-option-actions>button:hover{background:var(--group)}.conference-redesign .conference-option-actions>button[aria-pressed=true]{background:var(--accent);color:var(--blue)}.conference-redesign .conference-connection-metric{border-top:1px solid var(--border);color:var(--muted-foreground);margin:6px 0 0;padding:10px;font-size:13px}.conference-redesign .conference-notice{z-index:6;background:#242d35ee;border:1px solid #ffffff30;max-height:25%;margin:0;position:absolute;bottom:100px;left:12px;right:12px}.conference-redesign .conference-device-panel{z-index:50;background:var(--card);width:min(400px,100% - 28px);color:var(--foreground);border:1px solid var(--border);box-shadow:var(--sheet-shadow);border-radius:22px;max-height:calc(100dvh - 48px);padding:18px;position:fixed;top:50%;bottom:auto;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.conference-redesign .conference-device-panel label{margin-top:16px;font-size:14px;font-weight:550;display:block}.conference-redesign .conference-device-panel select{border:1px solid var(--border);width:100%;min-height:44px;color:var(--foreground);background:var(--group);border-radius:12px;margin-top:7px;padding:10px;font-size:16px;display:block}.conference-redesign .conference-device-panel p{color:var(--muted-foreground);font-size:13px}.conference-screen.conference-redesign:-webkit-full-screen{width:100vw;max-width:none;height:100dvh;padding-top:env(safe-area-inset-top,0px);inset:0}.conference-screen.conference-redesign:fullscreen{width:100vw;max-width:none;height:100dvh;padding-top:env(safe-area-inset-top,0px);inset:0}.conference-redesign[data-immersive=true] .conference-head{min-height:62px}.dark .conference-redesign{--call-stage:#101416}.conference-redesign .conference-controls.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;box-shadow:var(--navigation-shadow)}.conference-redesign .conference-controls.dark>.is-selected{color:var(--primary-foreground)}@media (max-width:999px){.conference-screen.conference-redesign{padding-inline:8px;padding-bottom:max(12px, env(safe-area-inset-bottom,0px))}.conference-redesign .conference-head{gap:12px;min-height:80px;padding:8px 8px 31px;position:relative}.conference-redesign .conference-logo{flex:0 0 38px;min-height:0}.conference-redesign .conference-logo>div{display:none}.conference-redesign .conference-heading{border:0;min-height:0;padding:0}.conference-redesign .conference-heading h2{font-size:17px}.conference-redesign .conference-heading>span{font-size:12px}.conference-redesign .conference-head .conference-status{font-size:12px;position:absolute;bottom:6px;left:12px}.conference-redesign .conference-head>.conference-icon{min-width:44px;min-height:44px}.conference-redesign .conference-layout,.conference-redesign .conference-layout[data-followup=open]{grid-template-columns:minmax(0,1fr);gap:0;position:relative}.conference-redesign .conference-layout[data-followup=open]>.conference-stage{visibility:hidden;pointer-events:none}.conference-redesign .conference-layout[data-followup=open]>.conference-followup{z-index:6;position:absolute;inset:0}.conference-redesign .conference-frame{inset:10px 7px 89px}.conference-redesign .conference-controls{gap:2px;max-width:calc(100% - 14px);padding:6px;bottom:15px}.conference-redesign .conference-controls>button{flex-basis:clamp(44px,12vw,56px);width:clamp(44px,12vw,56px);height:46px}.conference-redesign .conference-followup>header{padding:16px 16px 12px}.conference-redesign .conference-followup>header h3{font-size:20px}.conference-redesign .conference-followup-body{padding-inline:16px}.conference-redesign .conference-return{min-height:44px;color:var(--blue);justify-content:center;align-items:center;gap:8px;margin:0 16px 12px;display:flex}}@media (orientation:landscape) and (max-height:500px){.conference-redesign .conference-head{min-height:50px;padding-block:3px}.conference-redesign .conference-head .conference-status{display:none}.conference-redesign .conference-frame{bottom:66px}.conference-redesign .conference-controls{padding:4px;bottom:6px}.conference-redesign .conference-controls>button{height:44px}}@media (prefers-reduced-transparency:reduce){.conference-redesign .conference-controls{background:var(--card);-webkit-backdrop-filter:none}}@media (prefers-contrast:more){.conference-redesign .conference-controls,.conference-redesign .conference-followup,.conference-redesign .conference-popover{border-color:currentColor}}.conference-screen.conference-redesign>.conference-controls{bottom:calc(max(14px,env(safe-area-inset-bottom,0px)) + 22px);z-index:10}.conference-redesign .conference-head[hidden]{display:none}@media (min-width:1000px){.conference-screen.conference-redesign[data-followup=open]>.conference-controls{max-width:calc(100% - clamp(350px,29vw,460px) - 48px);left:calc(50% - clamp(350px,29vw,460px)/2 - 7px)}}@media (max-width:999px){.conference-screen.conference-redesign>.conference-controls{bottom:max(26px,calc(env(safe-area-inset-bottom,0px) + 12px))}.conference-screen.conference-redesign[data-followup=open] .conference-followup{padding-bottom:84px}.conference-redesign .conference-return{display:none}}.conference-screen.conference-redesign[data-immersive=true]{background:var(--call-stage);border:0;border-radius:0;width:100%;max-width:none;margin:0;padding:0}.conference-screen.conference-redesign[data-immersive=true] .conference-layout{gap:0;width:100%;height:100%;min-height:0}.conference-screen.conference-redesign[data-immersive=true] .conference-stage{box-shadow:none;border:0;border-radius:0;margin:0}.conference-screen.conference-redesign[data-immersive=true] .conference-frame{border-radius:0;width:100%;height:100%;inset:0}.conference-screen.conference-redesign[data-immersive=true]>.conference-controls{bottom:max(16px,calc(env(safe-area-inset-bottom,0px) + 10px))}.conference-screen.conference-redesign[data-immersive=true] .conference-followup{box-shadow:none;padding-top:env(safe-area-inset-top,0px);border-width:0 0 0 1px;border-radius:0}.conference-screen.conference-redesign[data-immersive=true] .conference-prejoin{padding-top:max(24px,env(safe-area-inset-top,0px));bottom:92px}.conference-screen.conference-redesign[data-immersive=true]:-webkit-full-screen{width:100vw;height:100dvh;padding:0;inset:0}.conference-screen.conference-redesign[data-immersive=true]:fullscreen{width:100vw;height:100dvh;padding:0;inset:0}@media (min-width:1000px){.conference-screen.conference-redesign[data-immersive=true][data-followup=open]>.conference-controls{left:calc(50% - clamp(350px,29vw,460px)/2)}}@media (max-width:999px){.conference-screen.conference-redesign[data-immersive=true] .conference-followup{padding-bottom:calc(78px + env(safe-area-inset-bottom,0px));border:0}}@media (orientation:landscape) and (max-height:500px){.conference-screen.conference-redesign>.conference-controls{bottom:max(8px,env(safe-area-inset-bottom,0px));padding:4px}.conference-screen.conference-redesign[data-followup=open] .conference-followup{padding-bottom:66px}}@media (max-width:370px){.conference-redesign .conference-controls>.conference-documents-toggle{display:none}}