#mop-ai-root{--mop-red:#C1121F;--mop-red2:#E5383B;--mop-black:#090909;--mop-panel:#111;position:fixed;right:22px;bottom:22px;z-index:999999;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
#mop-ai-root.left{left:22px;right:auto}
#mop-ai-launcher{width:62px;height:62px;border:2px solid var(--mop-red);border-radius:50%;background:radial-gradient(circle at 30% 30%,#222,#050505 72%);color:#fff;cursor:pointer;box-shadow:0 7px 24px rgba(193,18,31,.45);font-size:27px;transition:.2s;position:relative}
#mop-ai-launcher:hover{transform:scale(1.06)}
#mop-ai-badge{position:absolute;right:-1px;top:-1px;width:14px;height:14px;border-radius:50%;background:#31d158;border:2px solid #090909}
#mop-ai-panel{position:absolute;right:0;bottom:76px;width:380px;height:570px;max-width:calc(100vw - 24px);max-height:78vh;background:var(--mop-panel);border:1px solid #292929;border-radius:18px;overflow:hidden;box-shadow:0 25px 70px rgba(0,0,0,.68);display:none;flex-direction:column}
#mop-ai-root.left #mop-ai-panel{left:0;right:auto}
#mop-ai-panel.open{display:flex;animation:mopIn .2s ease}
@keyframes mopIn{from{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}
#mop-ai-head{padding:15px;background:linear-gradient(135deg,#050505,#220407 65%,#7c0b14);border-bottom:3px solid var(--mop-red);color:#fff}
#mop-ai-head-row{display:flex;align-items:center;justify-content:space-between}
#mop-ai-brand{display:flex;align-items:center;gap:10px}
#mop-ai-logo{width:38px;height:38px;border-radius:10px;background:var(--mop-red);display:grid;place-items:center;font-weight:900;color:#fff}
#mop-ai-title{font-weight:800;font-size:15px;letter-spacing:.3px}
#mop-ai-status{font-size:11px;color:#9cffb7;margin-top:2px}
#mop-ai-close{width:30px;height:30px;border:0;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;cursor:pointer}
#mop-ai-messages{flex:1;overflow:auto;padding:16px;background:radial-gradient(circle at 100% 0,rgba(193,18,31,.09),transparent 38%),#101010}
.mop-ai-msg{display:flex;margin:0 0 10px}.mop-ai-msg.user{justify-content:flex-end}.mop-ai-bubble{max-width:84%;padding:10px 13px;border-radius:15px;font-size:13.5px;line-height:1.52;white-space:pre-wrap;color:#eee;border:1px solid #292929;background:#1b1b1b}.mop-ai-msg.user .mop-ai-bubble{background:linear-gradient(135deg,var(--mop-red),#8c0d16);border:0;color:#fff;border-bottom-right-radius:4px}.mop-ai-msg.bot .mop-ai-bubble{border-bottom-left-radius:4px}
.mop-ai-bubble a{color:#ff7a7a}
#mop-ai-quick{display:flex;flex-wrap:wrap;gap:6px;padding:8px 12px;background:#101010}
.mop-ai-chip{border:1px solid var(--mop-red);background:#171717;color:#ff9a9a;border-radius:999px;padding:7px 10px;font-size:11.5px;font-weight:700;cursor:pointer}.mop-ai-chip:hover{background:var(--mop-red);color:#fff}
#mop-ai-inputbar{display:flex;gap:8px;padding:11px;background:#090909;border-top:1px solid #282828}
#mop-ai-input{flex:1;min-width:0;background:#191919;color:#fff;border:1px solid #303030;border-radius:11px;padding:11px 12px;outline:none;font-size:13.5px}#mop-ai-input:focus{border-color:var(--mop-red)}
#mop-ai-send{width:42px;height:42px;border:0;border-radius:11px;background:var(--mop-red);color:#fff;cursor:pointer;font-size:18px}#mop-ai-send:hover{background:var(--mop-red2)}
#mop-ai-foot{text-align:center;background:#090909;color:#5b5b5b;font-size:9.5px;padding:5px 0 9px}
.mop-ai-typing{display:inline-flex;gap:4px}.mop-ai-typing i{width:6px;height:6px;background:var(--mop-red);border-radius:50%;animation:mopDot 1s infinite}.mop-ai-typing i:nth-child(2){animation-delay:.15s}.mop-ai-typing i:nth-child(3){animation-delay:.3s}@keyframes mopDot{0%,100%{opacity:.3;transform:none}50%{opacity:1;transform:translateY(-3px)}}
@media(max-width:480px){#mop-ai-root{right:12px;bottom:12px}#mop-ai-root.left{left:12px}.mop-ai-panel,#mop-ai-panel{width:calc(100vw - 24px);height:72vh}}