.gcc-root { position: fixed; right: 18px; bottom: 18px; z-index: 999999; font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }
.gcc-button { border: 0; padding: 12px 14px; border-radius: 999px; cursor: pointer; box-shadow: 0 6px 18px rgba(0,0,0,.15); background: #111; color: #fff; }
.gcc-panel { width: 320px; height: 420px; background: #fff; border-radius: 14px; box-shadow: 0 10px 30px rgba(0,0,0,.18); overflow: hidden; margin-bottom: 10px; display: flex; flex-direction: column; }
.gcc-hidden { display: none; }
.gcc-header { padding: 10px 12px; border-bottom: 1px solid #eee; background: #fafafa; }
.gcc-messages { padding: 12px; flex: 1; overflow: auto; display: flex; flex-direction: column; gap: 10px; }
.gcc-bubble { max-width: 85%; padding: 10px 12px; border-radius: 12px; line-height: 1.3; font-size: 14px; }
.gcc-bubble.user { align-self: flex-end; background: #111; color: #fff; }
.gcc-bubble.bot { align-self: flex-start; background: #f3f4f6; color: #111; }
.gcc-form { display: flex; gap: 8px; padding: 10px; border-top: 1px solid #eee; }
.gcc-input { flex: 1; padding: 10px 12px; border-radius: 10px; border: 1px solid #ddd; outline: none; }
.gcc-send { padding: 10px 12px; border-radius: 10px; border: 0; background: #111; color: #fff; cursor: pointer; }