.chb-launch,.chb-panel,.chb-panel *{box-sizing:border-box}
.chb-launch{position:fixed;right:calc(20px + env(safe-area-inset-right));bottom:calc(var(--chb-off,0px) + 20px + env(safe-area-inset-bottom));z-index:55;display:inline-flex;align-items:center;gap:8px;height:52px;padding:0 20px 0 16px;border:0;border-radius:999px;background:#E0F41C;color:#111;font:600 15px/1 Inter,system-ui,-apple-system,sans-serif;letter-spacing:-.01em;cursor:pointer;box-shadow:0 10px 30px rgba(22,33,10,.22),0 2px 6px rgba(22,33,10,.12);transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s,opacity .2s;-webkit-tap-highlight-color:transparent}
.chb-launch:hover{transform:translateY(-2px);box-shadow:0 14px 36px rgba(22,33,10,.26),0 2px 6px rgba(22,33,10,.12)}
.chb-launch:focus-visible{outline:3px solid #16210a;outline-offset:3px}
.chb-launch svg{width:22px;height:22px;flex:none;display:block}
.chb-lmono{display:grid;place-items:center;flex:none}
.chb-launch[aria-expanded="true"]{opacity:0;pointer-events:none;transform:scale(.9)}
.chb-panel{position:fixed;right:calc(20px + env(safe-area-inset-right));bottom:calc(var(--chb-off,0px) + 20px + env(safe-area-inset-bottom));z-index:1000;width:380px;height:min(560px,calc(100vh - 40px - var(--chb-off,0px)));display:flex;flex-direction:column;background:#f1f4ec;color:#111;border-radius:24px;box-shadow:0 30px 80px rgba(17,17,17,.28),0 0 0 1px rgba(22,33,10,.08);font:400 15px/1.5 Inter,system-ui,-apple-system,sans-serif;overflow:hidden;opacity:0;transform:translateY(12px) scale(.98);transform-origin:bottom right;pointer-events:none;visibility:hidden;transition:opacity .22s cubic-bezier(.2,.8,.2,1),transform .22s cubic-bezier(.2,.8,.2,1),visibility 0s linear .22s}
.chb-panel.chb-open{opacity:1;transform:none;pointer-events:auto;visibility:visible;transition:opacity .22s cubic-bezier(.2,.8,.2,1),transform .22s cubic-bezier(.2,.8,.2,1),visibility 0s}
.chb-head{display:flex;align-items:center;gap:12px;padding:16px 14px 14px 18px;background:#16210a;color:#fff;flex:none}
.chb-av{width:38px;height:38px;border-radius:50%;background:#111111;display:grid;place-items:center;flex:none;box-shadow:0 0 0 1px rgba(224,244,28,.14)}
.chb-av svg{width:23px;height:23px;display:block}
.chb-ttl{flex:1;min-width:0}
.chb-name{font-weight:650;font-size:16px;letter-spacing:-.01em;display:flex;align-items:center;gap:8px}
.chb-ai{font-size:11px;font-weight:700;letter-spacing:.04em;padding:2px 7px;border-radius:999px;background:rgba(224,244,28,.16);color:#E0F41C}
.chb-sub{font-size:12.5px;color:rgba(255,255,255,.66);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chb-x{width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,255,255,.08);color:#fff;display:grid;place-items:center;cursor:pointer;flex:none}
.chb-x:hover{background:rgba(255,255,255,.16)}
.chb-x:focus-visible{outline:2px solid #E0F41C;outline-offset:2px}
.chb-x svg{width:18px;height:18px}
.chb-log{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:18px 16px 8px;display:flex;flex-direction:column;gap:10px;-webkit-overflow-scrolling:touch}
.chb-m{max-width:86%;padding:10px 14px;border-radius:18px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:1.5}
.chb-b{align-self:flex-start;position:relative;margin-left:34px;max-width:calc(86% - 34px);background:#fff;border-bottom-left-radius:6px;box-shadow:0 1px 2px rgba(17,17,17,.06)}
.chb-u{align-self:flex-end;background:#16210a;color:#fff;border-bottom-right-radius:6px}
.chb-b a{color:#16210a;font-weight:600;text-decoration:underline;text-decoration-color:rgba(22,33,10,.35);text-underline-offset:2px}
.chb-b a:hover{text-decoration-color:#16210a}
.chb-err{background:#fff6f2;color:#7a2a12}
.chb-dots{display:inline-flex;gap:4px;padding:4px 0}
.chb-dots i{width:6px;height:6px;border-radius:50%;background:#16210a;opacity:.3;animation:chbB 1.1s infinite}
.chb-dots i:nth-child(2){animation-delay:.15s}.chb-dots i:nth-child(3){animation-delay:.3s}
@keyframes chbB{0%,80%,100%{opacity:.25}40%{opacity:.8}}
.chb-chips{display:flex;flex-wrap:wrap;gap:8px;padding:2px 0 4px}
.chb-chip{border:1px solid rgba(22,33,10,.18);background:#fff;color:#16210a;border-radius:999px;padding:8px 13px;font:550 14px/1.2 Inter,system-ui,sans-serif;cursor:pointer;text-align:left}
.chb-chip:hover{border-color:#16210a}
.chb-chip:focus-visible{outline:2px solid #16210a;outline-offset:2px}
.chb-foot{flex:none;padding:10px 12px 12px;border-top:1px solid rgba(22,33,10,.08);background:#f1f4ec}
.chb-form{display:flex;align-items:flex-end;gap:8px;background:#fff;border-radius:20px;padding:6px 6px 6px 14px;box-shadow:0 0 0 1px rgba(22,33,10,.12)}
.chb-form:focus-within{box-shadow:0 0 0 2px #16210a}
.chb-in{flex:1;min-width:0;border:0;outline:0;resize:none;background:transparent;font:400 16px/1.4 Inter,system-ui,sans-serif;color:#111;padding:8px 0;max-height:120px}
.chb-in::placeholder{color:rgba(17,17,17,.45)}
.chb-send{width:40px;height:40px;border-radius:50%;border:0;background:#E0F41C;color:#111;display:grid;place-items:center;cursor:pointer;flex:none}
.chb-send:disabled{opacity:.45;cursor:default}
.chb-send:focus-visible{outline:2px solid #16210a;outline-offset:2px}
.chb-send svg{width:18px;height:18px}
.chb-note{font-size:11.5px;color:rgba(17,17,17,.55);margin:8px 4px 0;line-height:1.35}
.chb-note a{color:inherit}
.chb-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (max-width:600px){
 .chb-launch{width:56px;height:56px;padding:0;justify-content:center;right:calc(16px + env(safe-area-inset-right));bottom:calc(var(--chb-off,0px) + 16px + env(safe-area-inset-bottom))}
 .chb-launch .chb-lbl{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
 .chb-panel{left:0;right:0;bottom:0;width:auto;height:min(88vh,640px);height:min(88dvh,640px);border-radius:24px 24px 0 0;transform-origin:bottom center;transform:translateY(24px)}
 .chb-foot{padding-bottom:calc(12px + env(safe-area-inset-bottom))}
 .chb-head{padding-left:calc(18px + env(safe-area-inset-left));padding-right:calc(14px + env(safe-area-inset-right))}
}
@media (max-width:240px){.chb-launch,.chb-panel{display:none!important}}
@media (prefers-reduced-motion:reduce){.chb-launch,.chb-panel,.chb-panel.chb-open{transition:none}.chb-launch:hover{transform:none}.chb-dots i{animation:none;opacity:.5}}
@media print{.chb-launch,.chb-panel{display:none!important}}

/* Stelar monogram avatar on every assistant message (brand rule: Stelar avatars use the monogram) */
.chb-b::before{content:"";position:absolute;left:-34px;bottom:0;width:26px;height:26px;border-radius:50%;background:#111111 url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-93.42 -101.92 488.83 488.83"><circle cx="151" cy="142.5" r="244.42" fill="%23111111"/><path fill="%23E0F41C" d="M146.15 8.29L175.36 89.92A26 26 0 0 0 191.08 105.64L272.71 134.85A6 6 0 0 1 272.71 146.15L191.08 175.36A26 26 0 0 0 175.36 191.08L146.15 272.71A6 6 0 0 1 134.85 272.71L105.64 191.08A26 26 0 0 0 89.92 175.36L8.29 146.15A6 6 0 0 1 8.29 134.85L89.92 105.64A26 26 0 0 0 105.64 89.92L134.85 8.29A6 6 0 0 1 146.15 8.29ZM193.32 189.69L267.18 163.26A3 3 0 0 1 270.35 164.01A64.25 64.25 0 0 1 281.64 236.89A4 4 0 0 0 281.53 240.18L297.45 278.62A1.5 1.5 0 0 1 295.56 280.6L255.2 266.11A4 4 0 0 0 252.1 266.28A64.25 64.25 0 0 1 172.1 246.38A3 3 0 0 1 171.7 243.6L189.69 193.32A6 6 0 0 1 193.32 189.69Z"/></svg>') center/100% 100% no-repeat}
