*,: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-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);--shadow:oklch(0% 0 0/.5);--radius:.875rem;--radius-sm:.25rem;--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}.sr-only{clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.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}.tag{background:var(--accent-glow);color:var(--iris-400);border-radius:1rem;padding:.125rem .5rem;font-size:.6875rem;font-weight:700}.empty{color:var(--muted);text-align:center;padding-block:2rem;font-size:1rem}.admin{align-content:start;gap:1rem;width:min(100%,44rem);margin-inline:auto;padding-block:3rem;padding-inline:1rem;display:grid}.admin__header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.admin__nav{gap:.5rem;display:flex}.admin__login{background:var(--card);border-radius:var(--radius);gap:1rem;padding:1.25rem;display:grid}.admin__login>.button,.admin__add{justify-self:start}.room-editor{background:var(--card);border-radius:var(--radius);gap:1rem;padding:1.25rem;display:grid}.room-editor__top{grid-template-columns:5rem minmax(0,1fr);gap:1rem;display:grid}.room-editor__emoji input{text-align:center;font-size:1.25rem}.room-editor__row{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}@media (width<=31.25rem){.room-editor__row{grid-template-columns:minmax(0,1fr)}}.room-editor__colour{align-items:center;gap:.75rem;display:flex}.room-editor__colour input{appearance:none;cursor:pointer;background:0 0;border:0;width:3.5rem;height:2.5rem;padding:0}.room-editor__colour input::-webkit-color-swatch-wrapper{padding:0}.room-editor__colour input::-webkit-color-swatch{border-radius:var(--radius);border:0}.room-editor__colour input::-moz-color-swatch{border-radius:var(--radius);border:0}.room-editor__colour button{color:var(--muted);font-size:.8125rem;font-weight:400;text-decoration:underline}.room-editor__actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.room-editor__actions>.--danger{margin-inline-start:auto}.room-editor__move{padding-inline:.75rem}.room-editor__saved{color:var(--speaking);font-size:.8125rem}.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);object-fit:cover;-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}.avatar.--xs{--avatar-size:1.5rem}.avatar.--sm{--avatar-size:2rem}.avatar.--lg{--avatar-size:5rem}.stack{display:flex}.stack>.avatar{box-shadow:0 0 0 2px var(--stack-ring,var(--card))}.stack>.avatar+.avatar{margin-inline-start:-.375rem}.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.--primary,.button[aria-pressed=true]{--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}.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);color:var(--muted);border-radius:2rem;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__audio{z-index:30;position:absolute;inset:1rem auto auto 50%;translate:-50%}.call__dropped{background:var(--card);border-radius:var(--radius);box-shadow:0 .25rem 1rem 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-actions{gap:.5rem;display:flex}.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__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}}.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;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(--iris-400);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:.375rem}}.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:oklch(from var(--danger) calc(l - .06) c h);--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:2rem;width:4.5rem}@media (width<=31.25rem){.controls__button.--leave{width:3.5rem}}.controls__badge{background:var(--danger);color:var(--white);border-radius:1rem;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}.dropdown{position:relative}.dropdown__menu{background:var(--card);border-radius:var(--radius);box-shadow:0 .25rem 1rem 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}: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-inline-end: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-inline-start:3.25rem}:where(label)>small{color:var(--muted);font-weight:400}:where(input[type=checkbox]){appearance:none;background:var(--raised);cursor:pointer;border-radius:1rem;flex-shrink:0;width:2.5rem;height:1.5rem;transition:background .2s;position:relative}:where(input[type=checkbox]):after{content:"";background:var(--night-900);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-inline-start:3px solid var(--danger);color:var(--danger-text);padding:.75rem 1.25rem}.gate{--edge:.625rem;gap:.5rem;display:grid}.gate__track{--line-at:calc(var(--edge) + (100% - var(--edge) * 2) * var(--line));background:linear-gradient(to right, oklch(from var(--warning) l c h/.14) 0 var(--line-at), oklch(from var(--speaking) l c h/.14) var(--line-at) 100%);border-radius:1rem;height:.75rem;position:relative}.gate__fill{background:linear-gradient(to right, var(--warning) 0 var(--line-at), var(--speaking) var(--line-at) 100%);border-radius:inherit;clip-path:inset(0 calc(100% - var(--edge) - (100% - var(--edge) * 2) * var(--level)) 0 0 round 1rem);position:absolute;inset:0}.gate[data-clipping=true] .gate__fill{background:var(--danger)}.gate__peak{inset:-.125rem auto -.125rem calc(var(--edge) + (100% - var(--edge) * 2) * var(--peak));background:var(--white);opacity:.7;border-radius:1px;width:2px;position:absolute}.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), 0 .125rem .375rem var(--shadow);height:calc(var(--edge) * 2);width:calc(var(--edge) * 2);border-radius:50%}.gate input::-moz-range-thumb{background:var(--white);box-shadow:0 0 0 3px var(--card), 0 .125rem .375rem var(--shadow);height:calc(var(--edge) * 2);width:calc(var(--edge) * 2);border:0;border-radius:50%}.gate__scale{color:var(--muted);justify-content:space-between;font-size:.75rem;display:flex}.lobby{align-content:center;gap:1.5rem;width:min(100%,32rem);min-height:100vh;margin-inline:auto;padding-block:3rem;padding-inline:1rem;display:grid}.lobby__header{justify-content:space-between;align-items:center;display:flex}.lobby__brand{align-items:center;gap:.625rem;font-size:1.75rem;display:flex}.lobby__brand img{width:2rem;height:2rem}.lobby__rooms{gap:.625rem;display:grid}.room-card{background:var(--card);border-radius:var(--radius);--room-colour:var(--accent);color:var(--text-colour);text-align:start;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;width:100%;padding:1rem 1.25rem;transition:background .15s;display:grid}.room-card:hover{background:var(--card-hover)}.room-card:disabled{cursor:not-allowed;opacity:.5}.room-card__emoji{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}.room-card__main{gap:.125rem;min-width:0;display:grid}.room-card__name{color:var(--heading-colour);align-items:center;gap:.375rem;font-size:1rem;font-weight:600;display:flex}.room-card__name .icon{color:var(--muted)}.room-card__description{color:var(--muted);font-size:.8125rem}.room-card__side{align-items:center;gap:.75rem;display:flex}.room-card__count{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.75rem}.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:100vh;margin-inline:auto;padding-block:2rem;padding-inline:1rem;display:grid}@media (width<=48rem){.prejoin{grid-template-columns:minmax(0,1fr);grid-template-areas:"room""side""form"}}.prejoin__side{grid-area:side;align-self:center;gap:1.25rem;display:grid}.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__preview{aspect-ratio:16/9;place-items:center;display:grid;position:relative}@media (width<=31.25rem){.prejoin__preview{aspect-ratio:4/3}}.prejoin__preview{background:var(--card);border-radius:var(--radius);overflow:hidden}.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__meter{background:var(--speaking);height:.25rem;transform:scaleX(var(--level));transform-origin:0;transition:transform 50ms linear;position:absolute;inset:auto 0 0}.prejoin__meter[data-clipping=true]{background:var(--danger)}.prejoin__form{grid-area:form;align-self:start;gap:1rem;display:grid}.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__note{color:var(--iris-400);font-weight:600}.prejoin__member{color:var(--muted);font-size:.8125rem}.prejoin__member button{color:var(--text-colour);margin-inline-start:.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)}.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}.room-button{z-index:40;position:fixed;inset:1rem auto auto 1rem}.room-button__toggle{-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);background:oklch(from var(--card) l c h/.85);box-shadow:0 .125rem .5rem var(--shadow);color:var(--heading-colour);border-radius:2rem;align-items:center;gap:.5rem;padding:.5rem 1rem .5rem .75rem;font-weight:600;transition:background .15s;display:flex}.room-button__toggle:hover,.room-button__toggle[aria-expanded=true]{background:var(--card-hover)}.room-button__chevron{color:var(--muted);font-size:.875rem;transition:rotate .15s}.room-button__toggle[aria-expanded=true] .room-button__chevron{rotate:180deg}.room-button__menu{--stack-ring:var(--card);gap:.125rem;width:min(20rem,100vw - 2rem);padding:.375rem;display:grid}.room-button__room{border-radius:calc(var(--radius) - .375rem);color:var(--text-colour);text-align:start;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:.75rem;width:100%;padding:.5rem .625rem;display:grid}.room-button__room:hover{--stack-ring:var(--card-hover);background:var(--card-hover)}.room-button__room[aria-current]{--stack-ring:var(--accent-glow);background:var(--accent-glow);cursor:default}.room-button__room:disabled{cursor:not-allowed;opacity:.5}.room-button__emoji{font-size:1.125rem}.room-button__name{align-items:center;gap:.375rem;font-weight:600;display:flex}.room-button__name .icon{color:var(--muted)}.room-button__count{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.75rem}.settings{background:var(--card);border-radius:var(--radius);box-shadow:0 .5rem 2rem var(--shadow);color:var(--text-colour);border:0;width:min(46rem,100vw - 2rem);max-height:calc(100dvh - 2rem);padding:0}.settings::backdrop{background:oklch(0% 0 0/.6)}.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}.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{content:"";border-radius:inherit;pointer-events:none;border:3px solid #0000;transition:border-color .15s;position:absolute;inset:0}.tile[data-speaking=true]:after{border-color:var(--speaking)}.tile.--screen{background:var(--well)}.tile.--screen .tile__video{object-fit:contain}.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[aria-pressed=true]{background:var(--accent);opacity:1}.tile__pin:focus-visible{opacity:1}.tile__volume{color:var(--white);opacity:0;background:oklch(0% 0 0/.5);border-radius:2rem;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:hover .tile__pin,.tile:hover .tile__volume{opacity:1}.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-inline-start:3px solid var(--danger);border-radius:var(--radius);box-shadow:0 .25rem 1rem 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-enter-active,.toast-leave-active{transition:opacity .2s,translate .2s}.toast-enter-from,.toast-leave-to{opacity:0;translate:0 .5rem}