#mc-btn{position:fixed;right:20px;bottom:20px;z-index:9998;background:var(--blue,#2B59FF);color:#fff;border:0;border-radius:999px;padding:14px 18px;font:600 15px "Be Vietnam Pro",system-ui,sans-serif;box-shadow:0 8px 24px rgba(14,26,43,.25);cursor:pointer}
#mc-btn:hover{background:var(--blue-d,#1C3FCC)}
#mc{padding:0 !important;position:fixed;right:20px;bottom:84px;z-index:9999;width:380px;max-width:calc(100vw - 24px);height:600px;max-height:calc(100vh - 110px);background:#fff;border:1px solid var(--line,#D6DEEE);border-radius:18px;box-shadow:0 16px 48px rgba(14,26,43,.22);display:none;flex-direction:column;overflow:hidden;font:14px/1.5 "Be Vietnam Pro",system-ui,sans-serif;color:var(--ink,#0E1A2B)}
#mc.open{display:flex}
#mc header{background:var(--ink,#0E1A2B);color:#fff;padding:12px 14px;display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
#mc header b{display:block;font-size:15px}#mc header small{opacity:.8;font-size:12px}
#mc header button{background:none;border:0;color:#fff;font-size:22px;line-height:1;cursor:pointer}
#mc .ai{background:#FFF4EE;border-bottom:1px solid #FFD9C7;font-size:12px;padding:8px 14px;color:#7a3413}
#mc .log{flex:1;overflow-y:auto;padding:12px 14px;display:flex;flex-direction:column;gap:8px;background:#F6F8FD}
#mc .m{max-width:85%;padding:8px 12px;border-radius:14px;white-space:pre-wrap;word-wrap:break-word}
#mc .m.u{align-self:flex-end;background:var(--blue,#2B59FF);color:#fff;border-bottom-right-radius:4px}
#mc .m.b{align-self:flex-start;background:#fff;border:1px solid var(--line,#D6DEEE);border-bottom-left-radius:4px}
#mc .in{display:flex;gap:6px;padding:10px;border-top:1px solid var(--line,#D6DEEE)}
#mc .in input{flex:1;border:1px solid var(--line,#D6DEEE);border-radius:10px;padding:9px 10px;font:inherit}
#mc .in button,#mc .lf button.go{background:var(--blue,#2B59FF);color:#fff;border:0;border-radius:10px;padding:9px 14px;font:600 14px inherit;cursor:pointer}
#mc .bar{display:flex;justify-content:space-between;padding:0 12px 8px;font-size:12px}
#mc .bar a,#mc a{color:var(--blue,#2B59FF)}
#mc .lf{flex:1;overflow-y:auto;padding:12px 14px;display:none;flex-direction:column;gap:8px}
#mc.form .lf{display:flex}#mc.form .log,#mc.form .in,#mc.form .bar{display:none}
#mc .notice{background:#EEF3FF;border:1px solid #C9D6FF;border-radius:12px;padding:10px;font-size:12.5px}
#mc .notice ul{margin:4px 0 0 16px;padding:0}
#mc .lf label{font-size:13px;font-weight:600}
#mc .lf input[type=text],#mc .lf input[type=email],#mc .lf input[type=tel],#mc .lf textarea{width:100%;box-sizing:border-box;border:1px solid var(--line,#D6DEEE);border-radius:10px;padding:8px 10px;font:inherit;font-weight:400}
#mc .lf .ck{display:flex;gap:8px;align-items:flex-start;font-weight:400;font-size:12.5px}
#mc .lf .ck input{margin-top:3px}
#mc .err{color:#B42318;font-size:12.5px}
#mc .row{display:flex;gap:8px}
#mc .ghost{background:none;border:1px solid var(--line,#D6DEEE);border-radius:10px;padding:9px 14px;cursor:pointer;font:inherit}
@media (max-width:480px){#mc{right:0;bottom:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0}#mc-btn{right:14px;bottom:14px}}
#mc .lf{padding:12px 14px !important}#mc .log{padding:12px 14px !important}#mc .in{padding:10px !important}#mc .bar{padding:0 12px 8px !important}#mc header{padding:12px 14px !important}