:root{--mj-chat-navy:#46596b;--mj-chat-deep:#17212b;--mj-chat-red:#eb212c;--mj-chat-blue:#a9bfd0;--mj-chat-white:#fff;--mj-chat-bg:#f7f9fa}
#mj-chat-root{position:fixed;right:20px;bottom:20px;z-index:999998;font-family:"Plus Jakarta Sans",Arial,sans-serif;color:var(--mj-chat-navy);font-size:16px;line-height:1.5}
.mj-chat-launcher{width:58px;height:58px;border:0;border-radius:50%;background:var(--mj-chat-deep);box-shadow:0 8px 28px rgba(14,25,35,.24);display:grid;place-items:center;padding:9px;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.mj-chat-launcher:hover{transform:translateY(-2px);box-shadow:0 10px 34px rgba(14,25,35,.32)}.mj-chat-launcher:focus-visible,.mj-chat-close:focus-visible,.mj-chat-send:focus-visible,.mj-chat-chip:focus-visible{outline:3px solid rgba(235,33,44,.36);outline-offset:3px}
.mj-chat-avatar{width:40px;height:40px}.mj-chat-avatar .board,.mj-chat-avatar .top-fill{fill:#fff}.mj-chat-avatar .stripe,.mj-chat-avatar .eye,.mj-chat-avatar .mouth{fill:none;stroke:var(--mj-chat-red);stroke-width:2.25;stroke-linecap:round}.mj-chat-avatar .top{transform-origin:8px 17px}.mj-chat-avatar .eye{transform-box:fill-box;transform-origin:center;animation:mj-blink 5.4s infinite}.mj-chat-launcher.mj-speaking .mouth,.mj-chat-bot-icon.mj-speaking .mouth{animation:mj-talk .22s ease-in-out 5}.mj-chat-launcher.mj-speaking .top,.mj-chat-bot-icon.mj-speaking .top{animation:mj-clap .48s ease-out 1}
.mj-chat-panel{position:absolute;right:0;bottom:72px;width:min(390px,calc(100vw - 28px));height:min(610px,calc(100vh - 110px));background:var(--mj-chat-white);border:1px solid #dce3e8;border-radius:14px;box-shadow:0 22px 70px rgba(14,25,35,.22);overflow:hidden;display:flex;flex-direction:column;transform-origin:bottom right}.mj-chat-panel[hidden]{display:none}.mj-chat-head{display:flex;align-items:center;justify-content:space-between;padding:16px 17px;background:var(--mj-chat-deep);color:#fff}.mj-chat-head strong{display:block;font-family:Manrope,Helvetica,Arial,sans-serif;font-weight:600}.mj-chat-head span{display:block;color:var(--mj-chat-blue);font-size:12px}.mj-chat-close{border:0;background:transparent;color:#fff;font-size:26px;line-height:1;padding:6px;cursor:pointer}
.mj-chat-log{flex:1;overflow:auto;padding:18px 16px;background:var(--mj-chat-bg);overscroll-behavior:contain}.mj-chat-row{display:flex;gap:9px;margin:0 0 14px;align-items:flex-start}.mj-chat-row.user{justify-content:flex-end}.mj-chat-bot-icon{flex:0 0 30px;width:30px;height:30px;margin-top:2px}.mj-chat-bot-icon .mj-chat-avatar{width:30px;height:30px}.mj-chat-bubble{max-width:82%;padding:11px 13px;border-radius:3px 14px 14px 14px;background:#fff;border:1px solid #e0e6e9;box-shadow:0 3px 14px rgba(14,25,35,.04);white-space:pre-wrap}.mj-chat-row.user .mj-chat-bubble{background:var(--mj-chat-navy);color:#fff;border-color:var(--mj-chat-navy);border-radius:14px 3px 14px 14px}.mj-chat-chips{display:flex;gap:7px;overflow-x:auto;padding:0 14px 11px;background:var(--mj-chat-bg);scrollbar-width:none}.mj-chat-chip{flex:0 0 auto;border:1px solid #bfcbd3;background:#fff;color:var(--mj-chat-navy);border-radius:999px;padding:7px 10px;font:600 12px "Plus Jakarta Sans",Arial,sans-serif;cursor:pointer}.mj-chat-chip:hover{border-color:var(--mj-chat-red);color:#a80e17}
.mj-chat-compose{display:flex;align-items:flex-end;gap:8px;padding:11px;border-top:1px solid #dce3e8;background:#fff}.mj-chat-input{flex:1;resize:none;min-height:42px;max-height:100px;border:1px solid #c8d2d9;border-radius:8px;padding:9px 11px;color:var(--mj-chat-deep);font:14px/1.45 "Plus Jakarta Sans",Arial,sans-serif}.mj-chat-input:focus{outline:2px solid rgba(235,33,44,.22);border-color:var(--mj-chat-red)}.mj-chat-send{flex:0 0 42px;width:42px;height:42px;border:0;border-radius:8px;background:var(--mj-chat-red);color:#fff;display:grid;place-items:center;cursor:pointer;font-size:20px}.mj-chat-send:disabled{opacity:.55;cursor:wait}.mj-chat-foot{padding:0 12px 10px;background:#fff;text-align:center;color:#71808c;font-size:10px}.mj-chat-foot a{color:inherit;text-decoration:underline}.mj-chat-status{font-size:12px;color:#71808c;padding:0 16px 8px;background:var(--mj-chat-bg)}
@keyframes mj-blink{0%,45%,48%,100%{transform:scaleY(1)}46%,47%{transform:scaleY(.08)}}@keyframes mj-talk{0%,100%{transform:scaleY(1)}50%{transform:scaleY(1.8)}}@keyframes mj-clap{0%,100%{transform:rotate(0)}40%{transform:rotate(-15deg)}75%{transform:rotate(2deg)}}
@media(max-width:600px){#mj-chat-root{right:12px;bottom:max(12px,env(safe-area-inset-bottom))}.mj-chat-launcher{width:52px;height:52px}.mj-chat-panel{position:fixed;inset:auto 8px max(74px,calc(env(safe-area-inset-bottom) + 68px)) 8px;width:auto;height:min(70vh,580px);border-radius:12px}.mj-chat-bubble{max-width:86%}}
@media(prefers-reduced-motion:reduce){.mj-chat-avatar .eye,.mj-chat-launcher.mj-speaking .mouth,.mj-chat-bot-icon.mj-speaking .mouth,.mj-chat-launcher.mj-speaking .top,.mj-chat-bot-icon.mj-speaking .top{animation:none}.mj-chat-launcher{transition:none}}

/* Higher-impact launcher inspired by the MJ Films clapperboard concept. */
.mj-chat-launcher{width:70px;height:70px;padding:0;background:#080a0c;border:0;overflow:hidden;box-shadow:0 0 0 2px #1b2228,0 0 0 4px var(--mj-chat-red),0 9px 30px rgba(8,12,16,.42),0 0 26px rgba(235,33,44,.34)}.mj-chat-launcher img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%;transform:scale(1.025)}.mj-chat-launcher:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 0 0 2px #1b2228,0 0 0 4px var(--mj-chat-red),0 13px 38px rgba(8,12,16,.48),0 0 36px rgba(235,33,44,.46)}.mj-chat-head-brand{display:flex;align-items:center;gap:10px}.mj-chat-head-icon{display:block;width:34px;height:34px}.mj-chat-head-icon .mj-chat-avatar{width:34px;height:34px}
@media(max-width:600px){.mj-chat-launcher{width:58px;height:58px}.mj-chat-panel{bottom:max(84px,calc(env(safe-area-inset-bottom) + 76px))}}

/* Layered slate avatar: the hinged top is the only attention movement. */
.mj-chat-launcher{padding:0;background:transparent;overflow:visible}.mj-chat-launcher img{display:none}.mj-chat-launcher-art{display:block;width:100%;height:100%}.mj-chat-avatar{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 6px 9px rgba(0,0,0,.30))}.mj-chat-avatar .badge{fill:#090b0d}.mj-chat-avatar .badge-ring{fill:none;stroke:var(--mj-chat-red);stroke-width:3}.mj-chat-avatar .slate-white,.mj-chat-avatar .slate-body{fill:#fff}.mj-chat-avatar .slate-stripes,.mj-chat-avatar .body-stripes,.mj-chat-avatar .mouth-fill{fill:#0a0c0e}.mj-chat-avatar .eye{fill:none;stroke:#0a0c0e;stroke-width:3;stroke-linecap:round}.mj-chat-avatar .tongue{fill:none;stroke:var(--mj-chat-red);stroke-width:2.5;stroke-linecap:round}.mj-chat-avatar .slate-top{transform-box:view-box;transform-origin:14px 24px}.mj-chat-avatar .face{transform-box:view-box;transform-origin:32px 40px}.mj-slate .mj-chat-avatar .slate-top{animation:mj-slate-snap .72s cubic-bezier(.25,.8,.3,1) 1}.mj-slate .mj-chat-avatar .face{animation:mj-face-react .72s ease 1}
@keyframes mj-slate-snap{0%,14%{transform:rotate(0)}28%,54%{transform:rotate(-19deg)}62%{transform:rotate(1.5deg)}70%,100%{transform:rotate(0)}}@keyframes mj-face-react{0%,56%,100%{transform:scaleY(1)}62%,67%{transform:scaleY(.82)}}
@media(prefers-reduced-motion:reduce){.mj-slate .mj-chat-avatar .slate-top,.mj-slate .mj-chat-avatar .face{animation:none}}