.hc-tabs{display:flex;max-width:880px;margin:0 auto 25px;padding:5px;gap:5px;background:var(--surface,var(--white));border:1px solid var(--line);border-radius:16px}.hc-tabs button{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;min-height:46px;font-size:15px;border-radius:11px;padding:9px}.hc-tabs button svg{width:18px;height:18px;flex-shrink:0}.hc-tabs button[aria-pressed=true]{background:var(--soft);color:var(--ink);font-weight:750;box-shadow:inset 0 0 0 1px #ac8bc760}.hc-intro h1{font-size:clamp(30px,5vw,40px);letter-spacing:-1px;line-height:1.2;margin:15px 0}.hc-intro>p{font-size:17px;line-height:1.75;color:var(--muted)}.hc-test-note{border:1px solid var(--line);border-radius:17px;background:var(--surface,var(--white));padding:20px;margin:25px 0;font-size:15px;line-height:1.7}.hc-test-note p{color:var(--muted);margin-top:10px}.hc-intro form{display:grid;gap:18px}.hc-intro form>label{display:flex;align-items:flex-start;gap:12px;font-size:16px;line-height:1.7;padding:12px;border:1px solid var(--line);border-radius:13px}.hc-intro input[type=checkbox]{width:21px;min-width:21px;height:21px;accent-color:#8d6caa;margin-top:4px}.hc-intro .xp-cta{justify-self:start;margin-top:5px;max-width:100%;white-space:normal}.hc-inbox-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.hc-inbox-tools .secondary{min-height:44px;font-size:15px}.hc-verification-note{font-size:12px;line-height:1.6;color:var(--muted);margin:0 0 25px}.hc-peer-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hc-peer{display:flex;align-items:center;gap:13px;text-align:left;border:1px solid var(--line);border-radius:17px;background:var(--surface,var(--white));padding:14px;min-width:0}.hc-peer>.yoi-avi{width:65px;height:72px;max-width:none;flex-shrink:0;stroke:none}.hc-peer>span:not(.yoi-avi){flex:1;min-width:0}.hc-peer b{font-size:17px;display:block;overflow-wrap:anywhere}.hc-peer small{font-size:12px;display:block;color:var(--muted);line-height:1.5;margin-top:5px}.hc-peer>svg{width:19px;flex-shrink:0}.hc-online,.hc-offline{display:inline-flex;align-items:center;gap:5px;font-size:12px;line-height:1.6;margin-top:5px;color:var(--muted)}.hc-online{color:#377d5e}.hc-online i,.ci-row-status i.hc-dot{width:7px;height:7px;border-radius:50%;background:#3b996b;flex-shrink:0}.hc-unread{display:grid;place-items:center;min-width:25px;height:25px;padding:3px 7px;border-radius:20px;background:#755887;color:white;font-size:12px;font-weight:750}.hc-code{display:block;font-size:clamp(17px,4vw,23px);letter-spacing:.5px;overflow-wrap:anywhere;user-select:all;padding:17px;border:1px dashed var(--line);border-radius:12px;margin:12px 0}.hc-contact-face>.yoi-avi{width:140px;height:154px;stroke:none}.hc-contact-face{text-align:center}.hc-error{max-width:880px;margin-left:auto;margin-right:auto}#hc-code-form,#hc-contact-form{display:grid;gap:12px;margin:24px 0}#hc-code-form label,#hc-contact-form label{font-size:16px;font-weight:650}#hc-modal-error{color:#ca796c;font-size:14px;line-height:1.6;margin-top:12px}.hc-older{align-self:center;font-size:13px;border:1px solid var(--line);border-radius:20px;padding:8px 14px;min-height:40px}.hc-peer:hover,.ci-chat-row:hover{background:var(--soft)}html[data-theme=dark] .hc-online{color:#a3d5b6}html[data-theme=dark] .hc-tabs button[aria-pressed=true]{background:#3b2f4a}html[data-theme=dark] .hc-unread{background:#c3a4dd;color:#28202d}
@media(max-width:800px){.hc-tabs{margin-bottom:20px}.hc-tabs button{font-size:13px;gap:5px}.hc-tabs button svg{width:16px}.hc-peer-grid{grid-template-columns:1fr}.hc-peer{padding:12px}.hc-peer>.yoi-avi{width:59px;height:65px}.hc-intro form>label{font-size:15px}.hc-intro .xp-cta{font-size:16px}.hc-intro>p{font-size:16px}.hc-test-note{padding:17px}}
.hc-nav-badge{min-width:18px;height:18px;padding:1px 5px;border-radius:20px;background:#7e5f92;color:white;font-size:10px;line-height:16px;font-weight:750}.mobile-nav button{position:relative}.mobile-nav .hc-nav-badge{position:absolute;top:0;right:14%}html[data-theme=dark] .hc-nav-badge{background:#c3a4dd;color:#28202d}

/* Separate profile and conversation controls: no nested buttons. */
.hc-avatar-button{display:block;min-width:44px;min-height:44px;padding:0;flex:none;border-radius:14px;line-height:0}
.hc-avatar-button>.yoi-avi{display:block;width:66px;height:72px;max-width:none;stroke:none}
.hc-avatar-button:hover{box-shadow:0 0 0 3px var(--line)}
.hc-profile-row{padding:0 16px;gap:14px}
.hc-open-chat{display:flex;align-items:center;gap:14px;flex:1;min-width:0;min-height:104px;text-align:left;padding:17px 0}
.hc-open-chat>svg{width:16px;height:16px;flex:none;color:var(--muted)}
.hc-profile-invite .hc-avatar-button>.yoi-avi{width:55px;height:62px}
.hc-invite-name{text-align:left;min-width:0;padding:5px 0;overflow-wrap:anywhere}
.hc-profile-invite .ci-invite-link{width:100%;min-height:40px;text-align:left}
.ci-chat-header>.hc-avatar-button>.yoi-avi{width:46px;height:51px}
.hc-profile-link{padding:0;min-height:24px;text-decoration:underline;text-underline-offset:3px;color:var(--ink);font-weight:650;font-size:inherit}
.sd-person-art>.hc-avatar-button{border-radius:24px;max-width:100%}
.sd-person-art>.hc-avatar-button>.yoi-avi{width:236px;height:260px;max-width:100%}
.hc-person-profile{padding-top:8px}
.hc-profile-hero{text-align:center;background:var(--soft);border:1px solid var(--line);border-radius:22px;padding:20px 12px;margin-bottom:20px}
.hc-profile-hero .xp-kicker{font-size:10px}
.hc-profile-hero .hc-contact-face{margin:12px 0 4px}
.hc-profile-hero h2{margin:0;overflow-wrap:anywhere}
.hc-profile-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 22px}
.hc-profile-facts>div{border:1px solid var(--line);border-radius:13px;padding:12px;min-width:0}
.hc-profile-facts>div:last-child{grid-column:1/-1}
.hc-profile-facts dt{font-size:12px;color:var(--muted);margin-bottom:5px}
.hc-profile-facts dd{margin:0;font-size:16px;font-weight:650;overflow-wrap:anywhere}
.hc-profile-section{margin:20px 0}
.hc-profile-section h3{font-size:17px;margin-bottom:8px}
.hc-profile-section p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;color:var(--muted)}
.hc-profile-section .sd-tags{margin-top:10px}
.hc-profile-continue{margin-top:18px;white-space:normal}
@media(max-width:800px){
 .hc-profile-row{padding:0 12px;gap:11px}
 .hc-avatar-button>.yoi-avi{width:59px;height:65px}
 .hc-open-chat{min-height:94px;padding:14px 0;gap:8px}
 .hc-open-chat>svg{display:none}
 .hc-profile-invite .hc-avatar-button>.yoi-avi{width:49px;height:54px}
 .ci-chat-header>.hc-avatar-button>.yoi-avi{width:43px;height:48px}
 .sd-person-art>.hc-avatar-button>.yoi-avi{width:222px;height:244px}
 .hc-profile-hero{padding:18px 10px}
 .hc-profile-hero .hc-contact-face>.yoi-avi{width:120px;height:132px}
}