:root{color-scheme:dark;--bg: #0d1117;--panel: #161b22;--edge: rgba(255, 255, 255, .12);--text: #e6edf3;--dim: #8b949e;--good: #3fb950;--bad: #f85149}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 system-ui,sans-serif}main{max-width:860px;margin:0 auto;padding:20px 16px 40px}header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}h1{font-size:1.3rem;margin:0}.room{display:flex;align-items:center;gap:10px;color:var(--dim);font-size:.85rem}button{font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--edge);border-radius:10px;padding:8px 14px;cursor:pointer}button:hover{border-color:#ffffff4d}body.paper{background:#faf6ef;color:#20262b}body.paper button{background:#fff;border-color:#1e282326;color:#20262b}body.paper button:hover{border-color:#1e282366}body.paper .room{color:#5c6670}body.paper .lobby input{background:#fff;border-color:#1e282326;color:#20262b}body.paper .lobby .join,body.paper .start{background:#1a7f4e;color:#fff;border:0}body.paper .hint{color:#5c6670}body.paper .brand{color:#20262b}body.paper .lobby label{color:#5c6670}.landing{--pbg: #faf6ef;--pcard: #ffffff;--pedge: rgba(30, 40, 35, .12);--ptext: #20262b;--pdim: #5c6670;--pfelt: #1a7f4e;position:fixed;top:0;right:0;bottom:0;left:0;max-width:none;overflow-y:auto;background:var(--pbg);color:var(--ptext);text-align:center;padding:0 16px 24px}.landing>*{max-width:760px;margin-left:auto;margin-right:auto}.hero{margin-top:12vh}.hero h1{font-size:3.2rem;letter-spacing:-.02em;margin:0}.tagline{font-size:1.35rem;margin:10px 0 6px}.sub{color:var(--pdim);max-width:540px;margin:0 auto 26px}.start{background:var(--pfelt);color:#fff;border:0;font-weight:800;font-size:1.15rem;padding:14px 34px;border-radius:12px;cursor:pointer;box-shadow:0 6px 18px #1a7f4e40}.start:hover{filter:brightness(1.08)}.landing .hint{margin-top:10px;color:var(--pdim)}.etym{margin:56px auto 0;max-width:540px;padding:14px 18px;background:var(--pcard);border:1px solid var(--pedge);border-left:3px solid var(--pfelt);border-radius:0 12px 12px 0;color:var(--pdim);text-align:left;font-size:.92rem}.etym strong{color:var(--ptext)}.why{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:40px;text-align:left}@media(max-width:640px){.why{grid-template-columns:1fr}.hero{margin-top:7vh}}.why .card{background:var(--pcard);border:1px solid var(--pedge);border-radius:14px;padding:16px;box-shadow:0 2px 8px #1e28230d}.why h2{font-size:1rem;margin:0 0 8px}.why p{margin:0;color:var(--pdim);font-size:.88rem}.uses{margin-top:44px}.uses h2{font-size:1.05rem;margin-bottom:6px}.uses p{color:var(--pdim);max-width:560px;margin:0 auto;font-size:.92rem}.demo-link{color:var(--pfelt);font-weight:600;font-size:.92rem}.pageroom{margin-top:34px}.pageroom-label{color:var(--pdim);font-size:.9rem;margin:0 0 8px}.pageroom form{display:flex;gap:8px;max-width:480px;margin:0 auto}.pageroom input{flex:1;font:inherit;font-size:.9rem;color:var(--ptext);background:var(--pcard);border:1px solid var(--pedge);border-radius:10px;padding:9px 12px;min-width:0}.pageroom button{background:var(--pcard);border:1px solid var(--pfelt);color:var(--pfelt);font-weight:700;border-radius:10px;padding:9px 14px;cursor:pointer;white-space:nowrap}.pageroom button:disabled{opacity:.5;cursor:default}.pageroom-bad{color:#c0392b;font-size:.82rem;margin:6px 0 0}.pageroom .hint{margin-top:8px;font-size:.78rem}.pagelink{display:inline-block;color:var(--pfelt);background:var(--pcard);border:1px solid var(--pfelt);border-radius:12px;padding:10px 18px;font-weight:700;text-decoration:none;overflow-wrap:anywhere;max-width:480px}.pagelink:hover{background:#1a7f4e14}.fine{margin:52px 0 12px;color:var(--pdim);font-size:.78rem}.fine a{color:var(--pfelt)}.brand{color:var(--text);text-decoration:none}.roompage .roomhero{margin-top:16vh;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.roomlabel{margin:0;color:#5c6670;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em}.roomname{margin:0;font-size:2.2rem;letter-spacing:-.01em}.roompage .copy{background:#1a7f4e;color:#fff;border:0;font-weight:700;font-size:1.05rem;padding:12px 26px;border-radius:12px;cursor:pointer;box-shadow:0 6px 18px #1a7f4e40}.roompage .copy:hover{filter:brightness(1.08)}.roompage .hint{max-width:420px;color:#5c6670}.lobby{margin-top:14vh;display:flex;flex-direction:column;gap:14px;max-width:420px}.lobby label{display:flex;flex-direction:column;gap:6px;font-size:.8rem;color:var(--dim)}.lobby input{font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--edge);border-radius:10px;padding:10px 12px}.join{background:var(--good);color:#04130d;font-weight:700;border:0;padding:12px 18px}.hint{color:var(--dim);font-size:.8rem;margin:0}.call{margin-top:18px;display:flex;flex-direction:column;gap:14px}.grid{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:minmax(160px,38vh);gap:10px}.tile{position:relative;display:flex;align-items:center;justify-content:center;background:var(--panel);border:1px solid var(--edge);border-radius:14px;overflow:hidden}.tile video{width:100%;height:100%;object-fit:cover}.tile.self video{transform:scaleX(-1)}.tile.self video.no-mirror{transform:none}.tile-flip{position:absolute;top:6px;right:6px;width:30px;height:30px;padding:0;border-radius:8px;border:1px solid rgba(255,255,255,.25);background:#00000073;font-size:.95rem;line-height:1;cursor:pointer}.tile.self{border-color:#3fb9508c}.tile.speaking{box-shadow:inset 0 0 0 2px var(--good),0 0 14px #3fb95066}.face{font-size:3.4rem}.tile.speaking .face{animation:face-bounce .7s ease-in-out infinite}@keyframes face-bounce{0%,to{transform:scale(1) translateY(0)}35%{transform:scale(1.22) translateY(-4px)}}.avatars{display:flex;gap:6px;flex-wrap:wrap}.avatar-pick{width:36px;height:36px;padding:0;border-radius:10px;font-size:1.15rem;line-height:1}.avatar-pick.picked{border-color:#1a7f4e!important;box-shadow:inset 0 0 0 1px #1a7f4e}.tag{position:absolute;left:8px;bottom:6px;padding:1px 8px;border-radius:999px;font-size:.72rem;background:#0000008c}.mic-wave{position:absolute;bottom:8px;left:50%;transform:translate(-50%);display:flex;align-items:flex-end;gap:3px;height:22px;opacity:0;transition:opacity .2s;pointer-events:none}.mic-wave.on{opacity:1}.mic-wave span{width:3px;height:100%;border-radius:2px;background:var(--good);transform:scaleY(.14);transform-origin:bottom center;will-change:transform}.controls{display:flex;gap:10px;justify-content:center}.controls .off{color:var(--bad);border-color:#f8514980}.controls .leave{color:var(--bad)}.unlock{align-self:center;background:var(--good);color:#04130d;border:0;font-weight:700}.error{color:var(--bad);text-align:center;margin:0}