/* PelQi's eye and moods, shared with the app. */
/* ---------- ENG-151: PelQi's eye */
.pq{overflow:visible;--pq-ink:#2d3a3f;--pq-paper:#f2f4f7}
.pq .pq-ring{fill:none;stroke:var(--pq-ink);stroke-width:2.4;stroke-dasharray:97.4 28.3;stroke-dashoffset:-10;transform:rotate(-90deg);transform-origin:24px 24px;animation:pqspin 14s linear infinite;transition:stroke .6s}
.pq .pq-iris{fill:#1b2428;stroke:rgba(27,36,40,.18);stroke-width:1}
.pq .pq-pupil{fill:var(--pelqi);transform-origin:24px 24px;transition:transform .6s,fill .6s}
.pq .pq-glint{fill:#fff;opacity:.85}
.pq .pq-eye{transform-origin:24px 24px;transition:transform .6s}
.pq .pq-blink{transform-origin:24px 24px;animation:pqblink 6.5s ease-in-out infinite}
.pq .pq-look{animation:pqglance 11s ease-in-out infinite}
.pq[data-mood=curious] .pq-ring{stroke:var(--warn)}.pq[data-mood=curious] .pq-pupil{transform:scale(1.14)}
.pq[data-mood=thinking] .pq-ring{stroke:var(--info);animation-duration:3s}
.pq[data-mood=concerned] .pq-ring{stroke:var(--bad)}.pq[data-mood=concerned] .pq-eye{transform:scaleY(.72)}
.pq[data-mood=proud] .pq-ring{stroke:var(--ok)}
.auth-art .pq,.cta-band .pq,.dock-panel .pq,.dock-btn .pq{--pq-ink:#f2f4f7}
.dock-panel .pq .pq-iris,.dock-btn .pq .pq-iris{fill:#2b3236;stroke:rgba(242,239,233,.42)}
.dock-btn .pq .pq-pupil,.dock-panel .pq .pq-pupil{filter:drop-shadow(0 0 3px rgba(232,149,107,.9))}
@keyframes pqblink{0%,44%,49%,100%{transform:scaleY(1)}46.5%{transform:scaleY(.08)}}
@keyframes pqglance{0%,18%{transform:translate(0,0)}24%,38%{transform:translate(3.2px,-1px)}44%,58%{transform:translate(-3.2px,.6px)}64%,100%{transform:translate(0,0)}}
@keyframes pqspin{from{transform:rotate(-90deg)}to{transform:rotate(270deg)}}

/* ================================================================ ENG-153: PelQi's emotions */
.pq{overflow:visible}
.pq .pq-halo{fill:none;stroke:transparent}
.pq .pq-ring{transition:stroke .6s,stroke-dasharray .9s cubic-bezier(.2,.8,.2,1),opacity .6s}
.pq .pq-iris{stroke-width:.9}
.pq .pq-eye,.pq .pq-blink,.pq .pq-look,.pq .pq-glance{transform-box:view-box;transform-origin:24px 24px}
.pq .pq-look{animation:none;transition:transform .9s cubic-bezier(.2,.8,.2,1)}
.pq .pq-glance{animation:pqglance 11s ease-in-out infinite}
.pq .pq-pupil{transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.pq[data-mood=resting] .pq-ring{opacity:.45;animation:pqspin 14s linear infinite,pqbreathe 5s ease-in-out infinite}
.pq[data-mood=resting] .pq-eye{transform:scaleY(.38)}
.pq[data-mood=resting] .pq-glance{animation:none}
.pq[data-mood=listening] .pq-ring{stroke:#f7b48e;stroke-dasharray:125.7 0}
.pq[data-mood=listening] .pq-eye{transform:scale(1.06)}
.pq[data-mood=listening] .pq-glance{animation:none}
.pq[data-mood=listening] .pq-halo{stroke:rgba(247,180,142,.35);stroke-width:.6;animation:pqpulse 1.6s ease-out infinite}
.pq[data-mood=thinking] .pq-ring{stroke:#7b97e0;stroke-dasharray:18 8;animation:pqspin 1.2s linear infinite}
.pq[data-mood=thinking] .pq-glance{animation:pqscan 1.2s ease-in-out infinite}
.pq[data-mood=thinking] .pq-blink{animation:none}
.pq[data-mood=working] .pq-ring{stroke:var(--pelqi);stroke-dasharray:8 4;animation:pqspin 2.4s linear infinite}
.pq[data-mood=working] .pq-eye{transform:scaleY(.82)}
.pq[data-mood=working] .pq-glance{animation:pqscan .9s ease-in-out infinite}
.pq[data-mood=speaking] .pq-ring{stroke:#f7b48e}
.pq[data-mood=speaking] .pq-pupil{animation:pqtalk .7s ease-in-out infinite}
.pq[data-mood=speaking] .pq-glance{animation:none}
.pq[data-mood=asking] .pq-ring{stroke:#e9a23b;stroke-dasharray:125.7 0;animation:pqheart 1.6s ease-in-out infinite}
.pq[data-mood=asking] .pq-eye{transform:rotate(-8deg) scale(1.05)}
.pq[data-mood=asking] .pq-glance{animation:none}
.pq[data-mood=curious] .pq-ring{stroke:#e9a23b}
.pq[data-mood=curious] .pq-pupil{transform:scale(1.18)}
.pq[data-mood=curious] .pq-eye{transform:rotate(6deg)}
.pq[data-mood=proud] .pq-ring{stroke:#3fbf86;stroke-dasharray:125.7 0;animation:pqexhale 2s cubic-bezier(.2,.8,.2,1) 1}
.pq[data-mood=proud] .pq-eye{transform:scaleY(.8)}
.pq[data-mood=concerned] .pq-ring{stroke:#e5675f}
.pq[data-mood=concerned] .pq-eye{transform:scaleY(.66)}
.pq[data-mood=concerned] .pq-glance{animation:none}
.pq.follow .pq-glance{animation:none}
.pq.follow[data-mood=thinking] .pq-glance,.pq.follow[data-mood=working] .pq-glance{animation:pqscan 1.2s ease-in-out infinite}
@keyframes pqscan{0%,100%{transform:translate(-3px,0)}50%{transform:translate(3px,0)}}
@keyframes pqtalk{50%{transform:scale(1.25)}}
@keyframes pqbreathe{50%{opacity:.25}}
@keyframes pqpulse{0%{transform:scale(1);opacity:1}100%{transform:scale(1.18);opacity:0}}
@keyframes pqheart{0%,60%,100%{transform:rotate(-90deg) scale(1)}12%{transform:rotate(-90deg) scale(1.05)}24%{transform:rotate(-90deg) scale(1)}36%{transform:rotate(-90deg) scale(1.035)}}
@keyframes pqexhale{0%{transform:rotate(-90deg) scale(1)}40%{transform:rotate(-90deg) scale(1.07)}100%{transform:rotate(-90deg) scale(1)}}
.pq .pq-halo{transform-box:view-box;transform-origin:24px 24px}