:root{--cw-bg:#fff;--cw-border:#e5e7eb;--cw-shadow:0 12px 30px rgba(0,0,0,.18);--cw-blue:#0284c7;--cw-blue-dark:#0369a1}

.cw-root{position:fixed;right:18px;bottom:18px;z-index:9999;font-family:Roboto,system-ui,Arial,sans-serif}
.cw-btn{width:84px;height:84px;border-radius:999px;background:linear-gradient(135deg,var(--cw-blue),var(--cw-blue-dark));box-shadow:0 12px 24px rgba(2,132,199,.25);border:1px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}
.cw-btn:hover{transform:translateY(-1px);box-shadow:0 16px 28px rgba(2,132,199,.25)}
.cw-btn:active{transform:translateY(0)}
.cw-btn img{width:60px;height:60px;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(0,0,0,.25))}
.cw-btn .cw-dot{position:absolute;right:6px;bottom:6px;width:12px;height:12px;border-radius:999px;background:#22c55e;border:2px solid rgba(255,255,255,.95)}

.cw-panel{position:absolute;right:0;bottom:96px;width:340px;max-width:calc(100vw - 36px);background:var(--cw-bg);border:1px solid var(--cw-border);border-radius:16px;box-shadow:var(--cw-shadow);overflow:hidden;transform-origin:bottom right;animation:cwPop .16s ease-out}
@keyframes cwPop{from{transform:scale(.95);opacity:.4}to{transform:scale(1);opacity:1}}

.cw-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 12px;background:linear-gradient(135deg,#0ea5e9,#0369a1);color:#fff}
.cw-head .cw-title{display:flex;align-items:center;gap:10px;min-width:0}
.cw-head .cw-title img{width:26px;height:26px;border-radius:8px;background:rgba(255,255,255,.12);padding:3px}
.cw-head .cw-title .cw-text{min-width:0}
.cw-head .cw-title .cw-text .cw-name{font-weight:800;font-size:13px;line-height:1.1}
.cw-head .cw-title .cw-text .cw-sub{font-size:11px;opacity:.85;line-height:1.1;margin-top:2px}
.cw-head .cw-close{appearance:none;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);color:#fff;border-radius:10px;width:34px;height:34px;cursor:pointer}

.cw-body{padding:12px;background:#f8fafc;max-height:360px;overflow:auto}
.cw-msg{display:flex;margin:8px 0}
.cw-msg.user{justify-content:flex-end}
.cw-bubble{max-width:85%;padding:10px 12px;border-radius:14px;border:1px solid var(--cw-border);background:#fff;font-size:13px;line-height:1.35;color:#111827}
.cw-msg.user .cw-bubble{background:#e0f2fe;border-color:#bae6fd}
.cw-meta{font-size:11px;color:#64748b;margin-top:4px}

.cw-thinking{display:flex;align-items:center;gap:8px;color:#334155;font-weight:800}
.cw-thinking-text{font-weight:800}
.cw-dots{display:inline-flex;gap:4px;align-items:center}
.cw-dots i{display:block;width:6px;height:6px;border-radius:999px;background:#0ea5e9;opacity:.4;animation:cwDot 1s infinite ease-in-out}
.cw-dots i:nth-child(2){animation-delay:.12s}
.cw-dots i:nth-child(3){animation-delay:.24s}
@keyframes cwDot{0%,100%{transform:translateY(0);opacity:.35}50%{transform:translateY(-3px);opacity:.9}}

.cw-sugg{margin:10px 0 2px}
.cw-sugg-title{font-size:11px;font-weight:800;color:#64748b;margin:6px 2px 8px}
.cw-sugg-chips{display:flex;flex-wrap:wrap;gap:8px}
.cw-chip{appearance:none;border:1px solid #dbeafe;background:#eff6ff;color:#1d4ed8;font-weight:800;font-size:12px;line-height:1.2;padding:7px 10px;border-radius:999px;cursor:pointer;max-width:100%;text-align:left}
.cw-chip:hover{background:#dbeafe}
.cw-chip:active{transform:translateY(1px)}

.cw-foot{display:flex;gap:8px;padding:10px;border-top:1px solid var(--cw-border);background:#fff}
.cw-input{flex:1;border:1px solid var(--cw-border);border-radius:12px;padding:10px 11px;font-size:13px;outline:none}
.cw-input:focus{border-color:#93c5fd;box-shadow:0 0 0 3px rgba(59,130,246,.15)}
.cw-send{appearance:none;border:none;border-radius:12px;padding:0 14px;background:var(--cw-blue);color:#fff;font-weight:800;cursor:pointer}
.cw-send:disabled{opacity:.55;cursor:not-allowed}

@media (max-width:480px){.cw-panel{width:min(360px,calc(100vw - 24px));right:-6px}}