@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:100%;font-display:swap;src:url(../media/f4b234103afdc32a-s.197tvtifbphtu.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:100%;font-display:swap;src:url(../media/0b60d5f95c5f3f76-s.2e115y8-hourl.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:100%;font-display:swap;src:url(../media/8056169c9d560660-s.p.41rroleoq1br7.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bricolage Grotesque Fallback;src:local(Arial);ascent-override:88.21%;descent-override:25.61%;line-gap-override:0.0%;size-adjust:105.43%}._gO8iW_className{font-family:Bricolage Grotesque,Bricolage Grotesque Fallback;font-style:normal}._gO8iW_variable{--font-display:"Bricolage Grotesque", "Bricolage Grotesque Fallback"}
@font-face{font-family:Figtree;font-style:normal;font-weight:300 900;font-display:swap;src:url(../media/4032351b19cb998e-s.19g-lkcx7iw64.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree;font-style:normal;font-weight:300 900;font-display:swap;src:url(../media/cb4b92673aedbbad-s.p.0-95eo-012xnf.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree Fallback;src:local(Arial);ascent-override:94.32%;descent-override:24.82%;line-gap-override:0.0%;size-adjust:100.72%}.CV22ZG_className{font-family:Figtree,Figtree Fallback;font-style:normal}.CV22ZG_variable{--font-body:"Figtree", "Figtree Fallback"}
*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0}img,video{max-width:100%}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}.app{grid-template-rows:auto 1fr;min-height:100dvh;display:grid}.app-bar{flex-wrap:wrap;align-items:center;gap:12px 20px;display:flex}.app-online{margin-left:auto}.mode-tabs{display:flex}.app-main{flex-direction:column;min-height:0;display:flex}.gate,.notice,.field{flex-direction:column;display:flex}.field input,.field textarea{width:100%;min-height:44px}.check{align-items:flex-start;gap:.7rem;display:flex}.check input{flex:none;margin-top:.2rem}.pair{flex:1;grid-template:"stage chat"minmax(0,1fr)"controls chat""error error"/minmax(0,1fr) minmax(18rem,24rem);width:100%;min-height:0;margin:0 auto;display:grid}.pair-text{grid-template:"chat"minmax(0,1fr)"controls""error"/minmax(0,1fr)}.stage{grid-area:stage;min-height:18rem;position:relative;overflow:hidden}.pair-chat{flex-direction:column;grid-area:chat;min-height:0;display:flex;overflow:hidden}.controls{flex-wrap:wrap;grid-area:controls;align-items:center;gap:8px;display:flex}.pair .error{grid-area:error}.tile video{object-fit:cover;width:100%;height:100%;display:block}.tile-remote{position:absolute;inset:0}.tile-local{position:absolute;overflow:hidden}.tile-local video{transform:scaleX(-1)}.tile-note{text-align:center;place-items:center;margin:0;padding:1rem;display:grid;position:absolute;inset:0}.stage-audio{align-content:center;place-items:center;gap:1.5rem;display:grid}.stage-audio .tile-note{position:static}.voice-ring{--level:0;text-align:center;place-items:center;display:grid}.log{flex-direction:column;flex:1;min-height:10rem;display:flex;overflow-y:auto}.line{overflow-wrap:anywhere;white-space:pre-wrap;margin:0}.line .who{display:block}.line-me{align-self:flex-end}.line-them{align-self:flex-start}.line-system{text-align:center;align-self:center}.line-failed{display:block}.composer{align-items:flex-end;gap:8px;display:flex}.composer textarea{resize:none;field-sizing:content;flex:1;min-height:44px;max-height:8rem}.dialog form{flex-direction:column;gap:1rem;display:flex}.dialog fieldset{border:0;flex-direction:column;gap:.5rem;margin:0;padding:0;display:flex}.dialog-actions{justify-content:flex-end;gap:8px;display:flex}.group{flex:1;grid-template-columns:18rem minmax(0,1fr);width:100%;min-height:0;margin:0 auto;display:grid}.rooms{flex-direction:column;min-height:0;display:flex;overflow-y:auto}.rooms ul{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.room{text-align:left;background:0 0;border:0;justify-content:space-between;align-items:baseline;gap:.5rem;width:100%;display:flex}.room-count{white-space:nowrap;font-variant-numeric:tabular-nums}.new-room{flex-direction:column;gap:.5rem;margin-top:auto;display:flex}.room-view{flex-direction:column;min-height:70dvh;display:flex;overflow:hidden}.room-head{justify-content:space-between;align-items:center;gap:1rem;display:flex}.room-empty{text-align:center;margin:auto}.turnstile-host{z-index:10;position:fixed;bottom:16px;right:16px}@media (max-width:860px){.pair{grid-template:"stage""controls""chat""error"/minmax(0,1fr)}.pair-text{grid-template-rows:minmax(0,1fr) auto auto;grid-template-areas:"chat""controls""error"}.stage{aspect-ratio:3/4;min-height:0;max-height:62dvh}.stage-audio{aspect-ratio:auto;padding:2rem 1rem}.pair-chat{min-height:18rem}.group{grid-template-columns:minmax(0,1fr)}.group[data-in-room=true] .rooms,.group[data-in-room=false] .room-view{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:0s!important;animation:none!important}}
:root{--mint:#e7f1ec;--paper:#fff;--teal:#0e3b43;--teal-2:#17525c;--muted:#4b6a6f;--sun:#f2b705;--sun-soft:#fff1bf;--line:#c5dbd3;--display:var(--font-display), system-ui, sans-serif;--text:var(--font-body), system-ui, sans-serif;--gutter:clamp(16px, 4vw, 48px)}body{background:var(--mint);color:var(--teal);font:400 1.0625rem/1.6 var(--text);-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--display);letter-spacing:-.03em;text-wrap:balance;margin:0 0 .5em;font-weight:800;line-height:1}p{margin:0 0 1em}a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:2px}:focus-visible{outline:3px solid var(--sun);outline-offset:3px}.btn{border:2px solid var(--teal);background:var(--paper);min-height:44px;color:var(--teal);font:700 1rem/1 var(--text);border-radius:14px;justify-content:center;align-items:center;padding:.6em 1.2em;text-decoration:none;display:inline-flex}.btn:hover{background:var(--mint)}.btn:disabled{opacity:.45}.btn-primary{background:var(--teal);color:#fff}.btn-primary:hover{background:var(--teal-2)}.btn-big{min-height:56px;padding:.75em 1.5em;font-size:1.1rem}.btn-quiet{background:0 0;border-color:#0000}.lobby-head{max-width:80rem;padding:18px var(--gutter);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.lobby-head nav{align-items:center;gap:1.5rem;display:flex}.lobby-head nav a:not(.btn){font-weight:600;text-decoration:none}.sign{font:800 1.5rem/1 var(--display);letter-spacing:-.03em;align-items:center;gap:.55rem;margin:0;text-decoration:none;display:inline-flex}.sign-small{font-size:1.2rem}.sign-dots{gap:3px;display:inline-flex}.sign-dots i{background:var(--sun);border-radius:50%;width:.5em;height:.5em}.sign-dots i:nth-child(2){background:var(--teal)}.lobby{max-width:80rem;padding:clamp(2.5rem, 7vw, 5rem) var(--gutter) clamp(2rem, 4vw, 3rem);grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:end;gap:2rem clamp(2rem,5vw,4rem);margin:0 auto;display:grid}.lobby h1{margin:0;font-size:clamp(2.8rem,7.4vw,6rem)}.lobby-side p{color:var(--muted);font-size:1.15rem}.lobby-actions{flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;margin-top:1.5rem;display:flex}.online{font-variant-numeric:tabular-nums;align-items:center;gap:.5em;font-weight:700;display:inline-flex}.online-dot{background:#13a35a;border-radius:50%;width:.6em;height:.6em}.rooms-now{max-width:80rem;padding:0 var(--gutter);margin:0 auto}.rooms-now h2{font-size:1.15rem;font-family:var(--text);letter-spacing:0;color:var(--muted);font-weight:700}.board{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.tile{background:var(--teal);color:#e5f2ee;border-radius:22px;flex-direction:column;height:100%;min-height:12rem;padding:1.4rem;text-decoration:none;transition:transform .12s;display:flex}.tile:hover{transform:translateY(-3px)}.tile h3{color:#fff;margin-bottom:.4em;font-size:clamp(1.5rem,2.4vw,2rem)}.tile p{color:#b8d4cd;margin:0 0 1.2rem}.tile-count{font-variant-numeric:tabular-nums;background:#ffffff1f;border-radius:999px;align-self:flex-start;margin-top:auto;padding:.35em .8em;font-size:.9rem;font-weight:700}.tile[data-busiest]{background:var(--sun);color:var(--teal)}.tile[data-busiest] h3{color:var(--teal)}.tile[data-busiest] p{color:#5a4a00}.tile[data-busiest] .tile-count{background:var(--teal);color:#fff}.rooms-now-more{color:var(--muted);margin-top:1.2rem}.rooms-now-more a{color:var(--teal);font-weight:700}.how,.faq{max-width:80rem;padding:clamp(3rem, 7vw, 5rem) var(--gutter) 0;margin:0 auto}.how h2,.faq h2{font-size:clamp(2rem,4vw,3rem)}.how-cols{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin-top:1.5rem;display:grid}.how h3{font-size:1.4rem}.how p{color:var(--muted);margin:0}.notice-board{max-width:80rem;padding:clamp(3rem, 7vw, 5rem) var(--gutter) 0;margin:0 auto}.pinned{background:var(--sun-soft);border-top:10px solid var(--sun);max-width:34rem;box-shadow:0 1px 0 var(--line);border-radius:6px;padding:1.8rem 2rem}.pinned h2{font-size:2rem}.pinned ul{margin:0 0 1.2rem;padding-left:1.1em;font-size:1.1rem}.pinned li+li{margin-top:.3em}.pinned a{font-weight:700}.faq dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem 3rem;margin:1.5rem 0 0;display:grid}.faq dt{font:800 1.25rem/1.15 var(--display);letter-spacing:-.02em;margin-bottom:.4rem}.faq dd{color:var(--muted);margin:0}.lobby-foot{max-width:80rem;padding:2rem var(--gutter);border-top:2px solid var(--line);grid-template-columns:1fr auto auto;align-items:center;gap:1rem 2.5rem;margin:clamp(3rem,7vw,5rem) auto 0;display:grid}.lobby-foot nav{gap:1.5rem;display:flex}.lobby-foot nav a{font-weight:600;text-decoration:none}.lobby-foot-note{color:var(--muted);margin:.2rem 0 0;font-size:.9rem}.doc{max-width:46rem;padding:clamp(2rem, 6vw, 4rem) var(--gutter);margin:0 auto}.doc h1{font-size:clamp(2.4rem,6vw,3.8rem)}.doc h2{margin-top:2.2rem;font-size:1.6rem}.doc-intro{color:var(--muted);font-size:1.2rem}.doc ul{padding-left:1.2em}.doc li+li{margin-top:.5em}.doc code{background:var(--paper);border-radius:4px;padding:.1em .35em}.app-bar{padding:12px var(--gutter);background:var(--teal);color:#fff}.app-bar .wordmark{font:800 1.35rem/1 var(--display);letter-spacing:-.03em;color:#fff;text-decoration:none}.app-online{color:#b8d4cd;font-size:.9rem}.app-main{padding:14px var(--gutter)}.gate,.notice{background:var(--paper);border-radius:22px;gap:1rem;max-width:32rem;margin:clamp(1rem,7vh,4rem) auto;padding:2rem}.gate h1,.notice h1{margin:0;font-size:2.4rem}.gate p{color:var(--muted);margin:0}.field{gap:.35rem;font-size:.95rem;font-weight:700}.field input,.field textarea{border:2px solid var(--line);background:var(--paper);border-radius:12px;padding:.6em .8em}.field input:focus,.field textarea:focus{border-color:var(--teal);outline:none}.check input{width:1.2rem;height:1.2rem;accent-color:var(--teal)}.group{gap:12px;max-width:86rem}.rooms{background:var(--teal);color:#e5f2ee;border-radius:22px;gap:.8rem;padding:1rem}.rooms h2{color:#fff;margin:.2rem .4rem 0;font-size:1.4rem}.rooms .muted{color:#b8d4cd;margin:0 .4rem}.rooms ul{gap:3px}.room{color:#e5f2ee;border-radius:12px;padding:.65em .8em;font-weight:600}.room:hover{background:#ffffff1a}.room[aria-current=true]{background:var(--sun);color:var(--teal)}.room-count{opacity:.8;font-size:.8rem}.new-room{border-top:1px solid #ffffff26;padding-top:1rem}.new-room .field{color:#fff}.new-room .field input{border-color:#0000}.new-room .btn{color:#fff;background:0 0;border-color:#ffffff80}.room-view{background:var(--paper);border:2px solid var(--line);border-radius:22px}.room-head{border-bottom:2px solid var(--line);padding:1rem 1.2rem}.room-head h1{margin:0;font-size:1.7rem}.room-head p{color:var(--muted);margin:0;font-size:.9rem}.room-empty{max-width:26rem;padding:2rem}.room-empty h1{font-size:2.4rem}.room-empty p{color:var(--muted)}.log{gap:10px;padding:1rem 1.2rem}.line{border-radius:14px;max-width:78%;padding:.5em .85em}.line .who{font:800 .8rem/1.2 var(--display);letter-spacing:-.01em;margin-bottom:.1rem}.line-me{background:var(--teal);color:#fff}.line-them{background:var(--mint)}.line-system{color:var(--muted);font-size:.9rem}.line[data-pending]{opacity:.55}.line-failed{color:#ffd2cb;font-size:.8rem;font-weight:700}.line-them .line-failed{color:#a3261a}.composer{border-top:2px solid var(--line);padding:10px}.composer textarea{border:2px solid var(--line);background:var(--paper);border-radius:14px;padding:.6em .85em}.composer textarea:focus{border-color:var(--teal);outline:none}.error{color:#8a1c12;background:#ffe2dd;border-radius:12px;margin:10px;padding:.7em 1em;font-weight:600}@media (max-width:860px){.lobby{grid-template-columns:minmax(0,1fr)}.board{grid-template-columns:repeat(2,minmax(0,1fr))}.how-cols,.faq dl,.lobby-foot{grid-template-columns:minmax(0,1fr)}}@media (max-width:520px){.lobby-head nav a:not(.btn){display:none}.board{grid-template-columns:minmax(0,1fr)}.tile{min-height:0}.app-online{display:none}}
