/* Expressive chatbot presentation; existing drag coordinates and sprite frames remain untouched. */
html.fm-ready .topbar{animation:fm-header-light 20s ease-in-out infinite}
#askFab::before{content:"";position:absolute;inset:7%;border:1px solid #47bad969;border-radius:50%;background:radial-gradient(circle,#6edbe81f 0%,#8c9fe713 45%,transparent 72%);pointer-events:none;animation:cm-halo 4.8s ease-in-out infinite;z-index:-1}
#askFab .ask-fab-chat{animation:cm-float 4.5s ease-in-out infinite!important;transform-origin:center}
#askFab:hover .ask-fab-chat{animation:cm-greet 1.35s ease-in-out infinite!important}
#askFab.active .ask-fab-chat{animation:cm-listen 3s ease-in-out infinite!important}
#askFab[data-pet-state=greeting] .ask-fab-chat{animation:cm-greet 1.1s ease-in-out infinite!important}
#askFab[data-pet-state=thinking] .ask-fab-chat{animation:cm-listen 2.4s ease-in-out infinite!important}
#askFab[data-pet-state=happy] .ask-fab-chat{animation:cm-send .75s ease-in-out 2!important}
#askFab[data-pet-state=sleep] .ask-fab-chat{animation:cm-rest 5.5s ease-in-out infinite!important}
html.cm-compose #askFab .ask-fab-chat{animation:cm-listen 1.6s ease-in-out infinite!important}
html.cm-send #askFab .ask-fab-chat{animation:cm-send .7s ease-in-out 2!important}
#askFab.dragging .ask-fab-chat{animation:none!important;transform:translate(-50%,-50%) rotate(-4deg)!important}
#askFab.dragging::before{animation:none;opacity:.25}
#askFab .ask-fab-bot rect[x="9"],#askFab .ask-fab-bot rect[x="13.1"]{transform-box:fill-box;transform-origin:center;animation:cm-blink 5.6s ease-in-out infinite}
#askFab .ask-fab-x{transition:opacity .25s ease,transform .35s ease}
#askPanel .ask-hd{background:linear-gradient(115deg,#12344e,#076e99,#345c98,#087986);background-size:250% 100%;animation:cm-header 15s ease-in-out infinite}
#askPanel .ask-ic{animation:cm-avatar 4.2s ease-in-out infinite;box-shadow:0 0 0 4px #ffffff08}
#askPanel .ask-chips .qchip{transition:background .2s,border-color .2s,box-shadow .2s,transform .2s}
#askPanel .ask-chips .qchip:hover{transform:translateY(-2px);box-shadow:0 5px 14px -9px #036d9f99}
#askPanel .ask-hd button{transition:background .2s,transform .25s ease}
#askPanel .ask-hd button:hover{transform:translateY(-2px)}
#askPanel .ask-hd #askClose:hover{transform:rotate(90deg)}
#askPanel .ask-inrow{transition:box-shadow .25s,background .25s}
#askPanel .ask-inrow:focus-within{background:#f5fbff;box-shadow:0 -3px 18px -12px #139ccc}
#askPanel #askSend{border-radius:12px;background:linear-gradient(135deg,#e1f4fb,#e7edfc);transition:background .22s,box-shadow .22s}
#askPanel #askSend svg{transition:transform .25s cubic-bezier(.22,1,.36,1)}
#askPanel #askSend:hover svg{transform:translate(2px,-2px) rotate(-9deg)}
#askPanel #askSend:hover{box-shadow:0 4px 12px -6px #0a90b9}
html.cm-compose #askPanel .ask-inrow input{border-color:#78b6d2;box-shadow:0 0 0 3px #249ccc12}
html.cm-send #askPanel #askSend svg{animation:cm-flight .6s ease-out}
#opsChatCaption,#askHint{animation:cm-caption 5s ease-in-out infinite}
#askPanel .ask-card{transition:border-color .25s,box-shadow .25s}
#askPanel .ask-card:hover{border-color:#b5d7e7;box-shadow:0 6px 18px -13px #2484a6}
@keyframes cm-float{0%,100%{transform:translate(-50%,-50%) rotate(-1deg)}50%{transform:translate(-50%,calc(-50% - 7px)) rotate(1.5deg)}}
@keyframes cm-greet{0%,100%{transform:translate(-50%,-50%) rotate(-5deg)}50%{transform:translate(-50%,calc(-50% - 6px)) rotate(5deg)}}
@keyframes cm-listen{0%,100%{transform:translate(-50%,-50%) rotate(-2deg)}50%{transform:translate(-50%,calc(-50% - 3px)) rotate(3deg)}}
@keyframes cm-send{0%,100%{transform:translate(-50%,-50%) scale(1)}45%{transform:translate(-50%,calc(-50% - 10px)) scale(1.045)}}
@keyframes cm-rest{0%,100%{transform:translate(-50%,-50%) scale(.98)}50%{transform:translate(-50%,-50%) scale(1.015)}}
@keyframes cm-halo{0%,100%{opacity:.35;transform:scale(.88)}50%{opacity:.8;transform:scale(1.12)}}
@keyframes cm-blink{0%,43%,47%,100%{transform:scaleY(1)}45%{transform:scaleY(.12)}}
@keyframes cm-header{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes cm-avatar{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(4deg)}}
@keyframes cm-caption{0%,100%{translate:0 0}50%{translate:0 -4px}}
@keyframes cm-flight{0%{transform:translate(0,0)}45%{transform:translate(5px,-5px);opacity:.45}100%{transform:translate(0,0);opacity:1}}
html.fm-background *,html.fm-background *::before,html.fm-background *::after{animation-play-state:paused!important}
html.pr-motion-off #askFab .ask-fab-chat,html.pr-motion-off #askFab[data-pet-state] .ask-fab-chat,html.pr-motion-off #askPanel .ask-hd,html.pr-motion-off #askPanel .ask-ic,html.pr-motion-off #askFab::before,html.pr-motion-off #opsChatCaption,html.pr-motion-off #askHint{animation:none!important}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}