*,:before,:after{box-sizing:border-box}html{text-size-adjust:none;scroll-behavior:smooth;background:var(--page);color-scheme:dark;min-height:100%}body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0}body{background:var(--page);color:var(--text-colour);font:.875rem/1.5 var(--font);overflow-wrap:break-word;min-height:100vh;text-rendering:optimizespeed}h1,h2,h3,h4{color:var(--heading-colour);font-weight:600;line-height:1.3}h1{font-size:1.5rem}h2{font-size:1.125rem}h3{font-size:1rem}b,strong{font-weight:700}small{font-size:.75rem}a{color:inherit;text-decoration:none}button{cursor:pointer;background:none;border:none;padding:0;font:inherit;color:inherit}fieldset{border:none;margin:0;padding:0}iframe{border:0}img,picture{max-width:100%;height:auto;display:block}ul[role=list],ol[role=list]{padding:0;list-style:none}input,button,textarea,select{font:inherit}::selection{background:var(--accent);color:var(--accent-text)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--white: oklch(100% 0 0);--black: oklch(0% 0 0);--ash-100: oklch(92.27% .0058 277.13);--ash-400: oklch(68.02% .0201 277.53);--ash-600: oklch(51.96% .0192 277.28);--night-500: oklch(33.01% .0178 277.04);--night-700: oklch(26.03% .0156 277.17);--night-800: oklch(22.51% .0139 277.31);--night-900: oklch(19.02% .0118 277.42);--night-950: oklch(15.03% .0097 277.36);--iris-500: oklch(58.53% .2032 277.12);--grass: oklch(74.01% .1794 149.83);--sun: oklch(93.2% .1335 98.81);--cherry: oklch(60.02% .2001 25.11);--rust-900: oklch(27.01% .0798 24.17);--rust-300: oklch(65.99% .0402 18.22);--iris: var(--iris-500);--dusk: var(--night-900);--midnight: var(--night-800);--pitch: var(--night-950);--smoke: var(--ash-400);--bone: var(--ash-100);--accent: var(--iris);--accent-text: var(--white);--accent-soft: oklch(from var(--accent) calc(l - .07) c h);--accent-bright: oklch(from var(--accent) calc(l + .085) calc(c - .034) h);--accent-glow: oklch(from var(--accent) l c h / .14);--page: var(--dusk);--card: var(--midnight);--card-hover: var(--night-700);--well: var(--pitch);--raised: var(--night-500);--text-colour: var(--bone);--heading-colour: var(--white);--muted: var(--smoke);--quiet: var(--ash-600);--speaking: var(--grass);--warning: var(--sun);--danger: var(--cherry);--danger-well: var(--rust-900);--danger-text: var(--rust-300);--danger-soft: oklch(from var(--danger) calc(l - .07) c h);--shadow-colour: oklch(0% 0 0 / .5);--shadow-sm: 0 .125rem .5rem var(--shadow-colour);--shadow: 0 .25rem 1rem var(--shadow-colour);--shadow-lg: 0 .5rem 2rem var(--shadow-colour);--radius: .875rem;--radius-sm: .25rem;--pill: 50rem;--lobby-card: #1b1d25;--lobby-card-hover: #252733;--lobby-text: #f4f2f7;--lobby-muted: #a6a6b5;--lobby-accent: #8278ef;--lobby-panel-width: clamp(25rem, 32vw, 28.75rem);--lobby-edge: clamp(1.5rem, 3.25vw, 3.5rem);--lobby-radius-panel: 1.25rem;--lobby-radius-card: .875rem;--font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Cantarell, Oxygen, Roboto, Helvetica, Arial, sans-serif;--font-mono: source-code-pro, Monaco, Consolas, "Courier New", monospace}:where(input:not([type=checkbox],[type=radio],[type=file],[type=color],[type=hidden],[type=range]),select,textarea){background:var(--well);border-radius:var(--radius);color:var(--text-colour);border:2px solid transparent;width:100%;padding:.5rem .875rem;transition:border-color .15s}@media(pointer:coarse){:where(input:not([type=checkbox],[type=radio],[type=file],[type=color],[type=hidden],[type=range]),select,textarea){font-size:1rem}}:where(input:not([type=checkbox],[type=radio],[type=file],[type=color],[type=hidden],[type=range]),select,textarea)::placeholder{color:var(--muted)}:where(input:not([type=checkbox],[type=radio],[type=file],[type=color],[type=hidden],[type=range]),select,textarea):focus{border-color:var(--accent);outline:none}:where(input:not([type=checkbox],[type=radio],[type=file],[type=color],[type=hidden],[type=range]),select,textarea):disabled{cursor:not-allowed;opacity:.5}:where(select){appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%2375758a' d='M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9S301 192 288 192H32c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z'/%3E%3C/svg%3E");background-position:right .875rem center;background-repeat:no-repeat;background-size:.625rem;padding-right:2.25rem}:where(label){align-content:start;gap:.375rem;font-weight:600;display:grid}:where(label):has(>input[type=checkbox]){cursor:pointer;flex-wrap:wrap;align-items:center;column-gap:.75rem;font-weight:400;display:flex}:where(label):has(>input[type=checkbox])>small{flex-basis:100%;padding-left:3.25rem}:where(label)>small{color:var(--muted);font-weight:400}:where(input[type=checkbox]){appearance:none;background:var(--raised);border-radius:var(--pill);cursor:pointer;flex-shrink:0;width:2.5rem;height:1.5rem;transition:background .2s;position:relative}:where(input[type=checkbox]):after{background:var(--night-900);content:"";border-radius:50%;width:1.125rem;height:1.125rem;transition:translate .2s;position:absolute;inset:.1875rem auto auto .1875rem}:where(input[type=checkbox]):checked{background:var(--accent)}:where(input[type=checkbox]):checked:after{translate:1rem}:where(input[type=checkbox]):disabled{cursor:not-allowed;opacity:.5}:where(p[data-error]){background:var(--card);border-radius:var(--radius);border-left:3px solid var(--danger);color:var(--danger-text);padding:.75rem 1.25rem}.button{--button-bg: var(--card);--button-text: var(--text-colour);--button-hover: var(--card-hover);background:var(--button-bg);border-radius:var(--radius);color:var(--button-text);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:.375rem;padding:.625rem 1.125rem;font-size:.875rem;font-weight:600;line-height:1.5;transition:background .15s,color .15s;display:inline-flex}.button:hover{background:var(--button-hover)}.button:disabled{cursor:not-allowed;opacity:.4}.button:disabled:hover{background:var(--button-bg)}.button[aria-pressed=true],.button.--primary{--button-bg: var(--accent);--button-text: var(--accent-text);--button-hover: var(--accent-soft)}.button.--danger{--button-bg: var(--danger-well);--button-text: var(--danger-text);--button-hover: oklch(from var(--danger-well) calc(l + .04) c h)}.button.--lg{padding:.75rem 1.25rem;font-size:1rem}.tag{background:var(--accent-glow);border-radius:var(--pill);color:var(--accent-bright);padding:.125rem .5rem;font-size:.6875rem;font-weight:700}.tag.--closed{background:var(--danger-well);color:var(--danger-text)}.tag.--live{background:var(--danger);color:var(--white)}.avatar{--avatar-size: 2.5rem;--avatar-hue: 277;aspect-ratio:1;background:oklch(.55 .12 var(--avatar-hue));color:var(--white);font-size:calc(var(--avatar-size) * .4);-webkit-user-select:none;user-select:none;height:var(--avatar-size);width:var(--avatar-size);border-radius:50%;flex-shrink:0;place-items:center;font-weight:700;line-height:1;display:grid;position:relative}.avatar[data-live=true]:after{background:var(--danger);content:"";height:calc(var(--avatar-size) * .28);width:calc(var(--avatar-size) * .28);border-radius:50%;position:absolute;inset:auto auto 0 50%;translate:-50% 40%}.avatar__image{object-fit:cover;border-radius:50%;width:100%;height:100%}.empty{color:var(--muted);text-align:center;padding-block:2rem;font-size:1rem;display:grid;justify-items:center;gap:.5rem}.icon{vertical-align:-.125em;flex-shrink:0;width:1em;height:1em;display:inline-block}.lobby{--accent: var(--lobby-accent);isolation:isolate;grid-template-columns:minmax(0,1fr) var(--lobby-panel-width);grid-template-rows:auto minmax(0,1fr);column-gap:clamp(1.5rem,3vw,3rem);width:100%;min-height:100dvh;margin:0;padding:var(--lobby-edge);display:grid;position:relative;background:var(--page)}.lobby__wall{position:absolute;inset:0;z-index:-1;width:100%;height:100%;max-width:none;object-fit:cover;pointer-events:none;animation:lobby-wall-in .24s ease-out}@keyframes lobby-wall-in{0%{opacity:.35}to{opacity:1}}.lobby__wall-controls{grid-column:1;grid-row:2;align-self:end;justify-self:start;align-items:flex-end;gap:1rem;max-width:100%;color:#fff;text-shadow:0 .125rem .875rem rgb(0 0 0 / .8);display:flex}.lobby__wall-actions{flex-shrink:0;gap:.25rem;padding:.25rem;border:1px solid rgb(255 255 255 / .12);border-radius:var(--pill);background:#111218bd;box-shadow:0 .5rem 1.5rem #0000002e;-webkit-backdrop-filter:blur(.75rem);backdrop-filter:blur(.75rem);text-shadow:none;display:flex}.lobby__wall-actions button{color:#fff;place-items:center;width:2.25rem;height:2.25rem;border-radius:50%;display:grid}.lobby__wall-actions button:hover{background:#ffffff1f}.lobby__wall-actions button[aria-pressed=true]{background:var(--lobby-accent)}.lobby__wall-actions .lobby__wall-text{gap:.375rem;width:auto;padding:0 .75rem 0 .625rem;border-radius:var(--pill);font-size:.875rem;font-weight:600;grid-auto-flow:column}.wallpaper-dialog{width:min(72rem,calc(100vw - 2rem))}.wallpaper-dialog__grid{grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));align-items:start;gap:1rem;min-height:0;padding-right:.25rem;overflow-y:auto;display:grid}.wallpaper-dialog__item{min-width:0;gap:.375rem;display:grid}.wallpaper-dialog__item>button{border:2px solid transparent;border-radius:var(--radius);text-align:left;background:var(--well);overflow:hidden}.wallpaper-dialog__item>button[aria-pressed=true]{border-color:var(--accent)}.wallpaper-dialog__item img{width:100%;aspect-ratio:8 / 5;object-fit:cover}.wallpaper-dialog__item button>span{gap:.125rem;padding:.625rem;display:grid}.wallpaper-dialog__item button>span>small,.wallpaper-dialog__item>a,.wallpaper-dialog__item>small{color:var(--muted)}.wallpaper-dialog__item>a,.wallpaper-dialog__item>small{padding-inline:.125rem;font-size:.6875rem}.lobby__brand{grid-column:1;grid-row:1;align-self:start;justify-self:start}.lobby__brand h1{color:#fff;align-items:center;gap:.75rem;font-size:clamp(1.75rem,2.5vw,2.125rem);font-weight:650;letter-spacing:-.045em;line-height:1;text-shadow:0 .125rem 1.25rem rgb(0 0 0 / .8);display:flex}.lobby__brand img{filter:drop-shadow(0 .25rem .75rem rgb(0 0 0 / .45))}.lobby__panel{grid-column:2;grid-row:1 / -1;align-self:center;grid-template-rows:auto minmax(0,1fr) auto auto;gap:1rem;width:100%;max-height:calc(100dvh - var(--lobby-edge) - var(--lobby-edge));min-height:0;padding:1.375rem;border:1px solid rgb(255 255 255 / .1);border-radius:var(--lobby-radius-panel);background:#111218f0;box-shadow:0 1.5rem 4rem #00000047;-webkit-backdrop-filter:blur(.875rem);backdrop-filter:blur(.875rem);display:grid}.lobby__directory-header{justify-content:space-between;align-items:flex-start;gap:1rem;min-width:0;display:flex}.lobby__directory-header>div{min-width:0}.lobby__directory-header h2{color:var(--lobby-text);font-size:1.25rem;letter-spacing:-.02em}.lobby__directory-header p{color:var(--lobby-muted);margin-top:.125rem;font-size:.75rem}.lobby__directory-header nav{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.lobby__directory-header .button{padding:.5rem .75rem}.lobby__profile{max-width:10rem}.lobby__profile>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lobby__role{color:inherit;background:#ffffff38;border-radius:var(--pill);padding:.125rem .375rem;font-size:.625rem;font-weight:600}.lobby__directory-body{min-height:0;padding-right:.25rem;overflow-y:auto;scrollbar-color:var(--night-500) transparent;scrollbar-width:thin}.lobby__rooms{gap:.5rem;display:grid}.lobby__footer-actions{justify-content:center;display:flex}.site-footer{color:var(--lobby-muted);justify-self:center;font-size:.75rem;text-align:center}.site-footer a{color:inherit;text-decoration:underline;text-underline-offset:.15em}.site-footer a:hover{color:var(--lobby-text)}.lobby__entry{--room-colour: var(--accent);grid-template-columns:minmax(0,1fr) 2.75rem;align-items:stretch;border:1px solid transparent;border-radius:var(--lobby-radius-card);background:var(--lobby-card);transition:background-color .15s,border-color .15s;display:grid;overflow:hidden}.lobby__entry:hover{background:var(--lobby-card-hover)}.lobby__room{min-width:0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.75rem .5rem .75rem .75rem;color:var(--lobby-text);text-align:left;display:grid}.lobby__room:focus-visible,.lobby__copy:focus-visible{outline-color:var(--lobby-accent);outline-offset:-.1875rem}.lobby__room:disabled{cursor:not-allowed;opacity:.55}.lobby__room-icon{background:oklch(from var(--room-colour) l c h / .2);box-shadow:inset 0 0 0 1px oklch(from var(--room-colour) l c h / .42);border-radius:50%;flex-shrink:0;place-items:center;width:2.625rem;height:2.625rem;font-size:1.25rem;display:grid}.lobby__room-content{min-width:0;gap:.25rem;display:grid}.lobby__room-title{min-width:0;align-items:center;flex-wrap:wrap;gap:.25rem .375rem;display:flex}.lobby__room-title>strong{color:var(--lobby-text);min-width:0;font-size:.875rem;font-weight:650;line-height:1.25}.lobby__description{color:var(--lobby-muted);font-size:.75rem;line-height:1.35;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.lobby__occupancy{max-width:6.5rem;justify-items:end;gap:.125rem;text-align:right;display:grid}.lobby__occupancy>strong{color:var(--lobby-muted);font-size:.75rem;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.lobby__occupancy>small{color:var(--lobby-muted);font-size:.6875rem;line-height:1.25}.lobby__copy{color:var(--lobby-muted);place-self:center;place-items:center;width:2.75rem;min-height:2.75rem;border-radius:.625rem;font-size:1rem;display:grid}.lobby__copy:hover{color:var(--lobby-text);background:#ffffff12}.tag.--public{color:var(--speaking);background:oklch(from var(--speaking) l c h / .12)}.tag.--neutral{color:var(--lobby-muted);background:#ffffff12}.admin__link,.room-editor__link{color:var(--muted);align-items:center;gap:.5rem;min-width:0;font-size:.75rem;display:flex}.admin__link a,.room-editor__link a{color:inherit;text-decoration:underline;text-underline-offset:.15em;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin__link button,.room-editor__link button{color:var(--text-colour);flex-shrink:0;font-size:.75rem;font-weight:600}.room-editor__link{flex-wrap:wrap}.room-editor__link small,.admin__link{margin-top:.25rem}@media(not (min-width:80rem))and (min-width:48rem){.lobby{--lobby-panel-width: clamp(22rem, 38vw, 26rem);--lobby-edge: clamp(1.25rem, 2.5vw, 2rem)}}@media not (min-width:48rem){.lobby{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;align-content:start;gap:1.25rem;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left))}.lobby__brand{grid-column:1;grid-row:1;padding:.5rem .25rem}.lobby__brand h1{font-size:1.75rem}.lobby__wall-controls{grid-column:1;grid-row:2;justify-self:stretch;justify-content:space-between;align-items:center}.lobby__wall-actions button{width:2.75rem;height:2.75rem}.lobby__panel{grid-column:1;grid-row:3;align-self:start;max-height:none;padding:1rem;-webkit-backdrop-filter:none;backdrop-filter:none}.lobby__directory-body{padding-right:0;overflow:visible}}@media not (min-width:30rem){.lobby__directory-header{flex-wrap:wrap}.lobby__room{grid-template-columns:auto minmax(0,1fr)}.lobby__room-icon{grid-row:1 / span 2}.lobby__room-content{grid-column:2}.lobby__occupancy{grid-column:2;max-width:none;justify-items:start;align-items:center;gap:.5rem;text-align:left;display:flex}}.room-editor__form{gap:1rem;display:grid}.room-editor__row{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:1rem;display:grid}.room-icon{width:1.65rem;height:1.65rem;object-fit:contain;display:block}.room-icon--text{width:auto;height:auto;font-size:1.35rem;line-height:1}.room-icon-picker{gap:.625rem;display:grid}.room-icon-picker__current{color:var(--muted);font-size:.75rem}.room-icon-picker__preview{color:var(--muted);align-items:center;gap:.5rem;min-height:2rem;display:flex}.room-icon-picker__preview .room-icon{width:1.75rem;height:1.75rem}.room-icon-picker__options{max-height:10.5rem;padding:.125rem;overflow-y:auto;flex-wrap:wrap;gap:.35rem;display:flex}.room-icon-picker__options button{background:var(--well);border-radius:.65rem;width:2.5rem;height:2.5rem;display:grid;place-items:center}.room-icon-picker__options button[aria-pressed=true]{background:var(--accent-glow);box-shadow:inset 0 0 0 2px var(--accent)}@media(pointer:coarse){.room-icon-picker__options button{width:2.75rem;height:2.75rem}}.room-editor__row input[type=color]{appearance:none;cursor:pointer;background:none;border:none;width:100%;height:2.5rem;padding:0}.room-editor__row input[type=color]::-webkit-color-swatch-wrapper{padding:0}.room-editor__row input[type=color]::-webkit-color-swatch,.room-editor__row input[type=color]::-moz-color-swatch{border-radius:var(--radius);border:none}.room-editor__toggles{gap:.75rem;display:grid}.room-editor__footer{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.room-editor__footer>.--danger{margin-left:auto}.prejoin{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);grid-template-areas:"side room" "side form";align-content:center;gap:1.5rem 2.5rem;width:min(100%,64rem);min-height:100dvh;margin-inline:auto;padding-block:2rem 6rem;padding-inline:1rem;display:grid;position:relative}@media(max-width:48rem){.prejoin{grid-template-columns:minmax(0,1fr);grid-template-areas:"room" "side" "form"}}.prejoin[data-viewer=true]{grid-template-columns:minmax(0,26rem);grid-template-areas:"room" "form";justify-content:center}.prejoin[data-viewer=true] .prejoin__side{display:none}.prejoin__side{grid-area:side;align-self:center;gap:1.25rem;display:grid}.prejoin__preview{aspect-ratio:16/9;background:var(--card);border-radius:var(--radius);place-items:center;display:grid;position:relative;overflow:hidden}@media(max-width:31.25rem){.prejoin__preview{aspect-ratio:4/3}}.prejoin__video{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .3s;position:absolute;inset:0;transform:scaleX(-1)}.prejoin__video[data-visible=true]{opacity:1}.prejoin__buttons{justify-content:center;gap:.75rem;display:flex;position:absolute;inset:auto 0 1rem}.prejoin__devices{grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.75rem;display:grid}@media(max-width:31.25rem){.prejoin__devices{grid-template-columns:minmax(0,1fr)}}.prejoin__devices label{font-size:.8125rem}.prejoin__room{grid-area:room;align-self:end;align-items:center;gap:.875rem;display:flex}.prejoin__room h1{font-size:1.5rem}.prejoin__room small{color:var(--muted);font-size:.8125rem}.prejoin__emoji{background:var(--accent-glow);border-radius:50%;flex-shrink:0;place-items:center;width:3rem;height:3rem;font-size:1.5rem;display:grid}.prejoin__form{grid-area:form;align-self:start;gap:1rem;display:grid}.prejoin__fields{border:0;gap:1rem;min-width:0;margin:0;padding:0;display:grid}.prejoin__fields:disabled{opacity:.7}.prejoin__waiting,.prejoin__notice{background:var(--card);border-radius:var(--radius);align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.prejoin__spinner{border:2px solid oklch(from var(--accent) l c h / .25);border-top-color:var(--accent);border-radius:50%;flex:none;width:1rem;height:1rem;animation:prejoin-spin .8s linear infinite}@keyframes prejoin-spin{to{transform:rotate(1turn)}}@media(prefers-reduced-motion:reduce){.prejoin__spinner{animation:none}}.connection-test{gap:.625rem;display:grid}.connection-test__steps{background:var(--card);border-radius:var(--radius);gap:.5rem;margin:0;padding:.75rem 1rem;list-style:none;display:grid}.connection-test__steps>li{color:var(--muted);align-items:start;gap:.625rem;font-size:.875rem;display:flex}.connection-test__steps>li[data-state=running],.connection-test__steps>li[data-state=ok]{color:var(--text-colour)}.connection-test__steps small{color:var(--danger-text);margin-top:.125rem;font-size:.8125rem;display:block}.connection-test__mark{border:2px solid var(--quiet);border-radius:50%;flex:none;place-items:center;width:1.125rem;height:1.125rem;margin-top:.0625rem;display:grid}.connection-test__mark svg{width:.75rem;height:.75rem}[data-state=running]>.connection-test__mark{border-color:oklch(from var(--accent) l c h / .25);border-top-color:var(--accent);animation:prejoin-spin .8s linear infinite}[data-state=ok]>.connection-test__mark{background:var(--speaking);border-color:var(--speaking);color:var(--pitch)}[data-state=failed]>.connection-test__mark{background:var(--danger);border-color:var(--danger);color:var(--white)}.connection-test__verdict{background:var(--danger-well);color:var(--text-colour);border-radius:var(--radius);margin:0;padding:.625rem 1rem;font-size:.875rem}.connection-test__verdict[data-ok]{background:oklch(from var(--speaking) l c h / .14)}@media(prefers-reduced-motion:reduce){[data-state=running]>.connection-test__mark{animation:none}}.camera-effect{gap:.625rem;display:grid}.camera-effect__modes{flex-wrap:wrap;gap:.5rem;display:flex}.camera-effect__modes>.button[aria-pressed=true]{background:var(--accent);color:var(--accent-text)}.camera-effect__walls{grid-template-columns:repeat(auto-fill,minmax(5.25rem,1fr));grid-auto-rows:max-content;align-content:start;gap:.375rem;max-height:12rem;padding:.125rem;overflow-y:auto;display:grid}.camera-effect__walls>button{height:auto;min-height:0;line-height:0;display:block;border:2px solid transparent;border-radius:var(--radius-sm);background:var(--well);cursor:pointer;padding:0;overflow:hidden;transition:border-color .15s ease}.camera-effect__walls>button:hover:not(:disabled){border-color:var(--quiet)}.camera-effect__walls>button:focus-visible{outline:2px solid var(--accent-bright);outline-offset:1px}.camera-effect__walls>button[aria-pressed=true]{border-color:var(--accent)}.camera-effect__walls>button:disabled{cursor:progress;opacity:.6}.camera-effect__walls img{aspect-ratio:8 / 5;object-fit:cover;width:100%;height:auto;display:block}.camera-effect__note{color:var(--muted);margin:0;font-size:.875rem}@media(prefers-reduced-motion:reduce){.camera-effect__walls>button{transition:none}}.call-stats{gap:.5rem;display:grid}.call-stats dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin:0;display:grid}.call-stats dl>div{background:var(--well);border-radius:var(--radius-sm);padding:.5rem .625rem}.call-stats dt{color:var(--muted);font-size:.75rem}.call-stats dd{color:var(--heading-colour);font-variant-numeric:tabular-nums;margin:.125rem 0 0;font-size:.9375rem}.gate{--gate-edge: .625rem;--gate-line-at: calc(var(--gate-edge) + (100% - var(--gate-edge) * 2) * var(--gate-line, .02));gap:.5rem;display:grid}.gate[data-clipping=true] .gate__fill{background:var(--danger)}.gate input{appearance:none;cursor:pointer;background:none;width:100%;height:1.5rem;margin:0;position:absolute;inset:50% 0 auto;translate:0 -50%}.gate input::-webkit-slider-runnable-track,.gate input::-moz-range-track{background:none}.gate input::-webkit-slider-thumb{appearance:none;background:var(--white);box-shadow:0 0 0 3px var(--card),var(--shadow-sm);height:calc(var(--gate-edge) * 2);width:calc(var(--gate-edge) * 2);border-radius:50%}.gate input::-moz-range-thumb{background:var(--white);box-shadow:0 0 0 3px var(--card),var(--shadow-sm);height:calc(var(--gate-edge) * 2);width:calc(var(--gate-edge) * 2);border:none;border-radius:50%}.gate__track{background:linear-gradient(to right,oklch(from var(--warning) l c h / .14) 0 var(--gate-line-at),oklch(from var(--speaking) l c h / .14) var(--gate-line-at) 100%);border-radius:var(--pill);height:.75rem;position:relative}.gate__fill{background:linear-gradient(to right,var(--warning) 0 var(--gate-line-at),var(--speaking) var(--gate-line-at) 100%);border-radius:inherit;clip-path:inset(0 calc(100% - var(--gate-edge) - (100% - var(--gate-edge) * 2) * var(--gate-level, 0)) 0 0 round 1rem);position:absolute;inset:0}.gate__peak{inset:-.125rem auto -.125rem calc(var(--gate-edge) + (100% - var(--gate-edge) * 2) * var(--gate-peak, 0));background:var(--white);opacity:.7;border-radius:1px;width:2px;position:absolute}.gate__scale{color:var(--muted);justify-content:space-between;font-size:.75rem;display:flex}.call{height:100dvh;display:flex}.call__main{flex:1;grid-template-rows:minmax(0,1fr) auto;gap:1rem;min-width:0;padding:4.5rem 1rem 1rem;display:grid;position:relative}.call__main[data-staged=true]{grid-template-rows:minmax(0,1fr) auto auto}.call__state{background:var(--card);border-radius:var(--pill);color:var(--muted);align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.8125rem;display:flex;position:absolute;inset:1rem 1rem auto auto}.call__grid{flex-wrap:wrap;place-content:center;align-content:center;gap:1rem;min-height:0;display:flex;overflow:hidden}.call__grid>.tile{width:min(calc(100% / var(--cols, 1) - 1rem),calc((100dvh - 14rem) * 16 / (9 * var(--rows, 1))))}.call__stage{justify-content:center;align-items:center;min-height:0;display:flex;position:relative;container-type:size}.call__stage>.tile{width:min(100cqw,177.778cqh)}.call__strip{justify-content:safe center;gap:.75rem;display:flex;overflow-x:auto}.call__strip>.tile{flex:none;height:7rem}@media(max-width:31.25rem){.call__strip>.tile{height:5rem}}.call__fullscreen{width:2.25rem;height:2.25rem;color:var(--white);background:#00000080;border-radius:50%;flex-shrink:0;place-items:center;display:grid;position:absolute;inset:.75rem .75rem auto auto;z-index:5}.call__fullscreen:hover{background:#000000b3}.call__dropped{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;z-index:30;justify-items:center;gap:1.25rem;padding:2rem;display:grid;position:absolute;inset:50% auto auto 50%;translate:-50% -50%}.call__dropped>p{color:var(--muted);margin-top:-.75rem}.call__dropped>div{gap:.5rem;display:flex}@media(max-width:48rem){.call[data-stream=true]:has(>.chat){flex-direction:column}.call[data-stream=true]:has(>.chat)>.chat{flex:1;height:auto;min-height:0;position:static}.call[data-stream=true]:has(>.chat)>.call__main{flex:none;height:55dvh}}.tile{aspect-ratio:16 / 9;background:var(--card);border-radius:var(--radius);place-items:center;display:grid;position:relative;overflow:hidden}.tile:after{border-radius:inherit;content:"";pointer-events:none;border:3px solid transparent;transition:border-color .15s;position:absolute;inset:0}.tile:hover .tile__pin,.tile:hover .tile__moderate,.tile:hover .tile__volume{opacity:1}.tile[data-speaking=true]:after{border-color:var(--speaking)}.tile__note{color:var(--muted);text-align:center;padding:1rem}.tile__avatar{position:absolute;inset:0;display:grid;place-items:center}.tile__video{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .3s;position:absolute;inset:0}.tile__video[data-visible=true]{opacity:1}.tile__video[data-mirrored=true]{transform:scaleX(-1)}.tile__name{border-radius:var(--radius-sm);background:#00000080;align-items:center;gap:.375rem;padding:.25rem .5rem;font-size:.8125rem;font-weight:600;display:flex;position:absolute;inset:auto auto .75rem .75rem;z-index:4}.tile__quality{width:.5rem;height:.5rem;border-radius:50%;background:var(--speaking);display:inline-block}.tile__quality[data-quality=poor]{background:var(--warning)}.tile__quality[data-quality=lost]{background:var(--danger)}.tile__pin{width:2rem;height:2rem;color:var(--white);opacity:0;background:#00000080;border-radius:50%;flex-shrink:0;place-items:center;font-size:.875rem;transition:opacity .15s,background .15s;display:grid;position:absolute;inset:.625rem .625rem auto auto;z-index:4}@media(hover:none){.tile__pin{opacity:0}}.tile__pin:focus-visible{opacity:1}.tile__pin[aria-pressed=true]{background:var(--accent);opacity:1}.tile__moderate{opacity:0;gap:.375rem;transition:opacity .15s;display:flex;position:absolute;inset:.625rem auto auto .625rem;z-index:4}@media(hover:none){.tile__moderate{opacity:0;pointer-events:none}}.tile__moderate:focus-within{opacity:1}.tile__action{width:2rem;height:2rem;color:var(--white);background:#00000080;border-radius:50%;flex-shrink:0;place-items:center;font-size:.875rem;transition:background .15s;display:grid}.tile__action:hover{background:#000000bf}.tile__action.--danger:hover{background:var(--danger)}.tile__volume{border-radius:var(--pill);color:var(--white);opacity:0;background:#00000080;align-items:center;gap:.5rem;padding:.25rem .75rem;font-size:.875rem;transition:opacity .15s;display:flex;position:absolute;inset:auto .625rem .75rem auto;z-index:4}@media(hover:none){.tile__volume{opacity:0;pointer-events:none}.tile[data-tools] .tile__pin,.tile[data-tools] .tile__moderate,.tile[data-tools] .tile__volume{opacity:1;pointer-events:auto}.tile[data-tools] .tile__name{opacity:0}}.tile__volume:focus-within{opacity:1}.tile__volume input{accent-color:var(--accent);cursor:pointer;width:5rem}.tile.--screen{background:var(--well)}.tile.--screen .tile__video{object-fit:contain}.controls{justify-content:center;align-items:center;gap:.75rem;display:flex}@media(max-width:31.25rem){.controls{gap:.25rem}}.controls__button{--control-bg: var(--card);--control-hover: var(--card-hover);--control-text: var(--text-colour);background:var(--control-bg);width:3.25rem;height:3.25rem;color:var(--control-text);border-radius:50%;flex-shrink:0;place-items:center;font-size:1.125rem;transition:background .15s,color .15s;display:grid;position:relative}@media(max-width:31.25rem){.controls__button{width:2.75rem;height:2.75rem;font-size:1rem}}.controls__button:hover,.controls__button[aria-expanded=true]{background:var(--control-hover)}.controls__button:disabled{cursor:not-allowed;opacity:.4}.controls__button.--mic[aria-pressed=false],.controls__button.--leave{--control-bg: var(--danger);--control-hover: var(--danger-soft);--control-text: var(--white)}.controls__button.--camera[aria-pressed=true],.controls__button.--screen[aria-pressed=true],.controls__button.--chat[aria-pressed=true]{--control-bg: var(--accent);--control-hover: var(--accent-soft);--control-text: var(--accent-text)}.controls__button.--leave{border-radius:var(--pill);width:auto;padding-inline:1.125rem;gap:.5rem;display:flex}@media(max-width:31.25rem){.controls__button.--leave{width:2.75rem;padding:0}.controls__button.--leave .controls__label{display:none}}.controls__live{--control-bg: var(--accent);--control-hover: var(--accent-soft);background:var(--control-bg);border-radius:var(--pill);color:var(--accent-text);white-space:nowrap;align-items:center;gap:.625rem;height:3.25rem;padding-inline:1.125rem 1.375rem;font-weight:700;transition:background .15s;display:flex}.controls__live:hover{background:var(--control-hover)}.controls__live[data-live=true]{--control-bg: var(--danger);--control-hover: var(--danger-soft);color:var(--white)}@media(max-width:31.25rem){.controls__live{justify-content:center;width:2.75rem;height:2.75rem;padding:0}.controls__live .controls__label{display:none}}.controls__badge{background:var(--danger);border-radius:var(--pill);color:var(--white);place-items:center;min-width:1.125rem;padding:.1875rem .3125rem;font-size:.625rem;font-weight:700;line-height:1;display:grid;position:absolute;inset:-.125rem -.125rem auto auto}.controls__meter{background:var(--speaking);height:.25rem;transform:scaleX(var(--meter-level, 0));transform-origin:0;transition:transform 50ms linear;position:absolute;inset:auto .25rem .25rem;border-radius:var(--pill)}.chat{background:var(--card);flex-direction:column;flex-shrink:0;width:22rem;height:100dvh;display:flex}@media(max-width:48rem){.chat{z-index:50;width:auto;position:fixed;inset:0}}.chat__header{justify-content:space-between;align-items:center;padding:1rem 1rem .5rem 1.25rem;display:flex}.chat__close{width:2rem;height:2rem;color:var(--muted);border-radius:50%;flex-shrink:0;place-items:center;transition:background .15s,color .15s;display:grid}.chat__close:hover{background:var(--card-hover);color:var(--text-colour)}.chat__messages{flex:1;align-content:start;gap:1rem;min-height:0;padding:.5rem 1.25rem 1rem;list-style:none;display:grid;overflow-y:auto}.chat__group{grid-template-columns:auto minmax(0,1fr);gap:.75rem;display:grid}.chat__body{gap:.125rem;display:grid}.chat__body>a{justify-self:start;max-width:100%;margin-block:.25rem}.chat__body img{border-radius:var(--radius);object-fit:contain;max-width:100%;max-height:15rem}.chat__meta{align-items:baseline;gap:.5rem;display:flex}.chat__meta strong{color:var(--heading-colour)}.chat__meta time{color:var(--muted);font-size:.75rem}.chat__text{overflow-wrap:anywhere}.chat__text a{color:var(--accent-bright);text-decoration:underline}.chat__form{border-top:1px solid var(--raised);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.5rem;padding:1rem;display:grid}.chat__send{background:var(--accent);width:2.5rem;height:2.5rem;color:var(--accent-text);border-radius:50%;flex-shrink:0;place-items:center;transition:background .15s;display:grid}.chat__send:hover{background:var(--accent-soft)}.chat__send:disabled{cursor:wait;opacity:.5}.call__corner{z-index:20;align-items:start;justify-content:end;flex-wrap:wrap;gap:.5rem;display:flex;position:absolute;inset:1rem 1rem auto auto}.viewers,.access-panel{justify-items:end;gap:.5rem;display:grid}.viewers__count{background:var(--card);border-radius:var(--pill);color:var(--muted);font-variant-numeric:tabular-nums;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.8125rem;display:flex}.viewers__count:hover,.viewers__count[aria-expanded=true]{background:var(--card-hover);color:var(--text-colour)}.viewers__list{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);gap:.125rem;width:16rem;max-height:50dvh;padding:.5rem;list-style:none;display:grid;overflow-y:auto}.viewers__person{border-radius:var(--radius);align-items:center;gap:.625rem;padding:.375rem .5rem;display:flex}.viewers__person:hover{background:var(--card-hover)}.viewers__name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.875rem;overflow:hidden}.viewers__action{color:var(--muted);padding:.25rem;font-size:.875rem}.viewers__action:hover{color:var(--danger-text)}.viewers__empty{color:var(--muted);padding:.375rem .5rem;font-size:.8125rem}.access-panel__count{background:var(--accent);color:var(--accent-text);border-radius:var(--pill);min-width:1.25rem;padding:0 .375rem;font-size:.6875rem;font-weight:700;line-height:1.25rem;text-align:center}.access-panel__list{width:18rem}.access-panel__item{gap:.5rem;padding:.5rem;display:grid}.access-panel__who{font-size:.875rem}.access-panel__who small{color:var(--muted)}.access-panel__actions{gap:.375rem;display:flex}.access-panel__actions .button{padding:.375rem .625rem;font-size:.75rem}.backstage{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);z-index:20;gap:.625rem;width:min(20rem,100% - 2rem);padding:.75rem;display:grid;position:absolute;inset:auto 1rem 6rem auto}@media(max-width:48rem){.backstage{width:auto;inset:auto 1rem 5rem}}.backstage__header{justify-content:space-between;align-items:baseline;gap:.5rem;padding-inline:.25rem;display:flex}.backstage__header small{color:var(--muted);font-size:.75rem}.backstage__view{aspect-ratio:16/9;background:var(--well);border-radius:var(--radius);place-items:center;display:grid;position:relative;overflow:hidden}.backstage__screen{object-fit:contain;width:100%;height:100%}.backstage__camera{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.backstage__camera[data-small=true]{border-radius:calc(var(--radius) / 2);box-shadow:var(--shadow-sm);width:30%;height:auto;position:absolute;inset:auto .5rem .75rem auto}.backstage__empty{color:var(--muted);font-size:.8125rem}.settings,.prompt{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-lg);color:var(--text-colour);border:none;padding:0}.settings::backdrop,.prompt::backdrop{background:#0009}.settings{width:min(46rem,100vw - 2rem);max-height:calc(100dvh - 2rem)}.settings__inner{gap:1.5rem;padding:1.5rem;display:grid}.settings__header{justify-content:space-between;align-items:center;display:flex}.settings__close{width:2rem;height:2rem;color:var(--muted);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.settings__close:hover{background:var(--card-hover);color:var(--text-colour)}.settings__body{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;display:grid}@media(max-width:48rem){.settings__body{grid-template-columns:minmax(0,1fr)}}.settings__avatar{align-items:center;gap:.875rem;display:flex}.settings__avatar>div{justify-items:start;gap:.375rem;display:grid}.settings__avatar small{color:var(--muted)}.settings__section{align-content:start;gap:1rem;display:grid}.settings__section h3{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:.6875rem;font-weight:700}.prompt{width:min(20rem,100vw - 2rem)}.prompt__inner{text-align:center;justify-items:center;gap:.75rem;padding:1.75rem 1.5rem 1.5rem;display:grid}.prompt__icon{background:var(--accent-glow);width:3rem;height:3rem;color:var(--accent-bright);border-radius:50%;flex-shrink:0;place-items:center;font-size:1.25rem;display:grid}.prompt__detail{background:var(--well);border-radius:var(--pill);color:var(--muted);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;padding:.25rem .75rem;font-size:.8125rem;max-width:100%}.prompt__actions{grid-template-columns:1fr 1fr;gap:.75rem;width:100%;margin-top:.75rem;display:grid}.prompt__actions>.button:not(.--primary,.--danger){--button-bg: var(--raised);--button-hover: oklch(from var(--raised) calc(l + .05) c h)}.prompt__actions>.button.--danger{--button-bg: var(--danger);--button-text: var(--white);--button-hover: var(--danger-soft)}.prompt.--danger .prompt__icon{background:var(--danger-well);color:var(--danger-text)}.admin-login{align-content:center;gap:1rem;width:min(100%,24rem);min-height:100dvh;margin-inline:auto;padding-block:3rem;padding-inline:1rem;display:grid;position:relative}.admin__access-actions{display:flex;gap:.5rem}.admin-login__back{color:var(--muted);justify-self:center;font-size:.8125rem;text-decoration:underline}.admin-login__back:hover{color:var(--text-colour)}.admin{grid-template-columns:minmax(0,1fr);align-content:start;gap:1rem;width:min(100%,44rem);min-height:100dvh;margin-inline:auto;padding-block:3rem 6rem;padding-inline:1rem;display:grid;position:relative}.admin>header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.admin>header nav{gap:.5rem;display:flex}.admin>h2{margin-top:1.5rem}.admin>ul{gap:.75rem;display:grid}.admin>.button{justify-self:start}.admin__hint{color:var(--muted);font-size:.8125rem}.admin__rooms{gap:.75rem;display:grid}.admin__room,.admin__ban{background:var(--card);border-radius:var(--radius);position:relative}.admin__room{--room-colour: var(--accent);transition:box-shadow .15s}.admin__room[data-dragging=true]{box-shadow:0 .75rem 2rem var(--shadow-colour);z-index:2;opacity:.85}.admin__room>header{grid-template-columns:auto auto minmax(0,1fr) auto auto;gap:.75rem;align-items:center;padding:1rem 1.25rem 1rem .75rem;display:grid}.admin__room>header>button:first-child{color:var(--quiet);cursor:grab;touch-action:none;padding:.5rem .25rem;font-size:1rem}.admin__room>header>button:first-child:hover{color:var(--text-colour)}.admin__room>header>span{background:oklch(from var(--room-colour) l c h / .18);width:2.75rem;height:2.75rem;box-shadow:inset 0 0 0 2px oklch(from var(--room-colour) l c h / .5);border-radius:50%;flex-shrink:0;place-items:center;font-size:1.375rem;display:grid}.admin__room>header>div{gap:.125rem;min-width:0;display:grid}.admin__room>header strong{color:var(--heading-colour);align-items:center;gap:.5rem;font-size:1rem;font-weight:600;display:flex}.admin__room>header small{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.25rem .875rem;margin-top:.25rem;font-size:.75rem;display:flex}.admin__editor{border-top:1px solid var(--raised);gap:1rem;padding:1.25rem;display:grid}.admin__bellform,.admin__banform{grid-template-columns:minmax(0,1fr) minmax(0,2fr) auto;gap:.75rem;display:grid}.admin__banform{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr) auto}@media(max-width:48rem){.admin__bellform,.admin__banform{grid-template-columns:minmax(0,1fr)}}.admin__ban{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;justify-content:space-between;align-items:center;gap:.75rem;padding:.5rem .75rem .5rem 1.25rem;display:flex}.admin__ban code{font-family:var(--font-mono);font-size:.8125rem}.admin__ban small{color:var(--muted)}.admin__ban>button{width:2rem;height:2rem;color:var(--muted);border-radius:50%;flex-shrink:0;place-items:center;transition:background .15s,color .15s;display:grid}.admin__ban>button:hover{background:var(--danger-well);color:var(--danger-text)}.toasts{z-index:80;gap:.5rem;max-width:calc(100vw - 2.5rem);display:grid;position:fixed;inset:auto auto 1.25rem 1.25rem}.toast{background:var(--danger-well);border-left:3px solid var(--danger);border-radius:var(--radius);box-shadow:var(--shadow);color:var(--danger-text);align-items:center;gap:1rem;padding:.75rem 1rem .75rem 1.25rem;font-size:.875rem;display:flex;transition:opacity .2s,translate .2s}.toast.--info{background:var(--card);border-left-color:var(--accent);color:var(--text-colour)}.toast button{color:inherit;opacity:.8;font-size:1rem}.toast button:hover{opacity:1}.toast.--hidden{opacity:0;translate:0 .5rem}.button.--danger{--button-bg: var(--danger);--button-text: var(--white);--button-hover: var(--danger-soft)}.tag.--recording,.controls__button.--record[aria-pressed=true]{background:var(--danger);color:var(--white)}.call__recording,.prejoin__recording{align-items:center;gap:.5rem;display:flex}.call__recording{z-index:20;background:var(--danger);border-radius:var(--pill);color:var(--white);padding:.375rem .875rem;font-size:.8125rem;font-weight:700;position:absolute;inset:1rem auto auto 1rem}.call__recording span,.prejoin__recording span{background:currentColor;border-radius:50%;flex:none;width:.5rem;height:.5rem;animation:recording-pulse 1.6s ease-in-out infinite}.prejoin__recording{background:var(--danger-well);border-radius:var(--radius);color:var(--danger-text);padding:.75rem 1rem;font-size:.875rem;line-height:1.4}.prejoin__recording span{background:var(--danger)}@keyframes recording-pulse{50%{opacity:.35}}@media(prefers-reduced-motion:reduce){.call__recording span,.prejoin__recording span{animation:none}}.chat__system{color:var(--muted);text-align:center;gap:.25rem;padding:.5rem .75rem;font-size:.8125rem;display:grid;border-block:1px solid var(--raised)}.chat__system a{color:var(--accent-bright);font-weight:600}.chat__system time{font-size:.6875rem}.recordings{align-content:start;gap:1rem;width:min(100%,52rem);min-height:100dvh;margin-inline:auto;padding-block:3rem 4rem;padding-inline:1rem;display:grid}.recordings>header{justify-content:space-between;align-items:center;gap:1rem;display:flex;flex-wrap:wrap}.recordings>header h1{align-items:center;gap:.625rem;font-size:1.5rem;display:flex}.recordings__intro,.recordings__people{color:var(--muted);font-size:.875rem}.recordings__people{align-items:center;gap:.5rem;display:flex}.recordings__list{gap:.625rem;display:grid}.recordings__item{background:var(--card);border-radius:var(--radius);color:inherit;gap:.25rem;padding:.875rem 1rem;text-decoration:none;display:grid;transition:background .15s}.recordings__item:hover{background:var(--card-hover)}.recordings__item small{color:var(--muted)}.recordings__title{align-items:center;gap:.5rem;display:flex;flex-wrap:wrap}.recordings__video{background:var(--black);border-radius:var(--radius);width:100%;max-height:70dvh}.recordings__text{background:var(--card);border-radius:var(--radius);gap:.5rem;padding:1rem 1.25rem;display:grid}.recordings__text h2{font-size:1rem;align-items:center;gap:.5rem;display:flex}.recordings__prose{white-space:pre-wrap;line-height:1.55;overflow-wrap:anywhere}.recordings__text summary{color:var(--accent-bright);cursor:pointer;margin-bottom:.5rem}.recordings__admin{justify-content:end;gap:.5rem;display:flex;flex-wrap:wrap}.email-opt-in{gap:.5rem;display:grid}.email-opt-in__consent{align-items:start;gap:.5rem;font-size:.8125rem;display:flex}.email-opt-in__consent input{margin-top:.2rem}.email-opt-in__actions{gap:.5rem;display:flex;flex-wrap:wrap}.recordings__status{color:var(--muted);font-size:.875rem;align-items:center;gap:.5rem;display:flex}.recordings__status[data-error]{color:var(--danger-text)}.recordings__share label{align-items:center;gap:.5rem;display:flex}.recordings__text h2 .icon{color:var(--accent-bright);width:1.125rem;height:1.125rem}.recordings__summary{border-left:.25rem solid var(--accent)}.recordings__summary small{color:var(--accent-bright);letter-spacing:.06em;text-transform:uppercase;font-size:.75rem;font-weight:700}.recordings__summary h2{font-size:1.25rem}.recordings__items,.recordings__topics,.recordings__bars,.recordings__lines{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.recordings__items>li{background:var(--well);border-radius:var(--radius-sm);align-items:center;gap:.5rem .75rem;padding:.5rem .75rem;line-height:1.45;display:flex;flex-wrap:wrap}.recordings__items>li>span:first-child{flex:1 1 14rem}.recordings__who,.recordings__due{border-radius:var(--pill);white-space:nowrap;padding:.125rem .625rem;font-size:.8125rem}.recordings__who{background:var(--accent-glow);color:var(--accent-bright);font-weight:700}.recordings__due{background:var(--raised)}.recordings__who[data-none],.recordings__due[data-none]{background:none;color:var(--quiet);font-weight:400}.recordings__chip{background:var(--raised);border:0;border-radius:var(--pill);color:var(--text-colour);cursor:pointer;font:inherit;font-variant-numeric:tabular-nums;align-items:center;gap:.25rem;padding:.125rem .5rem;font-size:.75rem;display:inline-flex}.recordings__chip:hover,.recordings__chip:focus-visible{background:var(--accent);color:var(--accent-text)}.recordings__chip .icon{width:.625rem;height:.625rem}.recordings__topics{counter-reset:topic}.recordings__topics>li>div{align-items:center;gap:.5rem;display:flex;flex-wrap:wrap}.recordings__topics>li>div:before{counter-increment:topic;content:counter(topic);background:var(--accent-glow);color:var(--accent-bright);border-radius:50%;place-items:center;width:1.5rem;height:1.5rem;font-size:.75rem;font-weight:700;display:grid}.recordings__topics ul{color:var(--muted);margin:.25rem 0 0 2rem;padding-left:1rem;line-height:1.5}.recordings__bars>li{grid-template-columns:minmax(5rem,9rem) 1fr auto;align-items:center;gap:.75rem;display:grid}.recordings__bar-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.recordings__bar{background:var(--well);border-radius:var(--pill);height:.625rem;overflow:hidden}.recordings__bar>span{background:var(--speaking);border-radius:var(--pill);height:100%;display:block}.recordings__bar-value{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.8125rem}.recordings__line{align-items:baseline;gap:.75rem;display:flex}.recordings__line p{margin:0;line-height:1.5;overflow-wrap:anywhere}.recordings__line b{color:var(--heading-colour);margin-right:.25rem}.recordings__hint{color:var(--muted);font-size:.875rem}.recordings__ask label{gap:.375rem;display:grid}.recordings__ask textarea,.recordings__link input{background:var(--well);border:1px solid var(--raised);border-radius:var(--radius-sm);color:var(--text-colour);font:inherit;padding:.5rem .75rem}.recordings__ask textarea{resize:vertical}.recordings__link>div{gap:.5rem;display:flex;flex-wrap:wrap}.recordings__link input{flex:1 1 16rem;min-width:0}.recordings__share .recordings__any-device{color:var(--muted);font-size:.875rem}@media(max-width:31.25rem){.recordings__bars>li{grid-template-columns:1fr auto}.recordings__bar{grid-column:1 / -1;order:3}}.prompt__option{text-align:left;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.call__email-card{z-index:20;background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);gap:.5rem;width:min(21rem,calc(100% - 2rem));padding:.875rem 1rem;font-size:.875rem;display:grid;position:absolute;inset:3.5rem auto auto 1rem}.call__email-card strong{color:var(--heading-colour);padding-right:1.5rem}.call__email-card p{margin:0}.call__email-card [data-error]{color:var(--danger-text)}.call__email-card form{gap:.5rem;display:flex}.call__email-card input{background:var(--well);border:1px solid var(--raised);border-radius:var(--radius-sm);color:var(--text-colour);font:inherit;flex:1;min-width:0;padding:.375rem .625rem}.call__email-card small{color:var(--muted);font-size:.75rem;line-height:1.4}.call__email-close{color:var(--muted);cursor:pointer;background:none;border:0;font-size:1.25rem;line-height:1;position:absolute;top:.5rem;right:.625rem}.call__email-skip{color:var(--accent-bright);cursor:pointer;font:inherit;background:none;border:0;justify-self:start;padding:0}.call__email-actions{justify-content:space-between;align-items:center;display:flex}@media(max-width:48rem){.call__email-card{inset:auto 1rem 5.5rem;width:auto}}.account__notice{background:var(--accent-glow);border-radius:var(--radius-sm);color:var(--text-colour);padding:.625rem .875rem;line-height:1.45}.account form.settings__section{gap:.75rem;display:grid}.account__actions{gap:.5rem;margin-top:.75rem;display:flex;flex-wrap:wrap}.account__links{gap:1rem;display:flex;flex-wrap:wrap}.account__links button{color:var(--accent-bright);cursor:pointer;font:inherit;background:none;border:0;padding:0}.captcha{min-height:3.5rem}.captcha__loading{color:var(--muted);font-size:.875rem}.captcha altcha-widget{--altcha-max-width: 100%}.lobby__account[data-signed-in=true]{background:var(--accent-glow);color:var(--accent-bright)}.admin__badge{background:var(--warning);border-radius:var(--pill);color:var(--black);vertical-align:middle;margin-left:.625rem;padding:.125rem .625rem;font-size:.75rem;font-weight:700}.admin__accounts li[data-status=pending]{outline:1px solid var(--warning)}.admin__temporary{background:var(--well);border-radius:var(--radius-sm);align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex;flex-wrap:wrap}.admin__temporary code{background:var(--raised);border-radius:var(--radius-sm);padding:.125rem .5rem;font-size:1rem}.reset-password .recordings__ask input{background:var(--well);border:1px solid var(--raised);border-radius:var(--radius-sm);color:var(--text-colour);font:inherit;padding:.5rem .75rem}.call__stage.call__stage--board{container-type:normal;display:block}.whiteboard{background:#1b1d25;border-radius:var(--radius);width:100%;height:100%;min-height:18rem;position:relative;overflow:hidden}.whiteboard__canvas{position:absolute;inset:0}.whiteboard__status{color:var(--muted);position:absolute;inset:50% auto auto 50%;translate:-50% -50%}.controls__badge.--dot{background:var(--accent-bright);border-radius:50%;width:.625rem;min-width:0;height:.625rem;padding:0}@media(max-width:25rem){.controls{flex-wrap:wrap;gap:.25rem}.controls__button{width:2.5rem;height:2.5rem;font-size:.9375rem}}@media(max-height:31.25rem){.whiteboard{min-height:10rem}}.call__unmute{z-index:25;position:absolute;inset:1rem auto auto 50%;translate:-50% 0}.recordings__rename{gap:.5rem;flex:1 1 20rem;display:flex;flex-wrap:wrap}.recordings__rename input{flex:1 1 14rem;min-width:0;background:var(--well);border:1px solid var(--raised);border-radius:var(--radius-sm);color:var(--text-colour);font:inherit;font-size:1.25rem;padding:.375rem .75rem}.recordings__edit{vertical-align:middle;padding:.25rem .5rem;font-size:.875rem}.recordings__link-form{gap:1rem;display:grid}.recordings__link-form fieldset{gap:.5rem 1rem;border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center}.recordings__link-form legend{width:100%;margin-bottom:.25rem;font-weight:600}.recordings__link-form input[type=datetime-local]{background:var(--well);border:1px solid var(--raised);border-radius:var(--radius-sm);color:var(--text-colour);font:inherit;padding:.375rem .5rem}.recordings__link [data-error]{color:var(--danger, #e5484d)}.lobby__admin{position:relative}.lobby__pending{position:absolute;inset:-.375rem -.375rem auto auto;min-width:1.25rem;height:1.25rem;padding:0 .3rem;border-radius:var(--pill);background:var(--danger, #e5484d);color:#fff;font-size:.75rem;font-weight:700;line-height:1.25rem;text-align:center}.settings__check{gap:.5rem;display:flex!important;flex-direction:row!important;align-items:center}.admin__walls{gap:.75rem 1rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}@media(max-width:48rem)and (orientation:portrait),(max-height:31.25rem)and (orientation:landscape){.call__grid{grid-template-columns:repeat(var(--cols, 1),minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:.5rem;height:100%;display:grid}.call__grid>.tile{aspect-ratio:auto;width:100%;height:100%}.call__grid>.tile .tile__video{object-fit:cover}.call__grid>.tile.--screen .tile__video{object-fit:contain}.call__stage>.tile:not(.--screen){aspect-ratio:auto;width:100%;height:100%}}@media(max-height:31.25rem)and (orientation:landscape){.prejoin{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);grid-template-areas:"side room" "side form";gap:.75rem 1.5rem;padding-block:1rem 2rem}.prejoin__side{align-self:start}.prejoin__preview{max-height:calc(100dvh - 7rem)}}@media(max-width:31.25rem){.admin>header h1{font-size:1.375rem}.admin__room>header{grid-template-columns:auto minmax(0,1fr) auto;padding:.875rem}.admin__room>header>button:first-child{display:none}.admin__room>header>:nth-child(n+5){grid-row:2}.admin__ban{flex-wrap:wrap}}.meetings{gap:.75rem;display:grid}.meetings h2,.push-toggle h2{margin-top:1.5rem}.app-download{display:grid;gap:.5rem;justify-items:start;margin-bottom:1.5rem}.app-download h2{margin:0}.app-download[data-outdated]{border:1px solid var(--warning);border-radius:var(--radius);padding:1rem}.push-toggle{gap:.75rem;display:grid}.push-toggle .button,.meetings__new{justify-self:start}.meetings__list{gap:.75rem;display:grid}.meetings__item{background:var(--card);border-radius:var(--radius);overflow-wrap:anywhere;gap:.75rem;padding:.75rem .75rem .75rem 1.25rem;display:grid}.meetings__item[data-state=open]{box-shadow:inset 3px 0 0 var(--speaking)}.meetings__summary{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.meetings__summary>span:first-child{min-width:0}.meetings__guest{border-top:1px solid rgb(255 255 255 / .05);gap:.375rem;padding-top:.5rem;display:grid}.meetings .admin__access-actions{flex-wrap:wrap}.meetings__summary>.admin__access-actions{flex-wrap:nowrap;flex-shrink:0}.meetings__guest .button{padding-block:.375rem;font-size:.8125rem}.meetings__summary small,.meetings__guest small{color:var(--muted);margin-left:.25rem}.meetings__summary .tag{margin-left:.5rem}.meetings__detail{border-top:1px solid rgb(255 255 255 / .08);gap:.75rem;padding-top:.75rem;display:grid}.meetings__description{color:var(--muted);white-space:pre-wrap}.meetings__guests{gap:.5rem;display:grid}.meetings__state{border-radius:var(--pill);background:#ffffff12;padding:.0625rem .5rem}.meetings__guest .meetings__state[data-tone=yes],.meetings__guest .meetings__state[data-tone=joined]{color:var(--speaking);background:oklch(from var(--speaking) l c h / .12)}.meetings__guest .meetings__state[data-tone=no],.meetings__guest .meetings__state[data-tone=failed]{color:var(--danger);background:oklch(from var(--danger) l c h / .12)}.meetings__actions{justify-content:flex-end}.meetings__past summary{color:var(--muted);cursor:pointer;margin-block:.5rem}.meeting-editor__guests{border:0;gap:.5rem;margin:0;padding:0;display:grid}.meeting-editor__guests legend{margin-bottom:.5rem;padding:0}.meeting-editor__guest{grid-template-columns:minmax(0,3fr) minmax(0,2fr) auto;gap:.5rem;display:grid}.meeting-editor__guests>.button{justify-self:start}.meeting-editor__preview{color:var(--muted);font-size:.875rem}.recordings__ask-box{background:var(--card);border-radius:var(--radius);gap:.75rem;padding:1rem;display:grid}.recordings__ask-box>.button{justify-self:start}.recordings__answer{gap:.5rem;display:grid}.recordings__answer>p{white-space:pre-wrap}.recordings__sources{color:var(--muted);gap:.25rem;list-style:none;margin:0;padding-left:0;display:grid}.recordings__retention{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.invite{place-items:center;min-height:100dvh;padding:3rem 1rem;display:grid}.invite__card{background:var(--card);border-radius:var(--radius);overflow-wrap:anywhere;gap:1rem;width:min(100%,30rem);padding:1.5rem;display:grid}.invite__when{align-items:center;gap:.5rem;display:flex}.invite__when small,.invite__guest,.invite__countdown{color:var(--muted)}.invite__description{white-space:pre-wrap}.invite__answer,.invite__actions{flex-wrap:wrap;gap:.5rem;display:flex}.invite__notice{font-size:1.0625rem}@media(max-width:32rem){.meetings__summary{flex-direction:column;align-items:stretch}.meeting-editor__guest{grid-template-columns:minmax(0,1fr) auto}.meeting-editor__guest input:nth-child(2){grid-row:2}}.controls__button.--hand span,.controls__button.--react span{font-size:1.25rem;line-height:1}.controls__button.--hand[aria-pressed=true]{--control-bg: var(--warning);--control-text: var(--black)}.controls__reactions{position:relative}.controls__reaction-bar{background:var(--card);border-radius:var(--pill);box-shadow:0 .5rem 1.5rem #00000059;gap:.25rem;padding:.375rem;display:flex;position:absolute;bottom:calc(100% + .5rem);left:50%;translate:-50% 0;z-index:30}.controls__reaction-bar button{border-radius:50%;width:2.5rem;height:2.5rem;font-size:1.375rem;transition:scale .12s}.controls__reaction-bar button:hover,.controls__reaction-bar button:focus-visible{background:var(--card-hover);scale:1.15}.tile__hand{background:var(--warning);border-radius:var(--pill);color:var(--black);padding:.125rem .5rem;font-size:.875rem;font-weight:600;position:absolute;top:.5rem;left:50%;translate:-50% 0;z-index:5}button.tile__hand{cursor:pointer}.tile__reaction{pointer-events:none;font-size:2.5rem;position:absolute;bottom:2.5rem;left:50%;translate:-50% 0;z-index:3;animation:tile-reaction 3s ease-out forwards}@keyframes tile-reaction{0%{opacity:0;transform:translateY(.5rem) scale(.6)}15%{opacity:1;transform:translateY(0) scale(1)}80%{opacity:1}to{opacity:0;transform:translateY(-3rem) scale(1)}}@media(prefers-reduced-motion:reduce){.tile__reaction{animation:none}}body.pip{background:var(--page);margin:0;overflow:hidden}body.pip .call__main{height:100vh}