@property --fond-page { syntax:'<color>'; inherits:true; initial-value:#9aadbc; }
@property --encre-page { syntax:'<color>'; inherits:true; initial-value:#182f2a; }

.lecteur-illustre {
  position: relative; flex: 1; min-width: 0; min-height: 0; overflow: hidden;
  background: #141c1c; color: var(--white-color);
  --lumiere: rgba(34,55,58,.25); --emotion: rgba(73,173,182,.16);

  /* Réglages simples des quatre PNG de ciel. */
  --ciel-top: -5%;
  --ciel-gauche: -20%;
  --ciel-droite: -20%;
  --ciel-hauteur: 25%;
  --ciel-opacite: .6;
  --ciel-fondu-bas-debut: 29%;
  --ciel-fondu-bord: 0%;
  --ciel-cadrage-x: center;
  --ciel-cadrage-y: top;

  /* Couche PNG des nuages : 0 = aucun, 1 = couverture maximale. */
  --nuages-quantite: .1;
  --nuages-top: 0%;
  --nuages-gauche: 0%;
  --nuages-droite: 0%;
  --nuages-hauteur: 80%;
  --nuages-cadrage-x: center;
  --nuages-cadrage-y: top;

  /* Rectangle de déplacement des astres, sans modifier leur diamètre. */
  --astres-top: -1%;
  --astres-gauche: -10%;
  --astres-droite: -11%;
  --astres-hauteur: 13%;
  --astres-fondu-bas-debut: 55%;
  --astres-fondu-bas-fin: 100%;

  /* Décor illustré inférieur. */
  --decor-top: 66%;
  --decor-bottom: 4.8rem;
  --decor-gauche: 0%;
  --decor-droite: 0%;
  --decor-opacite: .92;
  --decor-fondu-haut-debut: 0%;
  --decor-fondu-haut-milieu: 10%;
  --decor-fondu-haut-fin: 50%;
  --decor-cadrage-x: center;
  --decor-cadrage-y: center;
  --decor-taille: cover;
  --decor-transition-duree: 4s;
}
.lecteur-illustre[data-mode="pages"] { touch-action:none; -webkit-tap-highlight-color:transparent; }

/* Couches narratives validées dans les laboratoires ciel et météo. */
.lecteur-illustre { --fond-page:#9aadbc; --encre-page:#182f2a; --coeur-intensite:0; background:var(--fond-page); color:var(--encre-page); transition:--fond-page 2.5s ease,--encre-page 2.5s ease,background-color 2.5s ease,color 2.5s ease; }
.lecteur-illustre__fond { background:var(--fond-page); transition:background-color 2.5s ease; }
.lecteur-illustre__lumiere { display:none; }
.lecteur-illustre__ciel { height:100%; background:none!important; overflow:visible; }
.lecteur-illustre__ciel-images {
  position:absolute;
  top:var(--ciel-top);
  right:var(--ciel-droite);
  bottom:auto;
  left:var(--ciel-gauche);
  height:var(--ciel-hauteur);
  opacity:var(--ciel-opacite);
  overflow:hidden;
  pointer-events:none;
  transition:opacity 700ms ease;
}
.lecteur-illustre__ciel img { position:absolute; inset:0; width:100%; height:100%; }
.lecteur-illustre__ciel .lecteur-illustre__nuages {
  position:absolute;
  top:var(--nuages-top);
  right:auto;
  bottom:auto;
  left:var(--nuages-gauche);
  width:calc(100% - var(--nuages-gauche) - var(--nuages-droite));
  height:var(--nuages-hauteur);
  object-fit:fill;
  object-position:var(--nuages-cadrage-x) var(--nuages-cadrage-y);
  opacity:var(--nuages-quantite);
  transition:opacity 900ms ease;
  pointer-events:none;
  z-index:.5;
}
.lecteur-illustre__ciel canvas {
  position:absolute;
  top:var(--astres-top);
  right:auto;
  bottom:auto;
  left:var(--astres-gauche);
  width:calc(100% - var(--astres-gauche) - var(--astres-droite));
  height:var(--astres-hauteur);
  -webkit-mask-image:linear-gradient(to bottom,#000 0,#000 var(--astres-fondu-bas-debut),transparent var(--astres-fondu-bas-fin));
  mask-image:linear-gradient(to bottom,#000 0,#000 var(--astres-fondu-bas-debut),transparent var(--astres-fondu-bas-fin));
  opacity:1;
  transition:opacity 900ms ease;
}
.lecteur-illustre[data-ciel-masque] .lecteur-illustre__ciel-images,
.lecteur-illustre[data-ciel-masque] .lecteur-illustre__ciel canvas { opacity:0; }
.lecteur-illustre[data-meteo-arretee] .lecteur-illustre__nuages { opacity:0; }
.lecteur-illustre__ciel img {
  object-fit:cover;
  object-position:var(--ciel-cadrage-x) var(--ciel-cadrage-y);
  opacity:0;
  -webkit-mask-image:
    linear-gradient(to right,transparent 0,#000 var(--ciel-fondu-bord),#000 calc(100% - var(--ciel-fondu-bord)),transparent 100%),
    linear-gradient(to bottom,#000 0,#000 var(--ciel-fondu-bas-debut),transparent 100%);
  -webkit-mask-composite:source-in;
  mask-image:
    linear-gradient(to right,transparent 0,#000 var(--ciel-fondu-bord),#000 calc(100% - var(--ciel-fondu-bord)),transparent 100%),
    linear-gradient(to bottom,#000 0,#000 var(--ciel-fondu-bas-debut),transparent 100%);
  mask-composite:intersect;
  transition:opacity 2.5s ease;
}
.lecteur-illustre__ciel canvas { z-index:1; }
.lecteur-illustre__decor { z-index:1; }
.lecteur-illustre__texte { color:var(--encre-page); text-shadow:0 1px 9px color-mix(in srgb,var(--fond-page) 78%,transparent); transition:color 2.5s ease; }
.lecteur-illustre__repere { color:var(--encre-page); text-shadow:0 1px 7px color-mix(in srgb,var(--fond-page) 82%,transparent); transition:color 2.5s ease; }
.lecteur-illustre__repere strong { color:inherit; }
.lecteur-illustre__repere > div { color:color-mix(in srgb,var(--encre-page) 70%,transparent); border-color:color-mix(in srgb,var(--encre-page) 22%,transparent); }
.lecteur-illustre__ra { position:absolute; z-index:3; top:.7rem; left:.7rem; width:min(38vw,24rem); height:min(36vh,18rem); object-fit:contain; object-position:left top; pointer-events:none; opacity:0; transform:scale(.98); transition:opacity .7s ease,transform .7s ease; }
.lecteur-illustre[data-ra="lecia"] .lecteur-illustre__ra,.lecteur-illustre[data-ra="active"] .lecteur-illustre__ra,.lecteur-illustre[data-ra="true"] .lecteur-illustre__ra { opacity:.72; transform:scale(1); animation:lecteur-illustre-ra-pulse 5s ease-in-out infinite; }
.lecteur-illustre__coeur { position:absolute; z-index:3; inset:0; pointer-events:none; opacity:var(--coeur-intensite); filter:opacity(1); background:radial-gradient(ellipse at center,transparent 24%,rgba(255,0,18,.16) 70%,rgba(255,0,18,.95) 100%); animation:lecteur-illustre-coeur 4s ease-in-out infinite; }
.lecteur-illustre__meteo { opacity:0; transition:opacity .42s ease; }
.lecteur-illustre[data-meteo-visible]:not([data-meteo-arretee]) .lecteur-illustre__meteo { opacity:1; }
.lecteur-illustre__meteo iframe { width:100%; height:100%; border:0; background-color:transparent!important; color-scheme:normal; pointer-events:none; }
@keyframes lecteur-illustre-ra-pulse { 50% { opacity:.56; } }
@keyframes lecteur-illustre-coeur { 50% { filter:opacity(.42); } }
.lecteur-illustre__fond, .lecteur-illustre__lumiere, .lecteur-illustre__ciel,
.lecteur-illustre__decor, .lecteur-illustre__emotion, .lecteur-illustre__meteo { position: absolute; inset: 0; pointer-events: none; }
.lecteur-illustre__fond { z-index:0; overflow:hidden; background:var(--fond-page); transition:background-color 2.5s ease; }
.lecteur-illustre__lumiere { background: var(--lumiere); transition: background 700ms ease; }
.lecteur-illustre__ciel { top:0; right:0; bottom:auto; left:0; background:none; }
.lecteur-illustre__decor {
  top:48%; bottom:4.8rem; background:none; opacity:0;
  filter:brightness(1) saturate(1) hue-rotate(0deg);
  transition:opacity 850ms ease,filter 2.5s ease;
}
.lecteur-illustre[data-moment="aube"] .lecteur-illustre__decor { filter:brightness(.95) saturate(.96) sepia(.04) hue-rotate(-2deg); }
.lecteur-illustre[data-moment="jour"] .lecteur-illustre__decor { filter:brightness(1) saturate(1) hue-rotate(0deg); }
.lecteur-illustre[data-moment="soir"] .lecteur-illustre__decor { filter:brightness(.84) saturate(.9) sepia(.03) hue-rotate(3deg); }
.lecteur-illustre[data-moment="nuit"] .lecteur-illustre__decor { filter:brightness(.68) saturate(.82) contrast(1.02) hue-rotate(5deg); }
.lecteur-illustre__emotion {
  z-index: 1; background: radial-gradient(ellipse at center, transparent 35%, var(--emotion) 100%);
  transition: background 700ms ease;
}
.lecteur-illustre[data-moment="aube"] { --lumiere: rgba(177,101,23,.13); }
.lecteur-illustre[data-moment="soir"] { --lumiere: rgba(70,42,44,.28); }
.lecteur-illustre[data-moment="nuit"] { --lumiere: rgba(3,8,16,.58); }
.lecteur-illustre[data-ciel*="brume"] .lecteur-illustre__ciel { background: linear-gradient(to bottom, #708184, #415657 58%, transparent); opacity: .52; }
.lecteur-illustre[data-ciel*="nuit"] .lecteur-illustre__ciel { background: linear-gradient(to bottom, #07101b, #17252d 60%, transparent); }
.lecteur-illustre[data-ciel*="aube"] .lecteur-illustre__ciel { background: linear-gradient(to bottom, #765b4a, #395257 60%, transparent); }
.lecteur-illustre[data-decor] .lecteur-illustre__decor { background:none; opacity:0; }
.lecteur-illustre[data-decor="havre-caux"] .lecteur-illustre__decor {
  top:54%;
  background-image:url('../../stories/vdz/assets/decors/havre-caux-skyline-v2.png');
  background-repeat:no-repeat;
  background-position:center bottom;
  background-size:100% auto;
  opacity:.88;
}
.lecteur-illustre[data-decor="zeph"] .lecteur-illustre__decor {
  top:62%;
  background-image:url('../../stories/vdz/assets/decors/zeph-interieur-skyline-v1.png');
  background-repeat:no-repeat;
  background-position:center bottom;
  background-size:100% auto;
  opacity:.9;
}
.lecteur-illustre[data-decor="overnaute"] .lecteur-illustre__decor {
  top:54%;
  background-image:url('../../stories/vdz/assets/decors/havre-caux-skyline-v1.png');
  background-repeat:no-repeat;
  background-position:center bottom;
  background-size:100% auto;
  opacity:.88;
}
.lecteur-illustre[data-decor="ilot-tech-paris"] .lecteur-illustre__decor {
  top:54%;
  background-image:url('../../stories/vdz/assets/decors/paris-ilot-tech-skyline-v1.png');
  background-repeat:no-repeat;
  background-position:center bottom;
  background-size:100% auto;
  opacity:.9;
}
.lecteur-illustre[data-decor="sexotherapie-tech"] .lecteur-illustre__decor {
  top:54%;
  background-image:url('../../stories/sexotherapeute-ia/assets/decors/paris-ilot-tech-skyline-v1.png');
  background-repeat:no-repeat;
  background-position:center bottom;
  background-size:100% auto;
  opacity:.9;
}
.lecteur-illustre[data-decor-transition] .lecteur-illustre__decor { opacity:0; }

/* Prototype illustré : le ciel narratif reste visible au-dessus de la scène. */
.lecteur-illustre[data-illustration] .lecteur-illustre__fond {
  background:linear-gradient(to bottom,var(--fond-page) 0,var(--fond-page) 48%,color-mix(in srgb,var(--fond-page) 88%,transparent) 67%,transparent 88%);
}
.lecteur-illustre[data-illustration] .lecteur-illustre__decor {
  top:var(--decor-top); right:var(--decor-droite); bottom:var(--decor-bottom); left:var(--decor-gauche); z-index:1;
  background-image:none!important;
  background-repeat:no-repeat;
  background-position:var(--decor-cadrage-x) var(--decor-cadrage-y);
  background-size:var(--decor-taille);
  opacity:var(--decor-opacite);
  -webkit-mask-image:linear-gradient(to bottom,transparent var(--decor-fondu-haut-debut),rgba(0,0,0,.18) var(--decor-fondu-haut-milieu),#000 var(--decor-fondu-haut-fin));
  mask-image:linear-gradient(to bottom,transparent var(--decor-fondu-haut-debut),rgba(0,0,0,.18) var(--decor-fondu-haut-milieu),#000 var(--decor-fondu-haut-fin));
}
.lecteur-illustre__decor-calque {
  position:absolute;
  inset:0;
  background-repeat:no-repeat;
  background-position:var(--decor-cadrage-x) var(--decor-cadrage-y);
  background-size:var(--decor-taille);
  opacity:0;
  transition:opacity var(--decor-transition-duree) ease-in-out;
}
.lecteur-illustre__decor-calque.est-visible { opacity:1; }
.lecteur-illustre[data-illustration-absente] .lecteur-illustre__decor { background-image:none!important; opacity:0!important; }
.lecteur-illustre[data-decor-masque] .lecteur-illustre__decor { opacity:0!important; }
.lecteur-illustre[data-illustration] .lecteur-illustre__texte { text-shadow:0 1px 7px color-mix(in srgb,var(--fond-page) 80%,transparent); }

/* Le lecteur mobile occupe un viewport fermé : HUD et navigation restent visibles ensemble. */
.vue[data-vue="lecteur"] { height:100dvh; min-height:0; overflow:hidden; isolation:isolate; }
.vue[data-vue="lecteur"][data-active] { position:fixed; inset:0; height:auto; min-height:0; }
.vue[data-vue="lecteur"] > .hud { position:relative; flex:0 0 auto; z-index:30; }
.vue[data-vue="lecteur"] > #scene { flex:1 1 auto!important; min-height:0!important; overflow:hidden; }
.lecteur-illustre[data-emotion="inquietude"] { --emotion: rgba(177,101,23,.28); }
.lecteur-illustre[data-emotion="intimite"] { --emotion: rgba(73,173,182,.22); }
.lecteur-illustre[data-emotion="emerveillement"] { --emotion: rgba(170,219,238,.2); }

.lecteur-illustre__zone-texte { position:absolute; z-index:2; top:6rem; right:4rem; bottom:17rem; left:4rem; max-width:38rem; margin-inline:auto; overflow:hidden; }
.lecteur-illustre__flux { position:absolute; inset:0; display:flex; overflow-x:auto; overflow-y:hidden; scroll-snap-type:x mandatory; scroll-behavior:auto; overscroll-behavior:contain; touch-action:none; scrollbar-width:none; cursor:pointer; user-select:none; -webkit-tap-highlight-color:transparent; }
.lecteur-illustre__flux:focus:not(:focus-visible) { outline:none; }
.lecteur-illustre__flux::-webkit-scrollbar { display: none; }
.lecteur-illustre__flux:active { cursor: grabbing; }
.lecteur-illustre__ecran { flex:0 0 100%; width:100%; height:100%; min-width:0; padding:0 1.2rem; overflow:hidden; contain:paint; scroll-snap-align:start; }
.lecteur-illustre__texte { width:100%; height:100%; margin:0; overflow:hidden; font-family:var(--font-lecture); font-size:clamp(1.5rem,2.3vw,1.85rem); line-height:1.65; text-align:justify; text-align-last:left; hyphens:auto; overflow-wrap:break-word; text-wrap:pretty; text-shadow:0 1px 6px rgba(0,0,0,.4); }
.lecteur-illustre__texte > h1:first-child { display: none; }
.lecteur-illustre__texte h1 { margin: 0 0 2rem; font-family: var(--font-chapo); font-size: clamp(2.3rem,6vw,3.4rem); line-height: 1.05; font-weight: 400; text-transform: uppercase; }
.lecteur-illustre__texte p { margin: 0 0 1.35rem; }
.lecteur-illustre__texte blockquote { margin: 0 0 1.4rem; padding-left: 1.2rem; border-left: 1px solid var(--blue-color-second); }
.lecteur-illustre[data-mode="defilement"] .lecteur-illustre__flux { display: block; overflow-x: hidden; overflow-y: auto; scroll-snap-type: none; touch-action:pan-y; overscroll-behavior-y:contain; cursor: auto; user-select: text; }
.lecteur-illustre[data-mode="defilement"]::before { content:none; }
.lecteur-illustre[data-mode="defilement"] .lecteur-illustre__ecran { width:100%; height:auto; min-height:auto; padding:0; overflow:visible; }
.lecteur-illustre[data-mode="defilement"] .lecteur-illustre__texte { width:100%; height:auto; overflow:visible; }
.lecteur-illustre[data-mode="defilement"] .lecteur-illustre__ecran + .lecteur-illustre__ecran { padding-top: 0; }
.lecteur-illustre[data-mode="defilement"] .lecteur-illustre__ecran:not(:first-child) h1 { display: none; }

.lecteur-illustre__portrait { position: absolute; z-index: 4; top: 1.2rem; right: 1.4rem; width: 4.8rem; height: 4.8rem; padding: 0; overflow: hidden; border: 1px solid rgba(170,219,238,.45); border-radius: 50%; background: rgba(20,28,28,.88); box-shadow: 0 0 0 4px rgba(20,28,28,.42); color: var(--white-color); font: 500 1.8rem var(--font-titres); }
.lecteur-illustre__repere { position: absolute; z-index: 6; top: 1.05rem; left: clamp(1.4rem,4vw,3.2rem); right: 7.3rem; pointer-events: none; text-shadow: 0 1px 8px rgba(0,0,0,.75); }
.lecteur-illustre__repere strong { display: block; overflow: hidden; color: var(--white-color); font: 400 clamp(1.1rem,2vw,1.45rem) var(--font-chapo); letter-spacing: .06em; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }
.lecteur-illustre__repere > div { display:grid; grid-template-columns:minmax(0,1fr) 2px minmax(0,3fr) 2px minmax(0,1fr); align-items:center; column-gap:.55rem; min-width:0; margin-top:.45rem; padding-top:.42rem; border-top:1px solid rgba(252,251,228,.2); color:rgba(252,251,228,.66); font:.74rem var(--font-hud); letter-spacing:.075em; text-transform:uppercase; }
.lecteur-illustre__repere > div span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lecteur-illustre__repere [data-repere-heure] { justify-self:start; text-align:left; }
.lecteur-illustre__repere [data-repere-lieu] { width:100%; min-width:0; text-align:center; }
.lecteur-illustre__repere [data-repere-meteo] { justify-self:end; text-align:right; }
.lecteur-illustre__repere > div i { flex: 0 0 2px; width: 2px; height: 2px; border-radius: 50%; background: var(--blue-color-second); opacity: .75; }
.lecteur-illustre__portrait img { width: 100%; height: 100%; object-fit: cover; }
.lecteur-illustre__bulle { position: absolute; z-index: 6; top: 6.7rem; right: 1.4rem; width: min(25rem,calc(100% - 2.8rem)); padding: 1.2rem; border: 1px solid var(--filet-fort); background: rgba(20,28,28,.97); box-shadow: 0 1rem 3rem rgba(0,0,0,.32); }
.lecteur-illustre__bulle strong, .lecteur-illustre__bulle span { display: block; }
.lecteur-illustre__bulle strong { font-family: var(--font-titres); font-size: 1.7rem; }
.lecteur-illustre__bulle span { font: 1rem var(--font-hud); color: var(--blue-color-second); text-transform: uppercase; letter-spacing: .1em; }
.lecteur-illustre__bulle p { margin: .7rem 0 0; color: var(--encre-douce); font-size: 1.3rem; }
.lecteur-illustre__meteo { z-index: 5; overflow: hidden; }
.lecteur-illustre[data-meteo="brume"] .lecteur-illustre__meteo,
.lecteur-illustre[data-meteo="vent"] .lecteur-illustre__meteo { background:none; filter:none; animation:none; }
.lecteur-illustre[data-meteo-arretee] .lecteur-illustre__meteo { opacity: 0; animation-play-state: paused !important; }
@keyframes lecteur-illustre-brume { to { transform: translateX(2%); opacity: .65; } }
@keyframes lecteur-illustre-vent { to { background-position: -120px 30px; } }

.lecteur-illustre__footer { position: absolute; z-index: 7; left: 0; right: 0; bottom: 0; height: 4.8rem; display: flex; align-items: center; gap: 1rem; padding: .7rem 1.4rem; border-top: 1px solid var(--hud-filet); background: rgba(20,28,28,.9); backdrop-filter: blur(10px); }
.lecteur-illustre[data-qualite="adaptee"] .lecteur-illustre__footer { backdrop-filter:blur(4px); }
.lecteur-illustre[data-qualite="economie"] .lecteur-illustre__footer { backdrop-filter:none; background:rgba(20,28,28,.96); }
.lecteur-illustre[data-qualite="economie"] .lecteur-illustre__texte { text-shadow:0 1px 4px color-mix(in srgb,var(--fond-page) 72%,transparent); }
.lecteur-illustre[data-qualite="economie"] .lecteur-illustre__decor { transition:opacity 600ms ease; }
.lecteur-illustre__footer > button { width: 3rem; height: 3rem; border: 1px solid var(--hud-filet); color: var(--hud-encre); }
.lecteur-illustre__progression { flex: 1; min-width: 0; }
.lecteur-illustre__progression-ligne { display: flex; justify-content: space-between; gap: 1rem; margin-bottom: .5rem; color: var(--hud-encre); font: .85rem var(--font-hud); letter-spacing: .06em; text-transform: uppercase; }
.lecteur-illustre__barre { height: 2px; background: var(--hud-filet); }
.lecteur-illustre__barre i { display: block; width: 0; height: 100%; background: var(--blue-color-second); transition: width 180ms ease; }
.vue[data-vue="lecteur"] #lecteur-titre { display:flex; align-items:center; min-height:3.2rem; line-height:1.25; }
.lecteur-illustre__controles { display:flex; align-items:center; justify-content:flex-end; gap:.45rem; min-width:0; }
.lecteur-illustre__modes,.lecteur-illustre__meteo-commande,.lecteur-illustre__ciel-commande,.lecteur-illustre__decor-commande { display:inline-flex; align-items:center; justify-content:center; padding:.35rem .55rem; color:#78817e; font:.82rem var(--font-hud); text-transform:uppercase; letter-spacing:.05em; border:1px solid var(--hud-filet); transition:color 180ms ease,border-color 180ms ease; }
.lecteur-illustre__modes[data-mode="pages"],.lecteur-illustre__meteo-commande[aria-pressed="true"],.lecteur-illustre__ciel-commande[aria-pressed="true"],.lecteur-illustre__decor-commande[aria-pressed="true"] { color:var(--blue-color-second); border-color:color-mix(in srgb,var(--blue-color-second) 55%,var(--hud-filet)); }
.lecteur-illustre__modes[data-mode="defilement"] { color:#d58a45; border-color:color-mix(in srgb,#d58a45 55%,var(--hud-filet)); }
.lecteur-illustre__attente, .lecteur-illustre__erreur { margin: auto; font: 1.2rem var(--font-hud); color: var(--encre-douce); }

@media (max-width: 480px) {
  .vue[data-vue="lecteur"] .hud { gap:.45rem; }
  .lecteur-illustre__controles { gap:.3rem; }
  .lecteur-illustre__modes,.lecteur-illustre__meteo-commande,.lecteur-illustre__ciel-commande,.lecteur-illustre__decor-commande { padding:.3rem; font-size:.68rem; }
  .lecteur-illustre__repere { left: 1.2rem; right: 6.2rem; }
  .lecteur-illustre__repere > div { column-gap:.32rem; font-size:.62rem; letter-spacing:.045em; }
  .lecteur-illustre__repere [data-repere-lieu] { max-width: none; }
  .lecteur-illustre__texte { max-width: 100%; }
  .lecteur-illustre__portrait { width: 4.2rem; height: 4.2rem; }
}
@media (min-width:900px) { .vue[data-vue="lecteur"][data-active] { left:9.6rem; } }
@media (prefers-reduced-motion: reduce) { .lecteur-illustre__meteo { animation: none !important; } }