@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{font-family:Inter,system-ui,sans-serif;color:#17213a;background:#f7f9fd;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}.site-shell{min-height:100vh;position:relative;overflow:hidden;padding:11vh 8vw;background:radial-gradient(circle at 15% 16%,#fff 0,#f8faff 38%,#eef3fb)}.site-copy{max-width:660px}.eyebrow{color:#0964d9;font-size:14px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.site-copy h1{font-size:clamp(38px,5vw,72px);line-height:1.04;letter-spacing:-.045em;max-width:720px;margin:24px 0}.site-copy p{color:#67738b;font-size:20px;line-height:1.6;max-width:540px}.site-copy>button{margin-top:16px;border:0;border-radius:12px;background:#0a64d8;color:#fff;padding:14px 24px;font-weight:600}.widget-dock{position:fixed;right:28px;bottom:24px;z-index:10}.chat{width:min(486px,calc(100vw - 28px));height:min(760px,calc(100vh - 34px));display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;background:#fff;border-radius:24px;box-shadow:0 24px 68px #122a5433}.chat-header{position:relative;display:grid;grid-template-columns:58px 1fr auto;gap:14px;align-items:center;padding:22px 24px 20px;color:#fff;background:#0862d5}.chat-header p{grid-column:1 / -1;margin:2px 0 0;font-size:15px;opacity:.88}.avatar{display:block;object-fit:cover;border-radius:50%;background:#d9e8fb}.avatar-large{width:58px;height:58px;border:3px solid rgba(255,255,255,.85)}.avatar-small{width:32px;height:32px;flex:0 0 auto}.operator{display:flex;flex-direction:column;gap:5px}.operator strong{font-size:24px;letter-spacing:-.02em}.operator span{display:flex;align-items:center;gap:8px;opacity:.94;font-size:15px}.operator i{width:10px;height:10px;border-radius:50%;background:#3ee17e;box-shadow:0 0 0 4px #3ee17e26}.header-actions{display:flex;gap:6px;align-self:start}.header-actions button{display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:10px;color:#fff;background:transparent;font-size:24px}.header-actions button:hover,.header-actions button:focus-visible{background:#ffffff21;outline:none}.conversation{overflow-y:auto;padding:18px 22px 16px;scrollbar-width:thin;scrollbar-color:#ccd5e5 transparent}.day{color:#8490a5;text-align:center;font-size:13px;margin:2px 0 20px}.message-row{display:flex;gap:10px;align-items:flex-start;margin-bottom:18px}.message-row.visitor{justify-content:flex-end}.message-content{max-width:78%}.bubble{padding:13px 16px;border-radius:16px;background:#f2f5fa;color:#182238;font-size:14px;line-height:1.48}.visitor .bubble{background:#e8f2ff;border-bottom-right-radius:5px}.operator .bubble{border-top-left-radius:5px}.time{display:flex;align-items:center;justify-content:flex-start;gap:0;color:#99a4b7;font-size:11px;margin-top:6px}.visitor .time{justify-content:flex-end}.time svg{width:12px;color:#1472e6;margin-left:-4px}.time svg:first-of-type{margin-left:8px}.time em{margin-left:6px;font-style:normal}.typing-row{display:flex;align-items:center;gap:10px}.typing{display:flex;align-items:center;gap:5px;padding:10px 13px;border-radius:14px;background:#f2f5fa;color:#7f8a9f;font-size:12px}.typing b{width:5px;height:5px;border-radius:50%;background:#91a0ba;animation:pulse 1.2s infinite}.typing b:nth-child(2){animation-delay:.15s}.typing b:nth-child(3){animation-delay:.3s}.typing span{margin-left:3px}@keyframes pulse{0%,60%,to{transform:translateY(0);opacity:.45}30%{transform:translateY(-3px);opacity:1}}.composer{border-top:1px solid #e3e8f1;padding:16px 20px 15px}.input-wrap{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;border:1.5px solid #b9c8df;border-radius:16px;padding:8px;transition:border-color .2s,box-shadow .2s}.input-wrap:focus-within{border-color:#1472e6;box-shadow:0 0 0 3px #1472e61f}.input-wrap input{min-width:0;border:0;outline:0;color:#17213a;padding:8px 2px;font-size:14px}.input-wrap input::placeholder{color:#8d99ac}.attach,.send{display:grid;place-items:center;border:0;border-radius:11px;width:40px;height:40px;font-size:20px}.attach{color:#126ddd;background:transparent}.attach:hover{background:#edf5ff}.send{color:#fff;background:#0862d5;box-shadow:0 6px 14px #0862d53d}.send:disabled{opacity:.45;cursor:default;box-shadow:none}.privacy{display:flex;justify-content:center;align-items:flex-start;gap:6px;margin:11px 3px 0;color:#8995a8;font-size:10px;line-height:1.4}.privacy svg{flex:0 0 auto;margin-top:1px}.privacy a{color:#126ddd;text-decoration:none}.launcher{display:flex;align-items:center;gap:10px;border:0;border-radius:18px;padding:15px 20px;background:#0862d5;color:#fff;font-weight:600;box-shadow:0 14px 34px #0862d54d}.launcher svg{font-size:22px}@media(max-width:600px){.site-shell{padding:40px 24px}.site-copy{opacity:.22}.widget-dock{top:0;right:0;bottom:0;left:0}.chat{width:100%;height:100dvh;border-radius:0}.launcher{position:fixed;right:16px;bottom:16px}.chat-header{padding-top:max(20px,env(safe-area-inset-top))}.privacy{padding-bottom:env(safe-area-inset-bottom)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;scroll-behavior:auto!important}}.chat-error{margin:8px 18px;color:#b42318;font-size:12px;text-align:center}.operator-login{min-height:100vh;display:grid;place-items:center;padding:24px;background:#eef4ff}.operator-login form{width:min(420px,100%);display:grid;gap:16px;padding:36px;background:#fff;border-radius:24px;box-shadow:0 24px 70px #19458229}.operator-login form>svg{width:44px;height:44px;padding:10px;color:#fff;background:#1769e0;border-radius:14px}.operator-login h1,.operator-login p{margin:0}.operator-login input,.operator-login button,.operator-chat form input{height:48px;border-radius:12px;border:1px solid #d7e0ec;padding:0 14px;font:inherit}.operator-login button{border:0;color:#fff;background:#1769e0;font-weight:700}.operator-panel{min-height:100vh;display:grid;grid-template-columns:340px 1fr;background:#f5f7fb;color:#17253c}.operator-panel aside{background:#fff;border-right:1px solid #e3e8f0}.operator-panel aside header,.operator-chat>header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid #e8edf4}.operator-panel header div,.operator-chat>header{display:flex;flex-direction:column}.operator-panel header span{color:#708096;font-size:13px;margin-top:3px}.operator-panel header button{border:0;background:transparent;color:#64748b;font-size:20px}.operator-actions{flex-direction:row!important;gap:4px}.operator-actions button.enabled{color:#1769e0}.conversation-list{padding:10px;display:grid;gap:6px}.conversation-list button{display:grid;gap:5px;width:100%;padding:14px;text-align:left;border:0;border-radius:13px;background:transparent;color:inherit}.conversation-list button.active{background:#eaf2ff}.conversation-list button span{overflow:hidden;color:#708096;text-overflow:ellipsis;white-space:nowrap}.operator-chat{min-width:0;display:grid;grid-template-rows:76px 1fr auto;height:100vh}.operator-feed{overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:24px}.operator-message{max-width:min(620px,82%)}.operator-message p{margin:0;padding:12px 15px;background:#fff;border-radius:15px 15px 15px 4px;box-shadow:0 2px 8px #1428460f}.operator-message.operator{align-self:flex-end}.operator-message.operator p{color:#fff;background:#1769e0;border-radius:15px 15px 4px}.operator-message time{display:block;margin-top:4px;color:#8290a4;font-size:11px}.operator-message.operator time{text-align:right}.operator-chat form{display:flex;gap:10px;padding:16px 22px 22px;background:#fff;border-top:1px solid #e5eaf1}.operator-chat form input{flex:1}.operator-chat form button{width:48px;border:0;border-radius:12px;color:#fff;background:#1769e0;font-size:18px}.operator-chat form button:disabled{opacity:.45}.operator-error{position:fixed;right:20px;bottom:86px;padding:10px 14px;color:#b42318;background:#fff0ee;border-radius:10px}@media(max-width:720px){.operator-panel{grid-template-columns:112px 1fr}.operator-panel aside header{padding:0 10px}.operator-panel aside header strong{font-size:14px}.operator-panel aside header span{display:none}.conversation-list{padding:6px}.conversation-list button{padding:11px 8px}.conversation-list button b{overflow:hidden;font-size:12px;text-overflow:ellipsis}.conversation-list button span{font-size:11px}.operator-feed{padding:14px}.operator-chat form{padding:10px}}