/* Romy & Pepite — lecteur du livre. Tout est calibre pour que RIEN NE BOUGE. */
.eqr{--or:#C9A959;--orclair:#E3C271;--vert:#0E4A46;--fond:#08312F;--creme:#FFFDF7;
  background:var(--fond);border-radius:14px;overflow:hidden;margin:0 0 2rem;
  box-shadow:0 18px 44px rgba(8,49,47,.26);position:relative;}
.eqr *{box-sizing:border-box;}
.eqr-scene{position:relative;aspect-ratio:3/2;background:#061a19;}
.eqr-plan{position:absolute;inset:0;opacity:0;transition:opacity .5s ease;}
.eqr-plan.on{opacity:1;}
.eqr-plan img{width:100%;height:100%;object-fit:cover;display:block;}

/* couverture */
.eqr-couv{position:absolute;inset:0;z-index:6;display:grid;place-items:center;text-align:center;
  padding:1.6rem;background-size:cover;background-position:center;}
.eqr-couv h2{font-family:Georgia,"Times New Roman",serif;color:#FBFAF7;margin:.2rem 0 .5rem;
  font-size:clamp(1.4rem,4.4vw,2.5rem);line-height:1.12;}
.eqr-serie{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--orclair);margin:0;}
.eqr-sous{color:#CBD6CE;max-width:34ch;margin:.2rem auto 1.2rem;font-size:.95rem;}
.eqr-duree{color:#9FB3AC;font-size:.8rem;margin:.9rem 0 0;}
.eqr-btns{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center;}
.eqr-btn{border:0;border-radius:12px;padding:.85rem 1.35rem;background:var(--or);color:#16241C;
  font-weight:700;font-size:1rem;cursor:pointer;font-family:inherit;}
.eqr-btn.creux{background:transparent;color:#8FE0B4;border:1px solid rgba(143,224,180,.35);}

/* LE BLOC TEXTE — HAUTEUR FIXE. C'est lui qui faisait bouger la barre. */
.eqr-texte{background:var(--creme);border-top:3px solid var(--or);
  height:9.5rem;display:grid;align-items:center;padding:.9rem 1.2rem;}
@media (max-width:600px){.eqr-texte{height:8.5rem;padding:.8rem 1rem;}}
.eqr-p{margin:0;font-size:clamp(1.05rem,3.6vw,1.25rem);line-height:1.55;color:#13221F;
  max-width:60ch;text-align:center;justify-self:center;}
.eqr-p .mot{display:inline-block;transition:color .15s ease,transform .15s ease;}
.eqr-p .mot.lu{color:var(--vert);font-weight:700;transform:scale(1.18);}

/* LA BARRE — collee en bas, jamais reordonnee */
.eqr-jauge{height:3px;background:rgba(255,255,255,.12);}
.eqr-jauge>i{display:block;height:100%;width:0;background:var(--orclair);transition:width .2s linear;}
.eqr-barre{position:sticky;bottom:0;z-index:7;display:flex;align-items:center;gap:.45rem;
  padding:.6rem .7rem;background:var(--vert);flex-wrap:nowrap;
  padding-bottom:calc(.6rem + env(safe-area-inset-bottom));}
/* Tant que le livre est a l'ecran, la barre se colle au bas de l'ECRAN et n'en sort
   jamais. `sticky` seul ne suffit pas : il colle au bas du CONTENEUR, donc la barre
   partait avec le lecteur des qu'on faisait defiler (mesure : invisible a y=1200). */
.eqr-barre.flottante{position:fixed;left:0;right:0;bottom:0;border-radius:0;
  box-shadow:0 -8px 24px rgba(6,20,18,.35);}
.eqr-cale{display:none;}
.eqr-cale.on{display:block;}
.eqr-mini{flex:0 0 auto;width:44px;height:44px;border-radius:10px;background:rgba(255,255,255,.09);
  border:1px solid rgba(255,255,255,.17);color:#EAF3F0;cursor:pointer;font-size:1rem;
  display:grid;place-items:center;padding:0;font-family:inherit;}
.eqr-mini[aria-pressed="true"]{background:#4FD1C5;color:#06231F;}
.eqr-vit{width:56px;font-variant-numeric:tabular-nums;font-size:.85rem;}
.eqr-pos{margin-left:auto;flex:0 0 auto;width:5.6rem;text-align:right;
  font-variant-numeric:tabular-nums;font-size:.75rem;color:#9FB3AC;white-space:nowrap;}

/* L'ECRAN DE FIN */
.eqr-fin{position:absolute;inset:0;z-index:8;display:none;place-items:center;text-align:center;
  padding:1.5rem;background:linear-gradient(180deg,rgba(6,20,18,.72),rgba(6,20,18,.94));}
.eqr-fin.on{display:grid;}
.eqr-fin h3{font-family:Georgia,serif;color:#FBFAF7;margin:0 0 .4rem;font-size:clamp(1.2rem,4vw,1.8rem);}
.eqr-fin p{color:#CBD6CE;max-width:38ch;margin:0 auto .9rem;font-size:.95rem;}
.eqr-form{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;max-width:26rem;margin:0 auto;}
.eqr-form input[type=email]{flex:1 1 12rem;min-width:0;padding:.8rem .9rem;border-radius:10px;
  border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.96);font-size:1rem;font-family:inherit;}
.eqr-hp{position:absolute;left:-9999px;}
.eqr-mention{color:#9FB3AC;font-size:.74rem;max-width:34ch;margin:.8rem auto 0;line-height:1.45;}
.eqr-ok{color:var(--orclair);font-weight:700;}
@media (prefers-reduced-motion:reduce){.eqr-plan,.eqr-p .mot{transition:none;}}