/* QPX-05 — MANAGER + CONVERT + FINAL 2030 : mise en scène. Jetons de l'APP uniquement (qpx/app/qevyo-app.css) : aucune
   nouvelle DA. La lentille Manager garde les styles officiels de l'APP (qpx/app/qevyo-app-manager.css) : produit,
   factuel, calme. CONVERT est dépouillé ; FINAL 2030 retrouve la nuit de l'ouverture — beaucoup d'espace, peu de texte.
   Sans JavaScript ou sous reduced-motion : tout reste lisible, rien ne dépend d'une animation. */

/* Chaque état n'existe à l'écran que dans son état (les écrans gelés ne connaissent pas ces sections). */
html:not([data-qpx-stage=manager]) .qpx-manager,html:not([data-qpx-stage=convert]) .qpx-convert{display:none}

/* La clairière de TODAY pour la lentille et le récapitulatif (mêmes valeurs que qpx.css pour today / prep). */
html:is([data-qpx-stage=manager],[data-qpx-stage=convert]:not([data-qpx-final])) .qpx-sky::after{opacity:1}
html:is([data-qpx-stage=manager],[data-qpx-stage=convert]:not([data-qpx-final])) .qpx-sky__light{opacity:.45}
html:is([data-qpx-stage=manager],[data-qpx-stage=convert]:not([data-qpx-final])) .qpx-env__mist{opacity:.8}
html:is([data-qpx-stage=manager],[data-qpx-stage=convert]:not([data-qpx-final])) .qpx-env__land{filter:sepia(.25) hue-rotate(78deg) saturate(1.45) brightness(.98)}
html:is([data-qpx-stage=manager],[data-qpx-stage=convert]:not([data-qpx-final])) .qpx-env{opacity:.9;translate:0 8%}
html:is([data-qpx-stage=manager],[data-qpx-stage=convert]:not([data-qpx-final])) .qpx-signal{opacity:.55}
html:is([data-qpx-stage=manager],[data-qpx-stage=convert]:not([data-qpx-final])) :is(.qpx-signal__line,.qpx-signal__glow){stroke:var(--q-gold-ink)}
html:is([data-qpx-stage=manager],[data-qpx-stage=convert]:not([data-qpx-final])) .qpx-mark--ready .qpx-mark__dot{fill:var(--q-state-reached-mark)}
html:is([data-qpx-stage=manager],[data-qpx-stage=convert]:not([data-qpx-final])) .qpx-mark--prepare .qpx-mark__dot{fill:var(--q-gold-ink)}
html:is([data-qpx-stage=manager],[data-qpx-stage=convert]:not([data-qpx-final])) .qpx-mark--none .qpx-mark__dot{fill:var(--q-border-strong)}
html:is([data-qpx-stage=manager],[data-qpx-stage=convert]:not([data-qpx-final])) .qpx-dawn__glow{opacity:0;scale:4}
/* FINAL 2030 : la nuit du seuil, l'aube sur la lisière (mêmes valeurs que qpx.css pour seuil / init). */
html[data-qpx-final] body.qpx{background:var(--q-night)}
html[data-qpx-final] .qpx-sky::before{opacity:1}
html[data-qpx-final] .qpx-sky__light{opacity:.55}
html[data-qpx-final] .qpx-env__mist{opacity:.18}
html[data-qpx-final] .qpx-env__land{filter:sepia(1) hue-rotate(118deg) saturate(1.7) brightness(.52)}
html[data-qpx-final] .qpx-dawn__point{opacity:1}
html[data-qpx-final] .qpx-dawn__glow{opacity:.85;scale:2}
html[data-qpx-final] .qpx-signal{opacity:.55}
html[data-qpx-final] .qpx-foot a{color:var(--q-on-dark-secondary)}
html[data-qpx-final] .qpx-foot a:focus-visible{outline:3px solid var(--q-focus-on-dark);outline-offset:2px}

/* ===============================================================================================================
   QPX_MANAGER — « Mon équipe ». */
.qpx-manager{position:relative}
.qpx-manager__page{padding-block-end:calc(var(--q-space-8) + 72px)}
.qpx-manager .q-space-head::after{display:none}
.qpx-manager .q-tc-helps{align-items:start}
.qpx-manager .q-tc-help__action{cursor:pointer}
.qpx-manager .q-tc-help__action[aria-expanded=true]{border-color:var(--q-gold-ink)}
.qpx-plan{display:grid;gap:var(--q-space-2);margin-block-start:var(--q-space-3);padding:var(--q-space-4);border-radius:var(--q-radius-medium);background:var(--q-surface-mist);box-shadow:inset 3px 0 0 var(--q-gold-ink)}
.qpx-plan__facts{display:grid;gap:var(--q-space-2);margin:0}
.qpx-plan__facts>div{display:grid;grid-template-columns:7.5rem minmax(0,1fr);gap:var(--q-space-3);align-items:baseline}
.qpx-plan__facts dt,.qpx-plan__k{margin:0;font:var(--q-weight-strong) var(--q-label)/1.4 var(--q-font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--q-gold-ink)}
.qpx-plan__facts dd{margin:0;line-height:1.45}
.qpx-plan__method{font-weight:var(--q-weight-strong)}
.qpx-plan__shared{display:grid;gap:var(--q-space-2);margin:0;padding:0;list-style:none}
.qpx-plan__shared li{display:grid;gap:2px;font-size:var(--q-body-small)}
.qpx-plan__block{font-weight:var(--q-weight-strong)}
.qpx-manager__next{display:flex;justify-content:flex-end;margin:0}
@media (max-width:479px){
 .qpx-plan__facts>div{grid-template-columns:minmax(0,1fr);gap:2px}
 .qpx-manager__next .q-button{inline-size:100%}
}
/* Corrections Alex — lecture rouge / orange / vert : le BESOIN D'ATTENTION, jamais la valeur de la personne. Toujours
   couleur + texte + icône ; « non partagé » reste gris neutre. Statuts de l'APP : retard (rouge, « En dessous »), rythme
   (ambre, « Dans le rythme »), avance (vert, « Au-dessus ») ; action à mener (orange : demande d'aide, à accompagner). */
.qpx-signal{display:inline-flex;align-items:center;gap:var(--q-space-1);padding:1px var(--q-space-2);border-radius:var(--q-radius-pill);font:var(--q-weight-strong) var(--q-caption)/1.5 var(--q-font-body);white-space:nowrap}
.qpx-signal__icon{font-weight:var(--q-weight-strong)}
.qpx-signal--alert{background:var(--q-state-alert-bg);color:var(--q-state-alert)}
.qpx-signal--pace{background:var(--q-warning-bg);color:var(--q-warning)}
.qpx-signal--ahead{background:var(--q-state-reached-bg);color:var(--q-state-reached)}
.qpx-signal--action{background:var(--q-state-late-bg);color:var(--q-state-late)}
.qpx-signal--neutral{background:var(--q-surface-mist);color:var(--q-text-secondary)}
.qpx-manager .q-tc-help[data-qpx-signal=alert]{box-shadow:inset 4px 0 0 var(--q-state-alert)}
.qpx-manager .q-tc-help[data-qpx-signal=action]{box-shadow:inset 4px 0 0 var(--q-state-late-mark)}
.qpx-manager .q-tc-help[data-qpx-signal=ahead]{box-shadow:inset 4px 0 0 var(--q-state-reached-mark)}
.qpx-manager .q-tc-member[data-qpx-signal]>.q-tc-member__row{box-shadow:inset 4px 0 0 var(--qpx-tone,transparent)}
.qpx-manager .q-tc-member[data-qpx-signal=alert]{--qpx-tone:var(--q-state-alert)}
.qpx-manager .q-tc-member[data-qpx-signal=action]{--qpx-tone:var(--q-state-late-mark)}
.qpx-manager .q-tc-member[data-qpx-signal=ahead]{--qpx-tone:var(--q-state-reached-mark)}
.qpx-manager .q-tc-member[data-qpx-signal=neutral]{--qpx-tone:var(--q-border-strong)}
.qpx-cell-status{grid-column:1 / -1;font:var(--q-weight-strong) var(--q-caption)/1.3 var(--q-font-body)}
.qpx-cell-status--alert{color:var(--q-state-alert)}
.qpx-cell-status--pace{color:var(--q-warning)}
.qpx-cell-status--ahead{color:var(--q-state-reached)}
.qpx-manager .q-tc-cell[data-status=rythme] .q-tc-bar>span{background:var(--q-state-late-lag)}
.qpx-manager .q-tc-cell[data-status=retard] .q-tc-bar>span{background:var(--q-state-alert)}
.qpx-manager .q-tc-cell[data-status=retard] .q-tc-cell__value{color:var(--q-state-alert)}
.qpx-manager .q-rv-discreet{display:flex;align-items:center;gap:var(--q-space-2);margin:var(--q-space-2) 0 0;padding:var(--q-space-3) var(--q-space-4);border-radius:var(--q-radius-medium);background:var(--q-surface-mist);box-shadow:inset 3px 0 0 var(--q-brand);font:var(--q-weight-strong) var(--q-body-small)/1.4 var(--q-font-body);color:var(--q-text)}
.qpx-help__month{font-weight:var(--q-weight-strong);color:var(--q-text)}
/* « Où en est l'équipe maintenant ? » : la lecture actionnable (KPI partagés du mois), l'objectif annuel en contexte. */
.q-tc-goals.qpx-team{grid-template-columns:minmax(0,1fr)}
.qpx-team__fill{display:grid;gap:2px;justify-self:start;margin-block:var(--q-space-2);padding:var(--q-space-3) var(--q-space-4);border-radius:var(--q-radius-medium);background:color-mix(in oklab,var(--q-ivory) 10%,transparent);box-shadow:inset 3px 0 0 var(--q-gold)}
.qpx-team__fill-k{font:var(--q-weight-strong) var(--q-label)/1.4 var(--q-font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--q-gold)}
.qpx-team__fill>span:last-child{font:var(--q-weight-strong) var(--q-body)/1.4 var(--q-font-body);color:var(--q-on-dark)}
.qpx-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none;border-block:1px solid var(--q-on-dark-line)}
.qpx-kpi{display:grid;align-content:start;justify-items:start;gap:var(--q-space-1);min-inline-size:0;padding:var(--q-space-3) var(--q-space-3) var(--q-space-3) 0}
.qpx-kpi+.qpx-kpi{border-inline-start:1px solid var(--q-on-dark-line);padding-inline-start:var(--q-space-3)}
.qpx-kpi__label{font-size:var(--q-caption);line-height:1.3;color:var(--q-on-dark-secondary)}
.qpx-kpi__value{font:var(--q-weight-strong) 1.375rem/1.2 var(--q-font-body);color:var(--q-on-dark)}
.qpx-kpi__gap,.qpx-kpi__left{font-size:var(--q-caption);line-height:1.35;color:var(--q-on-dark)}
.qpx-team__annual{font-size:var(--q-caption);color:var(--q-on-dark-secondary)}
@media (max-width:767px){
 .qpx-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
 .qpx-kpi:nth-child(odd){border-inline-start:0;padding-inline-start:0}
 .qpx-kpi:nth-child(n+3){border-block-start:1px solid var(--q-on-dark-line)}
}
/* « Voir mon équipe » (arbitrage Alex) : le CTA de navigation produit vers la lentille, en haut, persistant, d'un clic ;
   séparé des petits contrôles de session ; ce n'est pas un module (Today / Coach / Review restent les 3 modules). */
.qpx-team-pill{display:inline-flex;align-items:center;justify-content:center;gap:var(--q-space-2);flex:none;box-sizing:border-box;min-block-size:var(--q-tap);padding:0 var(--q-space-4);border:1px solid var(--q-brand-deep);border-radius:var(--q-radius-pill);background:var(--q-brand-deep);color:var(--q-ivory);font:var(--q-weight-strong) var(--q-body-small)/1 var(--q-font-body);white-space:nowrap;cursor:pointer;box-shadow:0 0 0 3px color-mix(in oklab,var(--q-gold) 22%,transparent),0 6px 16px -8px rgb(0 40 34 / 45%)}
.qpx-team-pill:hover{background:var(--q-brand);border-color:var(--q-brand)}
.qpx-team-pill:focus-visible{outline:3px solid var(--q-focus);outline-offset:3px}
.qpx-team-pill[aria-current=page]{background:var(--q-surface);border-color:var(--q-gold-ink);color:var(--q-brand-deep)}
.qpx-team-pill__dot{inline-size:8px;block-size:8px;border-radius:50%;background:var(--q-gold)}
.qpx-team-pill[aria-current=page] .qpx-team-pill__dot{background:var(--q-gold-ink)}
/* Bureau : une ligne — marque, modules au centre, le CTA, puis (séparés) les petits contrôles de session. */
@media (min-width:901px){.qpx-team-pill{margin-inline-end:var(--q-space-2)}.qpx-bar:has(.qpx-team-pill:not([hidden])) .qpx-bar__session{padding-inline-start:var(--q-space-4);border-inline-start:1px solid var(--q-hairline)}}
/* Tablette : ligne 1 marque · CTA · session ; ligne 2 les modules. */
@media (max-width:900px){.qpx-team-pill{margin-inline-start:auto}.qpx-bar:has(.qpx-team-pill:not([hidden])) .qpx-bar__session{margin-inline-start:0}.qpx-bar:has(.qpx-team-pill:not([hidden])) .qpx-bar__profile{display:none}}
/* Téléphone : DEUX lignes compactes, jamais trois (les premiers écrans gelés de RDV_PREP et COACH restent entiers) —
   ligne 1 : marque, DÉMO, le CTA ; ligne 2 : les 3 modules et le son ; l'heure et les initiales (secondaires) se
   retirent, comme le rôle déjà. */
@media (max-width:560px){
 .qpx-bar:has(.qpx-team-pill:not([hidden])){min-block-size:0;padding-block:var(--q-space-1) 0}
 .qpx-bar:has(.qpx-team-pill:not([hidden])) .qpx-modules{order:10;flex:1 1 calc(100% - var(--q-tap) - var(--q-space-2));min-inline-size:0;margin:0 0 var(--q-space-1)}
 .qpx-bar:has(.qpx-team-pill:not([hidden])) .qpx-bar__session{order:11;margin:0 0 var(--q-space-1)}
 .qpx-bar:has(.qpx-team-pill:not([hidden])) :is(.qpx-bar__clock,.qpx-bar__agent){display:none}
 /* Le son : un bouton de 44 px (note + point d'état), son nom complet reste lu (texte présent, seulement réduit). */
 .qpx-bar:has(.qpx-team-pill:not([hidden])) .qpx-sound--bar{justify-content:center;gap:2px;inline-size:var(--q-tap);padding:0;font-size:0}
 .qpx-bar:has(.qpx-team-pill:not([hidden])) .qpx-sound--bar::before{content:"♪";font-size:1rem;line-height:1}
 .qpx-bar:has(.qpx-team-pill:not([hidden])) .qpx-module{padding:0 var(--q-space-2);letter-spacing:.1em}
 .qpx-team-pill{order:2;gap:6px;padding:0 10px;font-size:.8125rem}
 .qpx-team-pill svg{inline-size:16px;block-size:16px}
}
@media (max-width:360px){.qpx-bar:has(.qpx-team-pill:not([hidden])){column-gap:6px}.qpx-bar:has(.qpx-team-pill:not([hidden])) .qevyo-logo{width:80px;height:25px}.qpx-team-pill{gap:5px;padding:0 8px;font-size:var(--q-caption)}.qpx-team-pill__dot{display:none}}
/* Lentille ouverte depuis un rôle sans équipe : une démonstration, jamais une capacité personnelle. */
.qpx-manager__demo{display:flex;align-items:center;gap:var(--q-space-2);margin:0;padding:var(--q-space-3) var(--q-space-4);border-radius:var(--q-radius-medium);background:var(--q-warning-bg);color:var(--q-warning);font:var(--q-weight-strong) var(--q-body-small)/1.4 var(--q-font-body)}
/* Correctif : la prise de parole de l'avatar s'affiche aussi dans REVIEW et la lentille Manager (mêmes valeurs que
   qpx.css pour today / prep, qui ne la montrait que là). */
html:is([data-qpx-stage=review],[data-qpx-stage=manager]) .qpx-speech:not([hidden]){position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:var(--q-space-1) var(--q-space-3);box-sizing:border-box;inline-size:min(100%,40rem);margin-block-end:var(--q-space-2);padding:var(--q-space-4) var(--q-space-3) var(--q-space-4) var(--q-space-5);border:1px solid color-mix(in oklab,var(--q-gold-ink) 45%,var(--q-card-line));border-radius:var(--q-radius-card);background:var(--q-surface);box-shadow:inset 3px 0 0 var(--q-gold-ink),var(--q-shadow-float)}
@media (max-width:767px){html:is([data-qpx-stage=review],[data-qpx-stage=manager]) .qpx-speech:not([hidden]){padding:var(--q-space-3) var(--q-space-2) var(--q-space-3) var(--q-space-4)}}
@media (min-width:1024px){html:is([data-qpx-stage=review],[data-qpx-stage=manager]) .qpx-speech:not([hidden]){inline-size:26rem;translate:-7rem 0}}

/* La navigation de démonstration en fin de REVIEW (distincte des actions de l'APP). */
.qpx-review__next{display:flex;justify-content:flex-end;margin:0}
@media (max-width:479px){.qpx-review__next .q-button{inline-size:100%}}

/* ===============================================================================================================
   QPX_CONVERT — ce que le visiteur vient de vivre ; puis FINAL 2030. */
.qpx-convert{position:relative}
.qpx-convert__page{box-sizing:border-box;display:grid;max-inline-size:var(--q-reading-max);margin:0 auto;padding:clamp(var(--q-space-6),10vh,var(--q-space-8)) var(--q-gutter) calc(var(--q-space-8) + 72px);min-inline-size:0;overflow-wrap:anywhere}
.qpx-convert p,.qpx-convert h1,.qpx-convert h2{margin:0}
.qpx-convert__recap{display:grid;gap:var(--q-space-5)}
.qpx-convert__title{font:var(--q-weight-medium) clamp(2rem,1.5rem + 2vw,3.25rem)/1.08 var(--q-font-display);letter-spacing:-.02em;color:var(--q-title-ink);outline:none;text-wrap:balance}
.qpx-convert__lead{font:var(--q-weight-regular) var(--q-lead-space)/1.45 var(--q-font-body);color:var(--q-text-secondary)}
.qpx-lived{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--q-space-2) var(--q-space-5);margin:0;padding:0;list-style:none;counter-reset:qpx-lived}
.qpx-lived li{display:grid;gap:2px;padding-block:var(--q-space-2);border-block-start:1px solid var(--q-hairline);counter-increment:qpx-lived}
.qpx-lived strong{font:var(--q-weight-strong) var(--q-body)/1.3 var(--q-font-body);color:var(--q-brand)}
.qpx-lived span{font-size:var(--q-body-small);color:var(--q-text-secondary)}
.qpx-convert__next{margin:0}
@media (max-width:479px){.qpx-lived{grid-template-columns:minmax(0,1fr)}.qpx-convert__next .q-button{inline-size:100%}}

html[data-qpx-js]:not([data-qpx-final]) .qpx-final{display:none}
html[data-qpx-final] .qpx-convert__recap{display:none}
.qpx-final{display:grid;justify-items:center;align-content:center;gap:var(--q-space-6);min-block-size:calc(100svh - 220px);text-align:center;color:var(--q-on-dark)}
.qpx-final__text{max-inline-size:18ch;font:var(--q-weight-medium) clamp(2.25rem,1.6rem + 3vw,4.25rem)/1.08 var(--q-font-display);letter-spacing:-.022em;color:var(--q-ivory);outline:none;text-wrap:balance;font-variant-numeric:lining-nums}
.qpx-final__ask{max-inline-size:30ch;font:var(--q-weight-regular) clamp(1.125rem,1rem + .5vw,1.375rem)/1.5 var(--q-font-body);color:var(--q-on-dark-secondary);text-wrap:balance}
.qpx-final__cta{margin:0}
.qpx-final__join{min-block-size:52px;padding-inline:var(--q-space-6);background:var(--q-ivory);color:var(--q-night);border-color:var(--q-ivory)}
.qpx-final__join:hover{background:var(--q-gold);border-color:var(--q-gold)}
.qpx-final__join:focus-visible{outline:3px solid var(--q-focus-on-dark);outline-offset:3px}

/* La demande d'accès bêta (formulaire de production, contrat V8) : une carte claire, lisible, sur la nuit. */
.qpx-join{box-sizing:border-box;inline-size:min(100%,34rem);padding:var(--q-space-5);border-radius:var(--q-radius-card);background:var(--q-surface);color:var(--q-text);text-align:start;box-shadow:0 0 0 6px color-mix(in oklab,var(--q-gold) 12%,transparent),0 30px 60px -28px rgb(0 0 0 / 55%);scroll-margin-block-start:96px}
.qpx-join__form{display:grid;gap:var(--q-space-4)}
.qpx-join__title{font:var(--q-weight-medium) var(--q-h3)/1.2 var(--q-font-display);color:var(--q-title-ink)}
.qpx-join__optional{font:var(--q-weight-regular) var(--q-body-small)/1 var(--q-font-body);color:var(--q-text-secondary)}
.qpx-join__group{margin:0;padding:0;border:0;min-inline-size:0}
.qpx-join__choices{display:grid;gap:var(--q-space-2)}
.qpx-join__choices--pills{grid-template-columns:repeat(auto-fill,minmax(6.5rem,1fr))}
.qpx-join__choice,.qpx-join__check{display:flex;align-items:center;gap:var(--q-space-3);min-block-size:var(--q-tap);padding:0 var(--q-space-3);border:1px solid var(--q-border);border-radius:var(--q-radius-small);background:var(--q-surface-raised);cursor:pointer}
.qpx-join__check{border:0;padding:0;background:none}
.qpx-join__choice:has(input:checked){border-color:var(--q-brand);background:var(--q-success-bg)}
.qpx-join input[type=radio],.qpx-join input[type=checkbox]{flex:none;inline-size:20px;block-size:20px;margin:0;accent-color:var(--q-brand)}
.qpx-join :is(input,textarea):focus-visible,.qpx-join__choice:has(input:focus-visible){outline:3px solid var(--q-focus);outline-offset:2px}
.qpx-join [aria-invalid=true]{border-color:var(--q-danger)}
.qpx-join__error,.qpx-join__status{margin:0;font:var(--q-weight-strong) var(--q-body-small)/1.4 var(--q-font-body);color:var(--q-danger)}
.qpx-join__submit{justify-self:start}
.qpx-join__notice a{display:inline-flex;align-items:center;min-block-size:var(--q-tap);color:var(--q-brand);text-underline-offset:3px}
.qpx-join__notice a:focus-visible{outline:3px solid var(--q-focus);outline-offset:2px}
.qpx-join__trap{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.qpx-join__done{display:grid;gap:var(--q-space-4)}
.qpx-join__done-title,.qpx-join__thanks{font:var(--q-weight-medium) var(--q-h3)/1.25 var(--q-font-display);color:var(--q-title-ink);outline:none}
.qpx-join__actions{display:flex;flex-wrap:wrap;gap:var(--q-space-3);margin:0}
.qpx-join textarea{resize:vertical}
@media (max-width:479px){.qpx-join{padding:var(--q-space-4)}.qpx-join__submit{inline-size:100%;justify-self:stretch}.qpx-final__join{inline-size:100%}}

/* ===============================================================================================================
   Motion = narration. Sous no-preference uniquement ; reduced-motion : états finaux, sans transition. */
@media (prefers-reduced-motion:no-preference){
 html[data-qpx-final] .qpx-final__text{animation:qpx-final-in 1.2s var(--q-ease) .15s backwards}
 html[data-qpx-final] .qpx-final__ask{animation:qpx-final-in 1s var(--q-ease) .9s backwards}
 html[data-qpx-final] .qpx-final__cta{animation:qpx-final-in .8s var(--q-ease) 1.5s backwards}
 html[data-qpx-stage=convert]:not([data-qpx-final]) .qpx-lived li{animation:qpx-final-in .5s var(--q-ease) backwards}
 html[data-qpx-stage=convert]:not([data-qpx-final]) .qpx-lived li:nth-child(2){animation-delay:.1s}
 html[data-qpx-stage=convert]:not([data-qpx-final]) .qpx-lived li:nth-child(3){animation-delay:.2s}
 html[data-qpx-stage=convert]:not([data-qpx-final]) .qpx-lived li:nth-child(4){animation-delay:.3s}
 html[data-qpx-stage=convert]:not([data-qpx-final]) .qpx-lived li:nth-child(5){animation-delay:.4s}
 html[data-qpx-stage=convert]:not([data-qpx-final]) .qpx-lived li:nth-child(6){animation-delay:.5s}
 @keyframes qpx-final-in{from{opacity:0;translate:0 10px}}
 html:is([data-qpx-stage=review],[data-qpx-stage=manager]) .qpx-speech:not([hidden]){animation:qpx-speak .5s var(--q-ease) backwards}
}
@media (prefers-reduced-motion:reduce){
 .qpx-manager *,.qpx-convert *{transition:none!important;animation:none!important}
}