.video-focus-layout{flex-direction:column;gap:8px;height:100%;padding:8px;display:flex;position:relative;overflow:hidden}.video-main{background:#111;border-radius:16px;flex:1;justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;overflow:hidden}.video-main .lk-participant-tile{width:100%!important;max-width:none!important;height:100%!important;max-height:none!important}.video-main .lk-participant-tile video,.video-main .lk-participant-tile canvas{object-fit:contain!important;width:100%!important;height:100%!important}.video-sidebar{display:none}.video-grid-wrapper{justify-content:center;align-items:center;width:100%;height:100%;padding:8px;display:flex;position:relative;overflow:hidden}.video-grid-wrapper .lk-grid-layout{grid-template-columns:1fr!important;place-items:center!important;gap:8px!important;height:100%!important;display:grid!important}.video-grid-wrapper .lk-participant-tile{aspect-ratio:16/9!important;border-radius:16px!important;width:100%!important;height:auto!important;overflow:hidden!important}.video-grid-wrapper .lk-participant-tile video{object-fit:cover!important;width:100%!important;height:100%!important}.video-call-container .lk-participant-tile .lk-participant-name{color:#fff!important;z-index:10!important;-webkit-backdrop-filter:blur(8px)!important;background:#0009!important;border-radius:9999px!important;padding:4px 10px!important;font-size:12px!important;font-weight:500!important;position:absolute!important;bottom:8px!important;left:8px!important}.video-grid{grid-template-columns:1fr!important;place-items:center!important;gap:8px!important;width:100%!important;height:100%!important;display:grid!important}.video-tile{width:100%;position:relative}.video-tile .lk-participant-tile{aspect-ratio:16/9!important;border-radius:16px!important;width:100%!important;height:auto!important;overflow:hidden!important}.video-tile .lk-participant-tile video{object-fit:cover!important;width:100%!important;height:100%!important}.video-tile-self{position:relative}.video-tile-self .lk-participant-tile{border:2px solid #7f3e9a!important;box-shadow:0 0 16px #7f3e9a59!important}.video-self-indicator{color:#fff;text-transform:uppercase;letter-spacing:.5px;z-index:20;background:#7f3e9a;border-radius:9999px;padding:3px 10px;font-size:11px;font-weight:600;position:absolute;top:8px;right:8px;box-shadow:0 2px 8px #00000040}.video-self-view{z-index:30;border:2px solid #7f3e9a99;border-radius:12px;width:120px;height:90px;position:absolute;bottom:80px;right:12px;overflow:hidden;box-shadow:0 4px 16px #0006}.video-self-view .lk-participant-tile{width:100%!important;height:100%!important}.video-self-view .lk-participant-tile video{object-fit:cover!important;width:100%!important;height:100%!important}.video-self-view .lk-participant-name{display:none!important}.video-controls-glass{z-index:40;padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));pointer-events:none;justify-content:center;display:flex;position:absolute;bottom:0;left:0;right:0}.video-controls-glass-inner{-webkit-backdrop-filter:blur(20px)saturate(180%);pointer-events:auto;background:#1e1e1ebf;border:1px solid #ffffff1f;border-radius:9999px;align-items:center;gap:8px;padding:8px 16px;display:flex;box-shadow:0 6px 24px #0006,inset 0 1px #ffffff14}.video-controls-glass-inner .lk-control-bar{background:0 0!important;border:none!important;gap:4px!important;padding:0!important;display:flex!important}.video-controls-glass-inner .lk-control-bar button,.video-controls-glass-inner .lk-button{color:#fff!important;background:#ffffff1a!important;border:1px solid #ffffff14!important;border-radius:9999px!important;width:44px!important;height:44px!important;transition:background .2s cubic-bezier(.4,0,.2,1)!important}.video-controls-glass-inner .lk-control-bar button:hover,.video-controls-glass-inner .lk-button:hover{background:#fff3!important}.video-controls-glass-inner .lk-control-bar button[data-lk-muted=true],.video-controls-glass-inner .lk-button[data-lk-muted=true]{color:#ffffff80!important;background:#ffffff0f!important}.video-controls-glass-inner .lk-control-bar button span,.video-controls-glass-inner .lk-button span{display:none!important}.video-end-call-btn{color:#fff!important;cursor:pointer!important;background:#ef4444!important;border:none!important;border-radius:9999px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:52px!important;height:44px!important;transition:background .2s cubic-bezier(.4,0,.2,1),transform .15s cubic-bezier(.4,0,.2,1)!important;display:flex!important}.video-end-call-btn:hover{background:#dc2626!important;transform:scale(1.05)!important}.video-end-call-btn:active{transform:scale(.95)!important}.video-top-bar{z-index:40;padding:8px 12px;padding-top:calc(8px + env(safe-area-inset-top,0px));-webkit-backdrop-filter:blur(20px)saturate(180%);background:#0006;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.video-top-bar-title{color:#fff;font-size:15px;font-weight:600;line-height:1.2}.video-top-bar-subtitle{color:#fff9;font-size:12px;line-height:1.2}.video-connection-dot{border-radius:9999px;flex-shrink:0;width:6px;height:6px}.video-connection-dot--connected{background:#22c55e;box-shadow:0 0 6px #22c55e80}.video-connection-dot--connecting{background:#eab308;animation:1.5s cubic-bezier(.4,0,.6,1) infinite pulse;box-shadow:0 0 6px #eab30880}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@media (width>=640px){.video-focus-layout{flex-direction:row;gap:12px;padding:12px}.video-sidebar{flex-direction:column;flex-shrink:0;gap:8px;width:180px;display:flex;overflow-y:auto}.video-sidebar .lk-participant-tile{aspect-ratio:4/3;border-radius:12px;overflow:hidden;width:100%!important;height:auto!important}.video-sidebar .lk-participant-tile video{object-fit:cover!important;width:100%!important;height:100%!important}.video-grid-wrapper{padding:16px}.video-grid-wrapper .lk-grid-layout,.video-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;gap:12px!important}.video-tile .lk-participant-tile{border-radius:16px!important}.video-self-view{border-radius:16px;width:160px;height:120px;bottom:96px;right:16px}.video-controls-glass{padding:16px 24px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}.video-controls-glass-inner{gap:12px;padding:10px 24px}.video-controls-glass-inner .lk-control-bar button,.video-controls-glass-inner .lk-button{width:48px!important;height:48px!important}.video-end-call-btn{width:56px!important;height:48px!important}.video-top-bar{padding:12px 16px}}@media (width>=1024px){.video-tile{max-width:640px}.video-grid-wrapper .lk-participant-tile{max-width:640px!important}}