.mla-astro-widget{position:relative;overflow:hidden;isolation:isolate;border:1px solid #c6a567;border-radius:18px;padding:46px 26px;background:radial-gradient(circle at 8% 5%,rgba(226,190,103,.16),transparent 28%),radial-gradient(circle at 92% 92%,rgba(37,91,72,.10),transparent 30%),linear-gradient(180deg,#fffdf8 0%,#fbf7ed 100%);font-family:Georgia,"Times New Roman",serif;color:#173c32;box-shadow:0 12px 36px rgba(50,43,25,.10)}
.mla-astro-widget:before,.mla-astro-widget:after{content:"✦  ·  ✧  ·  ☾  ·  ✧  ·  ✦";position:absolute;z-index:-1;color:#b78b36;opacity:.34;letter-spacing:13px;font-size:18px}.mla-astro-widget:before{top:18px;left:4%}.mla-astro-widget:after{bottom:18px;right:4%}
.mla-fairy-glow{position:absolute;z-index:-2;width:340px;height:340px;left:-110px;bottom:-160px;border-radius:50%;background:radial-gradient(circle,rgba(231,190,86,.22),transparent 68%)}
.mla-panel{max-width:570px;margin:auto;background:rgba(255,255,255,.91);color:#173c32;border:1px solid rgba(183,139,54,.72);border-radius:14px;padding:31px;box-shadow:0 8px 26px rgba(60,48,21,.08)}
.mla-ornament{text-align:center;color:#b78b36;letter-spacing:8px;font-size:21px;margin-bottom:7px}.mla-panel h2,.mla-results h2{text-align:center;margin:0 0 7px;font-weight:500;font-size:32px;color:#17604c;line-height:1.15}.mla-subtitle{text-align:center;color:#846a39;margin:0 0 27px;font-size:16px}
.mla-field{margin:0 0 17px}.mla-field label{display:block;font-family:system-ui,-apple-system,sans-serif;font-size:14px;font-weight:700;color:#2d5147;margin:0 0 7px}.mla-field input{box-sizing:border-box;width:100%;height:52px;border:1px solid #d2c4a4;border-radius:7px;padding:0 14px;font-family:system-ui,-apple-system,sans-serif;font-size:16px;background:#fff;color:#263a34;outline:none}.mla-field input:focus{border-color:#b78b36;box-shadow:0 0 0 3px rgba(183,139,54,.13)}
.mla-city-field{position:relative}.mla-city-results{position:absolute;z-index:20;left:0;right:0;top:82px;max-height:310px;overflow:auto;background:#fff;border:1px solid #cdbb93;border-radius:8px;box-shadow:0 14px 35px rgba(39,32,17,.16)}.mla-city-choice{display:flex;width:100%;border:0;border-bottom:1px solid #eee5d2;background:#fff;padding:12px 14px;text-align:left;cursor:pointer;flex-direction:column;color:#173c32}.mla-city-choice:hover{background:#fbf4e5}.mla-city-choice strong{font-family:Georgia,"Times New Roman",serif;font-size:17px}.mla-city-choice span{font-family:system-ui,-apple-system,sans-serif;font-size:12px;color:#8b6d36;margin-top:3px}
.mla-submit,.mla-restart{display:block;border:1px solid #c6a064;border-radius:999px;padding:12px 31px;margin:24px auto 0;background:#d8b77f;color:#261d0f;font-family:Georgia,"Times New Roman",serif;font-size:17px;cursor:pointer;box-shadow:0 6px 16px rgba(124,88,31,.13);transition:.2s}.mla-submit:hover,.mla-restart:hover{background:#cda664;transform:translateY(-1px)}.mla-submit:disabled{opacity:.6;cursor:wait}.mla-error{font-family:system-ui,-apple-system,sans-serif;background:#fff2f1;color:#9b3040;padding:10px 12px;border-radius:7px;margin:14px 0 0}.mla-credit{text-align:center;font-family:system-ui,-apple-system,sans-serif;font-size:10px;color:#9c927f;margin:17px 0 0}
.mla-results{text-align:center}.mla-result-birth{margin:7px 0 28px;color:#5d5040;font-family:system-ui,-apple-system,sans-serif;font-size:16px}.mla-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:1060px;margin:auto}.mla-card{position:relative;background:rgba(255,255,255,.97);color:#173c32;border:1px solid #cdb078;border-radius:15px;padding:29px 18px;box-shadow:0 9px 24px rgba(67,51,22,.08);transition:.24s}.mla-card:hover{transform:translateY(-4px);box-shadow:0 15px 34px rgba(116,85,30,.16);border-color:#b68d42}.mla-card:after{content:"✦";position:absolute;top:11px;right:14px;color:#d2b36f;font-size:12px}
.mla-icon{width:92px;height:92px;margin:0 auto 16px;border:1px solid #dec995;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#fffaf0,#f3e4c4)}.mla-icon svg{width:65px;height:65px;fill:none;stroke:#b58938;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.mla-icon svg .spark{fill:#d4ad53;stroke:none}.mla-icon-moon svg path{fill:#f7e4a5;stroke:#b58938}
.mla-card-label{display:block;font-family:Georgia,"Times New Roman",serif;color:#1c5c49;margin-bottom:9px;font-size:20px;font-weight:600}.mla-card strong{display:block;font-size:30px;font-weight:600;color:#17604c}.mla-card small{display:block;margin-top:9px;font-family:system-ui,-apple-system,sans-serif;font-size:14px;color:#a77b2d;font-weight:700}
.mla-interpretations{max-width:1060px;margin:34px auto 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;text-align:left}.mla-meaning,.mla-synthesis{background:rgba(255,255,255,.87);border:1px solid #ddc89d;border-radius:13px;padding:22px;box-shadow:0 7px 20px rgba(67,51,22,.06)}.mla-meaning h3,.mla-synthesis h3{margin:0 0 10px;color:#17604c;font-size:21px;font-weight:600}.mla-meaning p,.mla-synthesis p{margin:0;color:#514a3c;font-family:system-ui,-apple-system,sans-serif;line-height:1.7;font-size:15px}.mla-synthesis{grid-column:1/-1;text-align:center;padding:27px 30px;background:linear-gradient(180deg,#fffdf8,#f8efdc)}.mla-synthesis h3{font-size:25px}.mla-synthesis p{max-width:850px;margin:auto;font-size:16px}
@media(max-width:850px){.mla-interpretations{grid-template-columns:1fr}.mla-synthesis{grid-column:auto}}@media(max-width:760px){.mla-astro-widget{padding:31px 13px}.mla-panel{padding:24px 17px}.mla-cards{grid-template-columns:1fr}.mla-results h2,.mla-panel h2{font-size:26px}.mla-card{padding:24px}.mla-icon{width:82px;height:82px}.mla-card-label{font-size:19px}}

/* ===== Formulaire raffiné – version 2.1.0 ===== */
.mla-panel{
  max-width:640px;
  padding:38px 38px 34px;
  background:
    radial-gradient(circle at 88% 12%,rgba(213,177,92,.10),transparent 22%),
    linear-gradient(180deg,rgba(255,255,255,.98),rgba(255,252,245,.96));
  border:1px solid #c9a562;
  box-shadow:0 14px 38px rgba(69,52,20,.11);
}
.mla-panel h2{
  font-size:34px;
  color:#145744;
}
.mla-subtitle{
  max-width:500px;
  margin:0 auto 30px;
  line-height:1.55;
  font-size:16px;
}
.mla-field{
  margin-bottom:20px;
}
.mla-field label{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:8px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:18px;
  font-weight:600;
  color:#145744;
}
.mla-label-icon{
  color:#b68b38;
  font-size:12px;
}
.mla-input-wrap{
  position:relative;
}
.mla-input-icon{
  position:absolute;
  left:16px;
  top:50%;
  transform:translateY(-50%);
  width:23px;
  height:23px;
  display:grid;
  place-items:center;
  color:#b68b38;
  pointer-events:none;
  z-index:2;
}
.mla-input-icon svg{
  width:22px;
  height:22px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.mla-field input{
  height:58px;
  padding-left:50px;
  padding-right:16px;
  border:1px solid #d3bd8e;
  border-radius:12px;
  background:linear-gradient(180deg,#fff,#fffdf8);
  color:#273a34;
  font-size:16px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 4px 12px rgba(88,62,18,.04);
  transition:border-color .2s,box-shadow .2s,background .2s;
}
.mla-field input::placeholder{
  color:#9d978b;
}
.mla-field input:focus{
  border-color:#b68b38;
  background:#fff;
  box-shadow:0 0 0 4px rgba(182,139,56,.13),0 8px 18px rgba(88,62,18,.07);
}
.mla-help{
  display:block;
  margin:7px 0 0 4px;
  font-family:system-ui,-apple-system,sans-serif;
  color:#8a806f;
  font-size:12px;
}
.mla-city-results{
  top:92px;
  border-radius:12px;
  border-color:#d3bd8e;
  overflow:hidden;
}
.mla-city-choice{
  padding:13px 16px 13px 48px;
  position:relative;
}
.mla-city-choice:before{
  content:"✦";
  position:absolute;
  left:18px;
  top:17px;
  color:#c09845;
  font-size:12px;
}
.mla-city-choice:hover{
  background:linear-gradient(90deg,#fff9ec,#f8f1df);
}
.mla-submit{
  min-width:285px;
  padding:14px 32px;
  margin-top:28px;
  font-size:18px;
  font-weight:600;
  background:linear-gradient(180deg,#dfc28f,#d3ad6c);
  border-color:#c3964f;
  box-shadow:0 9px 22px rgba(120,84,25,.18);
}
.mla-submit:hover{
  background:linear-gradient(180deg,#d8b77f,#cda35f);
  box-shadow:0 12px 26px rgba(120,84,25,.22);
}
.mla-submit span{
  margin-right:5px;
  color:#7a5319;
}
@media(max-width:760px){
  .mla-panel{
    padding:28px 18px 25px;
  }
  .mla-panel h2{
    font-size:28px;
  }
  .mla-field label{
    font-size:17px;
  }
  .mla-submit{
    width:100%;
    min-width:0;
  }
}


/* ===== Playlists YouTube – version 2.2.0 ===== */
.mla-result-actions{
  display:flex;
  justify-content:center;
  margin-top:28px;
}
.mla-video-section{
  max-width:1060px;
  margin:38px auto 0;
  padding:30px;
  border:1px solid #d5bb84;
  border-radius:16px;
  background:
    radial-gradient(circle at 90% 8%,rgba(206,169,85,.13),transparent 24%),
    linear-gradient(180deg,#fffdf8,#f8f0df);
  box-shadow:0 10px 28px rgba(67,51,22,.08);
}
.mla-video-section h3{
  margin:0;
  text-align:center;
  color:#17604c;
  font-size:28px;
  font-weight:600;
}
.mla-video-intro{
  max-width:690px;
  margin:8px auto 24px;
  text-align:center;
  color:#6e6250;
  font-family:system-ui,-apple-system,sans-serif;
  line-height:1.6;
}
.mla-video-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.mla-video-card{
  display:flex;
  min-height:250px;
  flex-direction:column;
  align-items:center;
  padding:24px 20px;
  text-align:center;
  border:1px solid #dbc69a;
  border-radius:14px;
  background:rgba(255,255,255,.94);
  box-shadow:0 7px 19px rgba(75,55,20,.06);
  transition:transform .22s,box-shadow .22s,border-color .22s;
}
.mla-video-card:hover{
  transform:translateY(-4px);
  border-color:#b98e3d;
  box-shadow:0 14px 28px rgba(96,68,19,.13);
}
.mla-video-icon{
  width:64px;
  height:64px;
  display:grid;
  place-items:center;
  margin-bottom:14px;
  border:1px solid #d9c18d;
  border-radius:50%;
  color:#ad8030;
  background:radial-gradient(circle,#fffaf0,#f3e2bd);
  font-size:26px;
}
.mla-video-card h4{
  margin:0 0 9px;
  color:#17604c;
  font-size:21px;
  line-height:1.3;
}
.mla-video-card p{
  flex:1;
  margin:0 0 18px;
  color:#6c6355;
  font-family:system-ui,-apple-system,sans-serif;
  font-size:14px;
  line-height:1.6;
}
.mla-video-button{
  display:inline-block;
  padding:10px 21px;
  border:1px solid #c69b53;
  border-radius:999px;
  background:linear-gradient(180deg,#dfc28f,#d3ad6c);
  color:#281f12!important;
  text-decoration:none!important;
  font-size:15px;
  font-weight:600;
  box-shadow:0 6px 15px rgba(120,84,25,.13);
  transition:.2s;
}
.mla-video-button:hover{
  background:linear-gradient(180deg,#d8b77f,#cda35f);
  transform:translateY(-1px);
}
@media(max-width:850px){
  .mla-video-grid{
    grid-template-columns:1fr;
  }
  .mla-video-card{
    min-height:auto;
  }
}
@media(max-width:760px){
  .mla-video-section{
    padding:24px 16px;
  }
  .mla-video-section h3{
    font-size:24px;
  }
}


/* ===== Miniatures playlists – version 2.3.0 ===== */
.mla-video-thumb{
  position:relative;
  display:block;
  width:100%;
  aspect-ratio:16/9;
  margin:-24px -20px 18px;
  width:calc(100% + 40px);
  overflow:hidden;
  border-radius:14px 14px 0 0;
  background:#efe7d6;
}
.mla-video-thumb img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .28s ease;
}
.mla-video-card:hover .mla-video-thumb img{
  transform:scale(1.035);
}
.mla-play-overlay{
  position:absolute;
  inset:50% auto auto 50%;
  transform:translate(-50%,-50%);
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(20,87,68,.88);
  color:#fff;
  font-family:system-ui,-apple-system,sans-serif;
  font-size:22px;
  padding-left:3px;
  opacity:0;
  transition:opacity .22s ease, transform .22s ease;
}
.mla-video-card:hover .mla-play-overlay{
  opacity:1;
  transform:translate(-50%,-50%) scale(1.04);
}


/* ===== Portrait astrologique – version 3.0.0 ===== */
.mla-icon-pair{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  margin:0 auto 16px;
}
.mla-icon-pair .mla-icon{
  margin:0;
}
.mla-zodiac-badge{
  width:64px;
  height:64px;
  display:grid;
  place-items:center;
  border:1px solid #d9c18d;
  border-radius:50%;
  background:
    radial-gradient(circle at 35% 30%,#ffffff 0%,#fffaf0 52%,#f1e1bd 100%);
  color:#8b6425;
  box-shadow:0 5px 14px rgba(102,73,21,.10);
}
.mla-zodiac-badge span{
  display:block;
  font-family:Georgia,"Times New Roman",serif;
  font-size:34px;
  line-height:1;
}
.mla-card strong{
  margin-top:2px;
  font-size:32px;
}
.mla-meaning{
  position:relative;
  padding:26px 24px;
}
.mla-meaning:before{
  content:"";
  display:block;
  width:42px;
  height:2px;
  margin:0 0 15px;
  background:linear-gradient(90deg,#b88d3d,#e4cf9c);
}
.mla-meaning h3{
  font-size:22px;
}
.mla-meaning p{
  font-size:16px;
  line-height:1.75;
}
.mla-synthesis{
  position:relative;
  padding:34px 36px;
  border-color:#c9aa6d;
  background:
    radial-gradient(circle at 12% 14%,rgba(219,183,97,.15),transparent 25%),
    radial-gradient(circle at 88% 84%,rgba(31,92,72,.09),transparent 24%),
    linear-gradient(180deg,#fffdf7,#f8eed9);
}
.mla-synthesis h3{
  font-size:27px;
}
.mla-synthesis p{
  max-width:900px;
  font-size:17px;
  line-height:1.8;
}
.mla-closing-note{
  max-width:900px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:15px;
  margin:28px auto 0;
  padding:17px 24px;
  color:#6f6048;
  text-align:center;
  font-family:Georgia,"Times New Roman",serif;
}
.mla-closing-note span{
  flex:none;
  color:#b68b38;
}
.mla-closing-note p{
  margin:0;
  font-size:16px;
  line-height:1.6;
}
@media(max-width:760px){
  .mla-icon-pair{
    gap:11px;
  }
  .mla-zodiac-badge{
    width:58px;
    height:58px;
  }
  .mla-zodiac-badge span{
    font-size:31px;
  }
  .mla-synthesis{
    padding:27px 20px;
  }
  .mla-synthesis h3{
    font-size:23px;
  }
  .mla-closing-note{
    padding:14px 7px;
  }
}


/* ===== Correctifs visuels – version 3.0.1 ===== */
.mla-zodiac-badge{
  width:92px;
  height:92px;
  flex:none;
}
.mla-zodiac-badge svg{
  width:66px;
  height:66px;
  fill:none;
  stroke:#9a6f2d;
  stroke-width:3.3;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.mla-card strong{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
}
.mla-name-glyph{
  display:inline-grid;
  place-items:center;
  min-width:30px;
  height:30px;
  padding:0 4px;
  border-radius:5px;
  background:#9360d4;
  color:#fff;
  font-family:system-ui,-apple-system,sans-serif;
  font-size:22px;
  line-height:1;
}
.mla-result-actions-bottom{
  margin-top:28px;
  margin-bottom:4px;
}
@media(max-width:760px){
  .mla-zodiac-badge{
    width:82px;
    height:82px;
  }
  .mla-zodiac-badge svg{
    width:59px;
    height:59px;
  }
}


/* ===== Illustrations zodiacales harmonisées – version 3.1.0 ===== */
.mla-zodiac-badge{
  overflow:hidden;
  padding:7px;
  background:
    radial-gradient(circle at 35% 30%,#ffffff 0%,#fffaf0 58%,#f1e1bd 100%);
}
.mla-zodiac-badge img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  filter:saturate(.9) contrast(1.03);
}


/* ===== Apparition féérique des résultats – version 3.2.0 ===== */
.mla-magic-overlay[hidden]{
  display:none!important;
}
.mla-magic-overlay{
  position:absolute;
  inset:0;
  z-index:80;
  display:grid;
  place-items:center;
  padding:24px;
  background:rgba(255,252,244,.92);
  backdrop-filter:blur(5px);
  opacity:0;
  transition:opacity .35s ease;
}
.mla-magic-overlay.is-active{
  opacity:1;
}
.mla-magic-overlay.is-fading{
  opacity:0;
}
.mla-magic-stage{
  position:relative;
  width:min(390px,92vw);
  min-height:350px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  isolation:isolate;
}
.mla-magic-halo{
  position:absolute;
  width:280px;
  height:280px;
  border-radius:50%;
  background:
    radial-gradient(circle,rgba(244,213,131,.48) 0%,rgba(244,213,131,.18) 43%,transparent 70%);
  animation:mlaHaloPulse 1.4s ease-in-out infinite;
}
.mla-fairy{
  position:relative;
  z-index:2;
  width:210px;
  height:210px;
  transform-origin:50% 58%;
  animation:mlaFairyTurn 2.2s cubic-bezier(.45,.05,.2,1) both;
}
.mla-fairy svg{
  width:100%;
  height:100%;
  overflow:visible;
  filter:drop-shadow(0 12px 15px rgba(119,78,18,.18));
}
.mla-wing{
  stroke:#d3aa52;
  stroke-width:2;
  transform-box:fill-box;
  transform-origin:center;
}
.mla-wing-left{
  animation:mlaWingLeft .32s ease-in-out infinite alternate;
}
.mla-wing-right{
  animation:mlaWingRight .32s ease-in-out infinite alternate;
}
.mla-wand{
  transform-box:fill-box;
  transform-origin:15% 85%;
  animation:mlaWandCast 1.05s ease-in-out 1.02s both;
}
.mla-spark{
  position:absolute;
  z-index:4;
  color:#c59235;
  opacity:0;
  font-family:Georgia,"Times New Roman",serif;
  text-shadow:0 0 10px rgba(224,184,91,.55);
}
.mla-spark-1{left:72%;top:22%;font-size:23px;animation:mlaSpark 1.2s ease-out .95s infinite}
.mla-spark-2{left:82%;top:34%;font-size:17px;animation:mlaSpark 1.3s ease-out 1.1s infinite}
.mla-spark-3{left:68%;top:42%;font-size:20px;animation:mlaSpark 1.1s ease-out 1.25s infinite}
.mla-spark-4{left:88%;top:48%;font-size:15px;animation:mlaSpark 1.35s ease-out 1.4s infinite}
.mla-spark-5{left:76%;top:58%;font-size:22px;animation:mlaSpark 1.25s ease-out 1.55s infinite}
.mla-spark-6{left:60%;top:30%;font-size:14px;animation:mlaSpark 1.15s ease-out 1.7s infinite}
.mla-spark-7{left:91%;top:26%;font-size:16px;animation:mlaSpark 1.3s ease-out 1.85s infinite}
.mla-magic-text{
  position:relative;
  z-index:3;
  margin:4px 0 0;
  color:#17604c;
  text-align:center;
  font-family:Georgia,"Times New Roman",serif;
  font-size:22px;
  animation:mlaMagicText 1.8s ease-in-out infinite;
}
.mla-results{
  opacity:0;
  transform:translateY(18px);
}
.mla-results.mla-results-visible{
  opacity:1;
  transform:translateY(0);
  transition:opacity .55s ease,transform .55s ease;
}
@keyframes mlaFairyTurn{
  0%{transform:scale(.72) rotate(-18deg);opacity:0}
  18%{opacity:1}
  55%{transform:scale(1.03) rotate(350deg)}
  78%{transform:scale(1) rotate(370deg)}
  100%{transform:scale(.96) rotate(360deg);opacity:1}
}
@keyframes mlaHaloPulse{
  0%,100%{transform:scale(.9);opacity:.55}
  50%{transform:scale(1.08);opacity:1}
}
@keyframes mlaWingLeft{
  from{transform:rotate(-7deg) scaleX(.96)}
  to{transform:rotate(8deg) scaleX(1.03)}
}
@keyframes mlaWingRight{
  from{transform:rotate(7deg) scaleX(.96)}
  to{transform:rotate(-8deg) scaleX(1.03)}
}
@keyframes mlaWandCast{
  0%{transform:rotate(-15deg)}
  45%{transform:rotate(22deg)}
  100%{transform:rotate(4deg)}
}
@keyframes mlaSpark{
  0%{opacity:0;transform:translate(0,10px) scale(.35) rotate(0)}
  30%{opacity:1}
  100%{opacity:0;transform:translate(36px,-38px) scale(1.25) rotate(120deg)}
}
@keyframes mlaMagicText{
  0%,100%{opacity:.68}
  50%{opacity:1}
}
@media(max-width:760px){
  .mla-magic-stage{min-height:300px}
  .mla-fairy{width:175px;height:175px}
  .mla-magic-halo{width:235px;height:235px}
  .mla-magic-text{font-size:19px}
}
@media(prefers-reduced-motion:reduce){
  .mla-fairy,.mla-wing,.mla-wand,.mla-spark,.mla-magic-halo,.mla-magic-text{
    animation:none!important;
  }
  .mla-magic-overlay,.mla-results{
    transition:none!important;
  }
}


/* ===== Fée dorée et défilement fiable – version 3.3.0 ===== */
.mla-magic-overlay{
  position:fixed!important;
  inset:0!important;
  z-index:999999!important;
  min-height:100vh;
  background:rgba(255,252,244,.95)!important;
  backdrop-filter:blur(7px);
}
.mla-magic-stage{
  width:min(520px,94vw);
  min-height:440px;
}
.mla-fairy{
  width:min(330px,72vw)!important;
  height:auto!important;
  display:grid;
  place-items:center;
  transform-origin:50% 50%;
  animation:mlaRealFairyTurn 2.8s cubic-bezier(.38,.02,.23,1) both!important;
}
.mla-fairy img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 16px 18px rgba(132,88,18,.22));
}
.mla-magic-halo{
  width:360px!important;
  height:360px!important;
}
.mla-magic-text{
  margin-top:10px!important;
  font-size:24px!important;
}
.mla-results{
  scroll-margin-top:95px;
}
@keyframes mlaRealFairyTurn{
  0%{
    opacity:0;
    transform:scale(.55) rotate(-25deg);
  }
  16%{
    opacity:1;
  }
  62%{
    transform:scale(1.06) rotate(355deg);
  }
  82%{
    transform:scale(1) rotate(372deg);
  }
  100%{
    opacity:1;
    transform:scale(.98) rotate(360deg);
  }
}
@media(max-width:760px){
  .mla-magic-stage{
    min-height:360px;
  }
  .mla-fairy{
    width:min(260px,76vw)!important;
  }
  .mla-magic-halo{
    width:285px!important;
    height:285px!important;
  }
  .mla-magic-text{
    font-size:20px!important;
  }
}


/* ===== Explications rapides et décans – version 3.4.0 ===== */
.mla-card small{
  margin-top:13px!important;
  color:#9a6b20!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:19px!important;
  font-weight:700!important;
  letter-spacing:.01em;
}
.mla-quick-meanings{
  max-width:1060px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin:18px auto 30px;
}
.mla-quick-meaning{
  min-height:92px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:17px 20px;
  border:1px solid #d8bc83;
  border-radius:12px;
  background:
    radial-gradient(circle at 90% 12%,rgba(215,176,87,.10),transparent 28%),
    rgba(255,255,255,.94);
  text-align:center;
  box-shadow:0 6px 17px rgba(78,56,20,.05);
}
.mla-quick-meaning strong{
  display:block;
  margin-bottom:6px;
  color:#17604c;
  font-family:Georgia,"Times New Roman",serif;
  font-size:18px;
  font-weight:700;
}
.mla-quick-meaning span{
  color:#5f5546;
  font-family:system-ui,-apple-system,sans-serif;
  font-size:14px;
  font-weight:600;
  line-height:1.5;
}
@media(max-width:850px){
  .mla-quick-meanings{
    grid-template-columns:1fr;
  }
  .mla-quick-meaning{
    min-height:0;
  }
}
@media(max-width:760px){
  .mla-card small{
    font-size:18px!important;
  }
}


/* ===== Glyphes astrologiques dorés – version 3.4.1 ===== */
.mla-name-glyph{
  min-width:auto!important;
  height:auto!important;
  padding:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#b88931!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:31px!important;
  font-weight:700!important;
  line-height:1!important;
  text-shadow:
    0 1px 0 #f6df9f,
    0 2px 4px rgba(122,84,22,.16);
}
@media(max-width:760px){
  .mla-name-glyph{
    font-size:28px!important;
  }
}