#root,:root,body,html{height:100svh}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0000;margin:0;overflow:hidden;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}:root{--header-h:44px;--dock-h:52px;--input-h:68px;--inset-b:env(safe-area-inset-bottom,0px);--chat-gap:4px}.chat-container{--chat-bottom-pad:10px;background-color:#121212;block-size:100%;border:1px solid #1f1f1f;border-radius:16px;box-shadow:0 0 20px #00ffff1a;color:#ddd;display:flex;flex:0 0 auto;flex-direction:column;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;inline-size:min(100%,420px);margin-inline:auto;max-block-size:100%;overflow:hidden}.chat-header{align-items:center;background:linear-gradient(90deg,#00c6ff,#0072ff);border-bottom:1px solid #222;color:#fff;display:flex;font-size:16px;font-weight:700;height:44px;height:var(--header-h);justify-content:center;letter-spacing:1px;padding:12px;position:sticky;text-shadow:0 0 5px #00c6ff;top:0;z-index:5}.chat-box{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;background-color:#121212;display:flex;flex:1 1 auto;flex-direction:column;gap:8px;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-block:12px;padding-inline:12px;padding-bottom:10px;padding-bottom:var(--chat-bottom-pad,10px);position:relative;scrollbar-gutter:none;scrollbar-width:none}.chat-box::-webkit-scrollbar{height:0;width:0}.chat-box:after{content:none}.chat-box>.chat-message:last-child{margin-bottom:0}.chat-message{word-wrap:break-word;border-radius:20px;font-size:15px;line-height:1.6;max-width:80%;padding:12px 16px}.chat-message.user{align-self:flex-end;background:linear-gradient(90deg,#00c6ff,#0072ff);box-shadow:0 0 5px #00c6ff4d;color:#fff;text-align:right}.chat-message.bot{align-self:flex-start;background:linear-gradient(90deg,#7f00ff,#e100ff);box-shadow:0 0 5px #7f00ff4d;color:#fff;text-align:left}.chat-message.new{animation:slideIn .3s ease forwards}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-message .message-footer{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-top:6px}.chat-message .message-time{color:#fff;display:block;font-size:11px;margin-top:6px;opacity:.85;text-align:right;width:100%}.typing-bubble{align-items:center;display:flex;gap:4px;height:20px}.typing-bubble .dot{animation:blink 1.4s infinite both;background:#fff;border-radius:50%;height:8px;opacity:.3;width:8px}.typing-bubble .dot:nth-child(2){animation-delay:.2s}.typing-bubble .dot:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:.3}40%{opacity:1}}.quick-reply,.quick-reply:link,.quick-reply:visited{align-items:center;appearance:none;background:#0000;border:0;border-radius:999px;box-shadow:none;color:inherit;cursor:pointer;display:inline-flex;justify-content:center;line-height:1;text-decoration:none;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .08s ease;-webkit-user-select:none;user-select:none}.quick-reply:focus-visible{outline:2px solid #fff9;outline-offset:2px}.quick-reply--xs{font-size:11.5px;line-height:1.2;min-height:26px;padding:2px 10px}.chat-message .quick-reply{background:#0000;border:1.5px solid #ffffff47;color:#fffffff2;font-size:13px;font-weight:600;min-height:34px;padding:8px 12px}.chat-message .quick-reply:hover{background:#ffffff0f;border-color:#ffffff73}.chat-message .quick-reply:active{transform:scale(.98)}.chat-message .quick-reply-container{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.intro-screen .quick-reply-container{display:flex;flex-wrap:wrap;gap:10px 12px;justify-content:flex-start;margin-top:12px}.intro-screen .quick-reply{background:#ffffff14;border:1px solid #ffffff24;color:#fffffff2;font-size:13px;font-weight:600;min-height:34px;padding:8px 12px;white-space:nowrap}.intro-screen .quick-reply:hover{background:#ffffff1f;border-color:#ffffff40}.intro-screen .quick-reply:active{transform:scale(.98)}.quick-actions-dock{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;background:#ffffff05;border-top:1px solid #ffffff14;display:flex;flex-shrink:0;flex-wrap:nowrap;gap:10px;height:52px;height:var(--dock-h);margin-bottom:6px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;padding-block:10px;padding-inline:16px;position:relative;scroll-snap-type:x proximity;scrollbar-gutter:stable;scrollbar-width:none;touch-action:pan-x;z-index:2}.quick-actions-dock::-webkit-scrollbar{height:0;width:0}.quick-actions-dock::-webkit-scrollbar-thumb{background:#0000}.quick-actions-dock:after{content:"";flex:0 0 8px}.quick-actions-dock .quick-reply{background:#ffffff14;border:1px solid #ffffff24;color:#fffffff2;flex:0 0 auto;font-size:13px;font-weight:600;min-height:34px;padding:8px 12px;scroll-snap-align:start;white-space:nowrap}.quick-actions-dock .quick-reply:hover{background:#ffffff1f;border-color:#ffffff40}.quick-actions-dock .quick-reply:active{transform:scale(.98)}@media (pointer:fine){.quick-actions-dock{-ms-overflow-style:auto;height:auto;min-height:52px;min-height:var(--dock-h);padding-bottom:18px;scrollbar-color:#ffffff40 #0000;scrollbar-gutter:stable;scrollbar-width:thin}.quick-actions-dock::-webkit-scrollbar{height:8px}.quick-actions-dock::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:8px}.quick-actions-dock::-webkit-scrollbar-track{background:#0000}}.chat-input-container{align-items:center;background:#121212;bottom:0;display:flex;flex:none;gap:8px;height:68px;height:var(--input-h);padding:12px;position:sticky}.chat-input{background:#181818;border:1px solid #333;border-radius:20px;color:#ddd;flex:1 1;font-size:16px;padding:12px 14px}.chat-input:focus{border-color:#00c6ff;box-shadow:0 0 5px #00c6ff;outline:none}.chat-button{background:linear-gradient(90deg,#00c6ff,#0072ff);border:0;border-radius:20px;box-shadow:0 0 5px #00c6ff66;color:#fff;cursor:pointer;font-weight:700;padding:10px 20px;transition:all .2s ease}.chat-button:hover{box-shadow:0 0 10px #00c6ffb3;transform:scale(1.05)}.chat-button--icon{align-items:center;border-radius:999px;color:#fff;display:inline-flex;font-size:0;height:44px;justify-content:center;min-width:44px;padding:0;width:44px}.chat-button--icon svg{display:block}.csat-inline{display:flex;gap:6px;margin-top:6px}.chat-button,.chat-close-btn,.quick-reply{touch-action:manipulation}.quick-actions-dock{-webkit-tap-highlight-color:transparent}.quick-actions-dock .quick-reply{touch-action:manipulation}.chat-box,.chat-container,.chat-message,.qr-block{box-sizing:border-box}.chat-message .message-html img,.qr-image{display:block;height:auto;max-width:100%;object-fit:contain}.qr-block{align-items:center;display:flex;flex-direction:column;padding:4px 0 8px;width:100%}.qr-image{aspect-ratio:1/1;border-radius:12px;box-shadow:0 6px 20px #00000040;width:clamp(180px,82%,320px)}@media (max-width:600px){.qr-image{width:min(86vw,360px)}}.chat-end-anchor{overflow-anchor:auto}.chat-box{overflow-anchor:none}