.chat-challenge{box-sizing:border-box;width:min(480px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;margin:auto;padding:24px;border:1px solid var(--border);border-radius:20px;background:var(--bg-card,#fff);color:var(--text,#171717);box-shadow:0 24px 80px #0004;font:inherit}
.chat-challenge::backdrop{background:#0007}
.chat-challenge h2{margin:0 0 8px;font-size:1.4rem;line-height:1.2;letter-spacing:-.025em}
.chat-challenge p{margin:0 0 18px;color:var(--text-dim,#555);font-size:.9rem;line-height:1.5}
.chat-challenge label{display:block;margin:16px 0 6px;font-size:.85rem;font-weight:750}
.chat-challenge select,.chat-challenge textarea{box-sizing:border-box;width:100%;min-width:0;padding:11px 12px;border:1px solid var(--border-strong,#bbb);border-radius:10px;background:var(--bg-elev,#fff);color:inherit;font:inherit;font-size:.95rem}
.chat-challenge textarea{resize:vertical}
.chat-challenge :focus-visible{outline:2px solid var(--accent,#dc2626);outline-offset:3px}
.chat-challenge .chat-challenge-note{margin:16px 0;font-size:.78rem}
.chat-challenge .chat-challenge-error{color:var(--accent,#b91c1c)}
.chat-challenge-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:20px}
.chat-challenge-actions button,.chat-challenge-actions a{display:inline-flex;justify-content:center;padding:11px 18px;border:1px solid var(--border-strong,#bbb);border-radius:999px;background:transparent;color:inherit;font:inherit;font-size:.9rem;font-weight:750;text-decoration:none;cursor:pointer}
.chat-challenge-actions .chat-challenge-send{background:var(--accent-solid,#dc2626);border-color:transparent;color:#fff}
.chat-challenge button:disabled{opacity:.6;cursor:wait}
.chat-invite{display:flex;align-items:center;gap:16px;flex-wrap:wrap;flex-shrink:0;padding:14px 18px;border-bottom:1px solid var(--border,#ddd);background:var(--bg-elev,#fff);color:var(--text,#171717)}
.chat-invite[hidden]{display:none}
.chat-invite-copy{flex:1;min-width:160px}
.chat-invite-label{display:block;color:var(--accent,#dc2626);font-size:.65rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px}
.chat-invite strong{display:block;font-size:.94rem;line-height:1.35;overflow-wrap:anywhere;max-height:2.7em;overflow:auto}
.chat-invite p{margin:4px 0;font-size:.78rem;line-height:1.4;color:var(--text-dim,#555)}
.chat-invite small{font-size:.72rem;color:var(--text-dim,#555)}
.chat-invite-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.chat-invite button{min-height:42px;border:1px solid var(--border-strong,#bbb);border-radius:10px;padding:10px 15px;font:inherit;font-size:.8rem;font-weight:750;background:transparent;color:inherit;cursor:pointer}
.chat-invite [data-enter]{background:var(--accent-solid,#dc2626);border-color:transparent;color:#fff}
.chat-invite button:disabled{opacity:.6;cursor:wait}
.chat-invite a{font-size:.75rem;color:var(--text-dim,#555);text-underline-offset:3px}
.chat-invite :focus-visible{outline:2px solid var(--accent,#dc2626);outline-offset:3px}
.chat-invite .chat-invite-error{flex-basis:100%;color:var(--accent,#b91c1c)}
@media(max-width:480px){.chat-invite{padding:11px 14px;gap:9px}.chat-invite-copy{flex-basis:100%}.chat-invite-actions{width:100%}.chat-invite [data-enter]{flex:1}}