.hx-launch{position:fixed;right:24px;bottom:max(24px,env(safe-area-inset-bottom));z-index:70;display:flex;align-items:center;gap:11px;border:1px solid #ff8dab;border-radius:40px;background:var(--eosin);color:var(--onyx);padding:15px 21px;font:700 15px var(--f-body);box-shadow:0 6px 35px #0007;cursor:pointer;transition:transform .2s}
.hx-launch:hover{transform:translateY(-3px)}
.hx-launch svg{width:21px;height:21px;flex-shrink:0}
.hx-panel{position:fixed;right:24px;bottom:98px;width:420px;max-width:calc(100vw - 32px);height:min(690px,calc(100dvh - 125px));z-index:75;background:#121215;border:1px solid #484048;border-radius:16px;box-shadow:0 24px 100px #0009;overflow:hidden;display:flex;flex-direction:column;font:15px/1.5 var(--f-body);color:var(--ivory);isolation:isolate}
.hx-panel[hidden],.hx-panel [hidden]{display:none!important}
.hx-head{padding:18px 20px 14px;background:linear-gradient(115deg,#2b1c27,#17171c);border-bottom:1px solid var(--line);display:flex;gap:12px;align-items:center;flex-shrink:0}
.hx-mark{display:grid;place-items:center;background:#f2557f1a;border:1px solid #f2557f55;color:var(--eosin);font:800 21px var(--f-display);width:42px;height:42px;border-radius:12px}
.hx-head h2{font:800 21px/1.15 var(--f-display);letter-spacing:-.02em}
.hx-head p{font-size:12px;color:#c7bac4;margin-top:4px}
.hx-icon{margin-left:auto;background:transparent;border:1px solid transparent;border-radius:8px;color:var(--ivory);cursor:pointer;padding:7px 11px;font-size:24px;line-height:1}
.hx-icon:hover{background:#ffffff12}
.hx-notice{padding:10px 20px;border-bottom:1px solid var(--line);font-size:11px;color:#bdb3bf;flex-shrink:0;background:#18171c}
.hx-log{overflow-y:auto;overscroll-behavior:contain;flex:1;padding:20px;min-height:80px;scroll-behavior:smooth}
.hx-message{max-width:95%;padding:12px 14px;margin-bottom:12px;border-radius:12px;background:#222127;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}
.hx-message--user{margin-left:auto;background:#f2557f19;border:1px solid #f2557f40}
.hx-message--assistant{border:1px solid #ffffff0a}
.hx-speaker{display:block;font:500 10px var(--f-mono);text-transform:uppercase;letter-spacing:.08em;margin-bottom:7px;color:#d9a0b3}
.hx-prompts{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0 6px}
.hx-chip{border:1px solid #62505d;background:transparent;border-radius:20px;padding:8px 12px;color:#f0dce4;font:500 12px var(--f-body);text-align:left;cursor:pointer}
.hx-chip:hover{background:#f2557f14;border-color:var(--eosin)}
.hx-actions{border-top:1px solid var(--line);padding:11px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-shrink:0}
.hx-text-button{background:transparent;border:0;color:#ff9ab6;text-align:left;cursor:pointer;font:700 12px var(--f-body);padding:5px 0;text-decoration:underline;text-underline-offset:3px}
.hx-reset{color:#b5aab9;font-weight:400;text-decoration:none;white-space:nowrap}
.hx-compose{padding:12px 16px 16px;display:flex;gap:8px;border-top:1px solid var(--line);flex-shrink:0;align-items:flex-end}
.hx-panel textarea,.hx-panel input{font:400 14px/1.4 var(--f-body);color:var(--ivory);background:#0e0e11;border:1px solid #58505b;border-radius:7px;padding:10px 12px;width:100%;min-width:0}
.hx-panel input::placeholder,.hx-panel textarea::placeholder{color:#908593}
.hx-compose textarea{resize:none;min-height:44px;max-height:100px}
.hx-send{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:7px;background:var(--eosin);color:var(--onyx);padding:12px 16px;min-height:44px;font:700 14px var(--f-body);cursor:pointer}
.hx-send:hover{background:#ff79a0}
.hx-panel button:disabled{opacity:.55;cursor:wait}
.hx-foot{font-size:10px;color:#a69aab;margin:0 16px 12px;flex-shrink:0}
.hx-form-view{flex:1;overflow:auto;overscroll-behavior:contain;padding:18px 20px}
.hx-form-view h3{font-size:25px;margin:8px 0}
.hx-form-view>p{color:#c4bac9;font-size:13px;margin:10px 0 18px}
.hx-field{display:block;margin-top:13px;font-size:12px;color:#d6ceda}
.hx-field input,.hx-field textarea{margin-top:6px}
.hx-field textarea{min-height:160px;resize:vertical}
.hx-form-row{display:flex;gap:12px;align-items:center;margin-top:16px;flex-wrap:wrap}
.hx-consent{display:flex;align-items:flex-start;gap:8px;margin:17px 0;font-size:12px;color:#c7bdcc}
.hx-consent input{width:17px;height:17px;flex-shrink:0;margin:1px 0 0;accent-color:var(--eosin)}
.hx-status{color:#ffb5c9;font-size:13px;white-space:pre-wrap;margin-top:12px;overflow-wrap:anywhere}
.hx-confirmation{padding:24px;border:1px solid #f2557f55;background:#f2557f0b;border-radius:10px;margin-top:20px}
.hx-confirmation p{font-size:14px;color:#d1c5d1;margin-top:12px}
.hx-honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.hx-panel :focus-visible{outline:2px solid #ff9ab6;outline-offset:3px}
@media(max-width:600px){.hx-launch{right:16px;bottom:max(16px,env(safe-area-inset-bottom));padding:13px 17px;font-size:14px}.hx-panel{right:8px;bottom:82px;width:calc(100vw - 16px);max-width:none;height:min(720px,calc(100dvh - 98px));border-radius:13px}.hx-panel input,.hx-panel textarea{font-size:16px}.hx-head{padding:14px 16px}.hx-log{padding:16px}.hx-form-view{padding:16px}.hx-notice{padding:9px 16px}.hx-compose{padding-bottom:max(12px,env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.hx-log{scroll-behavior:auto}.hx-launch{transition:none}}
