:root{--night:#141416;--panel:#1d1c21;--terra:#c2532a;--sand:#d4b483;--green:#2d5a2d;--cream:#faf7f2;--dim:#9a927f;--line:#d4b48329}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--night);color:var(--cream);font-family:Hanken Grotesk,-apple-system,Segoe UI,sans-serif;line-height:1.5}.b21-mark{color:var(--terra);font-weight:700}.lobby{justify-content:center;align-items:center;min-height:100%;padding:24px;display:flex}.lobby-card{background:var(--panel);border:1px solid var(--line);text-align:center;border-radius:18px;width:100%;max-width:400px;padding:36px 32px}.lobby-card h1{letter-spacing:.01em;font-size:2rem}.tagline{color:var(--dim);margin:10px 0 26px}.field{text-align:left;color:var(--dim);flex-direction:column;gap:6px;margin-bottom:18px;font-size:.85rem;display:flex}select,input{background:var(--night);color:var(--cream);border:1px solid var(--line);border-radius:10px;width:100%;padding:11px 12px;font-size:.95rem}.btn{border:1px solid var(--line);background:var(--panel);color:var(--cream);cursor:pointer;border-radius:999px;padding:11px 22px;font-size:.95rem;font-weight:600}.btn.primary{background:var(--terra);border-color:var(--terra);color:#fff;width:100%}.btn.primary:hover{filter:brightness(1.08)}.btn.danger{color:var(--terra);background:0 0;border-color:#c2532a99}.divider{color:var(--dim);margin:20px 0 12px;font-size:.8rem}.join-row{gap:10px;display:flex}.err{color:#e06c55;margin-top:14px;font-size:.9rem}.foot{color:var(--dim);margin-top:26px;font-size:.75rem}.lobby-card.wrapup{max-width:560px}.summary{text-align:left;white-space:pre-wrap;background:var(--night);border:1px solid var(--line);color:var(--cream);border-radius:12px;margin:6px 0 20px;padding:16px 18px;font-size:.9rem}.room{flex-direction:column;height:100%;display:flex}.room-bar{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:12px 18px;font-weight:700;display:flex}.spacer{flex:1}.pill{border:1px solid var(--line);color:var(--dim);border-radius:999px;padding:3px 12px;font-size:.72rem;font-weight:600}.pill.ok{color:var(--sand);border-color:#d4b48380}.pill.warn{color:#e0a855;border-color:#e0a85580;animation:1.2s ease-in-out infinite blink}@keyframes blink{50%{opacity:.45}}.state-connected{color:var(--sand)}.mode-toggle{border:1px solid var(--line);border-radius:999px;display:flex;overflow:hidden}.mode-toggle button{color:var(--dim);cursor:pointer;background:0 0;border:0;padding:7px 14px;font-size:.78rem}.mode-toggle button.on{background:var(--green);color:var(--cream)}.stage-area{background:#0d0d0f;flex:1;display:flex;position:relative;overflow:hidden}.videos{flex:1;min-width:0;position:relative}.remote-video{object-fit:cover;width:100%;height:100%}.local-video{aspect-ratio:16/9;object-fit:cover;border:1px solid var(--line);background:var(--panel);border-radius:12px;width:200px;position:absolute;bottom:18px;right:18px}.stage{border-right:1px solid var(--line);background:var(--panel);flex-direction:column;flex:3;min-width:0;display:flex}.stage iframe{background:#fff;border:0;flex:1;width:100%}.stage-bar{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:8px 14px;display:flex}.stage-caption{color:var(--sand);font-size:.85rem}.has-stage .videos{flex-direction:column;flex:1;max-width:320px;display:flex}.has-stage .remote-video{height:55%}.has-stage .local-video{width:100%;margin-top:10px;position:static}.stage-picker{z-index:5;border:1px solid var(--line);color:var(--dim);background:#1d1c21e6;border-radius:999px;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 14px;font-size:.8rem;display:flex;position:absolute;bottom:18px;left:18px}.btn.small{padding:5px 12px;font-size:.75rem}.btn.susan{background:var(--green);color:var(--cream);border-color:#2d5a2de6}.btn.susan.on{animation:1.2s ease-in-out infinite blink}.waiting{color:var(--dim);flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;inset:0}.waiting .code{letter-spacing:.3em;color:var(--sand);font-size:2.4rem;font-weight:700}.waiting .hint{font-size:.85rem}.captions{border-top:1px solid var(--line);flex-direction:column;gap:8px;min-height:90px;max-height:200px;padding:12px 18px;display:flex;overflow-y:auto}.cap{flex-direction:column;font-size:.9rem;display:flex}.cap.host .cap-orig:before{content:"● ";color:var(--terra)}.cap.guest .cap-orig:before{content:"● ";color:var(--sand)}.cap.susan .cap-orig:before{content:"● ";color:var(--green)}.cap-who{color:var(--green);font-size:.72rem;font-weight:700}.cap-orig{color:var(--cream)}.cap-trans{color:var(--dim);font-size:.82rem}@media (width<=640px){.local-video{width:110px}.mode-toggle button{padding:6px 9px;font-size:.7rem}}