#hlcb-root{--hlcb-accent:#BD9858;--hlcb-accent-dark:#92733F;--hlcb-accent-light:#D6BB89;--hlcb-bottom:90px;--hlcb-right:24px;
  position:fixed;right:var(--hlcb-right);bottom:var(--hlcb-bottom);z-index:99999;
  font-family:"Outfit",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.45;color:#2b2519}
#hlcb-root *,#hlcb-root *::before,#hlcb-root *::after{box-sizing:border-box}
#hlcb-root button,#hlcb-root textarea{font:inherit;letter-spacing:normal;text-transform:none}

/* ---------- launcher ---------- */
#hlcb-root .hlcb-launcher{position:relative;display:block;width:62px;height:62px;margin:0;padding:0;border:1px solid rgba(255,255,255,.55);border-radius:50%;cursor:pointer;color:#fff;
  background:linear-gradient(180deg,rgba(255,255,255,.42) 0%,rgba(255,255,255,0) 52%),linear-gradient(145deg,var(--hlcb-accent-light),var(--hlcb-accent) 45%,var(--hlcb-accent-dark));
  box-shadow:0 10px 26px rgba(110,80,28,.38),inset 0 1px 1px rgba(255,255,255,.8),inset 0 -6px 12px rgba(80,55,15,.25);
  transition:transform .2s ease,box-shadow .2s ease;-webkit-tap-highlight-color:transparent}
#hlcb-root .hlcb-launcher:hover{transform:translateY(-2px) scale(1.04)}
#hlcb-root .hlcb-launcher:focus-visible,#hlcb-root .hlcb-x:focus-visible,#hlcb-root .hlcb-send:focus-visible{outline:3px solid rgba(255,255,255,.95);outline-offset:2px;box-shadow:0 0 0 5px var(--hlcb-accent-dark)}
#hlcb-root .hlcb-ico{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease,transform .25s ease}
#hlcb-root .hlcb-ico svg{width:28px;height:28px;filter:drop-shadow(0 1px 1px rgba(70,45,10,.35))}
#hlcb-root .hlcb-ico-close{opacity:0;transform:rotate(-70deg) scale(.6)}
#hlcb-root.hlcb-open .hlcb-ico-chat{opacity:0;transform:rotate(70deg) scale(.6)}
#hlcb-root.hlcb-open .hlcb-ico-close{opacity:1;transform:none}

/* ---------- panel (aero glass) ---------- */
#hlcb-root .hlcb-panel{position:absolute;right:0;bottom:78px;width:380px;height:min(580px,calc(100vh - var(--hlcb-bottom) - 110px));height:min(580px,calc(100dvh - var(--hlcb-bottom) - 110px));
  display:flex;flex-direction:column;overflow:hidden;border-radius:24px;
  background:linear-gradient(165deg,rgba(255,255,255,.78) 0%,rgba(252,247,236,.60) 100%);
  -webkit-backdrop-filter:blur(26px) saturate(170%);backdrop-filter:blur(26px) saturate(170%);
  border:1px solid rgba(255,255,255,.75);
  box-shadow:0 28px 70px rgba(70,48,12,.30),0 4px 14px rgba(70,48,12,.12),inset 0 1px 0 rgba(255,255,255,.95),inset 0 0 0 1px rgba(189,152,88,.12);
  opacity:0;visibility:hidden;transform:translateY(14px) scale(.97);transform-origin:bottom right;
  transition:opacity .22s ease,transform .26s cubic-bezier(.2,.8,.2,1),visibility 0s linear .26s}
#hlcb-root.hlcb-open .hlcb-panel{opacity:1;visibility:visible;transform:none;transition:opacity .22s ease,transform .26s cubic-bezier(.2,.8,.2,1),visibility 0s}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  #hlcb-root .hlcb-panel{background:#fffaf0}
}

/* header */
#hlcb-root .hlcb-head{position:relative;display:flex;align-items:center;gap:12px;padding:14px 14px 14px 16px;color:#fff;
  background:linear-gradient(180deg,rgba(255,255,255,.38) 0%,rgba(255,255,255,.04) 55%),linear-gradient(135deg,var(--hlcb-accent-light),var(--hlcb-accent) 50%,var(--hlcb-accent-dark));
  border-bottom:1px solid rgba(255,255,255,.45);box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}
#hlcb-root .hlcb-avatar{flex:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:18px;color:var(--hlcb-accent-dark);
  background:linear-gradient(180deg,#fff,rgba(255,255,255,.7));box-shadow:0 2px 6px rgba(70,45,10,.25),inset 0 -2px 4px rgba(189,152,88,.25)}
#hlcb-root .hlcb-ht{flex:1;min-width:0}
#hlcb-root .hlcb-title{font-weight:600;font-size:16px;text-shadow:0 1px 2px rgba(70,45,10,.35);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#hlcb-root .hlcb-status{font-size:12.5px;opacity:.95;display:flex;align-items:center;gap:6px;text-shadow:0 1px 1px rgba(70,45,10,.3)}
#hlcb-root .hlcb-status::before{content:"";width:8px;height:8px;border-radius:50%;background:#6fe08f;box-shadow:0 0 0 2px rgba(255,255,255,.55)}
#hlcb-root .hlcb-x{flex:none;width:34px;height:34px;padding:0;border:1px solid rgba(255,255,255,.5);border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.18);transition:background .15s ease}
#hlcb-root .hlcb-x:hover{background:rgba(255,255,255,.34)}
#hlcb-root .hlcb-x svg{width:16px;height:16px}

/* poruke */
#hlcb-root .hlcb-log{flex:1;overflow-y:auto;padding:16px 14px 8px;display:flex;flex-direction:column;gap:10px;scroll-behavior:smooth;overscroll-behavior:contain}
#hlcb-root .hlcb-log::-webkit-scrollbar{width:6px}
#hlcb-root .hlcb-log::-webkit-scrollbar-thumb{background:rgba(146,115,63,.3);border-radius:6px}
#hlcb-root .hlcb-m{display:flex;max-width:100%}
#hlcb-root .hlcb-m-user{justify-content:flex-end}
#hlcb-root .hlcb-b{max-width:84%;padding:10px 14px;border-radius:18px;word-wrap:break-word;overflow-wrap:anywhere}
#hlcb-root .hlcb-m-bot .hlcb-b{background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.95);border-bottom-left-radius:6px;color:#2b2519;
  box-shadow:0 2px 8px rgba(90,65,20,.10),inset 0 1px 0 #fff}
#hlcb-root .hlcb-m-user .hlcb-b{color:#fff;border-bottom-right-radius:6px;border:1px solid rgba(255,255,255,.4);
  background:linear-gradient(180deg,rgba(255,255,255,.28),rgba(255,255,255,0) 55%),linear-gradient(145deg,var(--hlcb-accent),var(--hlcb-accent-dark));
  box-shadow:0 3px 10px rgba(110,80,28,.28),inset 0 1px 0 rgba(255,255,255,.5);text-shadow:0 1px 1px rgba(70,45,10,.25)}
#hlcb-root .hlcb-b a{color:var(--hlcb-accent-dark);text-decoration:underline;text-underline-offset:2px}
#hlcb-root .hlcb-m-user .hlcb-b a{color:#fff}
#hlcb-root .hlcb-typing{display:flex;gap:5px;padding:14px 16px}
#hlcb-root .hlcb-typing i{width:7px;height:7px;border-radius:50%;background:var(--hlcb-accent);opacity:.35;animation:hlcb-dot 1.1s infinite ease-in-out}
#hlcb-root .hlcb-typing i:nth-child(2){animation-delay:.15s}
#hlcb-root .hlcb-typing i:nth-child(3){animation-delay:.3s}
@keyframes hlcb-dot{0%,60%,100%{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}

/* unos */
#hlcb-root .hlcb-form{display:flex;align-items:flex-end;gap:8px;margin:6px 12px 8px;padding:6px 6px 6px 14px;border-radius:22px;
  background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.95);box-shadow:0 2px 10px rgba(90,65,20,.12),inset 0 1px 2px rgba(120,90,40,.10)}
#hlcb-root .hlcb-form:focus-within{border-color:var(--hlcb-accent);box-shadow:0 0 0 3px rgba(189,152,88,.25),0 2px 10px rgba(90,65,20,.12)}
#hlcb-root .hlcb-input{flex:1;min-height:34px;max-height:110px;margin:0;padding:7px 0;border:0;outline:0;resize:none;background:transparent;color:#2b2519;box-shadow:none;font-size:15px}
#hlcb-root .hlcb-input::placeholder{color:#8f846f}
#hlcb-root .hlcb-send{flex:none;width:38px;height:38px;padding:0;border:1px solid rgba(255,255,255,.5);border-radius:50%;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(180deg,rgba(255,255,255,.35),rgba(255,255,255,0) 55%),linear-gradient(145deg,var(--hlcb-accent),var(--hlcb-accent-dark));
  box-shadow:0 3px 8px rgba(110,80,28,.3),inset 0 1px 0 rgba(255,255,255,.6);transition:transform .15s ease,opacity .15s ease}
#hlcb-root .hlcb-send:hover:not(:disabled){transform:scale(1.07)}
#hlcb-root .hlcb-send:disabled{opacity:.5;cursor:default}
#hlcb-root .hlcb-send svg{width:18px;height:18px;margin-left:2px}
#hlcb-root .hlcb-priv{padding:0 16px 10px;font-size:11.5px;color:#7a6f5a;text-align:center}

/* mobilni */
@media (max-width:480px){
  #hlcb-root{right:max(var(--hlcb-right),12px)}
  #hlcb-root .hlcb-panel{position:fixed;left:12px;right:12px;width:auto;bottom:calc(var(--hlcb-bottom) + 76px);
    height:calc(100vh - var(--hlcb-bottom) - 96px);height:calc(100dvh - var(--hlcb-bottom) - 96px);max-height:640px}
  #hlcb-root .hlcb-input{font-size:16px}
}
@media (prefers-reduced-motion:reduce){
  #hlcb-root *,#hlcb-root *::before{transition-duration:.01ms!important;animation-duration:.01ms!important;scroll-behavior:auto!important}
}