.mascot-root{z-index:60;color:#13213c;font-family:var(--font-plex), "IBM Plex Sans Arabic", system-ui, sans-serif;transform:translate(var(--tx,0px), var(--ty,0px));--mx:0;--my:0;direction:rtl;justify-items:center;gap:2px;transition:transform .5s cubic-bezier(.2,.7,.2,1),opacity .3s;animation:.9s cubic-bezier(.34,1.56,.64,1) backwards mascot-in;display:grid;position:fixed;bottom:10px;left:16px}.mascot-root.is-drawer{transform:translate(calc(var(--tx,0px) + 530px), var(--ty,0px)) scale(.82)}.mascot-root.is-explorer{opacity:0;pointer-events:none}.mascot-char{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transform-origin:50% 100%;width:176px;height:176px;position:relative}.mascot-char .mc{width:100%;height:100%;display:block;overflow:visible}.mascot-char:focus-visible{outline-offset:6px;border-radius:40px;outline:2px solid #a8730a}.mascot-char.is-hop{animation:.7s cubic-bezier(.34,1.56,.64,1) both mc-hop}.mascot-char.is-drag{cursor:grabbing}.mascot-tag{pointer-events:none;justify-items:center;gap:3px;display:grid}.cartouche{color:#13213c;letter-spacing:.02em;white-space:nowrap;background:linear-gradient(#fff8e6,#fff);border:2px solid #a8730a;border-radius:999px;padding:3px 16px;font-size:15px;font-weight:700;line-height:1.5;display:inline-block;position:relative;box-shadow:0 3px 12px #a8730a38}.cartouche:after{content:"";inset-inline-start:-8px;background:#a8730a;border-radius:2px;width:4px;height:72%;position:absolute;top:50%;transform:translateY(-50%)}.cartouche-sm{padding:2px 12px;font-size:14px}.mascot-tag small{color:#13213cb8;align-items:center;gap:5px;font-size:11.5px;font-weight:600;display:inline-flex}.mascot-tag small:before{content:"";background:#e7b73f;border-radius:50%;width:7px;height:7px;animation:2.4s ease-in-out infinite mc-pulse;box-shadow:0 0 0 3px #e7b73f40}.mc-halo{transform-box:fill-box;transform-origin:50%;opacity:.55;animation:4.5s ease-in-out infinite mc-halo}.is-thinking .mc-halo,.is-talking .mc-halo{opacity:.95;animation-duration:1.6s}.is-sleep .mc-halo{opacity:.2}.mc-body-g{transform-box:view-box;transform-origin:98px 168px;animation:3.4s ease-in-out infinite mc-breathe}.mc-head{transform-box:view-box;transform-origin:98px 92px;transform:rotate(calc(var(--mx) * 7deg)) translate(calc(var(--mx) * 1.5px), calc(var(--my) * 1.5px));transition:transform .35s cubic-bezier(.2,.7,.2,1)}.mc-pupil{transform:translate(calc(var(--mx) * 2.6px), calc(var(--my) * 2.2px));transition:transform .18s ease-out}.mc-lid{transition:transform 90ms ease-in;transform:translateY(0)}.mc-lidlo{transition:transform .25s ease-out;transform:translateY(0)}.is-blink .mc-lid,.is-sleep .mc-lid{transform:translateY(18px)}.is-thinking .mc-lid{transform:translateY(6px)}.is-happy .mc-lidlo,.is-greet .mc-lidlo,.is-talking .mc-lidlo{transform:translateY(-5.5px)}.mc-beak-lo{transform-box:view-box;transform-origin:120px 63px;transition:transform .15s}.is-talking .mc-beak-lo,.is-greet .mc-beak-lo{animation:.26s ease-in-out infinite alternate mc-talk}.is-surprised .mc-beak-lo{transform:rotate(13deg)}.mc-arm{transform-box:view-box;transform-origin:116px 106px}.is-greet .mc-arm,.is-flutter .mc-arm{animation:.5s ease-in-out 4 alternate mc-wave}.is-talking .mc-arm{animation:.42s ease-in-out infinite alternate mc-scribble}.is-thinking .mc-head{transform:rotate(-9deg)translate(1px,-1px)}.is-thinking .mc-pupil{transform:translate(2px,-2.6px)}.is-curious .mc-head{transform:rotate(calc(var(--mx) * 7deg - 11deg)) translate(0, -2px)}.is-surprised .mc-eyes{transform-box:view-box;transform-origin:96px 57px;transition:transform .12s;transform:scale(1.18)}.is-sleep .mc-head{transform:rotate(10deg)translateY(4px)}.is-sleep .mc-body-g{animation-duration:5.2s}.mc-think{opacity:0;transition:opacity .3s}.is-thinking .mc-think{opacity:1}.mc-think circle{transform-box:fill-box;transform-origin:50%;animation:1.2s ease-in-out infinite mc-dot}.mc-think circle:nth-child(2){animation-delay:.18s}.mc-think circle:nth-child(3){animation-delay:.36s}.mc-zz{opacity:0;transition:opacity .4s}.is-sleep .mc-zz{opacity:1}.mc-z{transform-box:fill-box;transform-origin:50%}.is-sleep .mc-z{animation:2.8s ease-in-out infinite mc-float}.is-sleep .mc-z:nth-child(2){animation-delay:.9s}.is-sleep .mc-z:nth-child(3){animation-delay:1.8s}.mascot-bubble{transform-origin:0 100%;background:#fff;border:1px solid #a8730a59;border-radius:16px 16px 16px 4px;width:max-content;max-width:min(360px,100vw - 190px);padding:12px 32px 10px 14px;font-size:14px;line-height:1.75;animation:.45s cubic-bezier(.34,1.56,.64,1) both mascot-pop;position:absolute;bottom:150px;left:150px;box-shadow:0 12px 32px #13213c24}.mascot-bubble:after{content:"";background:#fff;border-bottom:1px solid #a8730a59;border-left:1px solid #a8730a59;width:11px;height:11px;position:absolute;bottom:14px;left:-6px;transform:rotate(45deg)}.mascot-bubble p{margin:0}.mascot-caret{vertical-align:-2px;background:#a8730a;width:2px;height:1em;margin-inline-start:2px;animation:.8s step-end infinite mc-caret;display:inline-block}.mascot-bubble.is-done .mascot-caret{display:none}.mascot-bubble-acts{flex-wrap:wrap;gap:6px;margin-top:9px;display:flex}.mascot-bubble-acts button,.mascot-sugg button,.mascot-follow button,.mascot-start-scene button{color:#13213c;font:inherit;cursor:pointer;background:#fbf7ee;border:1px solid #13213c29;border-radius:999px;padding:5px 11px;font-size:12.5px;transition:border-color .2s,background .2s}.mascot-bubble-acts button:hover,.mascot-sugg button:hover,.mascot-follow button:hover,.mascot-start-scene button:hover{background:#fff;border-color:#a8730a}.mascot-bubble-acts .is-primary{color:#fff;background:#13213c;border-color:#13213c}.mascot-bubble-x{color:#13213c80;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:absolute;top:6px;right:6px}.mascot-bubble-x:hover{color:#13213c;background:#fbf7ee}.mascot-chat{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transform-origin:0 100%;background:#fffdf7f7;border:1px solid #a8730a47;border-top:3px double #a8730a;border-radius:20px;grid-template-rows:auto minmax(0,1fr) auto auto auto;width:424px;max-width:calc(100vw - 200px);height:min(620px,100svh - 40px);animation:.4s cubic-bezier(.34,1.56,.64,1) both mascot-pop;display:grid;position:absolute;bottom:6px;left:184px;overflow:hidden;box-shadow:0 18px 50px #13213c2e}.mascot-chat.is-hidden{display:none}.mascot-chat-head{background:linear-gradient(#fff8e6,#fffdf7);align-items:center;gap:12px;padding:12px 14px 14px;display:flex;position:relative}.mascot-chat-head:after{content:"";opacity:.55;background:repeating-linear-gradient(90deg,#a8730a 0 5px,#0000 5px 9px,#2f66d0 9px 12px,#0000 12px 16px);border-radius:2px;height:5px;position:absolute;bottom:0;left:14px;right:14px}.mascot-chat-who b{font-size:14px;display:block}.mascot-chat-who small{color:#13213ca3;align-items:center;gap:6px;font-size:12px;display:inline-flex}.mascot-status{background:#0e8c7e;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 3px #0e8c7e2e}.mascot-status.is-busy{background:#a8730a;animation:1s ease-in-out infinite mc-pulse;box-shadow:0 0 0 3px #a8730a33}.mascot-ib{gap:2px;margin-inline-start:auto;display:flex}.mascot-ib button{color:#13213c;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;place-items:center;width:30px;height:30px;display:grid}.mascot-ib button:hover{background:#fff;border-color:#13213c29}.mascot-msgs{scrollbar-width:thin;scrollbar-color:#13213c33 transparent;align-content:start;gap:12px;padding:14px;display:grid;overflow-y:auto}.mascot-start{gap:12px;display:grid}.mascot-start-hi{color:#13213cd1;margin:0;font-size:14px;line-height:1.85}.mascot-start-hi b{color:#13213c}.mascot-start-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mascot-start-grid button{color:#13213c;font:inherit;text-align:start;cursor:pointer;background:#fff;border:1px solid #a8730a47;border-radius:14px;justify-items:start;gap:3px;padding:10px 12px;transition:border-color .2s,transform .2s,box-shadow .2s;display:grid}.mascot-start-grid button svg{color:#a8730a}.mascot-start-grid button b{font-size:13.5px;line-height:1.5}.mascot-start-grid button small{color:#13213c99;font-size:11.5px}.mascot-start-grid button:hover{border-color:#a8730a;transform:translateY(-1px);box-shadow:0 6px 18px #13213c14}.mascot-start-scene{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.mascot-start-scene>span{color:#13213ca3;align-items:center;gap:5px;width:100%;font-size:12px;display:inline-flex}.mascot-msg{overflow-wrap:anywhere;border-radius:14px;max-width:92%;padding:10px 14px;font-size:14px;line-height:1.85}.mascot-msg.is-agent{border:1px solid #a8730a33;background:#fff;border-inline-start:3px solid #a8730a;border-end-end-radius:4px;width:100%;max-width:100%}.mascot-msg.is-user{color:#fff;background:#13213c;border-end-start-radius:4px;justify-self:end}.mascot-msg.is-error{background:#fff3f1;border-color:#e74c3c59}.mascot-msg p{margin:0 0 8px}.mascot-msg p:last-child{margin:0}.mascot-msg ul,.mascot-msg ol{margin:4px 0 8px;padding-inline-start:20px}.mascot-msg li{margin:2px 0}.mascot-msg strong{color:#13213c}.mascot-msg a{color:#a8730a}.mascot-msg h1,.mascot-msg h2,.mascot-msg h3{margin:6px 0 4px;font-size:14.5px}.mascot-msg.is-stream .mascot-answer:after{content:"▍";color:#a8730a;animation:.8s step-end infinite mc-caret}.mascot-answer{gap:10px;display:grid}.mascot-pcards{gap:8px;display:grid}.mascot-pcard{border:1px solid #13213c14;background:#fbf7ee;border-inline-start:3px solid #2f66d0;border-radius:12px;gap:4px;padding:10px 12px;display:grid}.mascot-pcard>b{font-size:14px;line-height:1.6}.mascot-pcard .meta{color:#13213ca3;flex-wrap:wrap;gap:4px 12px;font-size:12px;display:flex}.mascot-pcard p{margin:0;font-size:13px;line-height:1.75}.mascot-pcard .acts{flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;display:flex}.mascot-pcard .acts button,.mascot-pcard .acts a{color:#13213c;font:inherit;cursor:pointer;background:#fff;border:1px solid #13213c;border-radius:999px;align-items:center;gap:5px;padding:5px 11px;font-size:12.5px;font-weight:600;text-decoration:none;display:inline-flex}.mascot-pcard .acts .is-primary{color:#fff;background:#13213c}.mascot-pcard .acts button:disabled{opacity:.6;cursor:default}.mascot-pcard .acts small{color:#a04a3a;font-size:12px}.mascot-callout{background:#fff8e6;border:1px dashed #a8730a80;border-radius:12px;padding:10px 12px}.mascot-callout .k{color:#7a5205;margin-bottom:2px;font-size:12px;display:block}.mascot-follow{border-top:1px solid #13213c14;flex-wrap:wrap;gap:6px;padding-top:10px;display:flex}.mascot-follow>span{color:#13213ca3;width:100%;font-size:12px}.mascot-typing{gap:4px;padding:4px 2px;display:inline-flex}.mascot-typing i{background:#a8730a;border-radius:50%;width:6px;height:6px;animation:1.1s ease-in-out infinite mc-dot}.mascot-typing i:nth-child(2){animation-delay:.16s}.mascot-typing i:nth-child(3){animation-delay:.32s}.mascot-sugg{flex-wrap:wrap;gap:6px;padding:0 14px 10px;display:flex}.mascot-form{border-top:1px solid #13213c14;align-items:flex-end;gap:8px;padding:10px 12px 6px;display:flex}.mascot-form textarea{resize:none;min-height:42px;max-height:120px;font:inherit;background:#fff;border:1px solid #13213c29;border-radius:12px;outline:none;flex:1;padding:10px 12px;font-size:14px;line-height:1.5}.mascot-form textarea:focus{border-color:#a8730a;box-shadow:0 0 0 3px #a8730a1f}.mascot-form button{color:#fff;cursor:pointer;background:#13213c;border:0;border-radius:12px;flex:none;place-items:center;width:42px;height:42px;display:grid}.mascot-form button:disabled{opacity:.45;cursor:default}.mascot-form button svg{transform:scaleX(-1)}.mascot-note{color:#13213c8c;margin:0;padding:0 14px 10px;font-size:11px;line-height:1.6}.mascot-note .is-notice{color:#a04a3a;font-weight:600}.mascot-restore{z-index:60;color:#13213c;font:inherit;cursor:pointer;background:#fff;border:1px solid #a8730a66;border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:600;display:inline-flex;position:fixed;bottom:14px;left:14px;box-shadow:0 8px 24px #13213c1f}@keyframes mascot-in{0%{opacity:0;transform:translate(var(--tx,0px), calc(var(--ty,0px) + 40px)) scale(.8)}to{opacity:1;transform:translate(var(--tx,0px), var(--ty,0px))}}@keyframes mascot-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}@keyframes mc-halo{0%,to{opacity:.45;transform:scale(1)}50%{opacity:.8;transform:scale(1.08)}}@keyframes mc-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.015,1.03)}}@keyframes mc-talk{0%{transform:rotate(0)}to{transform:rotate(11deg)}}@keyframes mc-wave{0%{transform:rotate(0)}to{transform:rotate(-70deg)}}@keyframes mc-scribble{0%{transform:rotate(0)translate(0)}to{transform:rotate(-9deg)translate(1px,-2px)}}@keyframes mc-dot{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}@keyframes mc-float{0%{opacity:0;transform:translateY(4px)}30%{opacity:.85}to{opacity:0;transform:translate(6px,-14px)}}@keyframes mc-hop{0%{transform:translateY(0)scale(1)}18%{transform:translateY(0)scale(1.08,.9)}50%{transform:translateY(-24px)scale(.96,1.06)}82%{transform:translateY(0)scale(1.06,.94)}to{transform:none}}@keyframes mc-caret{0%,to{opacity:1}50%{opacity:0}}@keyframes mc-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.25)}}@media (max-width:899px){.mascot-root.is-drawer,.mascot-root.is-explorer{opacity:0;pointer-events:none}}@media (max-width:760px){.mascot-char{width:118px;height:118px}.cartouche{padding:2px 12px;font-size:13px}.mascot-tag small{font-size:10.5px}.mascot-bubble{max-width:calc(100vw - 124px);font-size:13px;bottom:96px;left:104px}.mascot-chat{width:auto;max-width:none;height:min(76svh,620px);position:fixed;bottom:8px;left:8px;right:8px}.mascot-start-grid{grid-template-columns:1fr}.mascot-root.is-open .mascot-char,.mascot-root.is-open .mascot-tag{opacity:0;pointer-events:none}}@media (prefers-reduced-motion:reduce){.mascot-root,.mascot-char.is-hop,.mc-halo,.mc-body-g,.mc-beak-lo,.mc-arm,.mc-think circle,.mc-z,.mascot-bubble,.mascot-chat,.mascot-status,.mascot-tag small:before{animation:none!important}}
