/* Faithful expression sprites: one lightweight asset, shared across both assessment views. */
.q-mascot{display:inline-block;position:relative;isolation:isolate;width:170px;aspect-ratio:1312/1199;height:auto!important;vertical-align:middle;flex:none;pointer-events:none;animation:none!important;mix-blend-mode:normal!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;transform-origin:50% 75%}
.q-mascot>img.q-mascot-fallback{position:absolute!important;inset:0;width:100%!important;height:100%!important;object-fit:contain;margin:0!important;padding:0;animation:none!important;mix-blend-mode:normal!important;background:none!important;box-shadow:none!important;border-radius:0!important;transition:opacity .18s}
.q-mascot-face{position:absolute;inset:0;background-image:url('/assets/qconvo-mascot-expressions.webp');background-size:300% 300%;background-repeat:no-repeat;opacity:0;transition:opacity .18s ease;visibility:hidden;pointer-events:none}
.q-mascot[data-ready=true] .q-mascot-face{visibility:visible}.q-mascot[data-ready=true] .q-face-active{opacity:1}.q-mascot[data-ready=true]>img.q-mascot-fallback{opacity:0}
.q-mascot-cue{position:absolute;right:1%;bottom:3%;display:grid;place-items:center;width:32px;height:32px;border:1px solid #6fe8da77;border-radius:50%;color:#85efdf;background:#103d52;box-shadow:0 4px 12px #02132233}
.q-mascot-cue[hidden]{display:none!important}.q-mascot-cue svg{width:20px;height:20px}
.q-mascot[data-role=guide]{width:155px;margin:0 auto 8px}.assessment-expanded .q-mascot[data-role=guide]{width:155px}
.q-mascot[data-role=toolbar]{width:38px;margin:0}.q-mascot[data-role=toolbar] .q-mascot-cue{display:none}
.q-mascot[data-role=welcome]{display:block;width:140px;margin:0 auto 12px}
.q-mascot[data-role=intro]{width:min(100%,360px);z-index:1}
.q-mascot[data-role=results]{width:170px;margin:0}
.q-conclusion-mascot{text-align:center;margin:0 0 15px}.q-mascot[data-role=goodbye]{width:150px;margin:0 auto}
.q-counter-exact{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.q-counter-motion{font-variant-numeric:tabular-nums}
.wl-metric strong>.q-counter-motion{font:inherit;color:inherit;letter-spacing:inherit;line-height:inherit}
.wl-sample-chart>span{position:relative;transition:filter .25s,box-shadow .25s}.wl-sample-chart>.q-chart-current{filter:brightness(1.25);box-shadow:0 0 0 2px #b7fff1}.wl-sample-chart>.q-chart-current:after{content:'';position:absolute;top:0;left:50%;width:7px;height:7px;border-radius:50%;background:#fff;transform:translate(-50%,-50%)}
@media(max-width:800px){.wl-guide>.q-mascot[data-role=guide]{width:90px;grid-row:1/4;margin:0}.assessment-expanded .wl-guide>.q-mascot[data-role=guide]{width:80px}.q-mascot[data-role=results]{width:100px}}
@media(max-width:600px){.q-mascot[data-role=welcome]{width:115px}}
@media(max-height:740px){.q-mascot[data-role=welcome]{width:85px}}
@media(max-width:430px){.q-mascot[data-role=results]{width:70px}.q-mascot[data-role=goodbye]{width:125px}.q-mascot-cue{width:26px;height:26px}.q-mascot-cue svg{width:16px;height:16px}}
@media(max-width:360px) and (max-height:650px){.q-mascot[data-role=welcome]{width:52px;float:left;margin:0 9px 10px 0}}
@media(prefers-reduced-motion:reduce){.q-mascot,.q-mascot *,.wl-sample-chart>span{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.q-mascot-cue{display:none!important}}