.join-device{margin:20px 0}.join-device label{display:block;font-weight:600;margin-bottom:8px;color:var(--text)}
#gbtn[hidden]{display:none!important}
.join-device select{display:block;width:100%;min-height:46px;padding:10px 12px;border:1px solid var(--line2);border-radius:8px;background:var(--panel,#10151f);color:var(--text);font:inherit}
.join-compat,.join-prompt{font-size:14px;line-height:1.6;color:var(--mute);margin:12px 0}.join-compat b{color:var(--text)}
.join-warning{padding:16px;margin:16px 0;border-left:3px solid var(--blue);background:var(--panel,#10151f);color:var(--text);line-height:1.65}.join-warning p{margin:8px 0 0}
.join-progress{margin:22px 0;padding:18px;border:1px solid var(--line2);border-radius:12px;line-height:1.6}.join-progress p{color:var(--mute);margin:6px 0 0}.join-progress[data-kind="joined"]{border-color:var(--green,#34c77b)}
.join-checklist{display:flex;gap:8px 20px;flex-wrap:wrap;padding:0;list-style:none;color:var(--mute);font-size:14px;margin:18px 0}.join-checklist [aria-current="step"]{color:var(--text);font-weight:600}
.join-share{padding:22px;margin:28px 0;background:var(--panel,#10151f);border:1px solid var(--line2);border-radius:12px}.join-share h2{font:600 23px var(--display);margin:0 0 10px}.join-share p{line-height:1.6;color:var(--mute)}
.join-share .tools{margin-top:16px;display:flex;gap:12px;flex-wrap:wrap}.join-link{display:block;overflow-wrap:anywhere;margin:12px 0;font-size:14px;color:var(--text)}
.join-trouble{margin:22px 0;line-height:1.65}.join-trouble summary{cursor:pointer;font-weight:600;padding:12px 0}.join-trouble h3{font-size:16px;margin:18px 0 6px}.join-trouble p{font-size:14px;color:var(--mute)}
.join-steps .steps li{line-height:1.7}.join-steps h3{margin:18px 0 12px}.join-device select:focus-visible,.join-trouble summary:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
@media(max-width:600px){.join-share{padding:18px}.join-share .tools button{width:100%;justify-content:center}.join-checklist{gap:8px 12px}}