.miro-widget{position:fixed;bottom:1.1rem;inset-inline-start:1.1rem;z-index:90;display:flex;flex-direction:column;align-items:flex-start;gap:0.4rem;font-family:var(--ar,'Tajawal',sans-serif)}.miro-launcher{position:relative;width:104px;height:118px;background:none;border:0;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent;filter:drop-shadow(0 14px 30px rgba(30,91,255,0.35));transition:transform 0.3s cubic-bezier(0.34,1.56,0.64,1)}.miro-launcher:hover{transform:scale(1.07)}.miro-launcher:active{transform:scale(0.96)}.miro-launcher::before{content:'';position:absolute;inset:12% 8% 4% 8%;border-radius:50%;background:radial-gradient(circle,rgba(0,224,255,0.28) 0%,rgba(30,91,255,0.16) 45%,transparent 70%);animation:miroAura 3s ease-in-out infinite;pointer-events:none}@keyframes miroAura{0%,100%{opacity:0.65;transform:scale(1)}50%{opacity:1;transform:scale(1.12)}}.miro-bot{position:relative;width:100%;height:100%;display:block;animation:miroFloat 3.6s ease-in-out infinite}@keyframes miroFloat{0%,100%{transform:translateY(0) rotate(0deg)}30%{transform:translateY(-7px) rotate(-2deg)}65%{transform:translateY(-3px) rotate(1.5deg)}}.miro-eyes{animation:miroBlink 4.2s ease-in-out infinite;transform-origin:60px 43px}@keyframes miroBlink{0%,91%,100%{transform:scaleY(1)}93%,96%{transform:scaleY(0.08)}}.miro-pupils{animation:miroLook 7s ease-in-out infinite}@keyframes miroLook{0%,34%,100%{transform:translate(0,0)}38%,46%{transform:translate(3.5px,0)}52%,60%{transform:translate(-3.5px,1px)}66%{transform:translate(0,0)}}.miro-arm-r{animation:miroWave 5.2s ease-in-out infinite;transform-origin:97px 78px}@keyframes miroWave{0%,55%,100%{transform:rotate(0deg)}62%{transform:rotate(-26deg)}70%{transform:rotate(10deg)}78%{transform:rotate(-26deg)}86%{transform:rotate(0deg)}}.miro-antenna-tip{animation:miroPing 2.2s ease-in-out infinite}@keyframes miroPing{0%,100%{opacity:0.55;r:3.4}50%{opacity:1;r:4.6}}.miro-chest{animation:miroChest 2.6s ease-in-out infinite}@keyframes miroChest{0%,100%{opacity:0.55}50%{opacity:1}}.miro-shadow{animation:miroShadow 3.6s ease-in-out infinite;transform-origin:60px 124px}@keyframes miroShadow{0%,100%{transform:scaleX(1);opacity:0.55}30%{transform:scaleX(0.82);opacity:0.35}65%{transform:scaleX(0.92);opacity:0.45}}.miro-badge{position:absolute;top:6px;inset-inline-end:2px;min-width:22px;height:22px;border-radius:999px;background:linear-gradient(135deg,#FF2E9A,#ff6b6b);color:#fff;font-size:0.72rem;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(255,46,154,0.5);animation:miroBadge 1.6s ease-in-out infinite}@keyframes miroBadge{0%,100%{transform:scale(1)}50%{transform:scale(1.18)}}.miro-bubble{position:absolute;bottom:calc(100% + 2px);inset-inline-start:12px;max-width:230px;width:max-content;background:rgba(16,23,58,0.92);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);border:1px solid rgba(0,224,255,0.35);border-radius:16px;border-end-start-radius:4px;padding:0.65rem 0.9rem;color:rgba(255,255,255,0.95);font-size:0.85rem;font-weight:500;line-height:1.55;box-shadow:0 12px 32px rgba(0,0,0,0.45),0 0 24px rgba(0,224,255,0.12);opacity:0;transform:translateY(8px) scale(0.9);transform-origin:bottom right;transition:opacity 0.35s ease,transform 0.35s cubic-bezier(0.34,1.56,0.64,1);pointer-events:none}.miro-bubble.show{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.miro-bubble::after{content:'';position:absolute;bottom:-7px;inset-inline-start:18px;width:14px;height:14px;background:inherit;border:inherit;border-top:0;border-inline-start:0;transform:rotate(45deg);border-end-end-radius:4px}.miro-bubble .miro-cursor{display:inline-block;width:2px;height:1em;background:#00E0FF;vertical-align:-0.15em;margin-inline-start:2px;animation:miroCursor 0.8s step-end infinite}@keyframes miroCursor{50%{opacity:0}}.miro-panel{position:fixed;bottom:calc(1.1rem + 128px);inset-inline-start:1.1rem;z-index:95;width:min(392px,calc(100vw - 2.2rem));height:min(600px,calc(100dvh - 170px));display:flex;flex-direction:column;background:rgba(10,14,31,0.88);backdrop-filter:blur(28px) saturate(1.5);-webkit-backdrop-filter:blur(28px) saturate(1.5);border:1px solid rgba(255,255,255,0.16);border-radius:24px;box-shadow:0 30px 80px rgba(0,0,0,0.6),0 0 40px rgba(30,91,255,0.15);overflow:hidden;opacity:0;visibility:hidden;transform:translateY(24px) scale(0.92);transform-origin:bottom right;transition:opacity 0.32s ease,transform 0.32s cubic-bezier(0.34,1.4,0.64,1),visibility 0.32s}.miro-panel.open{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.miro-head{display:flex;align-items:center;gap:0.7rem;padding:0.85rem 1rem;background:linear-gradient(135deg,rgba(30,91,255,0.35),rgba(0,224,255,0.12));border-bottom:1px solid rgba(255,255,255,0.14)}.miro-head .miro-avatar{width:44px;height:44px;flex-shrink:0;border-radius:14px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);display:flex;align-items:center;justify-content:center;overflow:hidden}.miro-head .miro-avatar svg{width:38px;height:42px}.miro-head .miro-id{flex:1;min-width:0}.miro-head .miro-name{font-weight:700;font-size:1rem;color:#fff;line-height:1.2}.miro-head .miro-status{display:flex;align-items:center;gap:0.35rem;font-size:0.72rem;color:rgba(255,255,255,0.65)}.miro-head .miro-status::before{content:'';width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 8px #4ade80;animation:miroChest 2s ease-in-out infinite}.miro-head-actions{display:flex;gap:0.3rem}.miro-hbtn{width:34px;height:34px;border-radius:10px;border:1px solid rgba(255,255,255,0.14);background:rgba(255,255,255,0.07);color:rgba(255,255,255,0.85);font-size:0.95rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background 0.2s,transform 0.2s}.miro-hbtn:hover{background:rgba(255,255,255,0.16);transform:translateY(-1px)}.miro-hbtn.miro-voice.off{opacity:0.45}.miro-hbtn.miro-wa{background:rgba(37,211,102,0.18);border-color:rgba(37,211,102,0.4)}.miro-hbtn.miro-wa:hover{background:rgba(37,211,102,0.32)}.miro-msgs{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:0.6rem;scroll-behavior:smooth;overscroll-behavior:contain}.miro-msgs::-webkit-scrollbar{width:5px}.miro-msgs::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.15);border-radius:4px}.miro-msg{max-width:84%;padding:0.65rem 0.9rem;border-radius:16px;font-size:0.88rem;line-height:1.65;white-space:pre-wrap;word-wrap:break-word;animation:miroMsgIn 0.3s cubic-bezier(0.34,1.4,0.64,1)}@keyframes miroMsgIn{from{opacity:0;transform:translateY(10px) scale(0.96)}to{opacity:1;transform:translateY(0) scale(1)}}.miro-msg.bot{align-self:flex-start;background:rgba(255,255,255,0.08);border:1px solid rgba(0,224,255,0.22);border-end-start-radius:4px;color:rgba(255,255,255,0.94)}.miro-msg.user{align-self:flex-end;background:linear-gradient(135deg,#1E5BFF,#0F3DCC);border-end-end-radius:4px;color:#fff;box-shadow:0 6px 18px rgba(30,91,255,0.35)}.miro-msg a{color:#00E0FF;text-decoration:underline}.miro-handoff{align-self:flex-start;max-width:88%;display:flex;flex-direction:column;gap:.6rem;padding:.85rem .95rem;border-radius:16px;border-end-start-radius:4px;background:linear-gradient(135deg,rgba(37,211,102,.16),rgba(18,140,70,.1));border:1px solid rgba(37,211,102,.45);animation:miroMsgIn .3s cubic-bezier(.34,1.4,.64,1)}.miro-handoff-note{font-size:.86rem;line-height:1.6;color:rgba(255,255,255,.95)}.miro-handoff-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1rem;font-size:.85rem;font-weight:700;color:#fff!important;text-decoration:none!important;background:linear-gradient(135deg,#25D366,#128C46);border-radius:12px;box-shadow:0 6px 16px rgba(37,211,102,.4);transition:transform .2s,box-shadow .2s}.miro-handoff-btn:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(37,211,102,.55)}.miro-handoff-btn bdi{font-family:var(--mono,monospace);font-weight:600}.miro-typing{align-self:flex-start;display:none;gap:5px;padding:0.8rem 1rem;background:rgba(255,255,255,0.08);border:1px solid rgba(0,224,255,0.22);border-radius:16px;border-end-start-radius:4px}.miro-typing.on{display:flex}.miro-typing i{width:7px;height:7px;border-radius:50%;background:#00E0FF;animation:miroDot 1.2s ease-in-out infinite}.miro-typing i:nth-child(2){animation-delay:0.15s}.miro-typing i:nth-child(3){animation-delay:0.3s}@keyframes miroDot{0%,60%,100%{transform:translateY(0);opacity:0.4}30%{transform:translateY(-5px);opacity:1}}.miro-chips{display:flex;flex-wrap:wrap;gap:0.45rem;padding:0 1rem 0.6rem}.miro-chip{padding:0.45rem 0.85rem;font-family:inherit;font-size:0.78rem;font-weight:500;color:rgba(255,255,255,0.9);background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.18);border-radius:999px;cursor:pointer;transition:all 0.2s}.miro-chip:hover{background:rgba(30,91,255,0.35);border-color:rgba(30,91,255,0.7);transform:translateY(-1px)}.miro-inputbar{display:flex;align-items:flex-end;gap:0.5rem;padding:0.75rem 1rem;border-top:1px solid rgba(255,255,255,0.12);background:rgba(5,7,15,0.4)}.miro-inputbar textarea{flex:1;resize:none;max-height:90px;font-family:inherit;font-size:0.9rem;line-height:1.5;padding:0.6rem 0.85rem;color:#fff;background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.16);border-radius:14px;outline:none;transition:border-color 0.2s}.miro-inputbar textarea:focus{border-color:rgba(30,91,255,0.8)}.miro-inputbar textarea::placeholder{color:rgba(255,255,255,0.35)}.miro-send{width:42px;height:42px;flex-shrink:0;border:0;border-radius:13px;background:linear-gradient(135deg,#1E5BFF,#0F3DCC);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 6px 16px rgba(30,91,255,0.4);transition:transform 0.2s,box-shadow 0.2s}.miro-send:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(30,91,255,0.55)}.miro-send:disabled{opacity:0.5;cursor:default;transform:none}.miro-send svg{transform:scaleX(-1)}.miro-foot{text-align:center;font-family:var(--mono,monospace);font-size:0.58rem;letter-spacing:0.14em;text-transform:uppercase;color:rgba(255,255,255,0.3);padding:0 0 0.55rem;background:rgba(5,7,15,0.4)}@media (max-width:520px){.miro-panel{inset-inline:0.6rem;width:auto;bottom:0.6rem;height:min(78dvh,640px);border-radius:20px}.miro-widget.chat-open .miro-launcher{opacity:0;pointer-events:none}.miro-launcher{width:88px;height:100px}.miro-bubble{max-width:200px}}@media (prefers-reduced-motion:reduce){html:not(.force-motion) .miro-bot,html:not(.force-motion) .miro-eyes,html:not(.force-motion) .miro-pupils,html:not(.force-motion) .miro-arm-r,html:not(.force-motion) .miro-shadow,html:not(.force-motion) .miro-launcher::before,html:not(.force-motion) .miro-badge{animation:none}}