.call-language-control{position:relative;display:grid}.call-language-control>.control-button b{font:750 9px/1 Manrope,system-ui,sans-serif;white-space:nowrap}.call-language-control>.control-button.is-active{border-color:rgba(76,225,218,.52);background:linear-gradient(145deg,rgba(35,200,212,.25),rgba(91,103,255,.22));color:#efffff}.call-language-panel{position:absolute;z-index:80;right:0;bottom:calc(100% + 14px);width:min(460px,calc(100vw - 28px));padding:20px;border:1px solid rgba(255,255,255,.14);border-radius:20px;background:rgba(10,17,29,.97);color:#f4f8ff;box-shadow:0 24px 70px rgba(0,0,0,.45);backdrop-filter:blur(22px)}.call-language-panel h3{margin:3px 0 5px;font-size:18px}.call-language-panel>small{display:block;color:#96a4b8;font-size:10px;line-height:1.5}.call-language-pair{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:10px;margin-top:16px}.call-language-panel label{display:grid;gap:6px;color:#a7b4c6;font-size:9px;font-weight:750}.call-language-panel select{width:100%;min-height:44px;padding:8px 30px 8px 10px;border:1px solid rgba(255,255,255,.14);border-radius:11px;background:#151f2e;color:#f5f8ff;font:650 11px Manrope,system-ui,sans-serif}.call-language-pair>span{padding-bottom:12px;color:#72dceb}.call-translation-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.call-translation-options label{display:flex;min-height:44px;align-items:center;gap:9px;padding:10px;border:1px solid rgba(255,255,255,.11);border-radius:11px;background:rgba(255,255,255,.04);cursor:pointer}.call-translation-options input{width:18px;height:18px;accent-color:#4fd6dc}.call-translation-options span{color:#e7f3ff;font-size:10px}.call-language-panel>button{width:100%;min-height:44px;margin-top:13px;border:0;border-radius:11px;background:linear-gradient(135deg,#60dfd8,#58a5ff);color:#07232d;font:800 11px Manrope,system-ui,sans-serif;cursor:pointer}.call-participant-notice{position:absolute;z-index:95;top:82px;left:50%;max-width:min(420px,calc(100vw - 32px));padding:11px 16px;border:1px solid rgba(103,229,218,.32);border-radius:13px;background:rgba(8,20,31,.92);color:#efffff;box-shadow:0 14px 40px rgba(0,0,0,.34);font:700 13px/1.3 Manrope,system-ui,sans-serif;opacity:0;transform:translate(-50%,-8px);transition:opacity .2s ease,transform .2s ease;pointer-events:none}.call-participant-notice.is-visible{opacity:1;transform:translate(-50%,0)}html[data-theme=light] .call-language-panel{border-color:#d4dfed;background:rgba(250,252,255,.98);color:#15233a;box-shadow:0 22px 60px rgba(45,76,123,.22)}html[data-theme=light] .call-language-panel select{border-color:#d2deeb;background:#fff;color:#15233a}html[data-theme=light] .call-translation-options label{border-color:#d4dfed;background:#f4f8fd}html[data-theme=light] .call-translation-options span{color:#233651}body.call-active .controls .call-language-control{flex:0 0 72px;width:72px;height:52px}body.call-active .call-language-control>.control-button .control-icon{display:none}body.call-active .call-language-control>.control-button b{display:block;color:inherit}.halo-mirrored-preview{transform:scaleX(-1)!important}.camera-switch-icon{color:#80ddff;border-color:rgba(80,206,255,.24);background:rgba(80,206,255,.1)}.camera-mirror-icon{color:#c6b1ff;border-color:rgba(167,136,255,.25);background:rgba(146,108,255,.11)}#camera-switch-button:disabled{opacity:.45;cursor:not-allowed}@media(max-width:680px){.call-language-panel{position:fixed;right:12px;bottom:calc(82px + env(safe-area-inset-bottom));left:12px;width:auto;padding:18px;border-radius:20px}.call-language-pair{grid-template-columns:1fr}.call-language-pair>span{display:none}.call-translation-options{grid-template-columns:1fr 1fr}.call-language-control>.control-button b{font-size:8px}.call-participant-notice{top:max(70px,calc(env(safe-area-inset-top) + 58px));font-size:12px}body.call-active .controls{gap:3px!important;padding:6px!important}body.call-active .controls .call-language-control{flex:0 0 58px!important;width:58px!important;height:42px!important}body.call-active .controls .effects-control{flex:0 0 42px!important;width:42px!important;height:42px!important}body.call-active .controls .control-button{min-height:42px!important}.call-language-control>.control-button{width:58px!important;min-width:58px!important;height:42px!important}.call-language-control>.control-button b{font-size:7px}}@media(max-width:380px){.call-language-panel{right:8px;left:8px}.call-translation-options{grid-template-columns:1fr}.call-language-panel select{min-height:42px}}@media(prefers-reduced-motion:reduce){.call-participant-notice{transition:none}}
