:root{--hb-primary:#0b6b57;--hb-primary-strong:#075544;--hb-primary-soft:#e4f4ef;--hb-surface:#f3eddf;--hb-panel:#fff;--hb-border:#ded4c4;--hb-text:#1f332f;--hb-muted:#66736f;--hb-link:#174bd2;--hb-user:#127864;--hb-warn:#fff5d6;--hb-radius:24px;--hb-ease:cubic-bezier(.2, .8, .2, 1);color:var(--hb-text);background:0 0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans Devanagari,Noto Sans,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0;overflow-x:hidden}body{background:var(--hb-surface)}body[data-helpbot-mode=widget] #root{place-items:center;min-height:100dvh;display:grid}button,textarea{font:inherit}button{cursor:pointer}.demo-page{background:var(--hb-surface);min-height:100dvh;position:relative}.bot-mark{color:var(--hb-primary);background:#dff6ee;border:1px solid #0b6b5726;place-items:center;display:grid}h1,h2,p{margin:0}.demo-dock{z-index:20;position:fixed;bottom:28px;right:28px}.demo-modal{transform-origin:100% 100%;width:min(560px,100vw - 56px);height:min(760px,100dvh - 56px);animation:modal-enter .24s var(--hb-ease) both}.demo-modal.is-closing,.widget-surface.is-closing .chat-shell{animation:modal-exit .22s var(--hb-ease) both}.widget-surface{background:var(--hb-surface);place-items:stretch stretch;width:100vw;height:100dvh;display:grid}.launcher{width:74px;height:74px;color:var(--hb-primary);background:linear-gradient(145deg, #fffaf0, #eee4d3), var(--hb-surface);transition:transform .18s var(--hb-ease), box-shadow .18s var(--hb-ease), background .18s var(--hb-ease);border:1px solid #0b6b572e;border-radius:50%;place-items:center;animation:3.2s ease-in-out infinite launcher-breathe;display:grid;box-shadow:0 18px 36px #2720152e,0 0 0 8px #fffaf052}.launcher:hover{background:linear-gradient(145deg, #fff, #f0e4d0), var(--hb-surface);transform:translateY(-2px)scale(1.04);box-shadow:0 22px 42px #27201538,0 0 0 10px #fffaf066}.launcher:active{transform:translateY(0)scale(.98)}.chat-shell{border-radius:var(--hb-radius);background:linear-gradient(#fff,#fffaf0);border:1px solid #5d482b24;grid-template-rows:auto minmax(0,1fr) auto auto auto;width:min(100%,640px);height:min(720px,100dvh - 24px);min-height:520px;display:grid;overflow:hidden;box-shadow:0 26px 70px #2720153d}.widget-surface .chat-shell{border-radius:var(--hb-radius);transform-origin:100% 100%;width:100%;height:100%;min-height:0;animation:modal-enter .24s var(--hb-ease) both;border:1px solid #5d482b29}.demo-modal .chat-shell{width:100%;height:100%;min-height:0}.chat-header{color:#fff;background:radial-gradient(circle at top left, #ffffff29, transparent 34%), linear-gradient(135deg, #075544fc, #127864f7), var(--hb-primary);border-bottom:1px solid #ffffff1a;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;min-height:92px;padding:18px 22px;display:grid}.bot-mark{width:60px;height:60px;color:var(--hb-primary);background:#e3f7ef;border-radius:16px;box-shadow:inset 0 1px #ffffffa6}.title-block{min-width:0}.title-block h2{letter-spacing:0;font-size:1.75rem;line-height:1.1}.title-block p{color:#ffffffd6;align-items:center;gap:8px;margin-top:5px;font-weight:660;display:flex}.online-dot{background:#72e6b5;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 4px #72e6b529}.header-actions{align-items:center;gap:8px;display:flex}.icon-button{color:#fff;width:46px;height:46px;transition:transform .16s var(--hb-ease), background .16s var(--hb-ease), border-color .16s var(--hb-ease);background:#ffffff1c;border:1px solid #ffffff29;border-radius:50%;place-items:center;display:grid}.icon-button:hover{background:#ffffff2e;border-color:#ffffff42;transform:translateY(-1px)}.message-list{scroll-behavior:smooth;background:#fbf7ef;padding:24px 22px 18px;overflow:hidden auto}.message-row{margin-bottom:16px;display:flex}.message-row.from-user{justify-content:flex-end}.message-row.from-assistant{justify-content:flex-start}.message-bubble{overflow-wrap:anywhere;border-radius:18px;max-width:min(82%,620px);padding:15px 17px;font-size:1rem;line-height:1.72}.from-user .message-bubble{color:#fff;background:var(--hb-user);border-bottom-right-radius:8px;box-shadow:0 8px 20px #1278642e}.from-assistant .message-bubble{color:#243b36;background:#fff;border:1px solid #e6ddcf;border-bottom-left-radius:8px}.message-bubble.failed{background:#fff2f0;border-color:#ffd0c9}.message-bubble p+p,.message-bubble ul+p,.message-bubble ol+p{margin-top:.9rem}.message-bubble ul,.message-bubble ol{margin:.65rem 0;padding-left:1.3rem}.message-bubble li+li{margin-top:.2rem}.message-bubble strong{font-weight:820}.message-bubble a{color:var(--hb-link);text-underline-offset:3px;font-weight:760;text-decoration-thickness:1px}.message-bubble a.contact-link{max-width:100%;color:var(--hb-primary-strong);overflow-wrap:anywhere;background:#eaf6f1;border:1px solid #0b6b5733;border-radius:999px;align-items:center;margin:0 2px;padding:2px 7px;text-decoration:none;display:inline-flex}.message-bubble a.contact-link:hover{background:#ddf0e9;border-color:#0b6b5761}.message-bubble a svg{vertical-align:-2px;margin-left:4px;display:inline-block}.thinking-dots{align-items:center;gap:5px;min-width:42px;display:inline-flex}.thinking-dots i{background:var(--hb-primary);border-radius:50%;width:7px;height:7px;animation:.9s ease-in-out infinite pulse}.thinking-dots i:nth-child(2){animation-delay:.12s}.thinking-dots i:nth-child(3){animation-delay:.24s}.error-banner{color:#743b00;background:var(--hb-warn);border:1px solid #f2d889;border-radius:14px;margin:0 18px 10px;padding:10px 12px;font-size:.9rem}.composer{background:#fffaf0;border-top:1px solid #e8ded0;grid-template-columns:minmax(0,1fr) 56px;gap:10px;padding:14px 20px 6px;display:grid}.composer textarea{resize:none;width:100%;height:56px;min-height:56px;max-height:130px;color:var(--hb-text);background:#fff;border:1px solid #0b6b5759;border-radius:16px;outline:none;padding:15px 16px;overflow:hidden auto}.composer textarea:focus{border-color:var(--hb-primary);box-shadow:0 0 0 3px #0b6b571f}.composer button{color:#fff;background:var(--hb-primary);width:56px;height:56px;transition:transform .16s var(--hb-ease), opacity .16s var(--hb-ease), background .16s var(--hb-ease);border:0;border-radius:16px;place-items:center;display:grid}.composer button:hover:not(:disabled){background:var(--hb-primary-strong);transform:translateY(-1px)}.composer button:active:not(:disabled){transform:translateY(0)}.composer button:disabled{opacity:.48;cursor:not-allowed}.composer-hint{color:#98a39f;padding:0 20px 14px;font-size:.82rem}@keyframes pulse{0%,80%,to{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}@keyframes launcher-breathe{0%,to{box-shadow:0 18px 36px #2720152e,0 0 0 8px #fffaf052}50%{box-shadow:0 20px 40px #27201533,0 0 0 13px #fffaf02e}}@keyframes modal-enter{0%{opacity:0;transform:translate(12px,18px)scale(.94)}to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes modal-exit{0%{opacity:1;transform:translate(0,0)scale(1)}to{opacity:0;transform:translate(12px,18px)scale(.94)}}@media (width<=860px){.demo-page{min-height:100dvh}.demo-dock{bottom:16px;right:16px}.demo-modal{width:min(560px,100vw - 32px);height:min(760px,100dvh - 32px)}.demo-modal .chat-shell,.widget-surface .chat-shell{border-radius:var(--hb-radius);width:100%;height:100%;min-height:0}.widget-surface .chat-shell{box-shadow:0 18px 45px #2720152e}.chat-header{min-height:86px;padding:max(14px, env(safe-area-inset-top)) 16px 14px}.bot-mark{width:56px;height:56px}.title-block h2{font-size:1.55rem}.title-block p{font-size:.94rem}.header-actions{gap:6px}.icon-button{width:40px;height:40px}.message-list{padding:18px 14px 12px}.message-bubble{max-width:88%;padding:14px 15px;font-size:1.02rem;line-height:1.75}.composer{grid-template-columns:minmax(0,1fr) 54px;padding:12px 14px 4px}.composer button{width:54px;height:54px}.composer textarea{min-height:54px}.composer-hint{padding:0 14px max(10px, env(safe-area-inset-bottom))}}@media (width<=420px){.chat-header{grid-template-columns:auto minmax(0,1fr) auto;gap:10px}.bot-mark{width:48px;height:48px}.title-block h2{font-size:1.35rem}.title-block p{font-size:.82rem}.message-bubble{max-width:92%}}@media (prefers-reduced-motion:reduce){.launcher,.chat-shell,.demo-modal,.demo-modal.is-closing,.widget-surface.is-closing .chat-shell,.thinking-dots i{animation:none}.launcher,.icon-button,.composer button{transition:none}}
