.not-ai{position:fixed;right:22px;bottom:20px;z-index:1100;width:430px;max-width:calc(100vw - 32px);color:#f8f2ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;filter:drop-shadow(0 18px 34px #05010ca0);touch-action:none}
.not-ai.is-dragging{user-select:none}.not-ai-bubble{position:relative;height:auto!important;min-height:0!important;padding:0!important;border:1px solid transparent;border-radius:25px;background:linear-gradient(145deg,#21102ff5,#100719f5) padding-box,linear-gradient(135deg,#5ef2db,#b84cff 52%,#6838ff) border-box;box-shadow:inset 0 0 25px #a934ff18,0 0 24px #8c2cff2b;overflow:hidden;transform-origin:bottom right;transition:opacity .2s,transform .2s,box-shadow .25s}
.not-ai.collapsed{width:118px;height:142px}.not-ai.collapsed .not-ai-bubble{display:none}.not-ai-head{display:flex;align-items:center;gap:10px;padding:13px 14px;border-bottom:1px solid #ffffff12;cursor:grab}.not-ai-head:active{cursor:grabbing}.not-ai-title{min-width:0;flex:1}.not-ai-title strong,.not-ai-title span{display:block}.not-ai-title strong{font-size:14px}.not-ai-title span{font-size:12px;color:#bbaec9}.not-ai-state{width:9px;height:9px;border-radius:50%;background:#59f0d3;box-shadow:0 0 10px #59f0d3}.not-ai-icon{border:0;background:#ffffff0b;color:#d9c9e7;width:31px;height:31px;border-radius:10px;cursor:pointer;font-size:18px}.not-ai-icon:hover{background:#ffffff18;color:#fff}
.not-ai-messages{height:clamp(130px,30vh,280px)!important;min-height:0!important;max-height:none!important;overflow:auto;padding:17px;display:flex!important;visibility:visible!important;flex-direction:column;gap:11px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#9a42e9 #160b20}.not-ai-message{max-width:88%;padding:10px 12px;border-radius:16px;font-size:14px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.not-ai-message.bot{align-self:flex-start;background:#ffffff0c;border:1px solid #b75cff30;border-bottom-left-radius:5px}.not-ai-message.bot.fresh{animation:notReplyIn .42s cubic-bezier(.2,.8,.2,1)}.not-ai-message.user{align-self:flex-end;background:linear-gradient(135deg,#983fff,#5e25d6);border-bottom-right-radius:5px}.not-ai-message.thinking{color:#baaec5;border-color:#5ef2db55;animation:notThinkingGlow 1.15s ease-in-out infinite}.not-ai-message.thinking:after{content:"";display:inline-block;width:18px;height:5px;margin-left:7px;background:radial-gradient(circle,#dba8ff 2px,transparent 3px) 0 0/6px 5px;animation:notDots .9s linear infinite}
.not-ai-navigation{align-self:flex-start;display:inline-flex;align-items:center;max-width:88%;padding:9px 13px;border:1px solid #ca70ff75;border-radius:12px;background:linear-gradient(135deg,#8e35e9,#5725bd);box-shadow:0 5px 16px #6f20ba30;color:#fff;text-decoration:none;font-size:13px;font-weight:700;transition:transform .16s,filter .16s}.not-ai-navigation:hover{transform:translateY(-1px);filter:brightness(1.12)}.not-ai-navigation:focus-visible{outline:2px solid #68f4e0;outline-offset:2px}
@keyframes notDots{to{background-position:6px 0}}.not-ai-form{display:flex;gap:8px;padding:12px;border-top:1px solid #ffffff12}.not-ai-input{min-width:0;flex:1;border:1px solid #cf7dff38;border-radius:14px;background:#08040d9e;color:#fff;padding:11px 13px;font:inherit;outline:none}.not-ai-input:focus{border-color:#c76aff;box-shadow:0 0 0 3px #a841ff1c}.not-ai-send{border:0;border-radius:13px;width:43px;background:linear-gradient(135deg,#ae4dff,#6033e2);color:white;font-size:19px;cursor:pointer}.not-ai-send:disabled{opacity:.45;cursor:wait}.not-ai-note{margin:0;padding:0 14px 12px;color:#988ca6;font-size:10px}
.not-ai-mascot{position:absolute;right:18px;bottom:calc(100% - 12px);width:126px;height:150px;object-fit:contain;object-position:center bottom;pointer-events:none;animation:notFloat 3.2s ease-in-out infinite}.not-ai.collapsed>.not-ai-mascot{display:none}.not-ai-launch{margin-left:auto;width:118px;height:142px;border:0;background:transparent;padding:0;display:none;cursor:grab}.not-ai.collapsed .not-ai-launch{display:block}.not-ai-launch img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 15px #b43cff75);animation:notFloat 3.2s ease-in-out infinite}.not-ai-launch:after{content:"Hỏi NOT Maid";position:absolute;right:92px;bottom:102px;width:max-content;padding:7px 11px;border:1px solid #d26dff44;border-radius:13px 13px 4px;background:#160a22ed;color:#f7eaff;font-size:12px;opacity:0;transform:translateX(8px);transition:.2s}.not-ai-launch:hover:after{opacity:1;transform:none}
@keyframes notFloat{50%{transform:translateY(-7px)}}@media(max-width:520px){.not-ai{right:10px;bottom:10px;width:calc(100vw - 20px)}.not-ai-messages{height:min(310px,42vh)}.not-ai-mascot{width:104px;height:126px}.not-ai.collapsed{width:110px}.not-ai.collapsed .not-ai-mascot,.not-ai-launch{width:106px;height:128px}.not-ai-launch:after{display:none}}@media(prefers-reduced-motion:reduce){.not-ai-mascot,.not-ai-message.thinking:after{animation:none}}

/* Fixed, lightweight NOT Maid assistant. */
.not-ai,.not-ai *{box-sizing:border-box}
/* Keep the chat header in normal flow, independent of the site's header rules. */
.not-ai .not-ai-head{position:relative;inset:auto;width:100%;max-width:none;margin:0;transform:none;z-index:auto;border:0;border-bottom:1px solid #ffffff12;border-radius:0;background:#100719;box-shadow:none;backdrop-filter:none;flex:0 0 auto}
.not-ai .not-ai-bubble{display:flex;flex-direction:column;max-height:calc(100vh - 36px);max-height:calc(100dvh - 36px);margin:0;width:100%}
.not-ai.collapsed .not-ai-bubble{display:none}
.not-ai .not-ai-bubble .not-ai-messages{height:clamp(220px,48vh,390px)!important;height:clamp(220px,48dvh,390px)!important;flex:0 1 auto;min-height:0!important}
.not-ai .not-ai-message,.not-ai .not-ai-navigation{flex-shrink:0}
.not-ai .not-ai-form,.not-ai .not-ai-note{flex:0 0 auto}
.not-ai{left:auto!important;top:auto!important;right:20px!important;bottom:18px!important;touch-action:auto}
.not-ai-head{cursor:default}.not-ai-head:active{cursor:default}
.not-ai.collapsed{width:126px;height:164px}
.not-ai-launch{position:relative;width:126px;height:164px;cursor:pointer;transform-origin:center bottom}
.not-ai-launch img{filter:drop-shadow(0 7px 12px #05010ccc) drop-shadow(0 0 14px #b43cff70);animation:notMaidIdle 3.4s ease-in-out infinite}
.not-ai-mascot{right:10px;width:118px;height:176px;filter:drop-shadow(0 6px 12px #05010ccc);animation:notMaidIdle 3.4s ease-in-out infinite}
.not-ai:not(.collapsed) .not-ai-mascot{position:static!important;inset:auto!important;z-index:auto;width:68px;height:74px;margin:-7px 0;flex:0 0 68px;object-fit:contain;pointer-events:auto;cursor:pointer;outline:none}.not-ai:not(.collapsed) .not-ai-mascot:focus-visible{border-radius:18px;box-shadow:0 0 0 2px #62eedb}.not-ai:not(.collapsed) .not-ai-head{min-height:88px;padding:10px 14px}.not-ai:not(.collapsed) .not-ai-title strong{font-size:15px}
.not-ai.is-thinking .not-ai-mascot,.not-ai.is-thinking .not-ai-launch img{animation:notMaidThink .75s ease-in-out infinite}
.not-ai.is-thinking .not-ai-state{animation:notMaidPulse .8s ease-in-out infinite}
.not-ai.answer-ready .not-ai-bubble{box-shadow:inset 0 0 28px #5ef2db20,0 0 34px #bd4cff55}.not-ai.answer-ready .not-ai-mascot,.not-ai.answer-ready .not-ai-launch img{animation:notMaidReady .62s cubic-bezier(.2,.8,.2,1) 2}.not-ai-unread{position:absolute;right:7px;top:15px;display:none;place-items:center;width:24px;height:24px;border:2px solid #170b22;border-radius:50%;background:#ff4fd8;color:#fff;font-size:12px;font-weight:800;box-shadow:0 0 15px #ff4fd8}.not-ai.has-unread .not-ai-unread{display:grid;animation:notUnread 1.15s ease-in-out infinite}.not-ai.invite-attention.collapsed .not-ai-launch:after,.not-ai.has-unread.collapsed .not-ai-launch:after{content:"Hãy trò chuyện với tôi để hiểu rõ hơn về NOT nhé!";display:block;right:104px;bottom:92px;width:235px;padding:10px 13px;border:1px solid #6cebdc80;border-radius:16px 16px 4px;background:linear-gradient(135deg,#1c1029f5,#2c1242f5);box-shadow:0 8px 24px #05010c80,0 0 18px #aa43ed30;color:#fff;font-size:13px;line-height:1.35;text-align:left;opacity:1;transform:none;animation:notInvite 3.2s ease-in-out infinite;pointer-events:none}.not-ai.has-unread.collapsed .not-ai-launch:after{content:"Mình đã trả lời xong — nhấn để xem nhé!";border-color:#ff65db88}
.not-ai.has-unread .not-ai-head{box-shadow:inset 0 -1px #ff55d870;animation:notHeaderNotice 1.4s ease-in-out infinite}.not-ai.page-hidden *{animation-play-state:paused!important}
@keyframes notMaidIdle{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-6px) rotate(1deg)}}
@keyframes notMaidThink{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-4px) rotate(2deg)}}
@keyframes notMaidPulse{50%{opacity:.45;box-shadow:0 0 18px #59f0d3}}
@keyframes notThinkingGlow{50%{border-color:#b75cff88;box-shadow:0 0 15px #7a32d333}}@keyframes notReplyIn{from{opacity:0;transform:translateY(8px) scale(.98)}}@keyframes notMaidReady{50%{transform:translateY(-9px) scale(1.045)}}@keyframes notUnread{50%{transform:scale(1.14);box-shadow:0 0 22px #ff4fd8}}@keyframes notInvite{50%{transform:translateY(-4px)}}@keyframes notHeaderNotice{50%{background:#ff4fd80b}}
@media(max-width:520px){.not-ai{right:8px!important;bottom:8px!important;width:calc(100vw - 16px);max-width:none}.not-ai-messages{height:clamp(125px,32vh,250px)!important}.not-ai.collapsed{width:104px;height:138px}.not-ai-launch{width:104px;height:138px}.not-ai-mascot{width:92px;height:142px}.not-ai:not(.collapsed) .not-ai-mascot{width:58px;height:66px;flex-basis:58px;margin:-5px 0}.not-ai:not(.collapsed) .not-ai-head{min-height:80px;padding:9px 11px}.not-ai.invite-attention.collapsed .not-ai-launch:after,.not-ai.has-unread.collapsed .not-ai-launch:after{right:80px;bottom:92px;width:min(215px,calc(100vw - 125px));font-size:12px}}
@media(prefers-reduced-motion:reduce){.not-ai-launch img,.not-ai-mascot,.not-ai.is-thinking .not-ai-state,.not-ai-message.thinking,.not-ai-message.bot.fresh,.not-ai.has-unread .not-ai-unread,.not-ai.invite-attention.collapsed .not-ai-launch:after{animation:none}}

/* Lightweight character gestures: transforms only, so they stay GPU-friendly. */
.not-ai:before{position:absolute;z-index:6;right:72px;bottom:112px;display:grid;place-items:center;min-width:28px;height:28px;padding:0 6px;border:1px solid #ffffff26;border-radius:999px;background:#160a22e8;box-shadow:0 5px 15px #05010c88;color:#fff;font-size:17px;line-height:1;opacity:0;transform:translateY(5px) scale(.7);pointer-events:none}
.not-ai:not(.collapsed):before{right:auto;left:55px;top:2px;bottom:auto}
.not-ai.gesture-wave:before{content:"👋";animation:notEmotePop 1.2s ease both}.not-ai.gesture-curious:before{content:"?";color:#79f4df;font-weight:900;animation:notEmotePop .9s ease both}.not-ai.is-thinking:before{content:"💭";animation:notThinkBubble 1.15s ease-in-out infinite}.not-ai.gesture-happy:before{content:"✦";color:#ffe477;text-shadow:0 0 9px #ffd84f;animation:notEmoteSpark 1.35s ease both}.not-ai.gesture-concerned:before{content:"…";color:#d8c9e5;font-weight:900;animation:notEmotePop 1.3s ease both}.not-ai.gesture-sparkle:before{content:"✧";color:#89ffe9;text-shadow:0 0 9px #59f0d3;animation:notEmoteSpark .85s ease both}
.not-ai.gesture-wave .not-ai-launch img,.not-ai.gesture-wave .not-ai-mascot{transform-origin:50% 86%;animation:notMaidWave .58s ease-in-out 2}.not-ai.gesture-curious .not-ai-launch img,.not-ai.gesture-curious .not-ai-mascot{transform-origin:50% 82%;animation:notMaidCurious .9s ease-in-out}.not-ai.gesture-happy .not-ai-launch img,.not-ai.gesture-happy .not-ai-mascot{animation:notMaidHappy .7s cubic-bezier(.2,.8,.2,1) 2}.not-ai.gesture-concerned .not-ai-launch img,.not-ai.gesture-concerned .not-ai-mascot{animation:notMaidConcerned .7s ease-in-out 2}.not-ai.gesture-blink .not-ai-launch img,.not-ai.gesture-blink .not-ai-mascot{animation:notMaidBlink .55s ease-in-out}.not-ai.gesture-look .not-ai-launch img,.not-ai.gesture-look .not-ai-mascot{animation:notMaidLook .8s ease-in-out}.not-ai.gesture-sparkle .not-ai-launch img,.not-ai.gesture-sparkle .not-ai-mascot{animation:notMaidSparkle .85s ease-in-out}
.not-ai-launch:hover img{transform:translateY(-6px) rotate(3deg) scale(1.035)}.not-ai-launch:active img{transform:translateY(1px) scale(.96)}.not-ai:not(.collapsed) .not-ai-mascot:hover{transform:rotate(-3deg) scale(1.06)}
.not-ai-launch img,.not-ai-mascot{transition:opacity .14s ease,filter .2s ease,transform .2s ease}.not-ai-launch img.is-changing,.not-ai-mascot.is-changing{opacity:.38}
@keyframes notEmotePop{0%{opacity:0;transform:translateY(6px) scale(.55)}22%,72%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(-7px) scale(.8)}}
@keyframes notEmoteSpark{0%{opacity:0;transform:scale(.35) rotate(-35deg)}30%,65%{opacity:1;transform:scale(1.15) rotate(8deg)}100%{opacity:0;transform:scale(.5) rotate(35deg)}}
@keyframes notThinkBubble{0%,100%{opacity:.55;transform:translateY(3px) scale(.86)}50%{opacity:1;transform:translateY(-3px) scale(1)}}
@keyframes notMaidWave{0%,100%{transform:translateY(0) rotate(0)}35%{transform:translateY(-5px) rotate(-6deg)}70%{transform:translateY(-3px) rotate(6deg)}}
@keyframes notMaidCurious{0%,100%{transform:translateY(0) rotate(0)}45%{transform:translateY(-4px) rotate(-5deg) scale(1.025)}}
@keyframes notMaidHappy{0%,100%{transform:translateY(0) scale(1)}45%{transform:translateY(-10px) scale(1.055)}70%{transform:translateY(-3px) scale(.985)}}
@keyframes notMaidConcerned{0%,100%{transform:translateX(0) rotate(0)}35%{transform:translateX(-2px) rotate(-2deg)}70%{transform:translateX(2px) rotate(2deg)}}
@keyframes notMaidBlink{0%,100%{transform:scaleY(1)}48%,58%{transform:translateY(2px) scaleY(.94)}}
@keyframes notMaidLook{0%,100%{transform:translateX(0) rotate(0)}42%{transform:translateX(-4px) rotate(-2deg)}68%{transform:translateX(3px) rotate(1deg)}}
@keyframes notMaidSparkle{0%,100%{filter:drop-shadow(0 7px 12px #05010ccc) drop-shadow(0 0 14px #b43cff70)}50%{transform:translateY(-5px) scale(1.025);filter:drop-shadow(0 7px 12px #05010ccc) drop-shadow(0 0 22px #62eedbaa)}}
@media(prefers-reduced-motion:reduce){.not-ai:before{display:none!important}.not-ai.gesture-wave .not-ai-launch img,.not-ai.gesture-wave .not-ai-mascot,.not-ai.gesture-curious .not-ai-launch img,.not-ai.gesture-curious .not-ai-mascot,.not-ai.gesture-happy .not-ai-launch img,.not-ai.gesture-happy .not-ai-mascot,.not-ai.gesture-concerned .not-ai-launch img,.not-ai.gesture-concerned .not-ai-mascot,.not-ai.gesture-blink .not-ai-launch img,.not-ai.gesture-blink .not-ai-mascot,.not-ai.gesture-look .not-ai-launch img,.not-ai.gesture-look .not-ai-mascot,.not-ai.gesture-sparkle .not-ai-launch img,.not-ai.gesture-sparkle .not-ai-mascot{animation:none!important}}