:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e8e8ea;background:#14161a;font-family:system-ui,sans-serif}body{margin:0}.app{gap:16px;max-width:720px;margin:0 auto;padding:24px;display:grid}.avatar-frame{background:#1e2228;border-radius:12px;place-items:center;width:384px;height:384px;font-size:96px;display:grid;overflow:hidden}.avatar-frame video{object-fit:cover;width:100%;height:100%}.badge{background:#2a2f37;border-radius:999px;padding:4px 10px;font-size:14px;display:inline-block}.badge[data-live=true]{background:#1f5f3a}button{color:#fff;cursor:pointer;background:#3b6cff;border:0;border-radius:8px;padding:10px 16px;font-size:16px}button:disabled{opacity:.5;cursor:default}.picker{flex-wrap:wrap;gap:8px;display:flex}.join-gate{gap:12px;max-width:320px;display:grid}.join-gate input{color:#e8e8ea;background:#1e2228;border:1px solid #3a3f47;border-radius:8px;padding:10px 12px;font-size:16px}