#datoin-chat{--dc-brand: #2a5fbe;--dc-brand-700: #17357d;--dc-cyan: #0891b2;--dc-ink-50: #f7f8fb;--dc-ink-100: #eef1f7;--dc-ink-200: #dde3ee;--dc-ink-300: #c6cfdc;--dc-ink-600: #4a5568;--dc-ink-900: #1a202c;--dc-surface: #ffffff;--dc-radius: 18px;--dc-shadow: 0 24px 60px rgba(15, 23, 42, .22);--dc-shadow-soft: 0 1px 2px rgba(15, 23, 42, .05), 0 2px 6px rgba(15, 23, 42, .04);--dc-transition: .22s cubic-bezier(.2,.7,.2,1);position:fixed;right:24px;bottom:24px;z-index:9999;font-family:Manrope,system-ui,sans-serif;color:var(--dc-ink-900)}.dc-visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#dc-launcher{width:60px;height:60px;border-radius:999px;border:0;background:linear-gradient(135deg,var(--dc-brand),var(--dc-brand-700));color:#fff;box-shadow:0 10px 30px #2a5fbe61;cursor:pointer;display:grid;place-items:center;transition:transform var(--dc-transition),box-shadow var(--dc-transition);position:relative}#dc-launcher:hover{transform:translateY(-2px);box-shadow:0 16px 36px #2a5fbe80}#dc-launcher:focus-visible{outline:3px solid var(--dc-cyan);outline-offset:3px}#dc-launcher:after{content:"";position:absolute;inset:-4px;border-radius:999px;border:2px solid var(--dc-brand);opacity:0;pointer-events:none}#dc-launcher.is-pulsing:after{animation:dc-launcher-ring 2.2s ease-out 3}@keyframes dc-launcher-ring{0%{transform:scale(.95);opacity:.55}80%{transform:scale(1.25);opacity:0}to{transform:scale(1.25);opacity:0}}@media(prefers-reduced-motion:reduce){#dc-launcher.is-pulsing:after{animation:none}}#dc-panel{position:absolute;right:0;bottom:76px;width:384px;max-width:calc(100vw - 32px);height:580px;max-height:calc(100vh - 120px);background:var(--dc-surface);border-radius:var(--dc-radius);box-shadow:var(--dc-shadow);display:flex;flex-direction:column;overflow:hidden;transform-origin:bottom right;animation:dc-pop var(--dc-transition)}#dc-panel[hidden]{display:none}@keyframes dc-pop{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){#dc-panel{animation:none}#dc-launcher{transition:none}}#dc-panel header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:linear-gradient(135deg,var(--dc-brand),var(--dc-brand-700));color:#fff}.dc-id{display:flex;align-items:center;gap:10px}#dc-panel h3{margin:0;font-size:.98rem;font-weight:700;letter-spacing:.01em}#dc-panel #dc-sub{margin:2px 0 0;font-size:.74rem;opacity:.88;display:flex;align-items:center;gap:6px}.dc-dot{width:8px;height:8px;border-radius:999px;background:#22c55e;display:inline-block;box-shadow:0 0 0 2px #22c55e40}.dc-dot.dc-dot--busy{background:#f59e0b;box-shadow:0 0 0 2px #f59e0b4d;animation:dc-pulse-dot 1.2s ease-in-out infinite}.dc-dot.dc-dot--off{background:#94a3b8;box-shadow:none}@keyframes dc-pulse-dot{0%,to{opacity:1}50%{opacity:.5}}@media(prefers-reduced-motion:reduce){.dc-dot.dc-dot--busy{animation:none}}.dc-avatar{width:28px;height:28px;flex-shrink:0;border-radius:999px;background:linear-gradient(135deg,var(--dc-brand),var(--dc-cyan));color:#fff;display:grid;place-items:center;font-size:.78rem;font-weight:700;letter-spacing:.02em;box-shadow:0 1px 3px #0f172a2e}.dc-avatar--header{background:#ffffff26;border:1px solid rgba(255,255,255,.28);color:#fff;box-shadow:none}#dc-close{background:transparent;border:0;color:#ffffffd9;cursor:pointer;padding:6px;border-radius:8px;display:grid;place-items:center;transition:background var(--dc-transition),color var(--dc-transition)}#dc-close:hover{background:#ffffff26;color:#fff}#dc-close:focus-visible{outline:2px solid var(--dc-cyan);outline-offset:2px;background:#ffffff1f}#dc-log{flex:1;padding:16px 14px 12px;overflow-y:auto;background:var(--dc-ink-50);display:flex;flex-direction:column;gap:4px;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){#dc-log{scroll-behavior:auto}}.dc-msg{display:flex;align-items:flex-start;gap:8px;max-width:100%;animation:dc-fade .22s ease-out}.dc-msg+.dc-msg{margin-top:8px}.dc-msg+.dc-msg.dc-msg--same{margin-top:2px}.dc-msg--assistant{align-self:flex-start}.dc-msg--user{align-self:flex-end;flex-direction:row-reverse}.dc-msg--same .dc-avatar{visibility:hidden}@media(prefers-reduced-motion:reduce){.dc-msg{animation:none}}@keyframes dc-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.dc-bubble{max-width:calc(100% - 36px);padding:10px 13px;border-radius:14px;font-size:.92rem;line-height:1.5;word-wrap:break-word;overflow-wrap:anywhere}.dc-msg--assistant .dc-bubble{background:#fff;color:var(--dc-ink-900);border:1px solid var(--dc-ink-100);border-top-left-radius:6px;box-shadow:var(--dc-shadow-soft)}.dc-msg--user .dc-bubble{background:var(--dc-brand);color:#fff;border-top-right-radius:6px}.dc-bubble p{margin:0}.dc-bubble p+p{margin-top:.55em}.dc-bubble a{color:inherit;text-decoration:underline;text-underline-offset:2px}.dc-msg--assistant .dc-bubble a{color:var(--dc-brand)}.dc-bubble strong{font-weight:700}.dc-bubble em{font-style:italic}.dc-bubble code{font-family:ui-monospace,SFMono-Regular,monospace;background:#0000000f;padding:0 4px;border-radius:4px;font-size:.85em}.dc-cursor{display:inline-block;width:.55em;color:var(--dc-brand);animation:dc-caret 1s steps(2,end) infinite;margin-left:1px}@media(prefers-reduced-motion:reduce){.dc-cursor{animation:none;opacity:.6}}@keyframes dc-caret{0%,to{opacity:1}50%{opacity:0}}.dc-typing{display:inline-flex;gap:4px;padding:12px 14px;align-self:flex-start;background:#fff;border-radius:14px;border:1px solid var(--dc-ink-100);box-shadow:var(--dc-shadow-soft)}.dc-typing span{width:6px;height:6px;border-radius:999px;background:var(--dc-ink-300);animation:dc-blink 1.2s infinite ease-in-out}.dc-typing span:nth-child(2){animation-delay:.15s}.dc-typing span:nth-child(3){animation-delay:.3s}@keyframes dc-blink{0%,80%,to{opacity:.3}40%{opacity:1}}@media(prefers-reduced-motion:reduce){.dc-typing span{animation:none}}#dc-suggestions{display:flex;flex-wrap:wrap;gap:6px;padding:0 14px 10px;background:var(--dc-ink-50);border-bottom:1px solid var(--dc-ink-100)}.dc-chip{background:#fff;border:1px solid var(--dc-ink-200);color:var(--dc-ink-900);padding:7px 11px;border-radius:999px;font:inherit;font-size:.8rem;font-weight:500;cursor:pointer;transition:transform var(--dc-transition),border-color var(--dc-transition),background var(--dc-transition)}.dc-chip:hover{border-color:var(--dc-brand);color:var(--dc-brand);transform:translateY(-1px)}.dc-chip:focus-visible{outline:2px solid var(--dc-brand);outline-offset:2px}#dc-form{display:grid;grid-template-columns:1fr auto;gap:8px;padding:10px 10px 4px;border-top:1px solid var(--dc-ink-100);background:#fff;align-items:end}#dc-input{resize:none;border:1px solid var(--dc-ink-200);border-radius:12px;padding:10px 12px;font:inherit;font-size:.92rem;line-height:1.45;min-height:42px;max-height:128px;color:var(--dc-ink-900);background:var(--dc-ink-50);transition:border-color var(--dc-transition),background var(--dc-transition),box-shadow var(--dc-transition)}#dc-input:focus{outline:none;border-color:var(--dc-brand);background:#fff;box-shadow:0 0 0 3px #2a5fbe24}#dc-send{width:38px;height:38px;border-radius:12px;border:0;background:var(--dc-brand);color:#fff;cursor:pointer;display:grid;place-items:center;transition:background var(--dc-transition),transform var(--dc-transition)}#dc-send:hover:not(:disabled){background:var(--dc-brand-700)}#dc-send:active:not(:disabled){transform:scale(.96)}#dc-send:focus-visible{outline:2px solid var(--dc-cyan);outline-offset:2px}#dc-send:disabled{background:var(--dc-ink-200);cursor:not-allowed}.dc-honey{position:absolute;left:-9999px;top:-9999px;opacity:0;width:1px;height:1px}.dc-hint{margin:0;padding:0 14px 6px;font-size:.7rem;color:var(--dc-ink-600);background:#fff;min-height:1em;opacity:0;transition:opacity var(--dc-transition)}.dc-hint.is-visible{opacity:1}.dc-hint kbd{font:inherit;font-size:.68rem;padding:0 4px;border:1px solid var(--dc-ink-200);border-bottom-width:2px;border-radius:4px;background:var(--dc-ink-50)}.dc-disc{margin:0;padding:8px 14px 10px;font-size:.7rem;color:var(--dc-ink-600);background:#fff;border-top:1px solid var(--dc-ink-100)}.dc-disc a{color:var(--dc-brand);text-decoration:underline;text-underline-offset:2px}@media(max-width:480px){#datoin-chat{right:12px;bottom:12px}#dc-panel{width:calc(100vw - 24px);height:calc(100vh - 96px)}}
