#hb-social{font-family:'DM Sans',system-ui,sans-serif;font-size:16px;line-height:1.45;color:#182c52;--hb-blue:#3557d5;--hb-border:#dce2ed;--hb-muted:#52617a}
#hb-social *{box-sizing:border-box;letter-spacing:normal}
#hb-social [hidden]{display:none!important}
#hb-social[hidden]{display:none!important}
#hb-social button,#hb-social input,#hb-social textarea,#hb-social select{font:inherit;color:inherit}
#hb-social button,#hb-social a{touch-action:manipulation}
#hb-social button{cursor:pointer;border:0;margin:0;box-shadow:none;text-transform:none;min-height:40px}
#hb-social button:disabled{cursor:wait;opacity:.55}
#hb-social :focus-visible{outline:3px solid #e5ac12;outline-offset:2px}
#hb-social a{color:var(--hb-blue);font-weight:700;text-decoration:underline}
#hb-social p{font-size:inherit;line-height:1.5;margin:0}
#hb-social .hb-launch{position:fixed;right:24px;bottom:max(22px,env(safe-area-inset-bottom));z-index:3000;display:flex;align-items:center;gap:10px;background:#182c52;color:#fff;border:2px solid #182c52;border-radius:18px;padding:12px 18px;font-weight:700;box-shadow:0 5px 0 #ffd857,0 10px 24px #182c522b}
#hb-social .hb-chat-icon{font-size:25px;line-height:1}
#hb-social .hb-badge,#hb-social .hb-count{min-width:23px;min-height:23px;border-radius:20px;display:grid;place-items:center;background:#ffd857;color:#182c52;font-size:13px;font-weight:800;padding:1px 6px}
#hb-panel{position:fixed;z-index:3010;right:24px;bottom:94px;width:410px;max-width:calc(100vw - 32px);height:min(660px,calc(100dvh - 116px));border:1.5px solid #182c52;border-radius:22px;background:#fff;box-shadow:0 18px 64px #15264830;display:flex;flex-direction:column;overflow:hidden;text-align:left}
#hb-social .hb-heading{display:flex;justify-content:space-between;align-items:center;padding:18px 18px 16px;background:#fff9e1;border-bottom:1px solid var(--hb-border);gap:12px;flex-shrink:0}
#hb-social .hb-heading strong{font-family:'Outfit',system-ui,sans-serif;font-size:23px;line-height:1.1;display:block;font-weight:750}
#hb-social .hb-heading span{display:block;font-size:14px;color:var(--hb-muted);margin-top:5px}
#hb-social .hb-icon{background:transparent;font-size:27px;line-height:1;width:40px;border-radius:50%;padding:0;flex-shrink:0}
#hb-social .hb-icon:hover{background:#182c520a}
#hb-social .hb-guest{padding:32px 25px;display:flex;gap:18px;flex-direction:column}
#hb-social .hb-guest>strong{font-size:23px}
#hb-social .hb-guest p{color:var(--hb-muted)}
#hb-social .hb-primary{display:inline-flex;align-items:center;justify-content:center;padding:9px 17px;background:var(--hb-blue);color:#fff;border-radius:10px;font-weight:700;text-decoration:none;min-height:42px}
#hb-social .hb-member,#hb-social .hb-directory,#hb-social .hb-conversation{display:flex;flex-direction:column;flex:1;min-height:0}
#hb-social .hb-presence{display:flex;justify-content:space-between;align-items:center;padding:13px 18px 0;gap:12px}
#hb-social .hb-presence label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;margin:0}
#hb-social .hb-visible{width:18px;height:18px;accent-color:var(--hb-blue);margin:0}
#hb-social .hb-blocked-link,#hb-social .hb-block{font-size:14px;background:transparent;color:var(--hb-muted);padding:4px;min-height:32px;border-radius:5px}
#hb-social .hb-presence-note{font-size:12px;color:var(--hb-muted);padding:0 18px 12px}
#hb-social .hb-tabs{display:flex;gap:4px;margin:0 16px 10px;background:#f0f3fa;border-radius:12px;padding:4px}
#hb-social .hb-tabs button{flex:1;border-radius:9px;background:transparent;font-size:14px;font-weight:700;padding:7px}
#hb-social .hb-tabs button[aria-pressed=true]{background:#fff;color:var(--hb-blue);box-shadow:0 1px 4px #14274815}
#hb-social .hb-list{overflow:auto;overscroll-behavior:contain;flex:1;padding:2px 10px 14px}
#hb-social .hb-buddy{width:100%;display:flex;align-items:center;gap:12px;text-align:left;background:#fff;padding:13px 9px;border-radius:12px}
#hb-social .hb-buddy:hover{background:#f4f6fd}
#hb-social .hb-thread-row{display:flex;align-items:center;gap:4px}
#hb-social .hb-thread-row .hb-buddy{flex:1;min-width:0}
#hb-social .hb-delete-thread,#hb-social .hb-delete-chat{background:transparent;color:#a52f3b;font-size:14px;padding:8px;border-radius:8px;flex-shrink:0}
#hb-social .hb-delete-thread:hover,#hb-social .hb-delete-chat:hover{background:#fff0f1}
#hb-social .hb-delete-dialog{width:400px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);padding:24px;border:1px solid var(--hb-border);border-radius:18px;background:#fff;color:#182c52;box-shadow:0 18px 64px #15264830;overflow:auto}
#hb-social .hb-delete-dialog::backdrop{background:#15264880}
#hb-social .hb-delete-dialog h2{font-size:22px;line-height:1.3;margin:0 0 12px;overflow-wrap:anywhere}
#hb-social .hb-delete-dialog p{font-size:16px}
#hb-social .hb-delete-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px;flex-wrap:wrap}
#hb-social .hb-delete-actions button{font-size:16px;padding:10px 16px;border-radius:10px;min-height:44px;font-weight:700}
#hb-social .hb-delete-cancel{background:#edf0f7}
#hb-social .hb-delete-confirm{background:#a52f3b;color:#fff}
#hb-social .hb-delete-dialog .hb-delete-error{color:#a52f3b;margin-top:14px;font-size:14px}
#hb-social .hb-avatar{width:42px;height:42px;flex-shrink:0;display:grid;place-items:center;background:#e8edff;color:#3557d5;border-radius:14px;font-size:19px;font-weight:700;border:1px solid #d5defc}
#hb-social .hb-buddy-details{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}
#hb-social .hb-buddy-details strong{font-size:16px;overflow-wrap:anywhere}
#hb-social .hb-buddy-details>span{font-size:14px;color:var(--hb-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
#hb-social .hb-dot{width:9px;height:9px;border-radius:50%;background:#16865c;flex-shrink:0;margin-right:7px}
#hb-social .hb-empty{padding:40px 15px;text-align:center;color:var(--hb-muted)}
#hb-social .hb-empty strong{color:#182c52;display:block;font-size:18px;margin-bottom:10px}
#hb-social .hb-empty p{font-size:15px}
#hb-social .hb-pages{display:flex;justify-content:space-between;padding:0 16px 8px;gap:10px}
#hb-social .hb-pages button,#hb-social .hb-older{background:#f0f3fa;color:var(--hb-blue);font-size:14px;border-radius:9px;padding:6px 14px}
#hb-social .hb-person-heading{display:flex;align-items:center;gap:5px;padding:10px 12px;border-bottom:1px solid var(--hb-border);flex-shrink:0}
#hb-social .hb-person-heading>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
#hb-social .hb-peer-name{overflow-wrap:anywhere;font-size:16px}
#hb-social .hb-peer-status{font-size:12px;color:var(--hb-muted)}
#hb-social .hb-peer-status.is-online{color:#087249}
#hb-social .hb-log{flex:1;min-height:60px;overflow:auto;padding:16px;overscroll-behavior:contain;background:#fbfcff;scrollbar-gutter:stable}
#hb-social .hb-start{font-size:14px;text-align:center;color:var(--hb-muted);margin:22px 0}
#hb-social .hb-older{display:block;margin:0 auto 16px}
#hb-social .hb-message-list{display:flex;flex-direction:column;gap:12px}
#hb-social .hb-message{max-width:88%;padding:10px 13px;border-radius:15px;overflow-wrap:anywhere;min-width:50px;align-self:flex-start;background:#edf0f7;border-bottom-left-radius:4px}
#hb-social .hb-message p{white-space:pre-wrap;font-size:16px}
#hb-social .hb-mine{align-self:flex-end;background:var(--hb-blue);color:#fff;border-radius:15px;border-bottom-right-radius:4px}
#hb-social .hb-message time{font-size:12px;opacity:.8;display:block;margin-top:5px;text-align:right}
#hb-social .hb-compose{border-top:1px solid var(--hb-border);padding:12px 16px 4px;flex-shrink:0;background:#fff;margin:0}
#hb-social textarea{display:block;width:100%;min-height:68px;max-height:130px;resize:vertical;padding:11px 12px;border:1px solid #b8c4d9;border-radius:12px;background:#fff;font-size:16px;line-height:1.5;margin:0}
#hb-social .hb-compose-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}
#hb-social .hb-invite-toggle{background:transparent;color:var(--hb-blue);font-size:14px;font-weight:700;padding:6px 0}
#hb-social .hb-private-note{font-size:12px;color:var(--hb-muted);padding:3px 16px 12px;background:#fff;flex-shrink:0}
#hb-social .hb-error{font-size:14px;padding:10px 16px;background:#fff0d9;color:#79430c;border-bottom:1px solid #f2d8b1;flex-shrink:0;max-height:90px;overflow:auto}
#hb-social .hb-invitation{background:#fff9e1;padding:12px 16px;max-height:55%;overflow:auto;flex-shrink:0;border-top:1px solid #e6d9a9}
#hb-social .hb-invite-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}
#hb-social .hb-invite-form{display:grid;grid-template-columns:1fr 110px;gap:10px;margin:0}
#hb-social .hb-invite-form label{display:flex;flex-direction:column;gap:5px;font-size:14px;font-weight:600;min-width:0}
#hb-social .hb-invite-form input,#hb-social .hb-invite-form select{width:100%;min-width:0;padding:8px;background:#fff;border:1px solid #b8c4d9;border-radius:8px;height:42px;font-size:16px;margin:0}
#hb-social .hb-invite-form p{grid-column:1/-1;font-size:13px;color:#5a553e}
#hb-social .hb-invite-form button{grid-column:1/-1}
#hb-social .hb-invite-card{display:flex;flex-direction:column;gap:7px;min-width:180px;padding:3px}
#hb-social .hb-invite-card>span:first-child{font-size:12px;font-weight:700;letter-spacing:.08em}
#hb-social .hb-invite-card>strong{font-size:18px}
#hb-social .hb-invite-card>span{font-size:14px}
#hb-social a.hb-join{display:block;text-align:center;background:#fff;color:var(--hb-blue);padding:9px 13px;border-radius:9px;margin-top:4px;text-decoration:none;border:1px solid #d1dbf8;font-size:14px}
#hb-social .hb-join:not([href]){opacity:.7}
#hb-social .hb-new{background:#fff3c4;color:#544111;padding:6px;font-size:14px;flex-shrink:0}
#hb-social .hb-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:600px){
  #hb-social .hb-launch{right:16px;bottom:max(17px,env(safe-area-inset-bottom));padding:11px 15px}
  #hb-panel{top:var(--hb-top,0px);right:0;bottom:auto;width:100%;max-width:none;height:var(--hb-height,100dvh);border-radius:0;border:0;padding-bottom:env(safe-area-inset-bottom);z-index:4000}
  #hb-social .hb-heading{padding:14px 16px}
  #hb-social .hb-private-note{padding-bottom:8px}
  #hb-social textarea{min-height:72px;max-height:105px}
  #hb-social .hb-invitation{max-height:50%}
}
@media(max-height:500px){#hb-social .hb-heading span,#hb-social .hb-private-note{display:none}#hb-social .hb-heading{padding:8px 16px}#hb-social .hb-person-heading{padding:3px 12px}#hb-social textarea{min-height:45px;max-height:70px}#hb-social .hb-compose{padding-top:7px}}