.dc{--dc-purple:#35115b;--dc-accent:#65358b;--dc-orange:#ff650b;--dc-muted:#62546d;--dc-border:#ddd4e5;--dc-surface:#f6f2fa;display:flex;flex-direction:column;height:560px;max-width:440px;width:100%;margin:0 auto;overflow:hidden;background:#fff;color:var(--dc-purple);border:1px solid var(--dc-border);border-radius:16px;box-shadow:0 18px 44px rgba(28,8,50,.12)}.dc-head{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--dc-purple);color:#fff}.dc-avatar{width:40px;height:40px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;background:var(--dc-orange);color:#fff;font-family:Barlow Home,Arial Narrow,sans-serif;font-weight:800;font-size:15px}.dc-id{min-width:0;flex:1}.dc-id strong{display:block;font-size:14px;font-weight:600;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dc-id span{display:flex;align-items:center;gap:6px;margin-top:2px;font-size:11px;color:#cbb0e4}.dc-id span i{width:6px;height:6px;border-radius:50%;background:#4ade80;flex-shrink:0}.dc-left{font-size:10px;letter-spacing:.06em}.dc-left,.dc-reset{flex-shrink:0;color:#cbb0e4}.dc-reset{width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;transition:background .18s,color .18s}.dc-reset:hover{background:rgba(255,255,255,.14);color:#fff}.dc-log{flex:1;min-height:0;overflow-y:auto;padding:18px 16px;flex-direction:column;gap:10px;background:var(--dc-surface)}.dc-log,.dc-row{display:flex}.dc-row.is-user{justify-content:flex-end}.dc-bubble{max-width:84%;padding:11px 15px;border-radius:16px;font-size:14.5px;line-height:1.5;white-space:pre-wrap}.dc-row.is-user .dc-bubble{background:var(--dc-purple);color:#fff;border-bottom-right-radius:5px}.dc-row.is-bot .dc-bubble{background:#fff;border:1px solid var(--dc-border);color:var(--dc-purple);border-bottom-left-radius:5px}.dc-typing{display:flex;gap:4px}.dc-typing span{width:7px;height:7px;border-radius:50%;background:var(--dc-accent);animation:dc-bounce 1s infinite}.dc-typing span:nth-child(2){animation-delay:.15s}.dc-typing span:nth-child(3){animation-delay:.3s}@keyframes dc-bounce{0%,60%,to{transform:translateY(0);opacity:.45}30%{transform:translateY(-5px);opacity:1}}.dc-suggestions{display:flex;flex-wrap:wrap;gap:6px;padding:12px 14px 0;background:#fff}.dc-suggestions button{font-size:11.5px;border:1px solid var(--dc-border);background:var(--dc-surface);color:var(--dc-accent);border-radius:999px;padding:7px 13px;transition:border-color .18s,color .18s}.dc-suggestions button:hover{border-color:var(--dc-orange);color:var(--dc-orange)}.dc-form{display:flex;align-items:center;gap:8px;padding:12px 14px;background:#fff;border-top:1px solid var(--dc-border)}.dc-form input{flex:1;min-width:0;padding:11px 15px;border:1px solid var(--dc-border);border-radius:11px;background:var(--dc-surface);font-size:16px;color:var(--dc-purple);transition:border-color .18s,background .18s}@media (min-width:640px){.dc-form input{font-size:14px}}.dc-form input::placeholder{color:#9a8bab}.dc-form input:focus{outline:none;background:#fff;border-color:var(--dc-accent)}.dc-send{flex-shrink:0;padding:11px 18px;border-radius:11px;background:var(--dc-orange);color:#fff;font-size:14px;font-weight:600;transition:background .18s,opacity .18s}.dc-send:hover:not(:disabled){background:var(--dc-purple)}.dc-send:disabled{opacity:.4;cursor:not-allowed}.dc-wrap{border:1px solid var(--dc-border);border-radius:14px;background:#fff;padding:18px}.dc-wrap.is-done{text-align:center;border-color:#86d6a4;background:#f0fbf4}.dc-wrap strong{display:block;font-size:15px;margin-bottom:6px}.dc-wrap p{font-size:13.5px;color:var(--dc-muted);margin:0 0 14px;line-height:1.5}.dc-wrap form{display:grid;gap:9px}.dc-wrap input{width:100%;padding:10px 14px;border:1px solid var(--dc-border);border-radius:10px;background:var(--dc-surface);font-size:14px;color:var(--dc-purple)}.dc-wrap input:focus{outline:none;background:#fff;border-color:var(--dc-accent)}.dc-wrap input::placeholder{color:#9a8bab}.dc-wrap button{width:100%;padding:11px;border-radius:10px;background:var(--dc-orange);color:#fff;font-size:14px;font-weight:600}.dc-wrap button:hover:not(:disabled){background:var(--dc-purple)}.dc-wrap button:disabled{opacity:.5}.dc-error{color:#c0392b;font-size:12px;margin:0}@media (prefers-reduced-motion:reduce){.dc-typing span{animation:none}}