:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#202124;--surface:#28292c;--surface-raised:#3c4043;--surface-hover:#46474a;--stroke:#3c4043;--text:#e8eaed;--text-secondary:#9aa0a6;--blue:#8ab4f8;--blue-solid:#0b57d0;--blue-solid-hover:#0842a0;--red:#ea4335;--red-hover:#d33426;--font-display:"Google Sans", Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body:Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body);margin:0}button{font-family:inherit}.material-symbols-outlined{font-variation-settings:"opsz" 24, "wght" 400, "FILL" 0, "GRAD" 0;-webkit-user-select:none;user-select:none;font-size:24px;line-height:1}.btn{font-family:var(--font-display);cursor:pointer;border:none;border-radius:999px;padding:.7rem 1.5rem;font-size:.9375rem;font-weight:500;transition:background-color .15s,box-shadow .15s}.btn--primary{background:var(--blue-solid);color:#fff}.btn--primary:hover{background:var(--blue-solid-hover)}.btn--primary:disabled{color:#6b6d70;cursor:not-allowed;background:#3c4043}.btn--text{color:var(--blue);background:0 0;padding:.7rem 1rem}.btn--text:hover{background:#8ab4f814}.btn--danger{background:var(--red);color:#fff}.btn--danger:hover{background:var(--red-hover)}.icon-btn{width:40px;height:40px;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background-color .15s;display:inline-flex;position:relative}.icon-btn:hover{background:#ffffff14}.icon-btn__badge{background:var(--blue);color:#062e6f;border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 3px;font-size:.65rem;font-weight:700;display:flex;position:absolute;bottom:-2px;right:-2px}.dock-btn{background:var(--surface-raised);width:52px;height:52px;color:var(--text);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background-color .15s,color .15s;display:inline-flex}.dock-btn:hover{background:var(--surface-hover)}.dock-btn[aria-pressed=false]{color:#202124;background:#f1f3f4}.dock-btn[aria-pressed=false]:hover{background:#e2e4e6}.dock-btn--active{background:var(--blue-solid);color:#fff}.dock-btn--active:hover{background:var(--blue-solid-hover)}.dock-btn--leave{background:var(--red);color:#fff;border-radius:28px;width:76px}.dock-btn--leave:hover{background:var(--red-hover)}.lobby{flex-direction:column;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.lobby__brand{font-family:var(--font-display);color:var(--text);align-self:flex-start;align-items:center;gap:.6rem;font-size:1.375rem;display:flex}.lobby__logo{object-fit:contain;width:38px;height:32px}.lobby__content{flex-wrap:wrap;flex:1;justify-content:center;align-items:center;gap:3rem;padding:2rem 0;display:flex}.lobby__preview{width:min(480px,90vw)}.preview-tile{aspect-ratio:16/10;background:#3c4043;border-radius:16px;width:100%;position:relative;overflow:hidden;box-shadow:0 1px 3px #0006}.preview-tile video{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.preview-tile__avatar{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.preview-tile__avatar-circle{aspect-ratio:1;width:clamp(72px,22%,160px);font-family:var(--font-display);color:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:clamp(1.75rem,6vw,3.5rem);font-weight:500;display:flex}.preview-tile__hint{text-align:center;color:#ffffffbf;margin:0;font-size:.85rem;position:absolute;top:1rem;left:0;right:0}.preview-tile__controls{justify-content:center;gap:.75rem;display:flex;position:absolute;bottom:1rem;left:0;right:0}.lobby__panel{flex-direction:column;gap:.5rem;width:min(360px,90vw);display:flex}.lobby__panel h1{font-family:var(--font-display);margin:0;font-size:1.75rem;font-weight:400}.lobby__subtitle{color:var(--text-secondary);margin:0 0 1rem;font-size:.95rem}.lobby__form{flex-direction:column;gap:1.25rem;display:flex}.text-field{position:relative}.text-field input{width:100%;color:var(--text);background:0 0;border:1px solid #5f6368;border-radius:8px;outline:none;padding:1rem .875rem .5rem;font-size:1rem;transition:border-color .15s}.text-field input:focus{border-color:var(--blue);border-width:2px;padding:calc(1rem - 1px) calc(.875rem - 1px) calc(.5rem - 1px)}.text-field label{color:var(--text-secondary);pointer-events:none;background:var(--bg);padding:0 .25rem;font-size:1rem;transition:all .15s;position:absolute;top:.9rem;left:.875rem}.text-field input:focus+label,.text-field input:not(:placeholder-shown)+label{font-size:.75rem;top:-.55rem}.text-field input:focus+label{color:var(--blue)}.lobby__actions{flex-direction:column;align-items:flex-start;gap:.5rem;margin-top:.5rem;display:flex}.meeting{flex-direction:column;height:100vh;display:flex;position:relative;overflow:hidden}.meeting__topbar{flex-shrink:0;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;display:flex}.meeting__meta{color:var(--text-secondary);align-items:center;gap:.6rem;font-size:.875rem;display:flex}.meeting__clock{color:var(--text)}.meeting__divider{opacity:.5}.meeting__topbar-actions{align-items:center;gap:.25rem;display:flex}.meeting__stage{flex:1;justify-content:center;align-items:center;min-height:0;padding:.5rem 1rem;display:flex}.video-grid{grid-template-columns:1fr;grid-auto-rows:1fr;place-content:center;gap:8px;width:100%;height:100%;display:grid}.video-grid[data-count="1"]{grid-template-columns:minmax(0,960px);justify-content:center}.video-grid[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.video-grid[data-count="3"],.video-grid[data-count="4"]{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr))}.video-grid[data-count="5"],.video-grid[data-count="6"]{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr))}.video-grid:not([data-count="1"]):not([data-count="2"]):not([data-count="3"]):not([data-count="4"]):not([data-count="5"]):not([data-count="6"]){grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-auto-rows:minmax(160px,1fr)}.video-tile{background:#3c4043;border-radius:12px;min-height:0;position:relative;overflow:hidden}.video-tile--screen{grid-area:span 2/span 2}.video-tile video{object-fit:cover;width:100%;height:100%;display:block}.video-tile--mirrored video{transform:scaleX(-1)}.video-tile__avatar{justify-content:center;align-items:center;display:none;position:absolute;inset:0}.video-tile__avatar-circle{aspect-ratio:1;width:clamp(56px,22%,140px);font-family:var(--font-display);color:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:clamp(1.25rem,6vw,2.75rem);font-weight:500;display:flex}.video-tile--paused .video-tile__avatar{display:flex}.video-tile--paused video{visibility:hidden}.video-tile__label{color:#fff;background:#0000008c;border-radius:6px;align-items:center;gap:.3rem;max-width:calc(100% - 20px);padding:3px 10px;font-size:.8125rem;display:inline-flex;position:absolute;bottom:10px;left:10px}.video-tile__label-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.video-tile__mic-badge{color:#fff;background:#0000008c;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:none;position:absolute;bottom:10px;right:10px}.video-tile__mic-badge .material-symbols-outlined{font-size:16px}.video-tile--mic-muted .video-tile__mic-badge{display:inline-flex}.video-tile__hand-badge{background:var(--blue-solid);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;animation:.3s cubic-bezier(.34,1.56,.64,1) hand-badge-pop;display:none;position:absolute;top:8px;left:8px}.video-tile__hand-badge .material-symbols-outlined{font-size:16px}.video-tile--hand-raised .video-tile__hand-badge{display:inline-flex}@keyframes hand-badge-pop{0%{opacity:0;transform:scale(.4)rotate(-20deg)}60%{opacity:1;transform:scale(1.15)rotate(8deg)}to{transform:scale(1)rotate(0)}}.video-tile--speaking{box-shadow:0 0 0 3px var(--blue)}.video-tile__pin-btn{color:#fff;cursor:pointer;background:#0000008c;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;display:none;position:absolute;top:8px;right:8px}.video-tile__pin-btn .material-symbols-outlined{font-size:16px}.video-tile:hover .video-tile__pin-btn,.video-tile--featured .video-tile__pin-btn,.video-tile--pinned .video-tile__pin-btn{display:inline-flex}.video-tile--pinned .video-tile__pin-btn{background:var(--blue-solid)}.video-tile--pinned .video-tile__pin-btn .material-symbols-outlined{font-variation-settings:"FILL" 1}.spotlight-view{flex-direction:column;gap:8px;width:100%;height:100%;min-height:0;display:flex}.spotlight-stage{flex:auto;min-height:0;display:flex}.spotlight-stage .video-tile{flex:auto;width:100%}.spotlight-filmstrip{flex:none;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.spotlight-filmstrip .video-tile{aspect-ratio:16/9;flex:none;width:200px}.side-panel{color:#202124;z-index:5;background:#fff;flex-direction:column;width:min(360px,100vw);display:flex;position:absolute;top:0;bottom:0;right:0;box-shadow:-1px 0 4px #0000004d}.side-panel__header{border-bottom:1px solid #dadce0;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.side-panel__header h2{font-family:var(--font-display);margin:0;font-size:1.125rem;font-weight:500}.side-panel .icon-btn{color:#202124}.participants-list{margin:0;padding:.5rem 0;list-style:none;overflow-y:auto}.participant-row{align-items:center;gap:.75rem;padding:.6rem 1.25rem;display:flex}.participant-row__avatar{color:#fff;width:32px;height:32px;font-family:var(--font-display);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;font-weight:500;display:flex}.participant-row__name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.9rem;overflow:hidden}.participant-row__mic{color:#5f6368;display:flex}.participant-row__mic .material-symbols-outlined{font-size:20px}.participant-row__mic--muted{color:#d93025}.participant-row__hand{color:var(--blue-solid);display:flex}.participant-row__hand .material-symbols-outlined{font-size:20px}.chat-messages{flex-direction:column;flex:1;gap:.9rem;margin:0;padding:.75rem 1.25rem;list-style:none;display:flex;overflow-y:auto}.chat-message__header{align-items:baseline;gap:.5rem;display:flex}.chat-message__name{font-family:var(--font-display);font-size:.85rem;font-weight:500}.chat-message__time{color:#5f6368;font-size:.7rem}.chat-message__body{overflow-wrap:anywhere;white-space:pre-wrap;margin-top:.15rem;font-size:.9rem;line-height:1.35}.chat-messages__empty{color:#5f6368;text-align:center;margin-top:1.5rem;font-size:.85rem}.chat-form{border-top:1px solid #dadce0;flex-shrink:0;align-items:center;gap:.5rem;padding:.75rem 1.25rem;display:flex}.chat-form__input{color:#202124;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff;border:1px solid #dadce0;border-radius:20px;flex:1;padding:.5rem 1rem;font-family:inherit;font-size:.9rem}.chat-form__input:focus{border-color:var(--blue-solid);outline:none}.chat-form__send{color:var(--blue-solid);flex-shrink:0}.meeting__dock{flex-shrink:0;justify-content:center;align-items:center;gap:1.5rem;padding:1rem 1.25rem 1.25rem;display:flex}.meeting__dock-group{background:#ffffff0a;border-radius:32px;align-items:center;gap:.85rem;padding:.4rem;display:flex}.reaction-dock{display:inline-flex;position:relative}.reaction-picker{background:var(--surface-raised);border-radius:999px;gap:.25rem;padding:.4rem;animation:.15s ease-out reaction-picker-in;display:flex;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0006}@keyframes reaction-picker-in{0%{opacity:0;transform:translate(-50%)translateY(6px)scale(.9)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.reaction-picker__item{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.5rem;line-height:1;transition:transform .15s,background-color .15s;display:inline-flex}.reaction-picker__item:hover{background:var(--surface-hover);transform:scale(1.2)}.background-dock{display:inline-flex;position:relative}.background-picker{background:var(--surface-raised);border-radius:16px;grid-template-columns:repeat(3,1fr);gap:.6rem;width:224px;padding:.75rem;animation:.15s ease-out reaction-picker-in;display:grid;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0006}.background-picker__swatch{color:var(--text-secondary);font-family:var(--font-body);cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:.3rem;padding:0;font-size:.7rem;display:flex}.background-picker__swatch:hover{color:var(--text)}.background-picker__swatch:disabled{cursor:default;opacity:.5}.background-picker__swatch-preview{background-color:var(--surface-hover);background-position:50%;background-size:cover;border:2px solid #0000;border-radius:10px;width:56px;height:56px;transition:border-color .15s,transform .15s}.background-picker__swatch:hover .background-picker__swatch-preview{transform:scale(1.05)}.background-picker__swatch-preview--icon{color:var(--text);justify-content:center;align-items:center;display:flex}.background-picker__swatch--active .background-picker__swatch-preview{border-color:var(--blue)}.background-picker__swatch-label{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}#reactions-layer{pointer-events:none;z-index:60;position:fixed;inset:0;overflow:hidden}.reaction-ring{border:2px solid var(--blue);border-radius:50%;width:20px;height:20px;margin:-10px 0 0 -10px;animation:.6s cubic-bezier(.1,.6,.4,1) forwards reaction-ring-expand;position:absolute}@keyframes reaction-ring-expand{0%{opacity:.9;transform:scale(.4);box-shadow:0 0 #8ab4f880}to{opacity:0;transform:scale(3.2);box-shadow:0 0 0 12px #8ab4f800}}.reaction-spark{border-radius:50%;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;animation:.75s cubic-bezier(.15,.7,.3,1) forwards reaction-spark-fly;position:absolute}@keyframes reaction-spark-fly{0%{opacity:1;transform:translate(0)scale(1)}to{transform:translate(var(--sx), var(--sy)) scale(.2);opacity:0}}.reaction-bubble{animation:reaction-float var(--duration,2.4s) cubic-bezier(.2, .65, .3, 1) forwards;will-change:transform, opacity;flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;transform:translate(-50%,-50%)}.reaction-bubble__inner{animation:reaction-wobble var(--wobble-duration,.6s) ease-in-out infinite alternate;will-change:transform;display:inline-block}.reaction-bubble__emoji{filter:drop-shadow(0 3px 8px #00000073);font-size:2.5rem;display:inline-block}.reaction-bubble__name{color:#fff;white-space:nowrap;text-overflow:ellipsis;background:#0009;border-radius:999px;max-width:140px;padding:1px 8px;font-size:.6875rem;font-weight:500;overflow:hidden}@keyframes reaction-wobble{0%{transform:rotate(var(--rot-a,14deg)) scale(1.05)}to{transform:rotate(var(--rot-b,-14deg)) scale(.95)}}@keyframes reaction-float{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)}10%{transform:translate(calc(-50% + var(--drift-x) * .1), calc(-50% - var(--rise) * .14)) scale(1.3);opacity:1}30%{transform:translate(calc(-50% + var(--drift-x) * -.15), calc(-50% - var(--rise) * .38)) scale(1.05)}50%{transform:translate(calc(-50% + var(--drift-x) * .55), calc(-50% - var(--rise) * .58)) scale(1)}70%{transform:translate(calc(-50% + var(--drift-x) * .2), calc(-50% - var(--rise) * .78)) scale(.95)}88%{opacity:1}to{transform:translate(calc(-50% + var(--drift-x)), calc(-50% - var(--rise))) scale(.8);opacity:0}}.dialog-overlay{z-index:20;background:#00000080;justify-content:center;align-items:center;animation:.15s ease-out dialog-overlay-in;display:flex;position:fixed;inset:0}.dialog{background:var(--surface-raised);width:min(360px,100vw - 2.5rem);color:var(--text);border-radius:16px;padding:1.5rem;animation:.15s ease-out dialog-in;box-shadow:0 8px 28px #00000073}.dialog__title{font-family:var(--font-display);margin:0 0 .5rem;font-size:1.25rem;font-weight:500}.dialog__body{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.4}.dialog__actions{justify-content:flex-end;gap:.5rem;margin-top:1.5rem;display:flex}.device-picker{flex-direction:column;gap:1rem;margin-top:1rem;display:flex}.device-picker__row{flex-direction:column;gap:.35rem;display:flex}.device-picker__label{color:var(--text-secondary);font-size:.8rem}.device-picker__select{width:100%;color:var(--text);background:var(--surface);border:1px solid var(--stroke);border-radius:8px;outline:none;padding:.55rem .75rem;font-family:inherit;font-size:.9rem}.device-picker__select:focus{border-color:var(--blue)}@keyframes dialog-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes dialog-in{0%{opacity:0;transform:scale(.95)translateY(4px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (width<=640px){.lobby__content{gap:1.5rem}.side-panel{width:100vw}}