*,*:before,*:after{box-sizing:border-box}*{margin:0}html{interpolate-size:allow-keywords}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p{overflow-wrap:break-word;text-wrap:pretty}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:balance}#root,#app{isolation:isolate}:root{--cobalt: #0b41ce;--cobalt-deep: #072e94;--tomato: #f4441c;--sunny: #ffc800;--inky: #0e0e12;--paper: #f0f0f7;--surface: #ffffff;--ink-on-paper: var(--inky);--muted: #55566a;--line: 4px;--radius-xl: 44px;--radius-lg: 30px;--radius-md: 20px;--shadow-chunk: 0 10px 0 var(--inky);--shadow-chunk-sm: 0 6px 0 var(--inky);--spring: cubic-bezier(.34, 1.56, .64, 1);font-family:ui-rounded,SF Pro Rounded,Hiragino Maru Gothic ProN,Quicksand,Verdana,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;color-scheme:light dark}body{min-height:100dvh;background-color:var(--paper);color:var(--ink-on-paper);font-weight:600}.page{max-width:80ch;margin-inline:auto;padding:2rem}.page h1{font-size:clamp(3rem,12vw,6rem);letter-spacing:-.04em}.shell{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh;padding:clamp(1rem,4vw,3rem)}.card{width:min(100%,40rem);padding:clamp(1.75rem,5vw,3rem);border:var(--line) solid var(--inky);border-radius:var(--radius-xl);background-color:var(--surface);box-shadow:var(--shadow-chunk);animation:pop-in .4s var(--spring) both}.card--status{text-align:center}.card--error{border-color:var(--tomato);box-shadow:0 10px 0 var(--tomato)}.card__actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:1.75rem}.eyebrow{display:inline-block;padding:.35rem .9rem;border:3px solid var(--inky);border-radius:999px;font-size:.85rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.eyebrow--sunny{background-color:var(--sunny)}.eyebrow--tomato{background-color:var(--tomato);color:var(--surface)}.display{margin-top:1.25rem;font-size:clamp(2.6rem,9vw,4.5rem);font-weight:800;line-height:.95;letter-spacing:-.045em}.display--sm{font-size:clamp(2rem,6vw,3rem)}.display__pop{display:inline-block;color:var(--cobalt);rotate:-2.5deg}.lede{margin-top:1.1rem;max-width:34ch;color:var(--muted);font-size:clamp(1.05rem,2.4vw,1.3rem);font-weight:600}.card--status .lede{margin-inline:auto}.lede--mono{max-width:44ch;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1rem;color:var(--ink-on-paper)}.fineprint{margin-top:1.5rem;color:var(--muted);font-size:.9rem}.fineprint code,.envlist__name,.pill--room code{padding:.1rem .4rem;border-radius:8px;background-color:var(--paper);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:3.75rem;padding:0 1.75rem;border:var(--line) solid var(--inky);border-radius:var(--radius-md);background-color:var(--surface);color:var(--inky);font-size:1.15rem;font-weight:800;cursor:pointer;box-shadow:var(--shadow-chunk-sm);transition:translate .2s var(--spring),scale .2s var(--spring),box-shadow .2s var(--spring)}.btn--xl{min-height:4.5rem;padding:0 2.5rem;border-radius:var(--radius-lg);font-size:1.35rem}.btn--cobalt{background-color:var(--cobalt);color:var(--surface)}.btn--tomato{background-color:var(--tomato);color:var(--surface)}.btn--ghost{background-color:transparent;box-shadow:none}.btn--round{min-width:8rem;background-color:var(--sunny)}.btn--round-off{background-color:var(--paper);color:var(--muted)}.btn:hover{translate:0 -4px;scale:1.03;box-shadow:0 10px 0 var(--inky)}.btn--ghost:hover{box-shadow:none;background-color:var(--paper)}.btn:active{translate:0 3px;scale:.97;box-shadow:0 2px 0 var(--inky)}.btn:focus-visible{outline:4px solid var(--cobalt);outline-offset:4px}.joinform{display:flex;flex-direction:column;gap:.85rem;margin-top:2rem}.joinform__label{font-size:1rem;font-weight:800}.joinform__input{min-height:4.25rem;padding:0 1.4rem;border:var(--line) solid var(--inky);border-radius:var(--radius-lg);background-color:var(--paper);font-size:1.35rem;font-weight:700;transition:scale .2s var(--spring),background-color .2s var(--spring)}.joinform__input:focus{outline:none;scale:1.015;background-color:var(--surface);box-shadow:inset 0 0 0 4px var(--sunny)}.joinform__warning{color:var(--tomato);font-weight:800}.envlist{display:flex;flex-direction:column;gap:.75rem;margin-top:2rem;padding:0;list-style:none}.envlist__row{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;padding:1rem 1.2rem;border:3px solid var(--inky);border-radius:var(--radius-md)}.envlist__hint{color:var(--muted);font-size:.9rem}.badge{margin-left:auto;padding:.2rem .6rem;border:2px solid var(--inky);border-radius:999px;font-size:.75rem;font-weight:800;text-transform:uppercase}.badge--tomato{background-color:var(--tomato);color:var(--surface)}.stage{width:min(100%,76rem);display:flex;flex-direction:column;gap:1.25rem;animation:pop-in .4s var(--spring) both}.stage__bar{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.pill{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.1rem;border:3px solid var(--inky);border-radius:999px;background-color:var(--surface);font-size:.95rem;font-weight:800}.pill--live{background-color:var(--tomato);color:var(--surface)}.pill--count{background-color:var(--sunny)}.pill__dot{width:.7rem;height:.7rem;border-radius:50%;background-color:var(--surface);animation:throb 1.2s var(--spring) infinite}.banner{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;padding:1rem 1.25rem;border:var(--line) solid var(--tomato);border-radius:var(--radius-md);background-color:var(--surface);font-weight:700}.banner__close{margin-left:auto;padding:.35rem .9rem;border:3px solid var(--inky);border-radius:999px;background-color:var(--paper);font-weight:800;cursor:pointer}.stage__empty,.stage__overflow{padding:2rem;border:var(--line) dashed var(--inky);border-radius:var(--radius-lg);color:var(--muted);font-size:1.15rem;font-weight:700;text-align:center}.stage__overflow{padding:1rem;font-size:1rem}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));gap:1rem;padding:0;list-style:none}.tile{position:relative;aspect-ratio:4 / 3;overflow:hidden;display:grid;place-items:center;border:var(--line) solid var(--inky);border-radius:var(--radius-lg);background-color:var(--cobalt);animation:pop-in .35s var(--spring) both;transition:scale .25s var(--spring),box-shadow .25s var(--spring)}.tile:hover{scale:1.02;box-shadow:var(--shadow-chunk-sm)}.tile--speaking{box-shadow:inset 0 0 0 8px var(--sunny)}.tile__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.tile__video--hidden{opacity:0}.tile__initials{font-size:clamp(2.5rem,6vw,3.5rem);font-weight:800;color:var(--surface);letter-spacing:-.03em}.tile__name{position:absolute;bottom:.75rem;left:.75rem;display:inline-flex;align-items:center;gap:.4rem;max-width:calc(100% - 1.5rem);padding:.3rem .8rem;border:3px solid var(--inky);border-radius:999px;background-color:var(--surface);font-size:.85rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile__you{padding:0 .4rem;border-radius:999px;background-color:var(--sunny);font-size:.7rem;text-transform:uppercase}.controls{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;padding:1rem;border:var(--line) solid var(--inky);border-radius:var(--radius-xl);background-color:var(--surface);box-shadow:var(--shadow-chunk-sm)}.bouncer{display:flex;gap:.6rem;justify-content:center}.bouncer__dot{width:1.25rem;height:1.25rem;border:3px solid var(--inky);border-radius:50%;animation:bounce .9s var(--spring) infinite}.bouncer__dot--cobalt{background-color:var(--cobalt)}.bouncer__dot--tomato{background-color:var(--tomato);animation-delay:.12s}.bouncer__dot--sunny{background-color:var(--sunny);animation-delay:.24s}@keyframes pop-in{0%{opacity:0;scale:.9;translate:0 12px}to{opacity:1;scale:1;translate:0 0}}@keyframes bounce{0%,to{translate:0 0}50%{translate:0 -.8rem}}@keyframes throb{0%,to{scale:1}50%{scale:.55}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-color-scheme:dark){:root{--inky: #f4f4fb;--paper: #0e0e12;--surface: #1a1b24;--ink-on-paper: #f4f4fb;--muted: #a6a7bd;--shadow-chunk: 0 10px 0 #000000;--shadow-chunk-sm: 0 6px 0 #000000}.eyebrow--sunny,.pill--count,.btn--round,.tile__you{color:#0e0e12}.btn:hover{box-shadow:0 10px #000}.btn:active{box-shadow:0 2px #000}.pill__dot{background-color:#fff}}