: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}.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--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}.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}@media (width<=640px){.lobby__content{gap:1.5rem}.side-panel{width:100vw}}