/* The approved raster head with expressive eyes and short, invited reactions. */
.mzpc-face{position:relative;display:inline-grid;flex:none;vertical-align:middle;line-height:0;isolation:isolate}
.mzpc-face>img{display:block;max-width:100%}
.mzpc-eyes{display:none;position:absolute;z-index:2;inset:0;pointer-events:none;transform:translate(var(--mzpc-look-x,0%),var(--mzpc-look-y,0%));transition:transform 280ms cubic-bezier(.2,.7,.3,1)}
.mzpc-face.has-eyes>.mzpc-eyes{display:block}
.mzpc-eye{position:absolute;top:42.6%;height:12%;border-radius:42%;background:linear-gradient(180deg,#fffdf5 12%,#fff2d8 82%,#ead3ae);box-shadow:0 0 2px #fff1cf66,0 0 5px #ffe8bf24;transform-origin:center;transition:height 260ms,border-radius 260ms}
.mzpc-eye--left{left:37.6%;width:18.4%}
.mzpc-eye--right{left:68.5%;width:16%}
.mzpc-face[data-eye-state="typing"] .mzpc-eye{height:10.5%;border-radius:42% 42% 48% 48%}
.mzpc-face[data-eye-state="thinking"]{transform-origin:50% 75%;animation:mzpc-head-think 2600ms cubic-bezier(.45,0,.2,1) infinite}
.mzpc-face[data-eye-state="thinking"] .mzpc-eye{animation:mzpc-eye-think 2600ms ease-in-out infinite}
.mzpc-face[data-eye-state="thinking"] .mzpc-eye--right{animation-delay:180ms}
.mzpc-face[data-eye-state="speaking"]{transform-origin:50% 75%;animation:mzpc-head-write 1050ms ease-in-out infinite}
.mzpc-face[data-eye-state="speaking"] .mzpc-eye{animation:mzpc-eye-write 1500ms ease-in-out infinite}
.mzpc-face[data-eye-state="speaking"] .mzpc-eye--right{animation-delay:120ms}
.mzpc-face.is-blinking .mzpc-eye{animation:mzpc-eye-blink 170ms ease-in-out}
.mzpc-avatar-play{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transform-origin:50% 70%}
#mzpc-root button.mzpc-avatar-play{appearance:none;min-width:0;min-height:0;padding:0;border:0;box-shadow:none;color:inherit;line-height:0}
.mzpc-avatar-play:focus-visible{outline:2px solid #196a77;outline-offset:3px}
.mzpc-face[data-reaction="wink"]{animation:mzpc-head-tilt 1050ms ease-in-out}
.mzpc-face[data-reaction="wink"] .mzpc-eye--right{animation:mzpc-eye-wink 1050ms ease-in-out}
.mzpc-face[data-reaction="nod"]{animation:mzpc-head-nod 1000ms ease-in-out}
.mzpc-face[data-reaction="nod"] .mzpc-eye{animation:mzpc-eye-wink 900ms ease-in-out}
.mzpc-face[data-reaction="tilt"]{animation:mzpc-head-tilt 1100ms ease-in-out}
.mzpc-face[data-reaction="tilt"] .mzpc-eye--left{animation:mzpc-eye-curious 1100ms ease-in-out}
.mzpc-face[data-reaction="peek"] .mzpc-eyes{animation:mzpc-eye-peek 1100ms ease-in-out}
.mzpc-face[data-reaction="smile"] .mzpc-eye{animation:mzpc-eye-smile 1100ms ease-in-out}
@keyframes mzpc-head-think{0%,100%{transform:translateY(0) rotate(-3deg)}22%{transform:translateY(-5px) rotate(7deg)}48%{transform:translateY(-2px) rotate(7deg)}70%{transform:translateY(-6px) rotate(-6deg)}86%{transform:translateY(1px) rotate(-3deg)}}
@keyframes mzpc-eye-think{0%,100%{transform:scaleY(1)}24%,40%{transform:scaleY(.5)}58%,78%{transform:scaleY(1.2)}90%{transform:scaleY(.85)}}
@keyframes mzpc-head-write{0%,100%{transform:translateY(0) rotate(-2deg)}24%{transform:translateY(-4px) rotate(3deg)}50%{transform:translateY(1px) rotate(-2deg)}76%{transform:translateY(-2px) rotate(2deg)}}
@keyframes mzpc-eye-write{0%,100%{transform:scaleY(1);border-radius:42%}25%,65%{transform:scaleY(.65);border-radius:65% 65% 25% 25%}80%{transform:scaleY(1.12);border-radius:42%}}
@keyframes mzpc-eye-blink{0%,100%{transform:scaleY(1)}45%,60%{transform:scaleY(.12)}}
@keyframes mzpc-eye-wink{0%,18%,78%,100%{transform:scaleY(1)}35%,60%{transform:scaleY(.16)}}
@keyframes mzpc-head-tilt{0%,100%{transform:rotate(0)}35%,60%{transform:rotate(-7deg)}80%{transform:rotate(2deg)}}
@keyframes mzpc-head-nod{0%,100%{transform:translateY(0) scale(1)}32%{transform:translateY(5%) scale(.96,1.02)}60%{transform:translateY(-2%) scale(1.02,.98)}80%{transform:translateY(1%)}}
@keyframes mzpc-eye-curious{0%,100%{transform:scaleY(1)}35%,60%{transform:scaleY(1.28)}}
@keyframes mzpc-eye-peek{0%,100%{transform:translate(0,0)}25%,38%{transform:translate(-4%,0)}65%,78%{transform:translate(3%,-1%)}}
@keyframes mzpc-eye-smile{0%,100%{transform:scaleY(1);border-radius:45%}30%,68%{transform:scaleY(.6);border-radius:60% 60% 30% 30%}}
#mzpc-root .mzpc-header .mzpc-avatar{width:60px;height:60px;overflow:visible}
#mzpc-root .mzpc-header{padding-block:11px}
#mzpc-root .mzpc-message .mzpc-author{min-height:42px;gap:10px;margin-bottom:7px;font-size:13px;font-weight:650;line-height:1.35;letter-spacing:0;color:#35414a}
#mzpc-root .mzpc-assistant .mzpc-author .mzpc-avatar{width:42px;height:42px;border-radius:13px;background:transparent;overflow:visible}
#mzpc-root .mzpc-user .mzpc-author{gap:9px;font-size:12px;color:#52616b}
#mzpc-root .mzpc-user-profile{display:inline-flex;align-items:center;gap:9px;min-width:0;color:inherit;text-decoration:none}
#mzpc-root a.mzpc-user-profile:hover{color:#ab263b;text-decoration:underline;text-underline-offset:3px}
#mzpc-root .mzpc-compact-mode .mzpc-compact-brand{width:44px;height:44px;overflow:visible;background:transparent}
#mzpc-root .mzpc-compact-brand img{width:44px;height:44px}
#mzpc-root .mzpc-compact-mode .mzpc-compact-label{pointer-events:auto;font-size:11px}
#mzpc-root .mzpc-user-avatar{width:38px;height:38px;flex:none;padding:3px;border:1px solid #e1e7ea;border-radius:13px;background:#fff;box-shadow:0 2px 4px #25384006}
#mzpc-root .mzpc-assistant .mzpc-bubble{padding-left:52px}
#mzpc-root .mzpc-author>[data-mzpc-text="title"]{font-weight:700}
#mzpc-root .mzpc-welcome-avatar{display:table;margin:0 auto 24px}
#mzpc-root .mzpc-welcome-avatar .mzpc-welcome-brand{margin:0}
#mzpc-root .mzpc-invitation{display:flex;align-items:flex-start;gap:11px;margin:0 0 18px;text-align:left}
#mzpc-root .mzpc-invitation-avatar{width:44px;height:44px;border-radius:10px}
#mzpc-root .mzpc-invitation-avatar>img{width:100%;height:100%}
#mzpc-root .mzpc-invitation>div{min-width:0;flex:1;padding:12px 14px;border:1px solid #e7e9ec;border-radius:3px 12px 12px 12px;background:#fafafa}
#mzpc-root .mzpc-invitation strong{display:block;margin-bottom:4px;color:#34383e;font-size:11px;font-weight:650}
#mzpc-root .mzpc-invitation .mzpc-invitation-text{margin:0;color:#414850;font-size:13px;line-height:1.6}
#mzpc-root .mzpc-welcome.is-invited>.mzpc-welcome-avatar,#mzpc-root .mzpc-welcome.is-invited>h3,#mzpc-root .mzpc-welcome.is-invited>p:not(.mzpc-note),#mzpc-root .mzpc-welcome.is-invited.is-catalog-help>.mzpc-knowledge-stats{display:none}
#mzpc-root .mzpc-welcome.is-invited .mzpc-starters{margin-top:12px}
@container(max-width:460px){#mzpc-root .mzpc-header .mzpc-avatar{width:48px;height:48px}}
@media(max-width:520px){#mzpc-root .mzpc-header .mzpc-avatar{width:48px;height:48px}}
@container(max-width:460px){#mzpc-root .mzpc-assistant .mzpc-bubble{padding-left:0}}
@media(max-width:520px){#mzpc-root .mzpc-assistant .mzpc-bubble{padding-left:0}}
@media(prefers-reduced-motion:reduce){.mzpc-eyes,.mzpc-face,.mzpc-eye{animation:none!important;transition:none!important;transform:none!important}}
/* Personal accents and proportions keep the original Dex head and name. */
.mzpc-face{--mzpc-hue:0deg;--mzpc-scale-x:1;--mzpc-scale-y:1}
.mzpc-face[data-color="blue"]{--mzpc-hue:205deg}.mzpc-face[data-color="green"]{--mzpc-hue:120deg}.mzpc-face[data-color="purple"]{--mzpc-hue:275deg}.mzpc-face[data-color="amber"]{--mzpc-hue:40deg}
.mzpc-face[data-shape="compact"]{--mzpc-scale-x:.87;--mzpc-scale-y:.95}.mzpc-face[data-shape="wide"]{--mzpc-scale-x:1.08;--mzpc-scale-y:.88}
.mzpc-face>img{filter:hue-rotate(var(--mzpc-hue));scale:var(--mzpc-scale-x) var(--mzpc-scale-y);transform-origin:50% 50%}
.mzpc-face>.mzpc-eyes{scale:var(--mzpc-scale-x) var(--mzpc-scale-y);transform-origin:50% 50%}
.mzpc-face[data-eyes="expressive"] .mzpc-eye{top:41.2%;height:14.3%;border-radius:44% 44% 40% 40%}
.mzpc-face[data-eyes="round"] .mzpc-eye{top:40.5%;height:16%;width:16%;border-radius:50%}.mzpc-face[data-eyes="round"] .mzpc-eye--left{left:38.8%}
.mzpc-face[data-eyes="happy"] .mzpc-eye{top:44%;height:9%;border-radius:80% 80% 25% 25%;rotate:-3deg}.mzpc-face[data-eyes="happy"] .mzpc-eye--right{rotate:3deg}
.mzpc-face[data-eyes="focused"] .mzpc-eye{top:45%;height:7%;border-radius:22%}
.mzpc-face[data-idle-motion="true"]:not([data-reaction]){transform-origin:50% 75%;animation:mzpc-idle-bob 6200ms cubic-bezier(.45,0,.35,1) infinite}
.mzpc-face[data-idle-motion="true"]:not([data-reaction]) .mzpc-eye{animation:mzpc-eye-idle 4700ms ease-in-out infinite}
.mzpc-face[data-idle-motion="true"]:not([data-reaction]) .mzpc-eye--right{animation-delay:-1100ms}
.mzpc-face.is-blinking:not([data-reaction]) .mzpc-eye{animation:mzpc-eye-blink 185ms ease-in-out}
.mzpc-face[data-reaction="curious"]{animation:mzpc-head-tilt 1100ms ease-in-out}
.mzpc-face[data-reaction="curious"] .mzpc-eye--left{animation:mzpc-eye-curious 1100ms ease-in-out}
.mzpc-face[data-reaction="curious"] .mzpc-eye--right{animation:mzpc-eye-smile 1100ms ease-in-out}
@keyframes mzpc-idle-bob{0%,100%{transform:translateY(0) rotate(-2deg)}24%{transform:translateY(-2px) rotate(1deg)}46%{transform:translateY(1px) rotate(3deg)}70%{transform:translateY(-3px) rotate(-3deg)}85%{transform:translateY(-1px) rotate(-1deg)}}
@keyframes mzpc-eye-idle{0%,100%{transform:scale(1)}24%{transform:scale(1.04,1.14)}48%{transform:scale(1,.88)}70%{transform:scale(.97,1.07)}86%{transform:scale(1,.95)}}
@media(prefers-reduced-motion:reduce){.mzpc-eyes,.mzpc-face,.mzpc-eye{animation:none!important;transition:none!important;transform:none!important}}