/* Community: join flow + chat. Loads after achieve.css. */
.com-hero h1{font-family:var(--disp);font-weight:800;text-transform:uppercase;letter-spacing:-.02em;line-height:1;margin:16px 0 10px;color:#fff;font-size:clamp(1.9rem,7vw,3.4rem)}
.com-hero h1 span{color:#ffb3b7}

.com-join{background:#eef4fc;padding-top:clamp(30px,5vw,50px);padding-bottom:clamp(50px,8vw,90px)}
.com-card{padding:clamp(22px,4vw,34px)}
.com-pick{margin-bottom:6px}
.com-chip.sug span{box-shadow:0 0 0 2px var(--blue) inset}
.com-leave{text-align:center;margin-top:16px}
.com-leave button,.com-leave-inline button{appearance:none;border:0;background:none;font:inherit;cursor:pointer;color:var(--muted);font-size:.82rem}

/* chat */
.com-chat{max-width:640px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 22px 60px rgba(6,27,61,.09);display:flex;flex-direction:column;height:min(640px,70vh)}
.com-chat-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 20px;border-bottom:1px solid var(--line);background:#f8fafd}
.com-chat-head b{font-family:var(--serif);font-weight:500;font-size:1.15rem;color:var(--navy);display:block}
.com-chat-head span{font-size:.76rem;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.com-chat-head select{padding:8px 12px;border-radius:10px;border:1px solid var(--line);font:inherit;font-size:.82rem;background:#fff}
.com-chat-log{flex:1;overflow-y:auto;padding:18px 20px;display:flex;flex-direction:column;gap:12px;background:#fbfcfe}
.com-chat-empty{color:var(--muted);text-align:center;font-size:.9rem;margin:auto}
.com-msg{max-width:78%;align-self:flex-start}
.com-msg.mine{align-self:flex-end;text-align:right}
.com-msg b{display:block;font-size:.72rem;font-weight:800;color:var(--blue);margin-bottom:2px}
.com-msg p{margin:0;padding:9px 14px;border-radius:16px 16px 16px 4px;background:#eef2f9;color:var(--ink);font-size:.92rem;line-height:1.4;display:inline-block;text-align:left}
.com-msg.mine p{background:var(--blue);color:#fff;border-radius:16px 16px 4px 16px}
.com-msg span{display:block;margin-top:3px;font-size:.68rem;color:var(--muted)}
.com-chat-form{display:flex;gap:10px;padding:14px 16px;border-top:1px solid var(--line);background:#fff}
.com-chat-form input[type=text]{flex:1;padding:11px 16px;border-radius:99px;border:1px solid var(--line);font:inherit;background:#f8fafd}
.com-chat-form .a-btn{padding:11px 22px;white-space:nowrap}
.com-chat-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 16px 14px;font-size:.78rem}