:root {
  --primary:#111111;
  --secondary:#d4af37;
  --bg:#f9f9f6;
  --surface:#ffffff;
  --surface-2:#111111;
  --text:#111111;
  --muted:#6b7280;
  --border:#e5e7eb;
  --shadow:0 20px 50px rgba(0,0,0,.18);
}
#mf-chatbot-button{position:fixed;right:24px;bottom:24px;width:64px;height:64px;border-radius:20px;border:none;background:linear-gradient(135deg,var(--secondary),#f1d27a);box-shadow:var(--shadow);z-index:9998;cursor:pointer;display:flex;align-items:center;justify-content:center;animation:mfPulse 2.8s infinite;color:#111}
#mf-chatbot-button:hover{transform:translateY(-2px) scale(1.03)}
#mf-chatbot-badge{position:absolute;top:-4px;right:-4px;background:#ef4444;color:#fff;border-radius:999px;font-size:11px;padding:3px 6px;display:none}
#mf-chatbot{position:fixed;right:24px;bottom:120px;width:380px;height:520px;background:var(--surface);border-radius:20px;box-shadow:var(--shadow);z-index:9999;overflow:hidden;border:1px solid rgba(0,0,0,.08);transform:scale(.96);opacity:0;pointer-events:none;transition:all .25s ease;display:flex;flex-direction:column}
#mf-chatbot.open{transform:scale(1);opacity:1;pointer-events:auto}
.mf-header{background:linear-gradient(135deg,#111,#2a2a2a);color:#fff;padding:16px;display:flex;justify-content:space-between;align-items:center}
.mf-status{font-size:12px;color:#d1d5db}.mf-status::before{content:'';display:inline-block;width:8px;height:8px;border-radius:999px;background:#22c55e;margin-right:6px}
.mf-messages{flex:1;overflow:auto;padding:16px;background:var(--bg);min-height:0}
.mf-msg{max-width:82%;padding:12px 14px;border-radius:18px;margin-bottom:12px;animation:mfIn .2s ease}.mf-msg.bot{background:#111;color:#fff;border-bottom-left-radius:6px}.mf-msg.user{background:linear-gradient(135deg,var(--secondary),#f1d27a);margin-left:auto;color:#111;border-bottom-right-radius:6px}
.mf-quick{display:flex;flex-wrap:wrap;gap:8px;padding:0 16px 12px;max-height:84px;overflow:auto;background:#fff}.mf-quick button{border:1px solid var(--border);background:#fff;border-radius:999px;padding:8px 12px;font-size:12px;cursor:pointer}.mf-quick button:hover{border-color:var(--secondary);color:#111}
.mf-input{padding:12px 16px;border-top:1px solid var(--border);background:#fff;position:sticky;bottom:0}.mf-input textarea{width:100%;border:1px solid var(--border);border-radius:14px;padding:12px;resize:none;min-height:48px;max-height:120px;display:block}.mf-send{margin-top:8px;width:100%;border:none;background:#111;color:#fff;border-radius:14px;padding:12px;font-weight:600;cursor:pointer;display:block}
.mf-typing{display:inline-flex;gap:5px}.mf-typing span{width:7px;height:7px;border-radius:999px;background:#cbd5e1;animation:mfDots 1.2s infinite}.mf-typing span:nth-child(2){animation-delay:.15s}.mf-typing span:nth-child(3){animation-delay:.3s}
@keyframes mfDots{0%,80%,100%{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}
@keyframes mfPulse{0%,100%{box-shadow:0 20px 50px rgba(0,0,0,.18)}50%{box-shadow:0 20px 50px rgba(212,175,55,.35)}}
@keyframes mfIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (max-width:640px){#mf-chatbot{left:0;right:0;bottom:0;width:100%;height:100%;border-radius:0}#mf-chatbot-button{right:16px;bottom:16px}}