#hbchat{position:fixed;right:22px;bottom:22px;z-index:99999;font:15px/1.45 system-ui,sans-serif;color:#172329;text-align:left}#hbchat *{box-sizing:border-box}#hbchat [hidden]{display:none!important}#hbchat button{font:inherit;cursor:pointer;border:0;border-radius:8px;background:#087f83;color:white;padding:10px 16px}#hbchat button:disabled{opacity:.55;cursor:wait}#hbchat button:focus-visible,#hbchat input:focus-visible,#hbchat textarea:focus-visible{outline:3px solid #35b4bc;outline-offset:2px}#hbchat .hbc-launch{box-shadow:0 4px 20px #0003;border-radius:24px}#hbc-panel{position:absolute;right:0;bottom:60px;width:360px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 110px);background:#fff;border:1px solid #ddd;border-radius:14px;box-shadow:0 6px 30px #0003;overflow:auto}#hbc-panel header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#edf6f6}#hbchat .hbc-close{background:transparent;color:#172329;font-size:24px;padding:0 7px}#hbchat form{margin:0;padding:12px 16px}#hbchat label{display:block;margin:8px 0;font-size:14px}#hbchat input:not([type=checkbox]),#hbchat textarea{display:block;width:100%;padding:9px;border:1px solid #adbfc0;border-radius:6px;background:white;color:#172329;font:inherit}#hbchat input[readonly]{background:#f4f6f6}#hbchat .hbc-check{display:flex;align-items:flex-start;gap:7px;font-size:12px}#hbchat .hbc-check input{margin-top:3px;flex-shrink:0}#hbchat .hbc-note{font-size:12px;color:#536568}#hbchat .hbc-status{margin:0;padding:0 16px;color:#9b331c;font-size:13px}#hbchat .hbc-status:not(:empty){padding-top:12px}#hbchat .hbc-messages{height:260px;max-height:35dvh;overflow-y:auto;padding:12px 14px;overscroll-behavior:contain}#hbchat .hbc-message{padding:9px 11px;border-radius:10px;background:#f0f3f3;margin:7px 22px 7px 0;overflow-wrap:anywhere;white-space:pre-wrap}#hbchat .hbc-visitor{background:#e2f3f2;margin:7px 0 7px 22px}#hbchat .hbc-message strong{display:block;font-size:12px;margin-bottom:4px}#hbchat .hbc-message small{display:block;font-size:10px;color:#526164;margin-top:5px}#hbchat .hbc-live>.hbc-check{padding:0 16px 10px}#hbchat .hbc-compose button{margin-top:8px}#hbchat a{color:#006a75;text-decoration:underline}@media(max-width:480px){#hbchat{right:12px;bottom:12px}#hbc-panel{max-height:calc(100dvh - 90px)}}

#hbchat .hbc-input-row{display:flex;align-items:flex-end;gap:8px}
#hbchat .hbc-compose .hbc-attach{flex:0 0 34px;padding:6px;margin:0;background:transparent;color:#172329;font-size:23px;line-height:30px}
#hbchat .hbc-compose textarea{resize:none;min-height:44px;max-height:120px;overflow-y:auto;flex:1}
#hbchat .hbc-compose>label{display:none}
#hbchat .hbc-compose>.hbc-note{display:block;margin:6px 0 0 42px;font-size:10px}
#hbchat .hbc-preview{display:block;max-width:100%;max-height:180px;border-radius:7px;margin-top:7px;object-fit:contain}