:root{color:#fff;font-synthesis:none;background:#090b0f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#bbmvid-app{background:#090b0f;width:100%;min-width:100%;height:100%;min-height:100%;margin:0;overflow:hidden}button,input{font:inherit}button{cursor:pointer}#bbmvid-app{isolation:isolate;--legacy-overlay-scale:1;position:relative}#name-editor-root,#participants-panel-root{z-index:3;pointer-events:none;position:absolute;inset:0}#feed{background:radial-gradient(circle at 50% 20%,#33415538,#0000 40%),#090b0f;display:grid;position:absolute;inset:0}.initial-state{color:#ffffffe0;text-align:center;place-self:center;max-width:28rem;padding:1.25rem 1.5rem}.error-state{color:#fecaca}.feed-video,.participant-video{object-fit:cover;background:#111318;width:100%;height:100%}.presented-screen{object-fit:contain;background:#050608}.waiting-video{filter:brightness(.58)saturate(.76)}.waiting-title{color:#fff;letter-spacing:.02em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#05070a5c;border:1px solid #ffffff38;border-radius:.5rem;padding:.55rem .8rem;font-size:clamp(1rem,2.3vw,1.35rem);font-weight:500;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.conference-grid{grid-template-columns:repeat(auto-fit,minmax(min(26rem,100%),1fr));grid-auto-rows:minmax(0,1fr);gap:2px;width:100%;height:100%;display:grid}.participant-tile{background:#111318;min-width:0;min-height:0;position:relative;overflow:hidden}.participant-name{color:#fff;text-overflow:ellipsis;white-space:nowrap;background:#04060985;border-radius:.28rem;max-width:calc(100% - 1.6rem);padding:.28rem .48rem;font-size:.78rem;position:absolute;bottom:.75rem;left:.8rem;overflow:hidden}.legacy-hd-active{top:calc(.72rem * var(--legacy-overlay-scale));right:calc(.72rem * var(--legacy-overlay-scale));z-index:1;padding:calc(.28rem * var(--legacy-overlay-scale)) calc(.48rem * var(--legacy-overlay-scale));color:#fffffff5;font-size:calc(.68rem * var(--legacy-overlay-scale));letter-spacing:.025em;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#05070ab8;border:1px solid #ffffff3d;border-radius:999px;font-weight:650;position:absolute}.legacy-hd-active[hidden]{display:none}.meeting-overlay,#device-picker-root{z-index:2;pointer-events:none;position:absolute;inset:0}.brandmark-overlay{top:max(calc(.75rem * var(--legacy-overlay-scale)), env(safe-area-inset-top,0px));left:max(calc(.75rem * var(--legacy-overlay-scale)), env(safe-area-inset-left,0px));z-index:1;width:clamp(calc(1.85rem * var(--legacy-overlay-scale)), calc(3.6vw * var(--legacy-overlay-scale)), calc(2.45rem * var(--legacy-overlay-scale)));aspect-ratio:1;opacity:.9;pointer-events:none;filter:drop-shadow(0 .15rem .45rem #0000005c);display:block;position:absolute}.brandmark-overlay-image{width:100%;height:auto;display:block}.media-quality-indicator{top:max(calc(.8rem * var(--legacy-overlay-scale)), env(safe-area-inset-top,0px));right:max(calc(.8rem * var(--legacy-overlay-scale)), env(safe-area-inset-right,0px));z-index:1;padding:calc(.34rem * var(--legacy-overlay-scale)) calc(.58rem * var(--legacy-overlay-scale));color:#fffffff0;font-size:calc(.7rem * var(--legacy-overlay-scale));letter-spacing:.025em;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#07090db3;border:1px solid #fff3;border-radius:999px;font-weight:600;position:absolute}.control-bar,.controls-handle,.participants-panel,.name-popup,.fullscreen-request,.fullscreen-fallback{pointer-events:auto}.control-bar{bottom:calc(3.15rem * var(--legacy-overlay-scale));gap:calc(.32rem * var(--legacy-overlay-scale));max-width:calc(100vw - 1rem);padding:calc(.38rem * var(--legacy-overlay-scale));border-radius:calc(.78rem * var(--legacy-overlay-scale));opacity:0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#07090d85;border:1px solid #ffffff24;transition:opacity .16s,transform .16s;display:flex;position:absolute;left:50%;overflow-x:auto;transform:translate(-50%,.65rem)}.control-bar-brand{padding:calc(.18rem * var(--legacy-overlay-scale)) calc(.48rem * var(--legacy-overlay-scale)) calc(.18rem * var(--legacy-overlay-scale)) calc(.2rem * var(--legacy-overlay-scale));border-right:1px solid #ffffff24;flex:none;align-self:stretch;align-items:center;display:flex}.control-bar-brand-image{width:clamp(calc(7.5rem * var(--legacy-overlay-scale)), calc(11vw * var(--legacy-overlay-scale)), calc(8.9rem * var(--legacy-overlay-scale)));max-height:calc(1.65rem * var(--legacy-overlay-scale));object-fit:contain;height:auto;display:block}.control-bar.is-visible{opacity:1;transform:translate(-50%)}.control-button,.controls-handle,.small-action,.panel-close,.fullscreen-request-button{color:#fff;border:0}.control-button{min-width:calc(4.2rem * var(--legacy-overlay-scale));padding:calc(.32rem * var(--legacy-overlay-scale)) calc(.46rem * var(--legacy-overlay-scale));border-radius:calc(.55rem * var(--legacy-overlay-scale));background:0 0;transition:background .13s;display:grid}.control-button:hover,.control-button:focus-visible{background:#ffffff26;outline:none}.control-button.participants-waiting{background:#aa720a57;border-color:#fed250c7;box-shadow:0 0 0 1px #fed2502e,0 0 1rem #fed25029}.control-button.participants-waiting:hover,.control-button.participants-waiting:focus-visible{background:#c0830d7a}.control-button.participants-waiting-pulse{animation:3s ease-in-out infinite legacy-participants-waiting-pulse}@keyframes legacy-participants-waiting-pulse{0%,to{box-shadow:0 0 0 1px #fed2502e,0 0 1rem #fed25029}7%{box-shadow:0 0 0 3px #fee08a94,0 0 1.7rem #fed2508c}14%{box-shadow:0 0 0 1px #fed2502e,0 0 1rem #fed25029}}@media (prefers-reduced-motion:reduce){.control-button.participants-waiting-pulse{animation:none}}.control-icon{min-height:calc(1.3rem * var(--legacy-overlay-scale));font-size:calc(1.18rem * var(--legacy-overlay-scale));line-height:calc(1.3rem * var(--legacy-overlay-scale))}.control-icon svg{width:calc(1.22rem * var(--legacy-overlay-scale));height:calc(1.22rem * var(--legacy-overlay-scale));fill:currentColor;vertical-align:middle}.control-label{font-size:calc(.63rem * var(--legacy-overlay-scale));white-space:nowrap;line-height:1.1}.device-picker-menu{z-index:1;bottom:calc(6.35rem * var(--legacy-overlay-scale));width:min(calc(22rem * var(--legacy-overlay-scale)), calc(100vw - 1rem));max-height:min(calc(20rem * var(--legacy-overlay-scale)), calc(100vh - 8rem));padding:calc(.38rem * var(--legacy-overlay-scale));border-radius:calc(.68rem * var(--legacy-overlay-scale));pointer-events:auto;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#07090de0;border:1px solid #ffffff2e;display:grid;position:absolute;left:50%;overflow:auto;transform:translate(-50%);box-shadow:0 .8rem 2rem #00000052}.device-picker-heading{padding:calc(.28rem * var(--legacy-overlay-scale)) calc(.42rem * var(--legacy-overlay-scale)) calc(.38rem * var(--legacy-overlay-scale));color:#ffffffc2;font-size:calc(.68rem * var(--legacy-overlay-scale));letter-spacing:.03em;text-transform:uppercase;font-weight:600}.device-picker-option{grid-template-columns:calc(1.1rem * var(--legacy-overlay-scale)) minmax(0, 1fr);align-items:center;gap:calc(.35rem * var(--legacy-overlay-scale));width:100%;padding:calc(.46rem * var(--legacy-overlay-scale)) calc(.48rem * var(--legacy-overlay-scale));border-radius:calc(.42rem * var(--legacy-overlay-scale));color:#fff;text-align:left;background:0 0;border:0;display:grid}.device-picker-option:hover,.device-picker-option:focus-visible,.device-picker-option[aria-checked=true]{background:#ffffff26;outline:none}.device-picker-option:disabled{cursor:not-allowed;opacity:.52}.device-picker-checkmark{color:#bfdbfe;text-align:center;min-height:1em;font-weight:700}.device-picker-label{font-size:calc(.78rem * var(--legacy-overlay-scale));text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.device-picker-options{gap:.08rem;display:grid}.leave-control:hover,.leave-control:focus-visible{background:#dc2626b8}.controls-handle{bottom:calc(3.15rem * var(--legacy-overlay-scale));padding:calc(.3rem * var(--legacy-overlay-scale)) calc(.68rem * var(--legacy-overlay-scale));font-size:calc(.72rem * var(--legacy-overlay-scale));letter-spacing:.03em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#07090d6e;border:1px solid #ffffff3d;border-radius:999px;position:absolute;left:50%;transform:translate(-50%)}.controls-handle:hover,.controls-handle:focus-visible{background:#07090dc7;outline:none}.fullscreen-request{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fullscreen-request-button{padding:calc(.7rem * var(--legacy-overlay-scale)) calc(1rem * var(--legacy-overlay-scale));border-radius:calc(.58rem * var(--legacy-overlay-scale));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#07090db8;border:1px solid #ffffff7a;font-weight:600}.fullscreen-fallback{max-width:min(calc(28rem * var(--legacy-overlay-scale)), calc(100vw - 2rem));padding:calc(.7rem * var(--legacy-overlay-scale)) calc(.9rem * var(--legacy-overlay-scale));border-radius:calc(.5rem * var(--legacy-overlay-scale));text-align:center;background:#07090dc2;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.participants-panel{top:calc(1rem * var(--legacy-overlay-scale));right:calc(1rem * var(--legacy-overlay-scale));bottom:calc(1rem * var(--legacy-overlay-scale));width:min(calc(31rem * var(--legacy-overlay-scale)), calc(100vw - 2rem));border-radius:calc(.75rem * var(--legacy-overlay-scale));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#090b0fd1;border:1px solid #ffffff2e;flex-direction:column;display:flex;position:absolute;box-shadow:0 1rem 3rem #00000059}.panel-header{padding:calc(.8rem * var(--legacy-overlay-scale)) calc(.95rem * var(--legacy-overlay-scale));border-bottom:1px solid #ffffff21;justify-content:space-between;align-items:center;display:flex}.panel-header-actions{align-items:center;gap:calc(.35rem * var(--legacy-overlay-scale));display:flex}.panel-header h2{font-size:calc(.98rem * var(--legacy-overlay-scale));margin:0;font-weight:600}.panel-close{width:calc(2rem * var(--legacy-overlay-scale));height:calc(2rem * var(--legacy-overlay-scale));border-radius:calc(.38rem * var(--legacy-overlay-scale));font-size:calc(1.25rem * var(--legacy-overlay-scale));background:0 0}.panel-close:hover,.panel-close:focus-visible{background:#ffffff21;outline:none}.participant-rows{padding:calc(.35rem * var(--legacy-overlay-scale));overflow:auto}.participant-row{padding:calc(.7rem * var(--legacy-overlay-scale));border-bottom:1px solid #ffffff1a}.participant-identity{gap:calc(.12rem * var(--legacy-overlay-scale));display:grid}.participant-identity strong{font-size:calc(.9rem * var(--legacy-overlay-scale))}.participant-userid,.participant-status{color:#ffffffa8;font-size:calc(.73rem * var(--legacy-overlay-scale))}.participant-status{margin-top:calc(.35rem * var(--legacy-overlay-scale))}.participant-actions,.name-actions{gap:calc(.34rem * var(--legacy-overlay-scale));margin-top:calc(.55rem * var(--legacy-overlay-scale));flex-wrap:wrap;display:flex}.small-action{padding:calc(.36rem * var(--legacy-overlay-scale)) calc(.5rem * var(--legacy-overlay-scale));border-radius:calc(.34rem * var(--legacy-overlay-scale));font-size:calc(.72rem * var(--legacy-overlay-scale));background:#ffffff1f}.small-action:hover,.small-action:focus-visible{background:#ffffff3b;outline:none}.secondary-action{background:0 0;border:1px solid #fff3}.name-popup{left:50%;bottom:max(calc(6.75rem * var(--legacy-overlay-scale)), calc(env(safe-area-inset-bottom,0px) + 6rem));min-width:min(calc(19rem * var(--legacy-overlay-scale)), calc(100vw - 2rem));gap:calc(.42rem * var(--legacy-overlay-scale));max-width:calc(100vw - 1rem);padding:calc(.75rem * var(--legacy-overlay-scale));border-radius:calc(.65rem * var(--legacy-overlay-scale));font-size:calc(.78rem * var(--legacy-overlay-scale));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#090b0fc7;border:1px solid #fff3;display:grid;position:absolute;transform:translate(-50%)}.name-input{width:100%;padding:calc(.5rem * var(--legacy-overlay-scale)) calc(.55rem * var(--legacy-overlay-scale));border-radius:calc(.35rem * var(--legacy-overlay-scale));color:#fff;background:#ffffff17;border:1px solid #ffffff52}.name-input:focus{border-color:#ffffffb8;outline:none}#status-root{z-index:10;top:calc(1rem * var(--legacy-overlay-scale));pointer-events:none;position:absolute;left:50%;transform:translate(-50%)}.status-toast{max-width:min(calc(32rem * var(--legacy-overlay-scale)), calc(100vw - 2rem));padding:calc(.55rem * var(--legacy-overlay-scale)) calc(.75rem * var(--legacy-overlay-scale));border-radius:calc(.45rem * var(--legacy-overlay-scale));color:#fffffff0;font-size:calc(.8rem * var(--legacy-overlay-scale));text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#080a0ec7;border:1px solid #ffffff2e}@media (width<=680px){.control-bar-brand{display:none}.brandmark-overlay{width:clamp(1.75rem,8vw,2.2rem)}.media-quality-indicator{top:max(.62rem, env(safe-area-inset-top,0px));right:max(.62rem, env(safe-area-inset-right,0px));font-size:.65rem}.control-bar{gap:.15rem;max-width:calc(100vw - .5rem);padding:.25rem;bottom:3.05rem}.control-button{min-width:3.45rem;padding:.25rem .28rem}.control-label{font-size:.56rem}.device-picker-menu{bottom:5.9rem}.participants-panel{width:auto;max-height:72%;inset:auto .5rem .5rem}.name-popup{right:.5rem;bottom:max(6.25rem, calc(env(safe-area-inset-bottom,0px) + 5.75rem))}.conference-grid{grid-template-columns:repeat(auto-fit,minmax(min(11rem,100%),1fr))}}