:root {
  --primary: #fdd103;
  --secondary: #0198fc;
  --bg: #0A0F1E;
  --surface: #12182b;
  --surface-2: #18233c;
  --text: #f1f5f9;
  --text-muted: #94a3b8;
  --border: rgba(255,255,255,0.08);
  --shadow: 0 24px 64px rgba(0,0,0,0.35);
}
#mgc-chat-toggle { position:fixed; right:22px; bottom:22px; width:64px; height:64px; border:0; border-radius:999px; background:linear-gradient(135deg,var(--secondary),var(--primary)); color:#0A0F1E; display:flex; align-items:center; justify-content:center; z-index:9998; cursor:pointer; box-shadow:0 16px 40px rgba(1,152,252,0.28); animation:mgcPulse 2.8s ease-in-out infinite; transition:transform .2s ease, box-shadow .2s ease; }
#mgc-chat-toggle:hover { transform:translateY(-2px) scale(1.03); box-shadow:0 20px 48px rgba(253,209,3,0.3); }
#mgc-chat-toggle svg { width:30px; height:30px; }
#mgc-chat-badge { position:absolute; top:-4px; right:-2px; min-width:24px; height:24px; padding:0 6px; border-radius:999px; background:#fff; color:#111; font-size:12px; font-weight:800; display:flex; align-items:center; justify-content:center; }
#mgc-chat-badge.hidden { display:none; }
#mgc-chat-window { position:fixed; right:22px; bottom:98px; width:380px; height:520px; background:var(--bg); color:var(--text); border:1px solid var(--border); border-radius:20px; box-shadow:var(--shadow); overflow:hidden; z-index:9998; transform-origin:bottom right; opacity:0; visibility:hidden; transform:translateY(12px) scale(.94); transition:opacity .22s ease, transform .22s ease, visibility .22s ease; }
#mgc-chat-window.open { opacity:1; visibility:visible; transform:translateY(0) scale(1); }
.mgc-chat-header { display:flex; align-items:center; gap:12px; padding:16px 16px 14px; background:linear-gradient(135deg,var(--secondary),#0d71b8); }
.mgc-chat-avatar { width:46px; height:46px; border-radius:50%; background:#0A0F1E; color:var(--primary); display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.mgc-chat-avatar svg { width:22px; height:22px; }
.mgc-chat-name { font-weight:900; font-size:15px; letter-spacing:.02em; color:white; }
.mgc-chat-status { font-size:12px; color:rgba(255,255,255,.82); display:flex; align-items:center; gap:6px; }
.mgc-chat-status-dot { width:8px; height:8px; border-radius:50%; background:#36d399; }
.mgc-chat-close { margin-left:auto; border:0; background:transparent; color:white; font-size:24px; cursor:pointer; }
.mgc-chat-messages { height:325px; overflow-y:auto; padding:16px; background:linear-gradient(180deg,#0a0f1e 0%,#121928 100%); }
.mgc-msg { display:flex; margin-bottom:12px; animation:mgcMessageIn .22s ease both; }
.mgc-msg.user { justify-content:flex-end; }
.mgc-msg.bot { justify-content:flex-start; }
.mgc-bubble { max-width:84%; padding:12px 14px; border-radius:16px; line-height:1.45; font-size:14px; }
.mgc-msg.user .mgc-bubble { background:linear-gradient(135deg,var(--primary),#e7bf00); color:#0A0F1E; border-bottom-right-radius:6px; }
.mgc-msg.bot .mgc-bubble { background:var(--surface); color:var(--text); border-bottom-left-radius:6px; }
.mgc-bubble a { color:var(--primary); }
.mgc-typing { display:flex; justify-content:flex-start; margin-bottom:12px; }
.mgc-typing-bubble { background:var(--surface); border-radius:16px; padding:12px 14px; display:flex; gap:6px; }
.mgc-typing-dot { width:8px; height:8px; border-radius:50%; background:#d8d2bf; animation:mgcDot 1.1s infinite ease-in-out; }
.mgc-typing-dot:nth-child(2){ animation-delay:.15s; } .mgc-typing-dot:nth-child(3){ animation-delay:.3s; }
.mgc-quick-options { display:flex; gap:8px; flex-wrap:wrap; padding:12px 14px 6px; background:var(--bg); border-top:1px solid var(--border); }
.mgc-quick-btn { border:1px solid rgba(253,209,3,.35); background:transparent; color:var(--text); border-radius:999px; padding:8px 12px; font-size:12px; cursor:pointer; transition:all .18s ease; }
.mgc-quick-btn:hover { border-color:var(--primary); background:rgba(253,209,3,.08); transform:translateY(-1px); }
.mgc-chat-input-wrap { display:flex; gap:10px; padding:12px 14px 14px; background:var(--bg); border-top:1px solid var(--border); }
.mgc-chat-input { flex:1; resize:none; min-height:46px; max-height:100px; border-radius:14px; border:1px solid var(--border); background:var(--surface-2); color:var(--text); padding:12px 14px; font:inherit; }
.mgc-chat-send { width:46px; height:46px; border-radius:14px; border:0; background:linear-gradient(135deg,var(--secondary),var(--primary)); color:#0A0F1E; cursor:pointer; flex-shrink:0; }
.mgc-chat-send svg { width:20px; height:20px; }
@keyframes mgcPulse { 0%,100% { box-shadow:0 16px 40px rgba(1,152,252,0.28);} 50% { box-shadow:0 16px 52px rgba(253,209,3,0.36);} }
@keyframes mgcDot { 0%,80%,100%{transform:scale(.65);opacity:.5;} 40%{transform:scale(1);opacity:1;} }
@keyframes mgcMessageIn { from{opacity:0;transform:translateY(6px);} to{opacity:1;transform:translateY(0);} }
@media (max-width:767px){ #mgc-chat-toggle{right:14px;bottom:14px;} #mgc-chat-window{right:0;bottom:0;width:100vw;height:100dvh;border-radius:0;} .mgc-chat-messages{height:calc(100dvh - 210px);} }