@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";[data-lk-theme=default]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--lk-bg:#111;--lk-bg2:#1e1e1e;--lk-bg3:#2b2b2b;--lk-bg4:#373737;--lk-bg5:#444;--lk-fg:#fff;--lk-fg2:#f5f5f5;--lk-fg3:#ebebeb;--lk-fg4:#e0e0e0;--lk-fg5:#d6d6d6;--lk-border-color:#ffffff1a;--lk-accent-fg:#fff;--lk-accent-bg:#1f8cf9;--lk-accent2:#3396fa;--lk-accent3:#47a0fa;--lk-accent4:#5babfb;--lk-danger-fg:#fff;--lk-danger:#f91f31;--lk-danger2:#fa3343;--lk-danger3:#fa4756;--lk-danger4:#fb5b68;--lk-success-fg:#fff;--lk-success:#1ff968;--lk-success2:#33fa75;--lk-success3:#47fa83;--lk-success4:#5bfb90;--lk-control-fg:var(--lk-fg);--lk-control-bg:var(--lk-bg2);--lk-control-hover-bg:var(--lk-bg3);--lk-control-active-bg:var(--lk-bg4);--lk-control-active-hover-bg:var(--lk-bg5);--lk-connection-excellent:#06db4d;--lk-connection-good:#f9b11f;--lk-connection-poor:#f91f31;--lk-font-family:system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--lk-font-size:16px;--lk-line-height:1.5;--lk-border-radius:.5rem;--lk-box-shadow:0 .5rem 1.5rem #00000026;--lk-drop-shadow:#fff3 0px 0px 24px;--lk-grid-gap:.5rem;--lk-control-bar-height:69px;--lk-chat-header-height:69px}.lk-button,.lk-start-audio-button,.lk-chat-toggle,.lk-disconnect-button{color:var(--lk-control-fg);background-image:none;background-color:var(--lk-control-bg);border-radius:var(--lk-border-radius);cursor:pointer;white-space:nowrap;font-size:inherit;line-height:inherit;-webkit-user-select:none;user-select:none;border:0;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1rem;display:inline-flex;position:relative}.lk-button:not(:disabled):hover,.lk-start-audio-button:not(:disabled):hover,.lk-chat-toggle:not(:disabled):hover,.lk-disconnect-button:not(:disabled):hover{background-color:var(--lk-control-hover-bg)}.lk-button>svg,.lk-start-audio-button>svg,.lk-chat-toggle>svg,.lk-disconnect-button>svg{overflow:visible}.lk-button[aria-pressed=true],[aria-pressed=true].lk-start-audio-button,[aria-pressed=true].lk-chat-toggle,[aria-pressed=true].lk-disconnect-button{background-color:var(--lk-control-active-bg)}.lk-button[aria-pressed=true]:hover,[aria-pressed=true].lk-start-audio-button:hover,[aria-pressed=true].lk-chat-toggle:hover,[aria-pressed=true].lk-disconnect-button:hover{background-color:var(--lk-control-active-hover-bg)}.lk-button[data-lk-source=screen_share][data-lk-enabled=true],[data-lk-source=screen_share][data-lk-enabled=true].lk-start-audio-button,[data-lk-source=screen_share][data-lk-enabled=true].lk-chat-toggle,[data-lk-source=screen_share][data-lk-enabled=true].lk-disconnect-button{background-color:var(--lk-accent-bg)}.lk-button[data-lk-source=screen_share][data-lk-enabled=true]:hover,[data-lk-source=screen_share][data-lk-enabled=true].lk-start-audio-button:hover,[data-lk-source=screen_share][data-lk-enabled=true].lk-chat-toggle:hover,[data-lk-source=screen_share][data-lk-enabled=true].lk-disconnect-button:hover{background-color:var(--lk-accent2)}.lk-button:disabled,.lk-start-audio-button:disabled,.lk-chat-toggle:disabled,.lk-disconnect-button:disabled{opacity:.5}.lk-button-group{align-items:stretch;height:100%;display:inline-flex}.lk-button-group>.lk-button:first-child,.lk-button-group>.lk-start-audio-button:first-child,.lk-button-group>.lk-chat-toggle:first-child,.lk-button-group>.lk-disconnect-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.lk-button-group-menu{flex-shrink:0;position:relative}.lk-button-group-menu>.lk-button,.lk-button-group-menu>.lk-start-audio-button,.lk-button-group-menu>.lk-chat-toggle,.lk-button-group-menu>.lk-disconnect-button{border-top-left-radius:0;border-bottom-left-radius:0;height:100%}.lk-button-group-menu>.lk-button:after,.lk-button-group-menu>.lk-start-audio-button:after,.lk-button-group-menu>.lk-chat-toggle:after,.lk-button-group-menu>.lk-disconnect-button:after{margin-left:0}.lk-button-menu:after{content:"";transform-origin:50%;border-bottom:.125em solid;border-left:.125em solid;width:.5em;height:.5em;margin-top:-.25rem;margin-left:.5rem;display:inline-block;transform:rotate(-45deg)}.lk-disconnect-button{color:var(--lk-danger);border:1px solid var(--lk-danger);font-weight:600}.lk-disconnect-button:not(:disabled):hover{--lk-control-hover-bg:var(--lk-danger2);color:var(--lk-danger-fg)}.lk-disconnect-button:not(:disabled):active{--lk-control-hover-bg:var(--lk-danger3);color:var(--lk-danger-fg)}.lk-chat-toggle{position:relative}.lk-chat-toggle[data-lk-unread-msgs]:not([data-lk-unread-msgs="0"]):after{content:attr(data-lk-unread-msgs);background:var(--lk-accent-bg);border-radius:50%;margin-top:.25rem;margin-left:.25rem;padding:.25rem;font-size:.5rem;line-height:.75;position:absolute;top:0;left:0}.lk-media-device-select:not(:last-child){border-bottom:1px solid var(--lk-border-color);margin-bottom:.75rem;padding-bottom:.5rem}.lk-media-device-select li:not(:last-child){margin-bottom:.25rem}.lk-media-device-select li>.lk-button{justify-content:start;width:100%;padding-block:.5rem}.lk-media-device-select li:not([data-lk-active=true])>.lk-button:not(:disabled):hover{background-color:var(--lk-bg3)}.lk-media-device-select [data-lk-active=false]>.lk-button:hover{cursor:pointer;background-color:#0000000d}.lk-media-device-select [data-lk-active=true]>.lk-button{color:var(--lk-accent-fg);background-color:var(--lk-accent-bg)}.lk-device-menu{z-index:5;white-space:nowrap;background-color:var(--lk-bg2);border:1px solid var(--lk-border-color);width:max-content;min-width:10rem;box-shadow:var(--lk-box-shadow);border-radius:.75rem;margin-bottom:.25rem;padding:.5rem;position:absolute;top:0;left:0}.lk-device-menu-heading{opacity:.65;padding:.25rem .5rem;font-weight:700}.lk-start-audio-button{color:var(--lk-accent-fg);background-color:var(--lk-accent-bg)}@media screen and (width<=600px){.lk-start-audio-button{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}}.lk-pagination-control{background-color:var(--lk-control-bg);border-radius:var(--lk-border-radius);opacity:0;align-items:stretch;transition:opacity .15s ease-in-out;display:flex;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.lk-pagination-control:hover{opacity:1}.lk-pagination-control>.lk-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.lk-pagination-control>.lk-button:first-child>svg{transform:rotate(180deg)}.lk-pagination-control>.lk-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.lk-pagination-count{border-inline:1px solid var(--lk-bg);padding:.5rem .875rem}[data-lk-user-interaction=true].lk-pagination-control{opacity:1}.lk-pagination-indicator{height:var(--lk-grid-gap);background-color:var(--lk-bg2);width:fit-content;bottom:calc(var(--lk-grid-gap)/2);opacity:1;border-radius:2rem;align-items:center;gap:.2rem;padding:.2rem .5rem;display:flex;position:absolute;left:50%;transform:translate(-50%)}.lk-pagination-indicator span{background-color:var(--lk-fg);opacity:.35;border-radius:9999999px;width:.4rem;height:.4rem;transition:opacity .2s linear;display:inline-block}.lk-pagination-indicator span[data-lk-active]{opacity:.9}.lk-grid-layout{--lk-col-count:1;--lk-row-count:1;grid-template-columns:repeat(var(--lk-col-count), minmax(0, 1fr));grid-gap:var(--lk-grid-gap);width:100%;max-width:100%;height:100%;max-height:100%;padding:var(--lk-grid-gap);grid-auto-rows:minmax(0,1fr);display:grid}.lk-grid-layout[data-lk-pagination=true]{padding-bottom:calc(var(--lk-grid-gap)*2)}.lk-focus-layout{gap:var(--lk-grid-gap);width:100%;max-height:100%;padding:var(--lk-grid-gap);grid-template-columns:1fr 5fr;display:grid}.lk-focused-participant{position:relative}.lk-focused-participant .lk-pip-track{width:20%;height:auto;position:absolute;top:10px;right:10px}@media (width<=600px){.lk-focus-layout{grid-template-rows:5fr 1fr;grid-template-columns:1fr}.lk-carousel{order:1}}.lk-carousel{gap:var(--lk-grid-gap);max-height:100%;display:flex}.lk-carousel>*{aspect-ratio:16/10;scroll-snap-align:start;flex-shrink:0}.lk-carousel[data-lk-orientation=vertical]{scroll-snap-type:y mandatory;flex-direction:column;overflow:hidden auto}.lk-carousel[data-lk-orientation=vertical]>*{--lk-height-minus-gaps:calc(100% - calc(var(--lk-grid-gap) * calc(var(--lk-max-visible-tiles) - 1)));height:calc(var(--lk-height-minus-gaps)/var(--lk-max-visible-tiles))}.lk-carousel[data-lk-orientation=horizontal]{scroll-snap-type:x mandatory;overflow:auto hidden}.lk-carousel[data-lk-orientation=horizontal]>*{--lk-width-minus-gaps:calc(100% - var(--lk-grid-gap) * (var(--lk-max-visible-tiles) - 1));width:calc(var(--lk-width-minus-gaps)/var(--lk-max-visible-tiles))}.lk-connection-quality{width:1.5rem;height:1.5rem}.lk-track-muted-indicator-camera,.lk-track-muted-indicator-microphone{width:var(--lk-indicator-size,1rem);height:var(--lk-indicator-size,1rem);margin-inline-end:.25rem;transition:opacity .25s ease-in-out;position:relative}.lk-track-muted-indicator-camera[data-lk-muted=true]{opacity:.5}.lk-track-muted-indicator-microphone{--lk-bg:var(--lk-icon-mic)}.lk-track-muted-indicator-microphone[data-lk-muted=true]{opacity:.5}.lk-participant-name{font-size:.875rem}.lk-participant-media-video{object-fit:cover;object-position:center;background-color:#000;width:100%;height:100%}.lk-participant-media-video[data-lk-orientation=landscape]{object-fit:cover}.lk-participant-media-video[data-lk-orientation=portrait],.lk-participant-media-video[data-lk-source=screen_share]{object-fit:contain;background-color:var(--lk-bg2)}.lk-participant-media-audio{width:auto}[data-lk-facing-mode=user] .lk-participant-media-video[data-lk-local-participant=true][data-lk-source=camera]{transform:rotateY(180deg)}.lk-audio-visualizer{background:var(--lk-bg-control);aspect-ratio:16/9;border-radius:.5rem;justify-content:space-around;align-items:center;width:100%;height:100%;min-height:160px;display:flex}.lk-audio-visualizer>rect{fill:var(--lk-accent-bg);transition:transform .1s cubic-bezier(.19,.02,.09,1)}.lk-audio-visualizer>path{stroke:var(--lk-accent-bg);transition:all .1s cubic-bezier(.19,.02,.09,1)}.lk-audio-bar-visualizer{background:var(--lk-bg);justify-content:center;align-items:center;gap:var(--lk-va-bar-gap,24px);width:100%;height:100%;display:flex}.lk-audio-bar-visualizer>.lk-audio-bar{transform-origin:"center";height:100%;width:var(--lk-va-bar-width,12px);border-radius:var(--lk-va-bar-border-radius,32px);background-color:var(--lk-va-bar-bg,#8883);transition:background-color .25s ease-out}.lk-audio-bar-visualizer[data-lk-va-state=speaking]>.lk-audio-bar,.lk-audio-bar-visualizer>.lk-audio-bar.lk-highlighted,.lk-audio-bar-visualizer>[data-lk-highlighted=true]{background-color:var(--lk-fg,#888);transition:none}.lk-audio-bar-visualizer[data-lk-va-state=thinking]{transition:background-color .15s ease-out}.lk-participant-tile{--lk-speaking-indicator-width:2.5px;border-radius:var(--lk-border-radius);flex-direction:column;gap:.375rem;display:flex;position:relative;overflow:hidden}.lk-participant-tile:after{content:"";border-radius:var(--lk-border-radius);border:0px solid var(--lk-accent-bg);transition-property:border opacity;pointer-events:none;transition-duration:.4s;transition-delay:.5s;position:absolute;inset:0}.lk-participant-tile[data-lk-speaking=true]:not([data-lk-source=screen_share]):after{border-width:var(--lk-speaking-indicator-width);transition-duration:.2s;transition-delay:0s}.lk-participant-tile .lk-focus-toggle-button{border-radius:calc(var(--lk-border-radius)/2);opacity:0;background-color:#00000080;padding:.25rem;transition:opacity .2s ease-in-out .2s;position:absolute;top:.25rem;right:.25rem}.lk-participant-tile:hover .lk-focus-toggle-button,.lk-participant-tile:focus .lk-focus-toggle-button{opacity:1;transition-delay:0}.lk-participant-tile .lk-connection-quality{opacity:0;transition:opacity .2s ease-in-out .2s}.lk-participant-tile .lk-connection-quality[data-lk-quality=poor],.lk-participant-tile:hover .lk-connection-quality,.lk-participant-tile:focus .lk-connection-quality{opacity:1;transition-delay:0}.lk-participant-tile .lk-participant-placeholder{background-color:var(--lk-bg2);opacity:0;pointer-events:none;border-radius:var(--lk-border-radius);justify-content:center;align-items:center;transition:opacity .2s ease-in-out;display:flex;position:absolute;inset:0}.lk-participant-tile .lk-participant-placeholder svg{width:auto;height:100%;padding:10%}.lk-participant-tile[data-lk-video-muted=true][data-lk-source=camera] .lk-participant-placeholder{opacity:1}.lk-participant-metadata{flex-direction:row;justify-content:space-between;align-items:center;gap:.5rem;line-height:1;display:flex;position:absolute;bottom:.25rem;left:.25rem;right:.25rem}.lk-participant-metadata-item{border-radius:calc(var(--lk-border-radius)/2);background-color:#00000080;align-items:center;padding:.25rem;display:flex}.lk-toast{background-color:var(--lk-bg);border:1px solid var(--lk-border-color);border-radius:var(--lk-border-radius);box-shadow:var(--lk-box-shadow);align-items:center;gap:.5rem;padding:.75rem 1.25rem;display:flex;position:fixed;top:.75rem;left:50%;transform:translate(-50%)}.lk-spinner{animation:2s linear infinite lk-rotate}@keyframes lk-rotate{0%{transform:rotate(0)}to{transform:rotate(359deg)}}.lk-room-container{background-color:var(--lk-bg);line-height:var(--lk-line-height)}.lk-room-container{--lk-has-imported-styles:"true";width:100%;height:100%;position:relative}.lk-room-container [class^=lk-],.lk-room-container [class*=\ lk-]{box-sizing:border-box}.lk-audio-conference{width:100%;height:100%;position:relative}.lk-audio-conference-stage{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;height:100%;display:grid}.lk-chat{grid-template-rows:var(--lk-chat-header-height) 1fr var(--lk-control-bar-height);background-color:var(--lk-bg2);border-left:1px solid var(--lk-border-color);align-items:end;width:max(200px,55ch);display:grid}.lk-chat-header{height:var(--lk-chat-header-height);justify-content:center;align-items:center;padding:.75rem;display:flex;position:relative}.lk-chat-header .lk-close-button{background-color:#0000;position:absolute;right:0;transform:translate(-50%)}.lk-chat-header .lk-close-button:hover{background-color:var(--lk-control-active-hover-bg)}.lk-chat-messages{flex-direction:column;gap:.25rem;width:100%;max-height:100%;display:flex;overflow:auto}.lk-chat-entry{flex-direction:column;gap:.25rem;margin:0 .25rem;display:flex}.lk-chat-entry .lk-meta-data{color:var(--lk-fg5);white-space:nowrap;padding:0 .3rem;font-size:.75rem;display:flex}.lk-chat-entry .lk-meta-data .lk-participant-name{margin-top:1rem}.lk-chat-entry .lk-meta-data .lk-timestamp{align-self:flex-end;margin-left:auto}.lk-chat-entry .lk-edit-button{float:right;background:0 0;border-radius:0;margin:0;padding:0 .25rem;font-size:12px}.lk-chat-entry .lk-message-body{word-break:break-word;border-radius:15px;width:fit-content;max-width:calc(100% - 32px);padding:.25rem .75rem;display:inline-block}.lk-chat-entry[data-lk-message-origin=local] .lk-message-body{background-color:var(--lk-bg5)}.lk-chat-entry[data-lk-message-origin=remote] .lk-message-body{background-color:var(--lk-accent4)}.lk-chat-entry a{color:inherit;text-decoration:underline}.lk-chat-entry *{margin-block:.25em}.lk-chat-entry:last-child{margin-bottom:.25rem}.lk-chat-form{border-top:1px solid var(--lk-border-color);max-height:var(--lk-control-bar-height);gap:.75rem;padding:.75rem;display:flex}.lk-chat-form-input{font-size:inherit;line-height:inherit;width:100%}@media (width<=600px){.lk-chat{max-width:100%;top:0;right:0;bottom:var(--lk-control-bar-height);position:fixed}}.lk-control-bar,.lk-agent-control-bar{border-top:1px solid var(--lk-border-color);max-height:var(--lk-control-bar-height);justify-content:center;align-items:center;gap:.5rem;padding:.75rem;display:flex}.lk-agent-control-bar{height:var(--lk-control-bar-height);--lk-bg:transparent;--lk-va-bar-width:2px;--lk-va-bar-gap:4px;--lk-va-bar-border-radius:1px}.lk-agent-control-bar .lk-audio-bar-visualizer .lk-audio-bar.lk-highlighted{filter:none}.lk-prejoin{background-color:var(--lk-bg);line-height:var(--lk-line-height)}[data-lk-theme]{font-size:var(--lk-font-size);font-family:var(--lk-font-family);color:var(--lk-fg)}[data-lk-theme] .lk-list{margin:0;padding:0;list-style:none}[data-lk-theme] .lk-form-control{font-family:var(--lk-font-family);background-color:var(--lk-control-bg);border:1px solid var(--lk-border-color);border-radius:var(--lk-border-radius);padding:.625rem 1rem}.lk-prejoin{box-sizing:border-box;background-color:var(--lk-bg);flex-direction:column;align-items:stretch;gap:1rem;width:min(100%,480px);margin-inline:auto;padding:1rem;display:flex}.lk-prejoin .lk-video-container{aspect-ratio:16/10;border-radius:var(--lk-border-radius);background-color:#000;width:100%;height:auto;position:relative;overflow:hidden}.lk-prejoin .lk-video-container video,.lk-prejoin .lk-video-container .lk-camera-off-note{object-fit:cover;width:100%;height:100%;display:block}.lk-prejoin .lk-video-container video[data-lk-facing-mode=user]{transform:rotateY(180deg)}.lk-prejoin .lk-video-container .lk-camera-off-note{aspect-ratio:16/10;background-color:#000;place-items:center;width:100%;display:grid;position:absolute;top:0;left:0}.lk-prejoin .lk-video-container .lk-camera-off-note>*{max-width:100%;height:70%}.lk-prejoin .lk-audio-container{display:none}.lk-prejoin .lk-audio-container audio{width:100%;height:auto}.lk-prejoin .lk-button-group-container{flex-wrap:nowrap;gap:1rem;display:flex}.lk-prejoin .lk-button-group-container>.lk-button-group{width:50%}.lk-prejoin .lk-button-group-container>.lk-button-group>.lk-button{justify-content:left}.lk-prejoin .lk-button-group-container>.lk-button-group>.lk-button:first-child{width:100%}@media (width<=400px){.lk-prejoin .lk-button-group-container{flex-wrap:wrap}.lk-prejoin .lk-button-group-container>.lk-button-group{width:100%}}.lk-prejoin .lk-username-container{flex-direction:column;gap:1rem;width:100%;max-width:100%;display:flex}.lk-prejoin .lk-join-button{--lk-control-fg:var(--lk-accent-fg);--lk-control-bg:var(--lk-accent-bg);--lk-control-hover-bg:var(--lk-accent2);--lk-control-active-bg:var(--lk-accent3);--lk-control-active-hover-bg:var(--lk-accent4);background-color:var(--lk-control-bg)}.lk-prejoin .lk-join-button:hover{background-color:var(--lk-control-hover-bg)}.lk-focus-layout-wrapper,.lk-grid-layout-wrapper{width:100%;height:calc(100% - var(--lk-control-bar-height));justify-content:center;display:flex;position:relative}.lk-grid-layout-wrapper{flex-direction:column;align-items:center}.lk-focus-layout-wrapper{align-items:stretch}.lk-video-conference{align-items:stretch;height:100%;display:flex;position:relative}.lk-video-conference-inner{flex-direction:column;align-items:stretch;width:100%;display:flex}.lk-settings-menu-modal{background:var(--lk-bg);border-radius:var(--lk-border-radius);padding:1rem;background-color:var(--lk-bg);border:1px solid var(--lk-border-color);border-radius:var(--lk-border-radius);box-shadow:var(--lk-box-shadow);flex-direction:column;align-items:center;gap:.5rem;min-width:50vw;max-width:100%;min-height:50vh;max-height:100%;padding:.75rem 1.25rem;display:flex;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}:root{color:#f5f5f7;font-synthesis:none;background:#08090d;font-family:Inter,system-ui,sans-serif}body{background:#08090d;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer;color:inherit;border:0}button:focus-visible,input:focus-visible{outline-offset:2px;outline:2px solid #8b5cf6}.join-screen,.connecting,.connect-error{background:radial-gradient(circle at 50% -10%,#7d42de3d,#0000 40%),#08090d;place-items:center;min-height:100vh;display:grid}.join-card{background:#10131bf0;border:1px solid #2b2e38;border-radius:24px;width:min(460px,100% - 32px);padding:36px;box-shadow:0 30px 100px #0008}.join-card img{width:130px;margin-bottom:32px}.join-kicker{color:#8c65e9;letter-spacing:1.5px;margin-bottom:12px;font-size:9px;font-weight:700;display:block}.join-card h1{margin:0 0 10px;font-size:27px;line-height:1.2}.join-card p{color:#858a97;margin:0 0 25px;font-size:12px;line-height:1.6}.join-room{color:#aeb2bd;background:#0d1016;border:1px solid #292c36;border-radius:10px;align-items:center;gap:8px;height:42px;margin-bottom:18px;padding:0 12px;font-size:11px;display:flex}.join-room svg{color:#8f61ed}.join-card label{color:#969aa5;margin-bottom:7px;font-size:10px;display:block}.join-card input{color:#fff;background:#0d1016;border:1px solid #2b2e38;border-radius:10px;outline:none;width:100%;height:44px;margin-bottom:10px;padding:0 12px;font-size:11px}.join-button{background:#7441dc;border-radius:10px;width:100%;height:45px;margin-top:4px;font-size:11px;font-weight:700}.join-button:hover{background:#8654e8}.join-button span{float:right;font-size:18px;line-height:12px}.join-security{color:#696e7b;justify-content:center;align-items:center;gap:6px;margin-top:18px;font-size:9px;display:flex}.join-security svg{color:#57dc92}.connecting,.connect-error{color:#d8dae0;flex-direction:column;gap:8px;display:flex}.spinner{border:2px solid #292c36;border-top-color:#8a56e8;border-radius:50%;width:32px;height:32px;margin-bottom:5px;animation:.8s linear infinite spin}.connect-error>div{text-align:center;width:min(440px,100% - 30px);padding:30px}.connect-error svg{color:#e36a75}.connect-error h2{font-size:19px}.connect-error button{background:#713ed8;border-radius:9px;padding:10px 18px;font-size:11px}@keyframes spin{to{transform:rotate(360deg)}}.app-shell{background:radial-gradient(circle at 55% -15%,#7e3edc2e,#0000 35%),#08090d;height:100vh;overflow:hidden}.topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#090a0ff0;border-bottom:1px solid #20222a;justify-content:space-between;align-items:center;height:76px;padding:0 24px;display:flex}.brand img{width:112px;height:auto}.brand-divider{background:#2b2d36;width:1px;height:30px}.meeting-title{flex-direction:column;gap:3px;display:flex}.meeting-title strong{font-size:13px}.top-center{color:#9da1ad;gap:18px;font-size:12px;display:flex}.secure{align-items:center;gap:6px;display:flex}.duration{font-variant-numeric:tabular-nums}.top-right{justify-content:flex-end;align-items:center;gap:8px;min-width:290px;display:flex}.connection{color:#aeb2bd;align-items:center;gap:7px;font-size:12px;display:flex}.connection i,.green-dot{background:#55df91;border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 10px #55df9155}.icon-button{color:#cdd0d8;background:#12151c;border:1px solid #252833;border-radius:11px;place-items:center;width:40px;height:40px;display:grid}.workspace{gap:14px;height:calc(100vh - 76px);padding:14px 16px 16px;display:flex}.stage{flex-direction:column;flex:1;gap:12px;min-width:0;display:flex}.stage-head{justify-content:space-between;align-items:center;height:54px;display:flex}.stage-head h1{margin:0 0 5px;font-size:16px}.stage-head p{color:#858995;align-items:center;gap:6px;margin:0;font-size:11px;display:flex}.soft-button{color:#cdd0d8;background:#12151c;border:1px solid #272a34;border-radius:10px;align-items:center;gap:7px;height:38px;padding:0 13px;font-size:12px;display:flex}.video-grid{flex:1;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;min-height:0;display:grid}.livekit-grid{border-radius:16px;overflow:hidden}.livekit-grid .lk-participant-tile{background:#171a22;border:1px solid #292c36;border-radius:16px;overflow:hidden}.livekit-grid .lk-participant-tile .lk-participant-metadata{font-size:11px}.empty-stage{color:#727783;background:#12151b;border:1px dashed #2b2e38;border-radius:16px;grid-area:1/1/-1/-1;align-content:center;place-items:center;gap:10px;font-size:11px;display:grid}.control-dock{background:linear-gradient(#12151c,#0e1117);border:1px solid #252832;border-radius:18px;flex-shrink:0;justify-content:space-between;align-items:center;height:90px;padding:8px 10px;display:flex}.control{color:#bfc2cb;background:0 0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-width:76px;height:70px;font-size:10px;display:flex}.control:hover,.control.active{color:#f0f1f5;background:#1b1e27}.control.active .control-icon{color:#68e49b}.control-icon{place-items:center;height:24px;display:grid}.leave-button{background:#e6454f;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:84px;height:62px;font-size:10px;display:flex}.leave-button svg{transform:rotate(135deg)}.side-panel{background:#0f1218;border:1px solid #242731;border-radius:17px;flex-direction:column;flex-shrink:0;width:365px;min-height:0;display:flex;overflow:hidden}.panel-tabs{border-bottom:1px solid #252832;grid-template-columns:1fr 1fr;height:62px;display:grid}.panel-tabs button{color:#898d99;background:0 0;justify-content:center;align-items:center;gap:7px;font-size:12px;display:flex;position:relative}.panel-tabs b{color:#b7bbc5;background:#262a35;border-radius:10px;padding:3px 6px;font-size:9px}.panel-content{flex-direction:column;min-height:0;padding:17px;display:flex;overflow:auto}.panel-heading div{flex-direction:column;gap:4px;display:flex}.primary-small{color:#fff;background:#713ed8;border-radius:8px;height:32px;padding:0 11px;font-size:10px;font-weight:600}.people-list{flex-direction:column;display:flex}.person-row{border-bottom:1px solid #1e2129;align-items:center;gap:10px;height:60px;display:flex}.avatar{color:#fff;background:linear-gradient(145deg,#9e78ff,#3b256a);border-radius:12px;flex:none;place-items:center;width:42px;height:42px;font-size:11px;font-weight:700;display:grid}.avatar.small{border-radius:10px;width:36px;height:36px;font-size:10px}.person-info strong{font-size:11px}.person-info span{color:#777c89;font-size:9px}.you-tag{color:#9f79ef;margin-left:3px;font-size:8px}.security-card{background:#12151c;border:1px solid #272a34;border-radius:11px;gap:10px;margin-top:18px;padding:12px;display:flex}.security-icon{color:#5fe398;background:#1e2630;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.security-card div:last-child{flex-direction:column;gap:4px;display:flex}.security-card strong{font-size:10px}.security-card span{color:#737885;font-size:9px;line-height:1.5}.chat-header span{color:#707581;font-size:9px;line-height:1.5}.messages{flex:1;padding:15px;overflow:auto}.message-meta{margin-bottom:5px}.message-meta strong{font-size:9px}.message-bubble{color:#cdd0d8;text-align:left;background:#191c24;border-radius:10px;max-width:90%;padding:9px 11px;font-size:10px;display:inline-block}.mine .message-bubble{color:#fff;background:#6638c9}.chat-composer button{color:#fff;background:#713ed8;border-radius:9px;place-items:center;width:37px;height:37px;display:grid}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;background:#000a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#11141b;border:1px solid #30333e;border-radius:18px;width:min(520px,100%);padding:20px;box-shadow:0 30px 100px #0009}.modal-title div{flex-direction:column;gap:5px;display:flex}.modal-title>button{color:#9ea2ad;background:#1a1d25;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.modal label{color:#8b909c;margin-bottom:7px;font-size:10px;display:block}.copy-row{gap:7px;display:flex}.copy-row input{color:#cfd2da;background:#0c0f15;border:1px solid #2a2d36;border-radius:9px;flex:1;min-width:0;height:42px;padding:0 10px;font-size:10px}.copy-row button{background:#713ed8;border-radius:9px;align-items:center;gap:6px;height:42px;padding:0 13px;font-size:10px;display:flex}.invite-info{color:#7b808d;background:#171a22;border:1px solid #272a34;border-radius:10px;gap:9px;margin-top:15px;padding:12px;font-size:10px;line-height:1.5;display:flex}.invite-info svg{color:#5fe398;flex:none}.setting-item{border-bottom:1px solid #242731;justify-content:space-between;align-items:center;padding:15px 0;display:flex}.setting-item div{flex-direction:column;gap:5px;display:flex}.toggle{background:#713ed8;border-radius:20px;width:40px;height:23px;padding:3px}.toggle i{background:#fff;border-radius:50%;width:17px;height:17px;margin-left:auto;display:block}.toggle.off{background:#2a2d36}.toggle.off i{margin-left:0}@media (width<=1050px){.side-panel{width:320px}.top-center{display:none}.brand,.top-right{min-width:auto}}@media (width<=820px){.side-panel{display:none}.workspace{gap:10px;padding:10px}.control{min-width:62px}.control span:last-child{display:none}.control{height:58px}.control-dock{height:72px}}@media (width<=560px){.topbar{height:64px;padding:0 12px}.brand img{width:90px}.brand-divider,.meeting-title,.secure,.connection{display:none}.top-right{margin-left:auto}.workspace{height:calc(100vh - 64px);padding:8px}.video-grid{grid-template-rows:repeat(4,1fr);grid-template-columns:1fr}.stage-head{height:45px}.stage-actions .soft-button{padding:0 9px}.control{min-width:45px}.leave-button{width:60px}}.video-grid.livekit-grid{position:relative}.live-caption{z-index:20;color:#fff;text-align:center;pointer-events:none;-webkit-backdrop-filter:blur(6px);background:#000000c7;border-radius:10px;max-width:min(80%,900px);padding:10px 18px 12px;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.live-caption-speaker{opacity:.7;margin-bottom:3px;font-size:12px;font-weight:600}.live-caption-text{font-size:18px;font-weight:500;line-height:1.4}@media (width<=700px){.live-caption{max-width:90%;padding:8px 12px;bottom:15px}.live-caption-text{font-size:15px}}:root{--vx-bg:#070910;--vx-bg-2:#0b0d14;--vx-panel:#10131c;--vx-panel-2:#151824;--vx-border:#ffffff14;--vx-border-hover:#ffffff26;--vx-purple:#7652ff;--vx-purple-light:#9b7cff;--vx-text:#f7f7fb;--vx-muted:#9296a5;--vx-green:#38e58c;--vx-red:#ff4654}.app-shell{min-height:100vh;color:var(--vx-text);background:radial-gradient(circle at 50% -10%,#7652ff1a,#0000 38%),linear-gradient(#070910 0%,#090b12 100%)}.topbar{-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--vx-border)!important;background:#070910eb!important;height:72px!important;padding:0 28px!important}.brand{gap:16px!important}.brand img{height:auto;width:118px!important}.brand-divider{background:#ffffff1a!important;height:32px!important}.meeting-title{gap:4px!important}.meeting-title strong{font-weight:700;font-size:16px!important}.meeting-title span{color:var(--vx-muted)!important;font-size:12px!important}.secure{color:#a7abb9!important}.connection{color:#bfc3cf!important}.connection i{box-shadow:0 0 10px #38e58ca6;background:var(--vx-green)!important}.icon-button{border:1px solid var(--vx-border)!important;background:#ffffff09!important;border-radius:12px!important;width:44px!important;height:44px!important}.icon-button:hover{background:#7652ff1f!important;border-color:#7652ff59!important}.workspace{background:0 0!important;gap:22px!important;padding:22px!important}.stage-head{margin-bottom:18px!important}.stage-head h1{letter-spacing:-.2px;font-size:18px!important;font-weight:700!important}.stage-head p{color:var(--vx-muted)!important}.green-dot{box-shadow:0 0 8px #38e58c99;background:var(--vx-green)!important}.soft-button{transition:all .2s;border:1px solid var(--vx-border)!important;color:#dfe2ea!important;background:#ffffff09!important;border-radius:12px!important;min-height:42px!important;padding:0 16px!important}.soft-button:hover{background:#7652ff1f!important;border-color:#7652ff4d!important}.video-grid.livekit-grid{align-items:stretch;position:relative;gap:12px!important;padding:0!important}.video-grid.livekit-grid>*{transition:transform .2s,border-color .2s,box-shadow .2s;overflow:hidden;box-shadow:0 12px 40px #00000047,inset 0 1px #ffffff09;background:linear-gradient(145deg,#151821,#0c0f17)!important;border:1px solid #ffffff14!important;border-radius:16px!important}.video-grid.livekit-grid>:hover{border-color:#7652ff59!important}.video-grid.livekit-grid [class*=caption]{background:radial-gradient(circle at 50% 40%,#7652ff2e,#0000 45%),#0d1018}.live-caption{z-index:100!important;-webkit-backdrop-filter:blur(18px)!important;text-align:left!important;background:linear-gradient(#0c0e16f0,#07090fe6)!important;border:1px solid #ffffff1a!important;border-radius:16px!important;width:min(680px,78%)!important;max-width:78%!important;padding:18px 24px 20px!important;position:absolute!important;bottom:30px!important;left:50%!important;transform:translate(-50%)!important;box-shadow:0 18px 55px #0000008c,0 0 30px #7652ff14!important}.live-caption-speaker{color:var(--vx-purple-light)!important;opacity:1!important;margin-bottom:7px!important;font-size:14px!important;font-weight:700!important}.live-caption-text{letter-spacing:-.25px;color:#fff!important;font-size:23px!important;font-weight:600!important;line-height:1.35!important}.workspace>aside,.panel{box-shadow:0 20px 60px #0000004d;border:1px solid var(--vx-border)!important;background:linear-gradient(#11141df5,#0a0c13f5)!important;border-radius:18px!important}.panel-tabs{border-bottom:1px solid var(--vx-border)!important;height:58px!important}.panel-tabs button{color:#9da1b0!important;background:0 0!important}.panel-tabs button.selected{color:#fff!important;border-bottom:2px solid var(--vx-purple)!important}.panel-tabs button.selected svg{color:var(--vx-purple-light)}.person-row{transition:all .2s;border-radius:12px!important;min-height:68px!important;padding:10px 12px!important}.person-row:hover{background:#ffffff0b!important}.avatar.small{border:1px solid #ffffff1a;background:linear-gradient(135deg,#6d4cff,#38218f)!important;width:42px!important;height:42px!important}.person-info strong{color:#f3f4f8!important}.person-info span{color:#8f94a4!important}.you-tag{border:1px solid #7652ff40;color:#b29eff!important;background:#7652ff2e!important}.search-box{border:1px solid var(--vx-border)!important;background:#ffffff09!important;border-radius:11px!important}.security-card{background:linear-gradient(135deg,#7652ff1a,#38e58c0a)!important;border:1px solid #7652ff24!important;border-radius:14px!important}.chat-message,.message{border-radius:12px!important}.chat-input,.panel input{border:1px solid var(--vx-border)!important;color:#fff!important;background:#ffffff0b!important;border-radius:12px!important}.chat-input:focus,.panel input:focus{outline:none;box-shadow:0 0 0 3px #7652ff1a;border-color:#7652ff8c!important}.primary-small{box-shadow:0 6px 18px #7652ff33;color:#fff!important;background:linear-gradient(135deg,#7957ff,#6038e8)!important;border:0!important;border-radius:9px!important;font-weight:600!important}.primary-small:hover{filter:brightness(1.08)}.control-dock{-webkit-backdrop-filter:blur(16px);box-shadow:0 15px 45px #00000059;border:1px solid var(--vx-border)!important;background:#0e1119f0!important;border-radius:18px!important;margin-top:0!important;padding:12px 14px!important}.control-dock button{transition:all .2s;border-radius:12px!important}.control-dock button:hover{background:#ffffff0e!important}.control-dock .active,.control-dock button[aria-pressed=true]{color:var(--vx-purple-light)!important}.control-dock button:last-child{box-shadow:0 8px 24px #ff465438;color:#fff!important;background:linear-gradient(135deg,#ff4654,#e62e3d)!important;border:0!important}.control-dock button:last-child:hover{background:linear-gradient(135deg,#ff5966,#ed3444)!important}.duration{color:#8f94a4!important}@media (width<=1100px){.workspace{gap:14px!important;padding:16px!important}.live-caption{width:70%!important;max-width:70%!important}.live-caption-text{font-size:20px!important}}@media (width<=800px){.topbar{padding:0 14px!important}.top-center{display:none!important}.workspace{grid-template-columns:1fr!important}.live-caption{width:90%!important;max-width:90%!important;padding:12px 16px!important;bottom:18px!important}.live-caption-text{font-size:17px!important}.control-dock{overflow-x:auto}}:root{--vx-bg:#08090d;--vx-panel:#11141b;--vx-panel-2:#171a22;--vx-border:#272b35;--vx-text:#f5f6fa;--vx-muted:#858a98;--vx-purple:#7543dc}[data-theme=light]{--vx-bg:#f4f5f8;--vx-panel:#fff;--vx-panel-2:#f0f1f5;--vx-border:#dfe2e8;--vx-text:#181a20;--vx-muted:#686d79;--vx-purple:#6940c8}body,.app-shell{background:var(--vx-bg);color:var(--vx-text)}.topbar{background:var(--vx-panel)!important;border-bottom:1px solid var(--vx-border)!important;height:68px!important;padding:0 24px!important}.brand img{width:112px!important}.theme-button{background:var(--vx-panel-2);border:1px solid var(--vx-border);width:40px;height:40px;color:var(--vx-text);border-radius:11px;place-items:center;font-size:18px;display:grid}.theme-button:hover{background:var(--vx-purple);color:#fff}.top-center,.top-right{display:none!important}.screen-share-tile{cursor:zoom-in}.screen-share-tile:hover{box-shadow:0 0 0 2px #7543dc8c}.screen-share-expanded{z-index:100;cursor:zoom-out;background:#000;padding:18px;position:fixed;inset:0}.screen-share-expanded .lk-participant-tile{border-radius:14px;width:100%;height:100%}[data-theme=light] .workspace{background:var(--vx-bg)}[data-theme=light] .control-dock,[data-theme=light] .side-panel{background:var(--vx-panel);border-color:var(--vx-border)}[data-theme=light] .soft-button,[data-theme=light] .search-box,[data-theme=light] .chat-composer input{background:var(--vx-panel-2);border-color:var(--vx-border);color:var(--vx-text)}[data-theme=light] .control{color:var(--vx-muted)}[data-theme=light] .control:hover,[data-theme=light] .control.active{background:var(--vx-panel-2);color:var(--vx-text)}.video-grid.livekit-grid{max-height:700px;grid-auto-rows:minmax(420px,1fr)!important;height:calc(100vh - 250px)!important;min-height:520px!important}.video-grid.livekit-grid .lk-participant-tile{width:100%;height:100%;min-height:420px}.side-panel .panel-tabs{flex-shrink:0}.side-panel .panel-content,.side-panel .chat-panel{min-height:0;overflow-y:auto}.side-panel .avatar{font-size:14px;width:44px!important;height:44px!important}.side-panel .panel-content{box-shadow:none!important;background:0 0!important;border:0!important}.side-panel .messages{min-height:300px}@media (width<=1000px){.workspace{grid-template-columns:1fr!important}.side-panel{max-height:420px;width:100%!important;min-width:0!important}.video-grid.livekit-grid{height:500px!important}}.workspace{grid-template-columns:minmax(0,1fr) 365px!important}.stage{min-width:0}.video-grid.livekit-grid{max-height:700px;height:calc(100vh - 250px)!important;min-height:520px!important}.video-grid.livekit-grid .lk-participant-tile{width:100%;height:100%}.video-grid.livekit-grid video{object-fit:cover;width:100%;height:100%}.video-grid.livekit-grid>div{min-height:420px}.video-grid.livekit-grid:has(>div:only-child){grid-template-columns:1fr!important}.video-grid.livekit-grid:has(>div:only-child)>div{min-height:520px}.side-panel{max-height:calc(100vh - 110px);overflow:hidden;width:365px!important;min-width:365px!important}.side-panel .panel-content{overflow-y:auto}.side-panel .person-row{min-height:78px;padding:15px!important}.side-panel .avatar{width:44px!important;height:44px!important}@media (width<=1000px){.workspace{grid-template-columns:1fr!important}.side-panel{max-height:400px;width:100%!important;min-width:0!important}.video-grid.livekit-grid{height:500px!important}}html,body{zoom:1!important;font-size:16px!important;transform:none!important}.app-shell{zoom:1!important;transform:none!important}.topbar{height:72px!important}.control{min-width:76px;min-height:64px}.control-icon{transform:scale(1)!important}.side-panel,.side-panel .panel-tabs button,.side-panel .person-info strong{font-size:14px!important}.side-panel .person-info span{font-size:11px!important}.video-grid.livekit-grid{height:calc(100vh - 250px)!important;min-height:500px!important}.meeting-heading{flex-direction:column;align-items:flex-start;gap:3px;display:flex}.meeting-heading .participant-count{color:var(--vx-muted);margin:0;font-size:13px;font-weight:600}.meeting-heading h1{margin:0;font-size:21px;font-weight:650}.record-control .control-icon{position:relative}.record-dot{background:#e5484d;border-radius:50%;width:13px;height:13px;display:block}.record-control:hover .record-dot{transform:scale(1.12)}.record-control.recording{color:#e5484d}.record-control.recording .record-dot{animation:1.2s infinite recording-pulse}@keyframes recording-pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.header-meeting-info{flex-direction:column;justify-content:center;gap:2px;margin-left:14px;display:flex}.header-participants{color:var(--vx-muted);align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.header-meeting-info strong{color:var(--vx-text);font-size:15px;font-weight:600}.header-meeting-info .green-dot{width:7px;height:7px}html,body,#root{min-height:100%;background:#08090d!important}body{margin:0}.app-shell{background:radial-gradient(circle at 50% -15%,#7652ff2e,#0000 38%),#08090d!important;height:100vh!important;min-height:100vh!important}.workspace,.stage,.video-grid{background:0 0!important}.side-panel{background:#0f1218!important}.control-dock{background:linear-gradient(#12151c,#0e1117)!important}.background-setting select{color:#e7e8ed;cursor:pointer;background:#12151c;border:1px solid #2b2e38;border-radius:8px;min-width:110px;padding:8px 10px}html,body,#root{width:100%;height:100%;overflow:hidden}.app-shell{width:100%;height:100vh;min-height:0;overflow:hidden}.workspace{height:calc(100vh - 76px);min-height:0;overflow:hidden}.stage{height:100%;min-height:0;overflow:hidden}.video-grid{min-height:0;overflow:hidden}.control-dock{flex:0 0 78px!important;height:78px!important;min-height:78px!important;margin-top:0!important}.side-panel{height:100%;min-height:0}.panel-content,.chat-panel{min-height:0;overflow:hidden}.app-shell{height:100vh!important;max-height:100vh!important;overflow:hidden!important}.workspace{height:calc(100vh - 76px)!important;min-height:0!important;max-height:calc(100vh - 76px)!important;display:flex!important;overflow:hidden!important}.stage{flex-direction:column!important;height:100%!important;min-height:0!important;max-height:100%!important;display:flex!important;overflow:hidden!important}.livekit-grid{height:100%!important;min-height:0!important}.livekit-grid .lk-participant-tile{height:100%!important;min-height:0!important;max-height:100%!important}.control-dock{flex:0 0 78px!important;height:78px!important;min-height:78px!important;max-height:78px!important;margin-top:0!important}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden!important}.app-shell{width:100%;flex-direction:column!important;height:100vh!important;max-height:100vh!important;display:flex!important;overflow:hidden!important}.topbar{flex:0 0 64px!important;height:64px!important;min-height:64px!important}.workspace{flex:1 1 0!important;height:auto!important;min-height:0!important;max-height:none!important;display:flex!important;overflow:hidden!important}.stage{flex-direction:column!important;flex:1 1 0!important;width:auto!important;height:100%!important;min-height:0!important;max-height:100%!important;display:flex!important;overflow:hidden!important}.stage-head{flex:0 0 52px!important;height:52px!important;min-height:52px!important}.video-grid{flex:1 1 0!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:hidden!important}.control-dock{box-sizing:border-box!important;flex:0 0 70px!important;height:70px!important;min-height:70px!important;max-height:70px!important;margin-top:0!important}.side-panel{box-sizing:border-box!important;height:100%!important;min-height:0!important;max-height:100%!important;overflow:hidden!important}.panel-content{min-height:0!important;max-height:100%!important;overflow:hidden!important}.people-list{min-height:0!important;overflow-y:auto!important}.chat-panel{height:100%!important;min-height:0!important;overflow:hidden!important}.messages{min-height:0!important;overflow-y:auto!important}.video-grid>*,.livekit-grid>*{box-sizing:border-box!important;min-height:0!important;max-height:100%!important}.lk-participant-tile{min-height:0!important;max-height:100%!important}.controls-left{min-height:0!important}.workspace{position:relative!important}.stage{min-height:0!important;position:relative!important;overflow:hidden!important}.video-grid{width:auto!important;height:auto!important;min-height:0!important;max-height:none!important;position:absolute!important;inset:52px 0 82px!important;overflow:hidden!important}.control-dock{z-index:20!important;box-sizing:border-box!important;width:auto!important;height:70px!important;min-height:70px!important;max-height:70px!important;margin:0!important;position:absolute!important;bottom:10px!important;left:22px!important;right:22px!important}.side-panel{height:100%!important;min-height:0!important;max-height:100%!important;overflow:hidden!important}.panel-content{box-sizing:border-box!important;height:100%!important;min-height:0!important;overflow:hidden!important}.people-list{max-height:calc(100% - 150px)!important;overflow-y:auto!important}.lk-participant-tile,.livekit-grid>*{min-height:0!important;max-height:100%!important}.video-grid video{max-height:100%!important}*{box-sizing:border-box}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}.app-shell{color:#f5f7fb;background:#080a11;flex-direction:column;width:100%;height:100dvh;min-height:0;display:flex;overflow:hidden}.topbar{z-index:20;background:#0b0e18;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;height:68px;min-height:68px;padding:0 24px;display:flex}.brand{align-items:center;gap:22px;min-width:0;display:flex}.brand img{object-fit:contain;width:112px;height:auto}.header-meeting-info{flex-direction:column;gap:3px;min-width:0;display:flex}.header-participants{color:#aab2c5;font-size:12px;font-weight:600}.header-participants:first-letter{color:#35dc8b}.header-meeting-info strong,.header-meeting-info span:last-child{color:#f4f6fb;font-size:14px;font-weight:700}.header-actions{align-items:center;gap:10px;display:flex}.icon-button{color:#b9c0d0;cursor:pointer;background:#111522;border:1px solid #ffffff1a;border-radius:11px;justify-content:center;align-items:center;width:42px;height:42px;transition:all .18s;display:inline-flex}.icon-button:hover{color:#fff;background:#191e2d;border-color:#7c56ff8c;transform:translateY(-1px)}.workspace{background:radial-gradient(circle at 50% 0,#694bff1f,#0000 42%),#080a11;flex:1;grid-template-columns:minmax(0,1fr) 365px;gap:18px;min-height:0;padding:18px;display:grid;overflow:hidden}.stage{flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.stage-head{flex:none;justify-content:space-between;align-items:center;min-height:42px;margin-bottom:12px;display:flex}.meeting-heading{flex-direction:column;gap:3px;display:flex}.meeting-heading h1,.meeting-heading strong{margin:0;font-size:16px;font-weight:700}.participant-count{color:#aeb6c8;order:0;margin:0;font-size:12px;font-weight:600}.green-dot{background:#39df8b;border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block;box-shadow:0 0 10px #39df8b99}.stage-actions{gap:8px;display:flex}.soft-button{color:#c6ccda;cursor:pointer;background:#111522;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:8px;height:38px;padding:0 13px;font-size:13px;display:inline-flex}.soft-button:hover{color:#fff;background:#191e2d}.video-stage,.lk-video-conference{border-radius:16px;flex:1;min-height:0;position:relative;overflow:hidden}.participant-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:10px;width:100%;height:100%;min-height:0;display:grid;overflow:hidden}.lk-participant-tile{background:#121621;border:1px solid #ffffff17;border-radius:15px;min-width:0;min-height:0;position:relative;overflow:hidden}.lk-participant-tile video{object-fit:cover;width:100%;height:100%}.participant-grid:has(.lk-participant-tile:only-child){grid-template-columns:1fr}.participant-grid:has(.lk-participant-tile:nth-child(3)){grid-template-columns:repeat(2,minmax(0,1fr))}.participant-grid:has(.lk-participant-tile:nth-child(5)){grid-template-columns:repeat(3,minmax(0,1fr))}.participant-grid:has(.lk-participant-tile:nth-child(7)){grid-template-columns:repeat(3,minmax(0,1fr))}.screen-share{z-index:5;cursor:pointer;grid-area:1/1/-1/-1}.lk-participant-tile .lk-participant-name,.participant-name{z-index:10;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000a6;border-radius:7px;padding:5px 9px;font-size:12px;font-weight:600;position:absolute;bottom:10px;left:10px}.empty-stage{color:#788197;background:#10131c;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;height:100%;min-height:200px;display:flex}.control-dock{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f121cf5;border:1px solid #ffffff1a;border-radius:16px;flex:0 0 76px;justify-content:space-between;align-items:center;margin-top:12px;padding:8px 10px;display:flex;box-shadow:0 12px 35px #00000040}.controls-left{align-items:center;gap:7px;display:flex}.control{color:#9da6ba;cursor:pointer;background:0 0;border:0;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:68px;height:58px;font-size:10px;transition:all .18s;display:flex}.control:hover{color:#fff;background:#1a1e2b}.control.active{color:#9d7cff;background:#1b2030}.control-icon{justify-content:center;align-items:center;width:30px;height:30px;display:flex}.control svg{width:20px;height:20px}.leave-button{color:#fff;cursor:pointer;background:#ef4053;border:0;border-radius:12px;justify-content:center;align-items:center;gap:7px;width:78px;height:54px;font-size:12px;font-weight:700;display:inline-flex;box-shadow:0 8px 20px #ef405338}.leave-button:hover{background:#ff4e61;transform:translateY(-1px)}.control.recording{color:#ff5364}.record-dot{background:#ef4053;border-radius:50%;width:9px;height:9px;box-shadow:0 0 10px #ef4053b3}.side-panel{background:#10131d;border:1px solid #ffffff24;border-radius:17px;flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.panel-tabs{border-bottom:1px solid #ffffff1a;flex:0 0 56px;grid-template-columns:1fr 1fr;display:grid}.panel-tabs button{color:#858da1;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:7px;font-size:13px;display:flex;position:relative}.panel-tabs button:hover{color:#fff}.panel-tabs button.selected{color:#9c78ff}.panel-tabs button.selected:after{content:"";background:#8256ff;height:2px;position:absolute;bottom:-1px;left:20%;right:20%}.panel-tabs b{color:#aeb5c7;background:#252a39;border-radius:50%;justify-content:center;align-items:center;min-width:20px;height:20px;font-size:10px;display:inline-flex}.panel-content{flex-direction:column;flex:1;min-height:0;padding:20px 17px;display:flex;overflow:hidden}.panel-heading{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.panel-heading>div{flex-direction:column;gap:5px;display:flex}.panel-heading strong{font-size:14px}.panel-heading span{color:#70798d;font-size:11px}.primary-small{color:#fff;cursor:pointer;background:#7145f5;border:0;border-radius:9px;height:34px;padding:0 13px;font-size:11px;font-weight:700}.primary-small:hover{background:#845cff}.search-box{color:#687188;background:#151822;border:1px solid #ffffff1c;border-radius:10px;align-items:center;gap:8px;height:38px;margin-bottom:12px;padding:0 11px;display:flex}.search-box input{color:#e8ebf2;background:0 0;border:0;outline:0;width:100%;font-size:11px}.people-list{scrollbar-width:thin;flex:1;min-height:0;overflow-y:auto}.person-row{border-bottom:1px solid #ffffff0e;align-items:center;gap:10px;min-height:63px;padding:8px 7px;display:flex}.avatar.small{color:#fff;background:linear-gradient(135deg,#7548f5,#4d2eb7);border-radius:10px;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;font-size:12px;font-weight:800;display:flex}.person-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.person-info strong{color:#e9ebf2;align-items:center;gap:5px;font-size:12px;display:flex}.person-info>span{color:#737c91;font-size:9px}.you-tag{color:#8d68ff;font-size:9px}.person-mic{color:#38dc8a}.chat-panel{flex-direction:column;height:100%;min-height:0;display:flex}.chat-header{border-bottom:1px solid #ffffff0f;flex-direction:column;gap:5px;padding:20px 17px 14px;display:flex}.chat-header strong{font-size:14px}.chat-header span{color:#697286;font-size:10px}.messages{flex:1;min-height:0;padding:15px;overflow-y:auto}.message{margin-bottom:14px}.message-meta strong{color:#cfd4df;font-size:11px}.message-bubble{color:#bfc5d2;background:#1a1e2a;border-radius:10px;max-width:85%;margin-top:4px;padding:8px 10px;font-size:11px;line-height:1.45;display:inline-block}.message.mine{text-align:right}.message.mine .message-bubble{color:#fff;text-align:left;background:#6942e8}.chat-composer{border-top:1px solid #ffffff12;gap:8px;padding:12px;display:flex}.chat-composer input{color:#fff;background:#151822;border:1px solid #ffffff1a;border-radius:10px;outline:none;flex:1;min-width:0;height:40px;padding:0 11px;font-size:11px}.chat-composer input::placeholder{color:#626b7e}.send{color:#fff;cursor:pointer;background:#7045ef;border:0;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#000000a6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{color:#edf0f6;background:#11151f;border:1px solid #ffffff1f;border-radius:17px;width:min(500px,100%);max-height:calc(100dvh - 40px);padding:22px;overflow-y:auto;box-shadow:0 30px 80px #00000073}.modal-title{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.modal-title>div{flex-direction:column;gap:5px;display:flex}.modal-title strong{font-size:17px}.modal-title span{color:#737c90;font-size:11px}.modal-title button{color:#9aa2b4;cursor:pointer;background:#1b1f2b;border:0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.setting-item{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:15px;min-height:58px;padding:11px 0;display:flex}.setting-item>div{flex-direction:column;gap:4px;display:flex}.setting-item strong{font-size:12px}.setting-item span{color:#717a8d;font-size:10px}.status-ok{color:#38dc8a!important}.background-setting select{color:#e8ebf2;background:#171b26;border:1px solid #303544;border-radius:9px;outline:none;min-width:120px;height:36px;padding:0 10px}.app-shell.background-dark{background:radial-gradient(circle at 50% -10%,#6f4dff29,#0000 42%),#080a11}.app-shell.background-light{background:radial-gradient(circle at 50% -10%,#7878be26,#0000 42%),#f3f5f9}.app-shell.background-purple{background:radial-gradient(circle at 50% -10%,#8c46ff47,#0000 45%),#160d27}.app-shell.background-blue{background:radial-gradient(circle at 50% -10%,#3278ff3d,#0000 45%),#091321}.connecting,.connect-error{color:#fff;background:#080a11;justify-content:center;align-items:center;width:100%;height:100dvh;display:flex}.connecting>div,.connect-error>div{flex-direction:column;align-items:center;gap:10px;display:flex}.connecting span,.connect-error p{color:#737c90;font-size:12px}.spinner{border:3px solid #252a39;border-top-color:#8055ff;border-radius:50%;width:34px;height:34px;animation:.8s linear infinite spin}.people-list::-webkit-scrollbar{width:5px}.messages::-webkit-scrollbar{width:5px}.modal::-webkit-scrollbar{width:5px}.people-list::-webkit-scrollbar-thumb{background:#303544;border-radius:10px}.messages::-webkit-scrollbar-thumb{background:#303544;border-radius:10px}.modal::-webkit-scrollbar-thumb{background:#303544;border-radius:10px}@media (height<=800px){.topbar{height:60px;min-height:60px}.workspace{gap:12px;padding:12px}.control-dock{flex-basis:66px;margin-top:8px}.control{height:50px}.side-panel{border-radius:14px}.panel-tabs{flex-basis:50px}}@media (width<=1000px){.workspace{grid-template-columns:minmax(0,1fr) 300px}.control{min-width:55px}.leave-button{width:65px}}@media (width<=760px){.topbar{padding:0 12px}.brand{gap:10px}.brand img{width:90px}.header-meeting-info{display:none}.workspace{padding:8px;display:flex}.side-panel{z-index:50;width:min(350px,100vw - 16px);position:fixed;top:68px;bottom:82px;right:8px}.stage-actions{display:none}.participant-grid{grid-template-columns:1fr!important}.control-dock{flex-basis:68px;padding:5px}.controls-left{gap:2px}.control{min-width:47px;height:55px}.control span:last-child{font-size:8px}.leave-button{width:55px;height:50px}.leave-button span{display:none}}html,body,#root{width:100%;height:100%;margin:0}