.may-widget{font-family:var(--font-body),Arial,sans-serif;position:relative;z-index:30;color:#162b50;line-height:1.6}
.may-launch{position:fixed;right:24px;bottom:24px;display:flex;align-items:center;gap:10px;min-height:56px;padding:10px 20px 10px 12px;border:1px solid #fbe6b5;border-radius:40px;background:linear-gradient(115deg,#fff0c3,#ecc375);color:#10244d;box-shadow:0 6px 26px #0006;font:600 14px/1.4 var(--font-body);cursor:pointer}
.may-avatar{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border-radius:50%;background:#0a3285;color:#ffdf91;font-family:var(--font-accent);font-weight:800;font-size:18px;box-shadow:inset 0 0 0 1px #b5d6ff44}
.may-launch svg{width:22px;height:22px}.may-panel{position:fixed;right:24px;bottom:94px;width:390px;height:590px;max-height:calc(100dvh - 118px);max-width:calc(100% - 32px);display:flex;flex-direction:column;background:#f5f8ff;border:1px solid #d2b575;border-radius:20px;box-shadow:0 16px 70px #0008;overflow:hidden;animation:may-in .18s ease-out}
.may-head{display:flex;gap:12px;align-items:center;padding:18px 18px 14px;background:linear-gradient(120deg,#061746,#0b399a);color:#fff;flex-shrink:0}.may-head .may-avatar{background:#eac777;color:#09215c}.may-title{flex:1;min-width:0}.may-title strong{font-family:var(--font-accent);font-size:17px;display:block}.may-title span{font-size:11px;color:#e0eaff;display:block;margin-top:3px}
.may-close{border:0;border-radius:8px;color:#fff;background:#ffffff0d;min-width:44px;height:44px;font-size:26px;cursor:pointer}.may-preview{margin:0;padding:10px 18px;background:#fff1cc;color:#6a4613;font-size:11px;line-height:1.65;border-bottom:1px solid #ecd59d;flex-shrink:0}
.may-messages{overflow:auto;overscroll-behavior:contain;flex:1;min-height:0;padding:18px;scrollbar-width:thin}.may-bubble{max-width:100%;padding:14px 15px;margin:0 0 12px;border-radius:14px 14px 14px 3px;background:#fff;border:1px solid #dce4f4;color:#203655;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}.may-bubble small{display:block;color:#5a6e91;font-size:10px;font-weight:600;margin-bottom:6px}.may-bubble.may-user{background:#e0ebff;border-color:#c8dafa;margin-left:26px;border-radius:14px 14px 3px 14px}
.may-quick{display:flex;flex-wrap:wrap;gap:7px;margin:6px 0 14px}.may-quick button{font:600 11px/1.5 var(--font-body);min-height:44px;padding:8px 11px;border:1px solid #9db7e4;border-radius:24px;background:#fff;color:#16448f;cursor:pointer}.may-zalo{display:inline-flex;min-height:44px;align-items:center;font-size:12px;color:#075cb2;text-underline-offset:4px}
.may-form{margin:0;padding:12px 14px;background:#fff;border-top:1px solid #dce4f4;flex-shrink:0}.may-form label{font-size:11px;font-weight:600;color:#40577c;margin:0 0 7px}.may-compose{display:flex;gap:8px}.may-compose input{min-width:0;flex:1;width:auto;margin:0;border:1px solid #a7b8d6;background:#fff;color:#162b50;border-radius:10px;padding:11px;font:400 16px/1.5 var(--font-body)}.may-compose button{flex-shrink:0;min-height:46px;padding:9px 12px;border:0;border-radius:10px;background:#123e91;color:#fff;font:600 12px/1.4 var(--font-body);cursor:pointer}.may-form p{margin:6px 0 0;font-size:10px;line-height:1.5;color:#657897}.may-widget :focus-visible{outline:3px solid #2387d9;outline-offset:3px}
@keyframes may-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:850px){.may-launch{bottom:calc(100px + env(safe-area-inset-bottom));right:16px;min-height:52px;padding:8px 15px 8px 9px;font-size:13px}.may-panel{right:12px;bottom:calc(164px + env(safe-area-inset-bottom));width:min(390px,calc(100% - 24px));max-width:calc(100% - 24px);height:580px;max-height:calc(100dvh - 182px - env(safe-area-inset-bottom))}.may-head{padding:12px 14px}.may-preview{padding:8px 14px}.may-messages{padding:14px}}
@media(prefers-reduced-motion:reduce){.may-panel{animation:none}}