.zf-guide{position:fixed;left:20px;bottom:22px;z-index:10040;direction:rtl;font-family:yekan,Tahoma,Arial,sans-serif;color:#29352d;line-height:1.8;max-width:calc(100vw - 28px)}
.zf-guide,.zf-guide *{box-sizing:border-box}
.zf-guide [hidden]{display:none!important}
.zf-guide button,.zf-guide input{font:inherit;color:inherit}
.zf-guide button{cursor:pointer}
.zf-guide-launcher{position:relative;width:100px;animation:zfGuideFloat 5s ease-in-out infinite}
.zf-guide-open{display:flex;align-items:center;flex-direction:column;width:100%;padding:0;border:1px solid #ece6d5;border-radius:20px;background:#fff;box-shadow:0 6px 24px #49371417;overflow:hidden;transition:transform .2s ease}
.zf-guide-open:hover{transform:rotate(-4deg)}
.zf-guide-open img{display:block;width:94px!important;height:94px!important;max-width:none!important;object-fit:cover;object-position:center}
.zf-guide-open span{display:block;font-size:10px;padding:2px 5px 7px;color:#806515}
.zf-guide-hide{position:absolute;top:-7px;left:-7px;z-index:1;width:24px;height:24px;display:grid;place-items:center;border:1px solid #e6e4de;border-radius:50%;background:#fff;font-size:18px!important;line-height:1}
.zf-guide-restore{border:1px solid #e9dbb4;border-radius:20px;background:#fffaf0;padding:5px 12px;font-size:11px!important;box-shadow:0 3px 12px #423a1610}
.zf-guide-panel{position:absolute;left:0;bottom:0;width:370px;max-width:calc(100vw - 28px);height:530px;max-height:calc(100vh - 150px);max-height:calc(var(--zf-guide-viewport,100dvh) - 150px);display:flex;flex-direction:column;overflow:hidden;border:1px solid #e7dfcc;border-radius:20px;background:#fff;box-shadow:0 12px 42px #31362924}
.zf-guide-header{display:flex;align-items:center;gap:10px;padding:14px 16px;background:#fff9e8;border-bottom:1px solid #f0e8d4;flex-shrink:0;text-align:right}
.zf-guide-header > div{flex:1;min-width:0}
.zf-guide-header img{width:48px!important;height:48px!important;max-width:none!important;object-fit:cover;border-radius:14px;background:#fff}
.zf-guide .zf-guide-header h2{margin:0;font-size:14px;color:#29352d;line-height:1.7}
.zf-guide .zf-guide-header p{margin:0;font-size:11px;color:#7a7d6d}
.zf-guide .zf-guide-close{display:grid;place-items:center;align-self:flex-start;margin:0;width:30px;height:30px;flex:0 0 30px;padding:0;background:#fff;border:1px solid #ece5d3;border-radius:9px;font-family:Arial,sans-serif;font-size:21px!important;line-height:1}
.zf-guide-log{min-height:70px;flex:1;overflow-y:auto;overscroll-behavior:contain;padding:14px;display:flex;flex-direction:column;gap:10px;scrollbar-width:thin}
.zf-guide .zf-guide-options-bar{flex-shrink:0;padding:8px 14px;border-top:1px solid #f0f0e9}
.zf-guide .zf-guide-options-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:32px;margin:0;padding:4px 10px;border:1px solid #ece5d3;border-radius:9px;background:#fffdf7;color:#756023;font-size:11px;line-height:1.8}
.zf-guide-options-arrow{font-family:Arial,sans-serif;font-size:18px;line-height:1;transition:transform .18s}
.zf-guide-options-toggle[aria-expanded="true"] .zf-guide-options-arrow{transform:rotate(180deg)}
.zf-guide .zf-guide-choices{max-height:160px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.zf-guide-message{align-self:flex-start;max-width:95%;border-radius:13px 13px 3px 13px;background:#f5f7f2;padding:9px 12px;font-size:12px;overflow-wrap:anywhere;white-space:pre-line;flex-shrink:0}
.zf-guide-message.is-user{align-self:flex-end;border-radius:13px 13px 13px 3px;background:#fff0bf}
.zf-guide .zf-guide-result{display:block;white-space:normal;text-decoration:none;color:#344a35!important;border:1px solid #e3e7d9;background:#fff;border-radius:10px;padding:8px 10px;margin-top:8px;overflow-wrap:anywhere}
.zf-guide-result strong{display:block;font-size:12px;color:#344a35!important}
.zf-guide-result small{display:block;font-size:10px;color:#7e8775;line-height:1.9}
.zf-guide .zf-guide-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:12px 14px;border-top:1px solid #f0f0e9;flex-shrink:0}
.zf-guide .zf-guide-choices button{display:flex;align-items:center;justify-content:center;min-width:0;min-height:34px;width:100%;margin:0;padding:6px 8px;border:1px solid #e9dfc2;border-radius:10px;background:#fffdf5;color:#465244;font-size:11px;line-height:1.7;text-align:center;white-space:normal;overflow-wrap:anywhere}
.zf-guide .zf-guide-choices button:last-child{grid-column:1 / -1}
.zf-guide-choices button:hover{background:#fff1c7}
.zf-guide-compose{display:flex;align-items:stretch;gap:8px;padding:0 14px 10px;flex-shrink:0}
.zf-guide .zf-guide-compose input{min-width:0;flex:1;width:auto;height:40px;padding:7px 10px;border:1px solid #e3e5dc;border-radius:10px;background:#fff;color:#29352d;font-size:12px}
.zf-guide .zf-guide-send{display:flex;align-items:center;justify-content:center;flex:0 0 54px;width:54px;height:40px;margin:0;padding:0 8px;background:#fbc42f;color:#29352d;border:0;border-radius:10px;font-size:12px!important;line-height:1}
.zf-guide .zf-guide-caption{margin:0;padding:0 12px 10px;text-align:center;color:#8c9083;font-size:9px;flex-shrink:0}
.zf-guide button:disabled{opacity:.55;cursor:wait}
.zf-guide button:focus-visible,.zf-guide input:focus-visible,.zf-guide a:focus-visible{outline:2px solid #b08a28;outline-offset:2px}
.zf-guide.is-open .zf-guide-launcher{visibility:hidden;animation:none}
body.zf-crisp-open .zf-guide,body.zf-mobile-search-open .zf-guide{display:none!important}
.zf-guide.is-paused .zf-guide-launcher{animation-play-state:paused}
.zf-guide.is-keyboard .zf-guide-choices,.zf-guide.is-keyboard .zf-guide-options-bar,.zf-guide.is-keyboard .zf-guide-caption{display:none}
@media(max-height:520px){.zf-guide .zf-guide-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:8px 12px}.zf-guide .zf-guide-choices button{min-height:28px;padding:4px;font-size:10px}}
.zf-guide.is-keyboard .zf-guide-log{min-height:32px}
@keyframes zfGuideFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(2deg)}}
@media(max-width:767px){.zf-guide{left:14px;bottom:calc(var(--zf-bottom-nav-offset,90px) + 12px + var(--zf-guide-keyboard,0px))}.zf-guide-launcher{width:78px}.zf-guide-open img{width:74px!important;height:74px!important}.zf-guide-open{border-radius:17px}.zf-guide-open span{font-size:9px}.zf-guide-panel{width:350px;max-height:calc(var(--zf-guide-viewport,100dvh) - 140px)}}
@media(prefers-reduced-motion:reduce){.zf-guide-launcher{animation:none}.zf-guide-open{transition:none}.zf-guide-open:hover{transform:none}}
/* Living mascot: transparent character and a small floating toolbar. */
.zf-guide-launcher{width:112px;animation:none;display:flex;align-items:center;flex-direction:column;gap:5px}
.zf-guide .zf-guide-open{width:112px;height:112px;padding:0;border:0;border-radius:0;background:transparent!important;box-shadow:none!important;overflow:visible;touch-action:none;cursor:grab}
.zf-guide .zf-guide-open:hover{transform:none}
.zf-guide .zf-guide-open:active{cursor:grabbing}
.zf-guide .zf-guide-open .zf-guide-sprite{display:block;width:112px;height:112px;padding:0;background-image:url('/images/mascot-sprite.png?v=20261013-live');background-repeat:no-repeat;background-size:400% 200%;background-position:0 0;filter:drop-shadow(0 4px 3px #37372320);animation:zfGuideLife 5s steps(1,end) infinite;transform-origin:50% 90%}
.zf-guide-open:hover .zf-guide-sprite{animation-duration:1.8s}
.zf-guide-tools{display:flex;align-items:center;justify-content:center;height:32px;padding:3px 5px;background:#303733ed;border:1px solid #ffffff28;border-radius:20px;box-shadow:0 4px 12px #30373316;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(4px);transition:opacity .18s ease,transform .18s ease,visibility .18s}
.zf-guide-tools:focus-within,.zf-guide-open:focus-visible + .zf-guide-tools,.zf-guide.is-tools-visible .zf-guide-tools{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
@media(hover:hover){.zf-guide-launcher:hover .zf-guide-tools{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}}
.zf-guide-tools button{display:flex;align-items:center;justify-content:center;width:30px;height:24px;margin:0;padding:0;border:0;background:transparent;box-shadow:none;color:#fff}
.zf-guide-tools .zf-guide-hide{position:static;width:30px;height:24px;z-index:auto;border-radius:0;border-right:1px solid #ffffff25;font-size:20px!important}
.zf-guide-tools svg{width:16px!important;height:16px!important;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.zf-guide.is-paused .zf-guide-sprite{animation-play-state:paused}
.zf-guide.is-dragging .zf-guide-sprite{animation-play-state:paused}
@keyframes zfGuideLife{0%,40%{background-position:0 0}43%{background-position:33.333333% 0}46%{background-position:66.666667% 0}49%{background-position:100% 0}52%{background-position:0 100%}55%{background-position:33.333333% 100%}58%{background-position:66.666667% 100%}61%{background-position:100% 100%}64%,100%{background-position:0 0}}
@media(max-width:767px){.zf-guide-launcher{width:92px}.zf-guide .zf-guide-open,.zf-guide .zf-guide-open .zf-guide-sprite{width:92px;height:92px}}
@media(prefers-reduced-motion:reduce){.zf-guide .zf-guide-open .zf-guide-sprite{animation:none}.zf-guide-tools{transition:none}}
/* Eight expressive poses; smooth body motion is independent of the atlas. */
.zf-guide .zf-guide-sprite,.zf-guide .zf-guide-open .zf-guide-sprite{background-image:url('/images/mascot-standing-states.png?v=20261013-standing');background-repeat:no-repeat;background-size:400% 200%;background-position:0 0;animation:zfGuideBreathe 3.8s ease-in-out infinite;transform-origin:50% 92%}
.zf-guide .zf-guide-avatar{display:block;width:54px;height:54px;flex:0 0 54px;filter:drop-shadow(0 2px 2px #37372310)}
.zf-guide[data-mood="idle"] .zf-guide-sprite{background-position:0 0}
.zf-guide[data-mood="hello"] .zf-guide-sprite{background-position:33.333333% 0;animation:zfGuideWelcome 1.4s ease-in-out infinite}
.zf-guide[data-mood="thinking"] .zf-guide-sprite{background-position:66.666667% 0;animation:zfGuideThink 2.4s ease-in-out infinite}
.zf-guide[data-mood="happy"] .zf-guide-sprite{background-position:100% 0;animation:zfGuideJoy 1.2s ease-in-out infinite}
.zf-guide[data-mood="sleep"] .zf-guide-sprite{background-position:0 100%;animation:zfGuideBreathe 5s ease-in-out infinite}
.zf-guide[data-mood="listening"] .zf-guide-sprite{background-position:33.333333% 100%;animation:zfGuideListen 2.5s ease-in-out infinite}
.zf-guide[data-mood="surprised"] .zf-guide-sprite{background-position:100% 0;animation:zfGuideSurprise .45s ease-out 1}
.zf-guide[data-mood="puzzled"] .zf-guide-sprite{background-position:66.666667% 0;animation:zfGuideThink 3s ease-in-out infinite}
.zf-guide[data-mood="walk-left"] .zf-guide-sprite,.zf-guide[data-mood="walk-right"] .zf-guide-sprite{animation:zfGuideWalk .65s steps(1,end) infinite}
.zf-guide.is-paused .zf-guide-sprite{animation-play-state:paused}
@keyframes zfGuideWalk{0%,100%{background-position:66.666667% 100%;transform:translateY(0)}50%{background-position:100% 100%;transform:translateY(-2px)}}
@keyframes zfGuideBreathe{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-1px) scale(1.018,1.025)}}
@keyframes zfGuideWelcome{0%,100%{transform:rotate(-2deg)}50%{transform:rotate(2deg) translateY(-2px)}}
@keyframes zfGuideThink{0%,100%{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}
@keyframes zfGuideJoy{0%,100%{transform:translateY(0) scale(1)}35%{transform:translateY(-5px) scale(1.025)}65%{transform:translateY(-2px)}}
@keyframes zfGuideListen{0%,100%{transform:rotate(0)}50%{transform:rotate(-2deg)}}
@keyframes zfGuideSurprise{0%{transform:scale(.96)}45%{transform:scale(1.08) translateY(-3px)}100%{transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.zf-guide[data-mood] .zf-guide-sprite,.zf-guide .zf-guide-open .zf-guide-sprite{animation:none!important;transform:none!important}}