: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:radial-gradient(circle at 12% 8%, #fff9, transparent 30rem), var(--hb-surface)}body[data-helpbot-mode=widget] #root{place-items:end;min-height:100dvh;display:grid}body[data-helpbot-mode=widget]{background:0 0}button,textarea{font:inherit}button{cursor:pointer}.demo-page{background:var(--hb-surface);min-height:100dvh;position:relative}.integration-link{z-index:10;color:#fff;background:var(--hb-primary);max-width:calc(100vw - 48px);min-height:46px;transition:transform .16s var(--hb-ease), background .16s var(--hb-ease), box-shadow .16s var(--hb-ease);border:1px solid #0b6b5733;border-radius:8px;align-items:center;gap:9px;padding:11px 16px;font-weight:760;line-height:1.2;text-decoration:none;display:inline-flex;position:fixed;top:24px;left:24px;box-shadow:0 14px 28px #27201524}.integration-link:hover{background:var(--hb-primary-strong);transform:translateY(-1px);box-shadow:0 18px 34px #2720152e}.integration-link:active{transform:translateY(0)}.integration-link svg{flex:none}.bot-mark{color:var(--hb-primary);background:#dff6ee;border:1px solid #0b6b5726;place-items:center;display:grid;position:relative}h1,h2,p{margin:0}.demo-dock{z-index:20;position:fixed;bottom:28px;right:28px}.launcher-wrap{justify-items:end;gap:12px;display:grid;position:relative}.launcher-wrap.is-left{justify-self:start;justify-items:start}.help-notice{max-width:250px;color:var(--hb-primary-strong);animation:notice-enter .4s var(--hb-ease) both;background:#fffdf7;border:1px solid #0b6b572b;border-radius:14px;padding:10px 14px;font-size:.86rem;font-weight:800;line-height:1.35;position:relative;box-shadow:0 12px 28px #27201524}.help-notice:after{content:"";background:#fffdf7;border-bottom:1px solid #0b6b572b;border-right:1px solid #0b6b572b;width:13px;height:13px;position:absolute;bottom:-7px;right:25px;transform:rotate(45deg)}.launcher-wrap.is-left .help-notice:after{left:25px;right:auto}.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;position:relative;overflow:visible;box-shadow:0 18px 36px #2720152e,0 0 0 8px #fffaf052}.saili-avatar{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.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 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{background:#e3f7ef;border-radius:16px;width:60px;height:60px;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}.quick-prompts{margin:2px 0 8px;padding:0 2px 6px}.quick-prompts p{color:var(--hb-muted);letter-spacing:.04em;text-transform:uppercase;margin-bottom:9px;font-size:.78rem;font-weight:800}.quick-prompt-list{flex-wrap:wrap;gap:8px;display:flex}.quick-prompt-list button{color:var(--hb-primary-strong);text-align:left;transition:background .16s var(--hb-ease), border-color .16s var(--hb-ease), transform .16s var(--hb-ease);background:#eaf6f1;border:1px solid #0b6b5733;border-radius:999px;padding:8px 12px;font-size:.86rem;font-weight:700}.quick-prompt-list button:hover{background:#dff1e9;border-color:#0b6b576b;transform:translateY(-1px)}.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}.status-line{color:var(--hb-muted);align-items:center;gap:8px;padding:0 20px 9px;font-size:.82rem;font-weight:700;display:flex}.status-spinner{border:2px solid #0b6b5733;border-top-color:var(--hb-primary);border-radius:50%;width:9px;height:9px;animation:.7s linear infinite spin}.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}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@keyframes pulse{0%,80%,to{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes notice-enter{0%{opacity:0;transform:translateY(8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@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}.integration-link{max-width:calc(100vw - 32px);top:16px;left:16px}.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}}