html,body,#root{height:100%;margin:0;overflow:hidden;background:#000;color:#e6e9ee;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.connect-stage{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;overflow:hidden;display:flex}.connect-main{position:relative;flex:1;min-width:0;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:width .25s ease}.connect-stage.side-open .connect-main{width:calc(100% - 360px)}.connect-main-inner{position:relative;height:100%;aspect-ratio:16 / 9;max-width:100%}.connect-stage.side-open .connect-main-inner{height:min(100%,calc((100vw - 360px)*.5625))}.connect-layer.iframe{z-index:1}.connect-layer.youtube{z-index:2}.connect-layer.attendee{z-index:3}.connect-layer.overlay{z-index:10}.connect-frame{width:100%;height:100%;border:none;display:block;background:transparent}.connect-fab{position:fixed;right:24px;bottom:24px;width:56px;height:56px;border-radius:50%;border:none;background:var(--accent, #3b82f6);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 6px 20px #00000059;z-index:10000;transition:transform .2s ease,opacity .2s ease}.connect-fab:hover{filter:brightness(1.1);transform:scale(1.05)}.connect-fab.open{opacity:0;pointer-events:none;transform:scale(.8)}.connect-side-panel{position:relative;width:360px;min-width:360px;max-width:360px;height:100%;background:#0b0d10;border-left:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;margin-right:-360px;transition:margin-right .25s ease;z-index:9999}.connect-stage.side-open .connect-side-panel{margin-right:0}.connect-side-layer{flex:1;min-height:0;display:flex;flex-direction:column}.connect-side-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#15191f;border-bottom:1px solid rgba(255,255,255,.1);font-size:14px;font-weight:500}.connect-side-header .connect-side-back{display:none;background:transparent;border:none;color:#fff;font-size:22px;line-height:1;cursor:pointer;padding:0 6px}.connect-side-header .connect-side-close{background:transparent;border:none;color:#9aa3b2;font-size:22px;line-height:1;cursor:pointer;padding:0 4px}.connect-side-header .connect-side-close:hover{color:#fff}.connect-side-layer .connect-frame{flex:1}@media (max-width: 640px){.connect-stage.side-open .connect-main{width:100%}.connect-side-panel{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;max-width:100vw;z-index:99999}.connect-side-header .connect-side-back{display:block}.connect-side-header .connect-side-close{display:none}}.connect-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:24px}.connect-empty .title{font-size:18px;font-weight:500}.connect-empty .muted{color:#9aa3b2;font-size:14px}.connect-empty .spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.15);border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.collapse-toggle{position:absolute;top:8px;right:8px;width:28px;height:28px;padding:0;border-radius:4px;background:#000000b3;color:#fff;border:1px solid rgba(255,255,255,.2);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:1;z-index:1}.collapse-toggle:hover{background:#000000e6}