:root{--habix-primary:#C8572A;--habix-primary-light:#E06B38;--habix-dark:#171719;--habix-panel:#222225;--habix-line:rgba(255,255,255,.10);--habix-white:#fff;--habix-green:#55d486}
body.habix-open{overflow:hidden}.habix-launcher{position:fixed;right:26px;bottom:24px;z-index:1000;width:62px;height:62px;display:grid;place-items:center;border:0;border-radius:50%;background:linear-gradient(145deg,var(--habix-primary-light),var(--habix-primary));box-shadow:0 17px 45px rgba(200,87,42,.45);font-size:1.65rem;cursor:pointer;transition:.2s transform;color:#fff}.habix-launcher:hover{transform:translateY(-3px) scale(1.03)}.habix-launcher::after{position:absolute;inset:-6px;content:"";border:1px solid rgba(224,107,56,.38);border-radius:50%;animation:habixPulse 2.3s infinite}.habix-panel{position:fixed;right:24px;bottom:99px;z-index:1001;width:min(410px,calc(100vw - 24px));height:min(650px,calc(100vh - 122px));display:none;grid-template-rows:auto 1fr auto;overflow:hidden;color:#fff;background:rgba(28,28,30,.98);border:1px solid rgba(255,255,255,.11);border-radius:22px;box-shadow:0 30px 90px rgba(0,0,0,.55);backdrop-filter:blur(20px);font-family:'DM Sans',sans-serif}.habix-panel.is-open{display:grid;animation:habixIn .22s ease both}.habix-header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 17px;background:linear-gradient(135deg,rgba(200,87,42,.27),rgba(255,255,255,.03));border-bottom:1px solid var(--habix-line)}.habix-identity{display:flex;align-items:center;gap:11px}.habix-avatar{width:44px;height:44px;display:grid;place-items:center;background:linear-gradient(145deg,var(--habix-primary-light),var(--habix-primary));border-radius:13px;font-size:1.35rem}.habix-name{display:block;font-family:'Syne',sans-serif;font-weight:800}.habix-status{display:flex;align-items:center;gap:6px;color:#a9e3bb;font-size:.72rem}.habix-status::before{width:7px;height:7px;content:"";background:var(--habix-green);border-radius:50%}.habix-close{width:38px;height:38px;display:grid;place-items:center;color:#fff;background:rgba(255,255,255,.06);border:1px solid var(--habix-line);border-radius:11px;font-size:1.15rem;cursor:pointer}.habix-messages{display:flex;flex-direction:column;gap:11px;overflow-y:auto;padding:17px;scroll-behavior:smooth}.habix-message{max-width:89%;padding:11px 13px;border-radius:15px;font-size:.88rem;line-height:1.45;white-space:pre-wrap}.habix-message--bot{align-self:flex-start;color:rgba(255,255,255,.85);background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.07);border-bottom-left-radius:5px}.habix-message--user{align-self:flex-end;color:#fff;background:var(--habix-primary);border-bottom-right-radius:5px}.habix-message--system{align-self:center;max-width:96%;padding:5px;color:rgba(255,255,255,.42);background:none;text-align:center;font-size:.72rem}.habix-typing{display:inline-flex;gap:4px;padding:13px}.habix-typing span{width:6px;height:6px;background:rgba(255,255,255,.45);border-radius:50%;animation:typing 1s infinite alternate}.habix-typing span:nth-child(2){animation-delay:.2s}.habix-typing span:nth-child(3){animation-delay:.4s}.habix-quick{display:flex;flex-wrap:wrap;gap:7px;margin-top:2px}.habix-chip{padding:8px 10px;color:#f5ad8d;background:rgba(200,87,42,.11);border:1px solid rgba(200,87,42,.30);border-radius:999px;font-size:.76rem;font-weight:700;cursor:pointer}.habix-chip:hover{background:rgba(200,87,42,.20)}.habix-input-row{display:grid;grid-template-columns:1fr 43px;gap:9px;padding:13px;border-top:1px solid var(--habix-line)}.habix-input{width:100%;min-width:0;padding:11px 13px;color:#fff;background:rgba(255,255,255,.055);border:1px solid var(--habix-line);border-radius:13px;outline:0}.habix-input:focus{border-color:rgba(224,107,56,.65)}.habix-send{width:43px;height:43px;display:grid;place-items:center;color:#fff;background:var(--habix-primary);border:0;border-radius:13px;cursor:pointer}.habix-privacy{padding:0 15px 10px;color:rgba(255,255,255,.34);font-size:.64rem;text-align:center}.habix-privacy a{color:#e89a77}.habix-alert{margin:0 13px 10px;padding:9px 10px;border-radius:10px;color:#b9f0c8;background:rgba(85,212,134,.08);border:1px solid rgba(85,212,134,.20);font-size:.72rem}
@keyframes habixPulse{0%,100%{opacity:.4;transform:scale(1)}50%{opacity:0;transform:scale(1.18)}}@keyframes habixIn{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}@keyframes typing{to{opacity:.25;transform:translateY(-2px)}}
@media(max-width:600px){.habix-launcher{right:14px;bottom:14px}.habix-panel{right:12px;bottom:88px;height:min(650px,calc(100vh - 105px));border-radius:18px}}