body.hb-assistant-open{overflow:hidden}
.hb-assistant-launch{position:fixed;right:24px;bottom:24px;z-index:90;background:#315fdb;color:#fff;border:1px solid #315fdb;border-radius:30px;padding:16px 22px;font-family:inherit;font-weight:600;font-size:14px;box-shadow:0 8px 30px #17212d26;cursor:pointer}
dialog.hb-assistant{box-sizing:border-box;position:fixed;inset:0;margin:auto;width:min(620px,calc(100vw - 24px));max-width:none;height:min(780px,calc(100dvh - 32px));max-height:none;padding:24px;border:1px solid #d4dbe7;border-radius:22px;background:#f7f7f3;color:#18212c;overflow:hidden;box-shadow:0 30px 100px #11182740}
dialog.hb-assistant[open]{display:flex;flex-direction:column;gap:12px}dialog.hb-assistant::backdrop{background:#18212c70;backdrop-filter:blur(6px)}
.hb-assistant header{display:flex;align-items:center;justify-content:space-between;gap:16px}.hb-assistant header small{font-size:10px;letter-spacing:2px;color:#315fdb}.hb-assistant h2{font-size:28px;margin:6px 0;line-height:1.15}.hb-assistant button,.hb-assistant input{font:inherit}.hb-assistant button{cursor:pointer}.hb-assistant header button{background:#fff;border:1px solid #d4dbe7;border-radius:50%;width:40px;height:40px;flex-shrink:0;font-size:24px}.hb-assistant-hint{font-size:12px;color:#586679;margin:0}.hb-assistant-log{min-height:0;overflow-y:auto;overscroll-behavior:contain;flex:1;padding:4px 4px 8px;scrollbar-gutter:stable}.hb-assistant-answer{background:white;border:1px solid #dce2ec;border-radius:16px;padding:16px;font-size:14px;line-height:1.6;margin:0 0 12px}.hb-assistant-answer p{margin:0 0 12px}.hb-assistant-answer>small{display:block;color:#667387;font-size:11px;line-height:1.5}.hb-assistant-question{margin:12px 0 12px 40px;padding:12px 16px;background:#e6edff;border-radius:16px 16px 4px 16px;font-size:14px;overflow-wrap:anywhere}.hb-assistant-criteria{display:flex;flex-wrap:wrap;gap:6px;font-size:12px;margin-bottom:12px}.hb-assistant-criteria span{padding:3px 7px;background:#edf1fa;border-radius:5px}.hb-assistant-property{display:grid;gap:3px;padding:12px 0;border-top:1px solid #e3e6ec;text-decoration:none;color:#18212c}.hb-assistant-property:hover strong{color:#315fdb}.hb-assistant-property small{color:#315fdb}.hb-assistant-links{display:flex;gap:16px;margin:12px 0}.hb-assistant-links a{color:#315fdb}.hb-assistant-options{display:flex;gap:6px;overflow-x:auto;flex-shrink:0;padding-bottom:3px}.hb-assistant-options button{flex-shrink:0;border:1px solid #ced7e8;background:#fff;color:#315fdb;font-size:11px;padding:9px 12px;border-radius:20px}.hb-assistant form{border-top:1px solid #dce2ec;padding-top:12px;flex-shrink:0}.hb-assistant form label{display:block;font-size:12px;margin-bottom:7px}.hb-assistant form>div{display:flex;gap:8px}.hb-assistant input{min-width:0;flex:1;width:100%;border:1px solid #b8c5dd;border-radius:10px;padding:12px;background:#fff;color:#18212c;font-size:14px}.hb-assistant [type=submit]{border:0;border-radius:10px;background:#315fdb;color:#fff;padding:12px 16px}.hb-assistant button:disabled{opacity:.6}.hb-assistant [data-reset]{background:transparent;border:0;color:#586679;padding:10px 0 0;font-size:12px}.hb-assistant-status{font-size:12px;margin:6px 0 0}.hb-assistant :focus-visible,.hb-assistant-launch:focus-visible{outline:3px solid #81a5ff;outline-offset:3px}
@media(max-width:600px){.hb-assistant-launch{bottom:calc(18px + env(safe-area-inset-bottom));right:12px;padding:12px 16px;font-size:12px}body.account-page .hb-assistant-launch{bottom:calc(90px + env(safe-area-inset-bottom))}dialog.hb-assistant{padding:16px;height:calc(100dvh - 24px)}.hb-assistant h2{font-size:23px}.hb-assistant input{font-size:16px}.hb-assistant [type=submit]{padding:12px 10px;font-size:12px}}
@media(prefers-reduced-motion:no-preference){dialog.hb-assistant[open]{animation:hb-assistant-in .22s ease-out}@keyframes hb-assistant-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}
.hb-assistant-launch{display:flex;align-items:center;gap:11px;padding:7px 19px 7px 7px;min-height:64px;border-radius:36px;background:linear-gradient(135deg,#396ee8,#2953c9);border:1px solid #ffffff52;box-shadow:0 8px 28px #244caa30,inset 0 1px 0 #ffffff30;color:#fff;line-height:1.2}
.hb-assistant-bot{display:block;flex:0 0 50px;width:50px;height:50px;border-radius:50%;background:#ffffff12;transform:rotate(-5deg)}
.hb-assistant-bot svg{display:block;width:100%;height:100%;overflow:visible}
.hb-assistant-launch-label{font-size:14px;font-weight:600;letter-spacing:.01em}
.hb-assistant-launch-dots{display:flex;gap:3px;padding-left:2px}.hb-assistant-launch-dots i{width:3px;height:3px;border-radius:50%;background:#d4e1ff}
.hb-assistant-launch:hover{background:linear-gradient(135deg,#467bf1,#315fdb);box-shadow:0 10px 32px #244caa40,inset 0 1px 0 #ffffff40}
@media(max-width:600px){.hb-assistant-launch{min-height:56px;padding:5px 15px 5px 5px;gap:8px}.hb-assistant-bot{width:44px;height:44px;flex-basis:44px}.hb-assistant-launch-label{font-size:13px}.hb-assistant-launch-dots{display:none}}
.hb-assistant-bot{width:68px;height:76px;flex-basis:68px;margin:-18px -2px -6px 0;background:transparent;transform:none;border-radius:0}
.hb-assistant-bot img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 3px #15295530);user-select:none}
@media(max-width:600px){.hb-assistant-bot{width:58px;height:66px;flex-basis:58px;margin-top:-16px;margin-bottom:-6px}}
@media(prefers-reduced-motion:no-preference){.hb-assistant-launch{transition:box-shadow .2s,background .2s}.hb-assistant-bot{transition:transform .35s cubic-bezier(.2,.8,.2,1)}.hb-assistant-launch:is(:hover,:focus-visible) .hb-assistant-bot{transform:translateY(-4px) rotate(6deg)}.hb-assistant-launch:active .hb-assistant-bot{transform:translateY(1px) scale(.93)}@keyframes hb-robot-float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-4px) rotate(-3deg)}}}

.hb-assistant-actions{display:flex;gap:8px;flex-shrink:0}.hb-assistant-sound svg{width:19px;height:19px;display:block;margin:auto}.hb-assistant header .hb-assistant-sound[aria-pressed="true"]{color:#315fdb;background:#eaf0ff;border-color:#c4d3f5}
@media(max-width:600px){.hb-assistant header{gap:8px}.hb-assistant header .hb-assistant-actions button{width:34px;height:34px}.hb-assistant-actions{gap:5px}}

/* The mascot stays in the fixed dialog header while messages scroll. */
.hb-assistant-identity{display:flex;align-items:center;gap:12px;min-width:0}.hb-assistant-identity>div{min-width:0}.hb-assistant header .hb-assistant-bot{width:80px;height:80px;flex:0 0 80px;margin:0}.hb-assistant header h2{font-size:25px}.hb-assistant header{flex-shrink:0}.hb-assistant-open .hb-assistant-launch{visibility:hidden}
@media(max-width:600px){.hb-assistant-identity{gap:7px}.hb-assistant header .hb-assistant-bot{width:56px;height:64px;flex-basis:56px}.hb-assistant header small{font-size:8px;letter-spacing:1px}.hb-assistant header h2{font-size:19px}}
/* Keep every bottom navigation target available on compact screens. */
@media(max-width:760px){body:has(.mobile-bottom-nav) .hb-assistant-launch{bottom:calc(82px + env(safe-area-inset-bottom));right:12px;width:52px;height:52px;min-height:52px;padding:4px;gap:0;justify-content:center}body:has(.mobile-bottom-nav) .hb-assistant-launch-label,body:has(.mobile-bottom-nav) .hb-assistant-launch-dots{display:none}body:has(.mobile-bottom-nav) .hb-assistant-bot{width:42px;height:42px;flex-basis:42px}}
