: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;position:relative}#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}.meeting-overlay{z-index:2;pointer-events:none;position:absolute;inset:0}.brandmark-overlay{top:max(.75rem, env(safe-area-inset-top,0px));left:max(.75rem, env(safe-area-inset-left,0px));z-index:1;aspect-ratio:1;opacity:.9;pointer-events:none;filter:drop-shadow(0 .15rem .45rem #0000005c);width:clamp(1.85rem,3.6vw,2.45rem);display:block;position:absolute}.brandmark-overlay-image{width:100%;height:auto;display:block}.control-bar,.controls-handle,.participants-panel,.name-popup,.fullscreen-request,.fullscreen-fallback{pointer-events:auto}.control-bar{opacity:0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#07090d85;border:1px solid #ffffff24;border-radius:.78rem;gap:.32rem;max-width:calc(100vw - 1rem);padding:.38rem;transition:opacity .16s,transform .16s;display:flex;position:absolute;bottom:3.15rem;left:50%;overflow-x:auto;transform:translate(-50%,.65rem)}.control-bar-brand{border-right:1px solid #ffffff24;flex:none;align-self:stretch;align-items:center;padding:.18rem .48rem .18rem .2rem;display:flex}.control-bar-brand-image{object-fit:contain;width:clamp(7.5rem,11vw,8.9rem);height:auto;max-height:1.65rem;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{background:0 0;border-radius:.55rem;min-width:4.2rem;padding:.32rem .46rem;transition:background .13s;display:grid}.control-button:hover,.control-button:focus-visible{background:#ffffff26;outline:none}.control-icon{min-height:1.3rem;font-size:1.18rem;line-height:1.3rem}.control-label{white-space:nowrap;font-size:.63rem;line-height:1.1}.leave-control:hover,.leave-control:focus-visible{background:#dc2626b8}.controls-handle{letter-spacing:.03em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#07090d6e;border:1px solid #ffffff3d;border-radius:999px;padding:.3rem .68rem;font-size:.72rem;position:absolute;bottom:.8rem;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{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#07090db8;border:1px solid #ffffff7a;border-radius:.58rem;padding:.7rem 1rem;font-weight:600}.fullscreen-fallback{text-align:center;background:#07090dc2;border-radius:.5rem;max-width:min(28rem,100vw - 2rem);padding:.7rem .9rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.participants-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#090b0fd1;border:1px solid #ffffff2e;border-radius:.75rem;flex-direction:column;width:min(31rem,100vw - 2rem);display:flex;position:absolute;top:1rem;bottom:1rem;right:1rem;box-shadow:0 1rem 3rem #00000059}.panel-header{border-bottom:1px solid #ffffff21;justify-content:space-between;align-items:center;padding:.8rem .95rem;display:flex}.panel-header h2{margin:0;font-size:.98rem;font-weight:600}.panel-close{background:0 0;border-radius:.38rem;width:2rem;height:2rem;font-size:1.25rem}.panel-close:hover,.panel-close:focus-visible{background:#ffffff21;outline:none}.participant-rows{padding:.35rem;overflow:auto}.participant-row{border-bottom:1px solid #ffffff1a;padding:.7rem}.participant-identity{gap:.12rem;display:grid}.participant-identity strong{font-size:.9rem}.participant-userid,.participant-status{color:#ffffffa8;font-size:.73rem}.participant-status{margin-top:.35rem}.participant-actions,.name-actions{flex-wrap:wrap;gap:.34rem;margin-top:.55rem;display:flex}.small-action{background:#ffffff1f;border-radius:.34rem;padding:.36rem .5rem;font-size:.72rem}.small-action:hover,.small-action:focus-visible{background:#ffffff3b;outline:none}.secondary-action{background:0 0;border:1px solid #fff3}.name-popup{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#090b0fc7;border:1px solid #fff3;border-radius:.65rem;gap:.42rem;min-width:min(19rem,100vw - 2rem);padding:.75rem;font-size:.78rem;display:grid;position:absolute;bottom:1rem;right:1rem}.name-input{color:#fff;background:#ffffff17;border:1px solid #ffffff52;border-radius:.35rem;width:100%;padding:.5rem .55rem}.name-input:focus{border-color:#ffffffb8;outline:none}#status-root{z-index:10;pointer-events:none;position:absolute;top:1rem;left:50%;transform:translate(-50%)}.status-toast{color:#fffffff0;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#080a0ec7;border:1px solid #ffffff2e;border-radius:.45rem;max-width:min(32rem,100vw - 2rem);padding:.55rem .75rem;font-size:.8rem}@media (width<=680px){.control-bar-brand{display:none}.brandmark-overlay{width:clamp(1.75rem,8vw,2.2rem)}.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}.participants-panel{width:auto;max-height:72%;inset:auto .5rem .5rem}.name-popup{bottom:.5rem;right:.5rem}.conference-grid{grid-template-columns:repeat(auto-fit,minmax(min(11rem,100%),1fr))}}