*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;scroll-behavior:smooth}body{text-rendering:optimizespeed;min-height:100vh;font-family:sans-serif;line-height:1.4}body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;padding:0}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}textarea:not([rows]){min-height:10em}@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-400:oklch(67.02% .1693 277.08);--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;--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}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}html{background:var(--page);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;min-height:100%}body{background:var(--page);color:var(--text-colour);font:.875rem/1.5 var(--font);overflow-wrap:break-word;min-height:100vh}::selection{background:var(--accent);color:var(--accent-text)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.empty{color:var(--muted);text-align:center;padding-block:2rem;font-size:1rem}.admin{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{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.admin>header nav{gap:.5rem;display:flex}.admin>form{background:var(--card);border-radius:var(--radius);gap:1rem;padding:1.25rem;display:grid}.admin>form>.button{justify-self:start}.admin>h2{margin-top:1.5rem}.admin>ul{gap:.75rem;display:grid}.admin>.button{justify-self:start}.admin__room,.admin__bell,.admin__ban{background:var(--card);border-radius:var(--radius);position:relative}.admin__room>header,.admin__bell>header{align-items:center;gap:.75rem;padding:1rem 1.25rem;display:grid}.admin__room>header>div,.admin__bell>header>div{gap:.125rem;min-width:0;display:grid}.admin__room>header strong,.admin__bell>header strong{color:var(--heading-colour);align-items:center;gap:.5rem;font-size:1rem;font-weight:600;display:flex}.admin__room>header small,.admin__bell>header small{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.25rem .875rem;margin-top:.25rem;font-size:.75rem;display:flex}.admin__room>header small>span,.admin__bell>header small>span{align-items:center;gap:.25rem;display:inline-flex}.admin__room>header .button,.admin__bell>header .button{--button-bg:var(--well)}@media (width<=31.25rem){.admin__room>header .button[aria-expanded],.admin__bell>header .button[aria-expanded]{gap:0;font-size:0}.admin__room>header .button[aria-expanded] .icon,.admin__bell>header .button[aria-expanded] .icon{font-size:.875rem}}.admin__room>header .button[aria-expanded=true],.admin__bell>header .button[aria-expanded=true]{--button-bg:var(--accent-glow);--button-text:var(--accent-bright)}.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;transition:none}.admin__room[data-dragging=true]>header>button:first-child{cursor:grabbing}.admin__room>header{grid-template-columns:auto auto minmax(0,1fr) auto auto;gap:1rem;padding-left:.75rem}@media (width<=31.25rem){.admin__room>header{gap:.75rem}}.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 p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;overflow:hidden}.admin__room>header>label{color:var(--muted);font-size:.8125rem}@media (width<=31.25rem){.admin__room>header>label>span{clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}}.admin__room.--moving{transition:transform .2s}.admin__bell>header{grid-template-columns:minmax(0,1fr) auto auto}.admin__editor{border-top:1px solid var(--raised);gap:1rem;padding:1.25rem;display:grid}.admin__editor:first-child{border-top:none}.admin__editor>div{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:1rem;display:grid}@media (width<=31.25rem){.admin__editor>div{grid-auto-flow:row}}.admin__editor>div:first-child{grid-template-columns:5rem minmax(0,1fr);grid-auto-flow:column}.admin__editor>div:first-child>label:first-child input{text-align:center;font-size:1.25rem}.admin__editor>p:first-child{color:var(--warning);font-weight:600}.admin__editor label>span{align-items:center;gap:.75rem;display:flex}.admin__editor label>span:has(>[type=text]){background:var(--well);border-radius:var(--radius);color:var(--muted);white-space:nowrap;border:2px solid #0000;gap:0;padding-left:.875rem;font-weight:400;transition:border-color .15s}.admin__editor label>span:has(>[type=text]):focus-within{border-color:var(--accent)}.admin__editor label>span:has(>[type=text]) input{background:0 0;border:none;min-width:0;padding-left:0}.admin__editor label>span [type=color]{appearance:none;cursor:pointer;background:0 0;border:none;width:3.5rem;height:2.5rem;padding:0}.admin__editor label>span [type=color]::-webkit-color-swatch-wrapper{padding:0}.admin__editor label>span [type=color]::-webkit-color-swatch{border-radius:var(--radius);border:none}.admin__editor label>span [type=color]::-moz-color-swatch{border-radius:var(--radius);border:none}.admin__editor label>span button{color:var(--muted);font-size:.8125rem;font-weight:400;text-decoration:underline}.admin__editor fieldset{flex-wrap:wrap;gap:.5rem 1.5rem;display:flex}.admin__editor fieldset>legend{margin-bottom:.625rem;font-weight:600}.admin__editor fieldset>small{color:var(--muted)}.admin__editor code{background:var(--well);border-radius:var(--radius);font-family:var(--font-mono);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;padding:.75rem 1rem;font-size:.8125rem}.admin__editor footer{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.admin__editor footer>.--danger{margin-left:auto}.admin__ban{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;justify-content:space-between;align-items:center;padding:.5rem .75rem .5rem 1.25rem;display:flex}.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)}.avatar{--avatar-size:2.5rem;--avatar-hue:277;--avatar-dot:calc(var(--avatar-size) * .28);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);box-shadow:0 0 0 2px var(--avatar-ring,var(--card));content:"";height:var(--avatar-dot);width:var(--avatar-dot);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%}.avatar__live{background:var(--danger);border-radius:var(--radius-sm);box-shadow:0 0 0 2px var(--avatar-ring,var(--card));color:var(--white);letter-spacing:.5px;padding:.125rem .25rem;font-size:.5rem;font-weight:800;line-height:1;position:absolute;inset:auto auto 0 50%;translate:-50% 40%}.avatar.--xs{--avatar-size:1.5rem}.avatar.--sm{--avatar-size:2rem}.avatar.--lg{--avatar-size:5rem}.avatars{display:flex}.avatars>.avatar{box-shadow:0 0 0 2px var(--avatar-ring,var(--card))}.avatars>.avatar+.avatar{margin-left:-.375rem}.avatars>.avatar[data-live=true]{z-index:1}.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 (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}.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)}.call{height:100dvh;display:flex}@media (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}}.call__rooms{z-index:40;align-items:center;gap:.5rem;display:flex;position:fixed;inset:1rem auto auto 1rem}.call__rooms>[aria-expanded],.call__rooms>[aria-pressed]{-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);background:oklch(from var(--card) l c h/.85);border-radius:var(--pill);box-shadow:var(--shadow-sm);align-items:center;gap:.5rem;font-weight:600;transition:background .15s,color .15s;display:flex}.call__rooms>[aria-expanded]:hover,.call__rooms>[aria-pressed]:hover{background:var(--card-hover)}.call__rooms>[aria-expanded]{color:var(--heading-colour);padding:.5rem 1rem .5rem .75rem}.call__rooms>[aria-expanded] .icon{color:var(--muted);font-size:.875rem;transition:rotate .15s}.call__rooms>[aria-expanded][aria-expanded=true]{background:var(--card-hover)}.call__rooms>[aria-expanded][aria-expanded=true] .icon{rotate:180deg}.call__rooms>[aria-pressed]{color:var(--muted);padding:.5rem 1rem .5rem .875rem;font-size:.875rem}.call__rooms>[aria-pressed]:hover{color:var(--text-colour)}.call__rooms>[aria-pressed][aria-pressed=true]{background:var(--accent-glow);color:var(--accent-bright)}.call__rooms ul{--avatar-ring:var(--card);gap:.125rem;width:min(20rem,100vw - 2rem);padding:.375rem;display:grid}.call__rooms li>button:not(.button){border-radius:calc(var(--radius) - .375rem);color:var(--text-colour);text-align:left;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:.75rem;width:100%;padding:.5rem .625rem;display:grid}.call__rooms li>button:not(.button):hover{--avatar-ring:var(--card-hover);background:var(--card-hover)}.call__rooms li>button:not(.button)[aria-current]{--avatar-ring:var(--accent-glow);background:var(--accent-glow);cursor:default}.call__rooms li>button:not(.button):disabled{cursor:not-allowed;opacity:.5}.call__rooms li>button:not(.button)>span:first-child{font-size:1.125rem}.call__rooms li>button:not(.button) strong{align-items:center;gap:.375rem;font-weight:600;display:flex}.call__rooms li>button:not(.button) strong .icon{color:var(--muted)}.call__rooms li>button:not(.button)>small{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.75rem}.call__rooms li:has(>.button){border-top:1px solid var(--raised);gap:.375rem;margin-top:.25rem;padding:.625rem .25rem .25rem;display:grid}.call__rooms li:has(>.button) .button{--button-bg:var(--well)}.call__rooms li:has(>.button) small{color:var(--muted);text-align:center}.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);padding:.5rem 1rem;font-size:.8125rem;position:absolute;inset:1rem 1rem auto auto}.call__grid{flex-wrap:wrap;place-content:center;gap:1rem;min-height:0;display:flex;overflow:hidden}.call__grid>.tile{width:var(--tile-width)}.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 (width<=31.25rem){.call__strip>.tile{height:5rem}}.call__fullscreen{width:2.25rem;height:2.25rem;color:var(--white);background:oklch(0% 0 0/.5);border-radius:50%;flex-shrink:0;place-items:center;display:grid;position:absolute;inset:.75rem .75rem auto auto}.call__fullscreen:hover{background:oklch(0% 0 0/.7)}.call__audio{z-index:30;position:absolute;inset:1rem auto auto 50%;translate:-50%}.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}.call__offline{color:var(--muted);text-align:center;justify-items:center;gap:.5rem;display:grid;position:absolute;inset:50% auto auto 50%;translate:-50% -50%}.call__offline>.icon{color:var(--accent-bright);font-size:2rem}.call__offline>h2{color:var(--heading-colour)}.chat{background:var(--card);flex-direction:column;flex-shrink:0;width:22rem;height:100dvh;display:flex}@media (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__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;align-items:center;gap:.5rem;padding:1rem;display:grid}.chat__form>[data-error]{grid-column:1/-1}.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}.controls{justify-content:center;gap:.75rem;display:flex}@media (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 (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:4.5rem}@media (width<=31.25rem){.controls__button.--leave{width:3rem}}.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}@media (width<=31.25rem){.controls__live{justify-content:center;width:2.75rem;height:2.75rem;padding:0}}.controls__live:hover{background:var(--control-hover)}.controls__live:disabled{cursor:wait;opacity:.6}.controls__live[data-live=true]{--control-bg:var(--danger);--control-hover:var(--danger-soft);color:var(--white)}.controls__live[data-live=true] [data-wave]{animation:1.8s ease-in-out infinite wave}@media (prefers-reduced-motion:reduce){.controls__live[data-live=true] [data-wave]{animation:none}}.controls__live[data-live=true] [data-wave=outer]{animation-delay:.3s}@media (width<=31.25rem){.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}@keyframes wave{0%,70%,to{opacity:.3}30%{opacity:1}}.credits{--credits-colour:oklch(from var(--quiet) calc(l - .1) c h);color:var(--credits-colour);justify-items:center;gap:.375rem;font-size:.8125rem;display:grid;position:absolute;inset:auto 0 1.5rem}.credits a{color:var(--credits-colour);text-underline-offset:3px;font-weight:600;text-decoration:underline;transition:color .15s}.credits a:hover{color:var(--accent)}.credits__brand{align-items:center;gap:.5rem;font-weight:600;display:flex}.credits__brand img{filter:grayscale()brightness(.35);width:1rem;height:1rem}.dropdown__menu{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);z-index:60;position:absolute;inset:calc(100% + .5rem) auto auto 0}: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 #0000;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)}:focus:where(input:not([type=checkbox],[type=radio],[type=file],[type=color],[type=hidden],[type=range]),select,textarea){border-color:var(--accent);outline:none}:disabled:where(input:not([type=checkbox],[type=radio],[type=file],[type=color],[type=hidden],[type=range]),select,textarea){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}.gate{--gate-edge:.625rem;--gate-line-at:calc(var(--gate-edge) + (100% - var(--gate-edge) * 2) * var(--gate-line));gap:.5rem;display:grid}.gate[data-clipping=true] .gate__fill{background:var(--danger)}.gate input{appearance:none;cursor:pointer;background:0 0;width:100%;height:1.5rem;margin:0;position:absolute;inset:50% 0 auto;translate:0 -50%}.gate input::-webkit-slider-runnable-track{background:0 0}.gate input::-moz-range-track{background:0 0}.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 round 1rem);position:absolute;inset:0}.gate__peak{inset:-.125rem auto -.125rem calc(var(--gate-edge) + (100% - var(--gate-edge) * 2) * var(--gate-peak));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}.icon{vertical-align:-.125em;flex-shrink:0;width:1.25em;height:1em;display:inline-block}.icon>svg{width:100%;height:100%;display:block}.icon.--sm{font-size:.75em}.lobby{align-content:center;gap:1.5rem;width:min(100%,32rem);min-height:100dvh;margin-inline:auto;padding-block:3rem 6rem;padding-inline:1rem;display:grid;position:relative}.lobby>header{justify-content:space-between;align-items:center;display:flex}.lobby>header h1{align-items:center;gap:.625rem;font-size:1.75rem;display:flex}.lobby>header img{width:2rem;height:2rem}.lobby>ul{gap:.625rem;display:grid}.lobby__room{background:var(--card);border-radius:var(--radius);--room-colour:var(--accent);color:var(--text-colour);text-align:left;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:1rem;width:100%;padding:1rem 1.25rem;transition:background .15s;display:grid}.lobby__room:hover{background:var(--card-hover)}.lobby__room:disabled{cursor:not-allowed;opacity:.5}.lobby__room>span:first-child{background:oklch(from var(--room-colour) l c h/.18);border-radius:50%;flex-shrink:0;place-items:center;width:2.75rem;height:2.75rem;font-size:1.375rem;display:grid}.lobby__room>span:nth-child(2){gap:.125rem;min-width:0;display:grid}.lobby__room strong{color:var(--heading-colour);align-items:center;gap:.375rem;font-size:1rem;font-weight:600;display:flex}.lobby__room strong .icon{color:var(--muted)}.lobby__room small{color:var(--muted);font-size:.8125rem}.lobby__room>small{font-variant-numeric:tabular-nums;font-size:.75rem}.meter{background:var(--speaking);height:.25rem;transform:scaleX(var(--meter-level));transform-origin:0;transition:transform 50ms linear;position:absolute;inset:auto 0 0}.meter[data-muted=true]{background:var(--muted)}.meter[data-clipping=true]{background:var(--danger)}.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 (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__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 (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__buttons>.controls__button{--control-bg:var(--well)}.prejoin__devices{grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.75rem;display:grid}@media (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 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__note{color:var(--accent-bright);font-weight:600}.prejoin__member{color:var(--muted);font-size:.8125rem}.prejoin__member button{color:var(--text-colour);margin-left:.5rem;text-decoration:underline}.prejoin__login{color:var(--muted);justify-self:center;font-size:.8125rem;text-decoration:underline}.prejoin__login:hover{color:var(--text-colour)}.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:oklch(0% 0 0/.6)}.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}.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)}.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 (width<=48rem){.settings__body{grid-template-columns:minmax(0,1fr)}}.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}.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)}.tile{aspect-ratio:var(--tile-aspect,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 #0000;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__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:oklch(0% 0 0/.5);align-items:center;gap:.375rem;padding:.25rem .5rem;font-size:.8125rem;font-weight:600;display:flex;position:absolute;inset:auto auto .75rem .75rem}.tile__quality[data-quality=poor]{color:var(--warning)}.tile__quality[data-quality=lost]{color:var(--danger)}.tile__pin{width:2rem;height:2rem;color:var(--white);opacity:0;background:oklch(0% 0 0/.5);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}@media (hover:none){.tile__pin{opacity:.8}}.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}@media (hover:none){.tile__moderate{opacity:.8}}.tile__moderate:focus-within{opacity:1}.tile__action{width:2rem;height:2rem;color:var(--white);background:oklch(0% 0 0/.5);border-radius:50%;flex-shrink:0;place-items:center;font-size:.875rem;transition:background .15s;display:grid}.tile__action:hover{background:oklch(0% 0 0/.75)}.tile__action.--danger:hover{background:var(--danger)}.tile__volume{border-radius:var(--pill);color:var(--white);opacity:0;background:oklch(0% 0 0/.5);align-items:center;gap:.5rem;padding:.25rem .75rem;font-size:.875rem;transition:opacity .15s;display:flex;position:absolute;inset:auto .625rem .75rem auto}@media (hover:none){.tile__volume{opacity:.8}}.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}.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}.toast button{color:inherit;opacity:.8;font-size:1rem}.toast button:hover{opacity:1}.toast.--entering,.toast.--leaving{transition:opacity .2s,translate .2s}.toast.--hidden{opacity:0;translate:0 .5rem}.viewers{z-index:20;justify-items:end;gap:.5rem;display:grid;position:absolute;inset:1rem 1rem auto auto}.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}