:root{color-scheme:light dark;font-family:Inter,Arial,sans-serif;background:light-dark(#f6f7f8,#11161d);color:light-dark(#16191d,#f6f7f8);letter-spacing:0}
body[style*="--v2-brand-primary"] .join-shell button:not(.secondary){background:var(--v2-brand-primary);border-color:var(--v2-brand-primary);color:var(--v2-brand-on-primary)}
body[style*="--v2-brand-primary"] .join-status{border-left-color:var(--v2-brand-secondary)}
*{box-sizing:border-box}body{margin:0}.join-shell{max-width:560px;padding:28px 24px 64px;margin:auto}.join-shell header{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:700;margin-bottom:32px}.join-shell header img{border-radius:8px}.join-organization{font-size:14px;opacity:.8}h1{font-size:30px;line-height:1.2;overflow-wrap:anywhere}h2{font-size:22px}p{line-height:1.5;overflow-wrap:anywhere}.join-shell label{display:grid;gap:7px;margin:16px 0;font-size:14px}.join-shell input,.join-shell select{font:inherit;min-height:46px;width:100%;padding:10px;border:1px solid #8a9098;border-radius:6px;background:light-dark(white,#050607);color:inherit}.join-shell button{font:inherit;font-weight:600;min-height:46px;padding:10px 18px;border:1px solid #f20d18;border-radius:6px;color:white;background:#d60914;cursor:pointer}.join-shell button.secondary{background:transparent;color:inherit;border-color:#8a9098}.join-shell button:disabled{opacity:.5;cursor:wait}.join-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.join-error{color:light-dark(#a60812,#ff969b);line-height:1.5;margin:12px 0}.join-status{border-left:4px solid #21966f;padding:12px 16px;margin:20px 0;background:light-dark(#edf8f3,#132c24)}.join-honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.join-id{font-family:monospace;font-size:18px;word-break:break-all}.join-qr{background:white;padding:16px;width:256px;max-width:100%;margin:20px 0}.join-qr canvas,.join-qr img{max-width:100%;height:auto}.join-shell small{line-height:1.5;display:block;opacity:.8}.join-shell details{margin:20px 0}.join-shell :focus-visible{outline:3px solid #2587b8;outline-offset:3px}@media(max-width:420px){.join-shell{padding:20px 18px 44px}h1{font-size:26px}.join-actions button{flex:1}}