/* i LOVE OYO — Direction visuelle Grand Défi 242
   Couche purement graphique : aucune logique fonctionnelle modifiée. */
.iloyo{
  --g242-green:#033b2d;
  --g242-deep:#01271f;
  --g242-green-light:#0a7b54;
  --g242-yellow:#f5c400;
  --g242-cream:#f4f0e4;
  --g242-red:#e83a39;
  --g242-ink:#082d25;
  max-width:560px;
  isolation:isolate;
  color:var(--g242-cream);
  background:
    radial-gradient(circle at 88% 12%,rgba(9,126,84,.42),transparent 30%),
    radial-gradient(circle at 4% 85%,rgba(245,196,0,.10),transparent 26%),
    var(--g242-deep);
  font-family:'Space Grotesk','Plus Jakarta Sans',Inter,Arial,sans-serif;
  box-shadow:0 28px 100px rgba(0,24,18,.35);
}
.iloyo:before{
  opacity:.16;
  background-image:
    linear-gradient(rgba(244,240,228,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(244,240,228,.035) 1px,transparent 1px);
  background-size:28px 28px;
  mask-image:linear-gradient(to bottom,transparent 2%,#000 42%,transparent 96%);
}
.iloyo:after{
  content:'242';
  position:absolute;
  z-index:0;
  right:-28px;
  top:17%;
  color:transparent;
  -webkit-text-stroke:1px rgba(244,240,228,.055);
  font:900 190px/.75 'Space Grotesk',Arial,sans-serif;
  letter-spacing:-18px;
  pointer-events:none;
  transform:rotate(-90deg);
}
.iloyo .paint{opacity:.95;filter:none}.iloyo .paint-a{width:190px;height:14px;top:31%;left:-55px;background:var(--g242-yellow);clip-path:none;transform:rotate(-5deg)}.iloyo .paint-b{width:160px;height:10px;right:-55px;bottom:18%;background:var(--g242-red);clip-path:none;transform:rotate(7deg)}
.iloyo header{
  height:72px;
  padding:0 22px;
  color:var(--g242-cream);
  background:rgba(1,39,31,.94);
  border-bottom:1px solid rgba(244,240,228,.12);
  backdrop-filter:blur(16px);
}
.iloyo .mini{font:800 13px/1 'Space Grotesk',Arial,sans-serif;letter-spacing:.5px}.iloyo .mini i{color:var(--g242-red)}.iloyo header>span:last-child{display:grid;place-items:center;min-width:48px;height:25px;padding:0 9px;border-radius:99px;color:var(--g242-deep);background:var(--g242-yellow);font-size:9px;letter-spacing:1px}
.iloyo .progress{height:4px;background:rgba(244,240,228,.10)}.iloyo .progress i{background:var(--g242-yellow);box-shadow:0 0 20px rgba(245,196,0,.45)}
.iloyo .screen{inset:76px 0 0;padding:28px 25px 24px;transition:opacity .35s,transform .55s cubic-bezier(.2,.8,.2,1),filter .35s}.iloyo .screen{transform:translateY(18px) scale(.985);filter:blur(4px)}.iloyo .screen.active{transform:none;filter:none}
.iloyo .screen:not(.hero-screen):not(.result):not(.thanks):not(.generating):not(.share-screen){background:linear-gradient(160deg,rgba(3,59,45,.42),rgba(1,39,31,.08))}
.iloyo .eyebrow{display:inline-flex;align-items:center;gap:8px;margin:6px 0 12px;color:var(--g242-yellow);font-size:9px;letter-spacing:2.4px}.iloyo .eyebrow:before{content:'';width:25px;height:2px;background:currentColor}
.iloyo h1,.iloyo h2{font-family:'Space Grotesk','Plus Jakarta Sans',Arial,sans-serif;font-weight:900}.iloyo h1{font-size:clamp(35px,10vw,52px);line-height:.91;letter-spacing:-3px}.iloyo h2{font-size:clamp(30px,8.5vw,42px);line-height:.94;letter-spacing:-2.2px}.iloyo .sub,.iloyo .lead{max-width:360px;color:rgba(244,240,228,.72);font-size:14px}.iloyo .sub{margin:11px 0 20px}
.iloyo .primary{min-height:59px;border:1px solid rgba(0,0,0,.12);border-radius:4px;background:var(--g242-yellow);color:var(--g242-deep);font:900 12px/1 'Space Grotesk',Arial,sans-serif;letter-spacing:.5px;box-shadow:8px 8px 0 rgba(0,0,0,.2),0 16px 38px rgba(245,196,0,.15);transition:transform .2s,box-shadow .2s}.iloyo .primary:hover{transform:translate(-2px,-2px);box-shadow:11px 11px 0 rgba(0,0,0,.22),0 18px 42px rgba(245,196,0,.2)}.iloyo .primary:active{transform:translate(4px,4px);box-shadow:3px 3px 0 rgba(0,0,0,.25)}
.iloyo .public-gallery-link{display:inline-flex;margin-top:16px;align-items:center;justify-content:center;color:var(--g242-cream);font:800 10px/1.2 'Space Grotesk',Arial,sans-serif;letter-spacing:.7px;text-decoration:none;border-bottom:1px solid rgba(245,196,0,.7);padding:5px 2px}.iloyo .public-gallery-link:hover{color:var(--g242-yellow)}.iloyo .public-gallery-link.dark{color:var(--g242-deep);border-bottom-color:rgba(1,39,31,.45)}.iloyo .public-gallery-link.dark:hover{color:#07583f}
.iloyo .back{margin:-2px 0 15px -4px;border:1px solid rgba(244,240,228,.22);border-radius:4px;background:rgba(244,240,228,.06);font-size:27px;transition:.2s}.iloyo .back:hover{color:var(--g242-deep);border-color:var(--g242-yellow);background:var(--g242-yellow)}

/* Accueil : affiche de campagne nationale */
.iloyo .hero-screen{justify-content:flex-end;align-items:flex-start;padding:28px 27px 28px;text-align:left}.iloyo .hero-photo{filter:saturate(.82) contrast(1.04);animation:ilzoom 12s ease-out both}.iloyo .hero-shade{background:linear-gradient(180deg,rgba(1,39,31,.12),rgba(1,39,31,.12) 26%,rgba(1,39,31,.72) 57%,#01271f 94%)}
.iloyo .hero-screen:after{content:'';position:absolute;z-index:-1;inset:0;background-image:radial-gradient(circle at 20% 32%,transparent 0 11%,rgba(245,196,0,.07) 11.2% 11.6%,transparent 11.8% 20%,rgba(244,240,228,.05) 20.2% 20.6%,transparent 20.8%);pointer-events:none}
.iloyo .hero-screen .poster-mark{margin:0 0 10px;justify-content:start;transform:none;text-shadow:none}.iloyo .hero-screen .poster-mark span{font-size:52px}.iloyo .hero-screen .poster-mark b{font-size:61px}.iloyo .hero-screen .poster-mark strong{font-size:72px;letter-spacing:-6px}.iloyo .poster-mark:after{content:'242';font-family:'Space Grotesk',Arial,sans-serif;font-size:28px;font-weight:900;color:var(--g242-yellow);transform:translate(172px,52px) rotate(-5deg)}
.iloyo .hero-screen .eyebrow{margin:2px 0 9px}.iloyo .hero-screen h1{margin:5px 0 23px;text-shadow:none}.iloyo .hero-screen h1 em{color:var(--g242-yellow)}.iloyo .hero-screen .primary{align-self:stretch}.iloyo .hero-screen>small{align-self:center;color:rgba(244,240,228,.6);letter-spacing:1px}

/* Choix média : cartes éditoriales ivoire */
.iloyo .screen.screen[data-step='2']{color:var(--g242-cream);background:radial-gradient(circle at 82% 18%,rgba(10,123,84,.32),transparent 31%),linear-gradient(160deg,#033b2d,#01271f 76%)}.iloyo .screen[data-step='2']:after{content:'CHOISIS';position:absolute;z-index:-1;left:-10px;top:118px;color:transparent;-webkit-text-stroke:1px rgba(244,240,228,.07);font:900 78px/1 'Space Grotesk',Arial,sans-serif;letter-spacing:-5px;transform:rotate(-5deg)}
.iloyo .screen[data-step='2'] .back{color:var(--g242-cream);border-color:rgba(244,240,228,.25);background:rgba(244,240,228,.06)}.iloyo .screen[data-step='2'] .eyebrow{color:var(--g242-yellow)}.iloyo .screen[data-step='2'] h2{color:#fffdf6;text-shadow:0 7px 24px rgba(0,0,0,.22)}.iloyo .screen[data-step='2'] .sub{color:rgba(244,240,228,.78)}
.iloyo .archive-consent{display:flex;width:100%;margin:0 0 11px;padding:12px 13px;align-items:flex-start;gap:11px;border:1px solid rgba(245,196,0,.35);border-radius:5px;background:rgba(244,240,228,.07);text-align:left;cursor:pointer;transition:.2s}.iloyo .archive-consent:hover{border-color:rgba(245,196,0,.72);background:rgba(244,240,228,.10)}.iloyo .archive-consent.needs-consent{border-color:var(--g242-red);box-shadow:0 0 0 3px rgba(232,58,57,.15);animation:iloyoConsent .3s ease}.iloyo .archive-consent input{width:19px;height:19px;margin:1px 0 0;flex:0 0 auto;accent-color:var(--g242-yellow)}.iloyo .archive-consent span{display:grid;gap:3px}.iloyo .archive-consent b{color:var(--g242-yellow);font:800 10px/1.3 'Space Grotesk',Arial,sans-serif;letter-spacing:.4px;text-transform:uppercase}.iloyo .archive-consent small{color:rgba(244,240,228,.67);font-size:9px;line-height:1.35}
.iloyo .media-choices{grid-template-columns:1fr 1fr;gap:12px;margin-top:5px}.iloyo .media-choices .choice{position:relative;min-height:150px;padding:15px 10px;border:1px solid rgba(3,59,45,.16);border-radius:5px;color:var(--g242-ink);background:#fffdf6;box-shadow:7px 8px 0 rgba(3,59,45,.10);transition:transform .22s,box-shadow .22s,border-color .22s}.iloyo .media-choices .choice:nth-child(odd){transform:rotate(-1.2deg)}.iloyo .media-choices .choice:nth-child(even){transform:rotate(1.1deg)}.iloyo .media-choices .choice:hover{z-index:2;transform:translateY(-4px) rotate(0);border-color:var(--g242-yellow);box-shadow:9px 12px 0 rgba(3,59,45,.14)}.iloyo .media-choices .choice i{width:48px;height:48px;border-radius:50%;background:var(--g242-yellow);color:var(--g242-deep);box-shadow:inset 0 0 0 5px rgba(255,255,255,.3)}.iloyo .media-choices .choice b{font-family:'Space Grotesk',Arial,sans-serif;font-size:12px;font-weight:900;text-transform:uppercase}.iloyo .media-choices .choice small{color:rgba(8,45,37,.55)}.iloyo .media-choices .video-choice{border-color:rgba(3,59,45,.28)}.iloyo .media-choices .video-choice i{background:var(--g242-green);color:var(--g242-cream)}

/* Ajustement : carte caméra façon défi */
.iloyo .screen[data-step='3']:after{content:'03';position:absolute;z-index:-1;right:-8px;top:80px;color:transparent;-webkit-text-stroke:1px rgba(244,240,228,.07);font:900 150px/.8 'Space Grotesk',Arial,sans-serif}
.iloyo .crop{width:min(100%,340px);border:8px solid var(--g242-cream);border-radius:8px;background:var(--g242-deep);box-shadow:10px 12px 0 rgba(0,0,0,.22),0 28px 65px rgba(0,0,0,.30);transform:rotate(-.7deg)}.iloyo .camera-top{height:52px;background:linear-gradient(rgba(1,39,31,.92),transparent)}.iloyo .guide{border:1px solid rgba(245,196,0,.72)}.iloyo .crop>span{bottom:13px;border:1px solid rgba(245,196,0,.45);background:rgba(1,39,31,.9);font-weight:700}.iloyo .zoom{padding:9px 13px;border:1px solid rgba(244,240,228,.12);border-radius:4px;background:rgba(244,240,228,.05)}.iloyo .zoom input{accent-color:var(--g242-yellow)}

/* Génération : moment jaune spectaculaire */
.iloyo .generating{color:var(--g242-deep);background:var(--g242-yellow)}.iloyo .generating:after{content:'242';position:absolute;z-index:-1;color:transparent;-webkit-text-stroke:1px rgba(1,39,31,.11);font:900 210px/.7 'Space Grotesk',Arial,sans-serif;letter-spacing:-18px;transform:rotate(-10deg)}.iloyo .loader{opacity:.24}.iloyo .loader span{color:var(--g242-red)}.iloyo .loader i{border-color:var(--g242-deep)}.iloyo .magic-title{color:var(--g242-deep);font-family:'Space Grotesk',Arial,sans-serif;text-shadow:none}.iloyo .generating h2{color:var(--g242-deep)}.iloyo .generating .sub{color:rgba(1,39,31,.68)}.iloyo .loading-bar{background:rgba(1,39,31,.16)}.iloyo .loading-bar i{background:var(--g242-deep)}
.iloyo .iloyo-generation-ad{border:1px solid rgba(1,39,31,.22);border-radius:5px;background:var(--g242-deep);box-shadow:9px 10px 0 rgba(1,39,31,.18)}.iloyo .iloyo-ad-label{color:var(--g242-yellow)}

/* Résultat : carte de score partageable */
.iloyo .result{padding-top:18px;color:var(--g242-ink);background:var(--g242-cream)}.iloyo .result:after{content:'MOMENT';position:absolute;z-index:-1;top:87px;left:-8px;color:transparent;-webkit-text-stroke:1px rgba(3,59,45,.065);font:900 80px/1 'Space Grotesk',Arial,sans-serif;letter-spacing:-5px;transform:rotate(-4deg)}.iloyo .result .eyebrow{color:var(--g242-green)}.iloyo .result h2{color:var(--g242-ink)}.iloyo .result-card{width:min(100%,258px);margin:14px 0;border:7px solid var(--g242-deep);border-radius:6px;background:var(--g242-deep);box-shadow:10px 11px 0 rgba(3,59,45,.13),0 24px 55px rgba(3,59,45,.16);transform:rotate(.65deg)}.iloyo .result-card span{top:9px;right:9px;border-radius:3px;background:var(--g242-yellow);font-size:8px;letter-spacing:.7px}.iloyo .actions{gap:10px}.iloyo .actions button{min-height:55px;border:1px solid rgba(3,59,45,.22);border-radius:4px;color:var(--g242-green);background:transparent;font-family:'Space Grotesk',Arial,sans-serif;font-weight:900}.iloyo .actions .primary{border-color:var(--g242-yellow);background:var(--g242-yellow);color:var(--g242-deep);box-shadow:5px 5px 0 rgba(3,59,45,.18)}.iloyo .ready-note{color:var(--g242-green);font-family:'Space Grotesk',Arial,sans-serif;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:1px;transform:none}.iloyo .text{color:rgba(8,45,37,.58)}
.iloyo .archive-status{display:flex;width:100%;margin-top:10px;padding:9px 11px;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(3,59,45,.15);border-radius:4px;background:rgba(255,255,255,.5);color:rgba(8,45,37,.68);font-size:9px;font-weight:700}.iloyo .archive-status i{width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:#9aa7a2}.iloyo .archive-status.is-saving i{border:2px solid rgba(3,59,45,.2);border-top-color:var(--g242-green);background:transparent;animation:iloyoSpin .75s linear infinite}.iloyo .archive-status.is-saved{border-color:rgba(10,123,84,.25);color:var(--g242-green);background:rgba(10,123,84,.07)}.iloyo .archive-status.is-saved i{background:var(--g242-green)}.iloyo .archive-status.is-warning{border-color:rgba(232,58,57,.24);color:#9e2f2f;background:rgba(232,58,57,.07)}.iloyo .archive-status.is-warning i{background:var(--g242-red)}

/* Partage : affiche de campagne + action native fiable */
.iloyo .share-screen{justify-content:flex-start;align-items:stretch;padding-top:20px;background:radial-gradient(circle at 95% 9%,rgba(10,123,84,.72),transparent 31%),radial-gradient(circle at 5% 72%,rgba(232,58,57,.12),transparent 24%),var(--g242-deep);overflow-x:hidden}.iloyo .share-screen:before{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(115deg,transparent 0 58%,rgba(245,196,0,.09) 58.2% 59%,transparent 59.2%)}.iloyo .share-screen:after{content:'OYO';position:absolute;z-index:-1;right:-25px;top:125px;color:transparent;-webkit-text-stroke:1px rgba(244,240,228,.06);font:900 128px/.8 'Space Grotesk',Arial,sans-serif;letter-spacing:-9px;transform:rotate(-8deg)}
.iloyo .share-screen .back{margin-bottom:9px}.iloyo .share-intro{text-align:left}.iloyo .share-intro .eyebrow{margin:0 0 9px}.iloyo .share-intro h2{font-size:clamp(37px,10vw,48px);line-height:.86;text-align:left;letter-spacing:-3px}.iloyo .share-intro h2 em{color:var(--g242-yellow);font-style:normal}.iloyo .share-intro>p:last-child{max-width:330px;margin:13px 0 10px;color:rgba(244,240,228,.72);font-size:13px;line-height:1.45}
.iloyo .share-mark{display:flex;align-items:center;justify-content:flex-end;gap:4px;height:46px;margin:-36px 1px 7px auto;font-family:'Space Grotesk',Arial,sans-serif;font-weight:900;transform:rotate(-3deg)}.iloyo .share-mark span{font-size:30px}.iloyo .share-mark b{color:var(--g242-red);font-size:38px;filter:drop-shadow(0 0 12px rgba(232,58,57,.45))}.iloyo .share-mark strong{font-size:31px;letter-spacing:-3px}
.iloyo .share-main{position:relative;display:grid;grid-template-columns:42px 1fr;grid-template-rows:1fr 1fr;gap:0 10px;max-width:none;min-height:68px;padding:11px 17px;text-align:left;box-shadow:7px 7px 0 rgba(0,0,0,.25),0 18px 45px rgba(245,196,0,.13)}.iloyo .share-main>span{grid-row:1/3;display:grid;place-items:center;width:42px;height:42px;margin:0;border-radius:50%;background:var(--g242-deep);color:var(--g242-yellow);font-size:24px}.iloyo .share-main b{align-self:end;font-size:13px}.iloyo .share-main small{align-self:start;color:rgba(1,39,31,.66);font:700 10px/1.2 'Space Grotesk',Arial,sans-serif}.iloyo .share-label{margin:16px 0 9px;color:rgba(244,240,228,.46);font-size:8px;font-weight:800;letter-spacing:1.4px;text-align:center}
.iloyo .social-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;margin:0}.iloyo .social-grid button{display:flex;min-width:0;min-height:74px;padding:8px 4px;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:1px solid rgba(244,240,228,.13);border-radius:5px;color:var(--g242-cream);background:rgba(244,240,228,.055);transition:.2s}.iloyo .social-grid button:hover{transform:translateY(-2px);border-color:rgba(245,196,0,.55);background:rgba(244,240,228,.10)}.iloyo .social-grid i{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;color:var(--g242-deep);background:var(--g242-yellow);font-size:17px;font-style:normal;font-weight:900;box-shadow:none}.iloyo .social-grid .wa{background:#28d86f}.iloyo .social-grid .ig{color:#fff;background:linear-gradient(135deg,#7c3aed,#ec297b,#ffb200)}.iloyo .social-grid .fb,.iloyo .social-grid .ms{color:#fff;background:#1877f2}.iloyo .social-grid .tk,.iloyo .social-grid .xx{color:#fff;background:#080b0d}.iloyo .social-grid span{overflow:hidden;width:100%;font-size:9px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
.iloyo .copy-image{align-self:center;min-height:42px;margin-top:12px;padding:0 18px;border:1px solid rgba(244,240,228,.26);border-radius:4px;background:transparent;color:var(--g242-cream);font-size:10px;font-weight:800;letter-spacing:.6px}.iloyo .copy-image:hover{border-color:var(--g242-yellow);color:var(--g242-yellow)}.iloyo .copy-image span{color:var(--g242-yellow)}.iloyo .share-help{margin:8px auto 0;color:rgba(244,240,228,.48);font-size:9px;text-align:center}

/* Merci : 242 Moment */
.iloyo .thanks{justify-content:center;color:var(--g242-deep);background:var(--g242-yellow)}.iloyo .thanks:before{content:'242';position:absolute;z-index:-1;color:transparent;-webkit-text-stroke:1px rgba(1,39,31,.12);font:900 230px/.8 'Space Grotesk',Arial,sans-serif;letter-spacing:-22px;transform:rotate(-12deg)}.iloyo .merci{font-family:'Space Grotesk',Arial,sans-serif;font-size:72px;font-weight:900;letter-spacing:-5px;transform:rotate(-3deg)}.iloyo .big-heart{color:var(--g242-red)}.iloyo .thanks .lead{color:rgba(1,39,31,.72)}.iloyo .thanks h3{color:var(--g242-deep)}.iloyo .green{border:1px solid var(--g242-deep);background:var(--g242-deep);color:var(--g242-cream);box-shadow:8px 8px 0 rgba(1,39,31,.18)}
.iloyo .toast{max-width:calc(100% - 30px);border:1px solid rgba(245,196,0,.5);border-radius:4px;background:var(--g242-deep);color:var(--g242-cream);box-shadow:0 18px 45px rgba(0,0,0,.35);white-space:normal;text-align:center}

@keyframes ilzoom{from{transform:scale(1.10)}to{transform:scale(1)}}
@keyframes iladIn{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
@keyframes iloyoSpin{to{transform:rotate(360deg)}}
@keyframes iloyoConsent{25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}
@media(max-height:760px){.iloyo .media-choices .choice{min-height:116px;padding:9px 7px}.iloyo .media-choices .choice i{width:38px;height:38px}.iloyo .media-choices{gap:8px}.iloyo .result-card{width:205px}.iloyo .hero-screen h1{font-size:31px}.iloyo .hero-screen .poster-mark{transform:scale(.82);transform-origin:left bottom}.iloyo .share-screen{padding-top:12px}.iloyo .share-screen .back{width:34px;height:34px;margin-bottom:3px}.iloyo .share-intro h2{font-size:34px}.iloyo .share-intro>p:last-child{margin:8px 0}.iloyo .share-mark{height:33px;margin-top:-29px}.iloyo .share-main{min-height:60px}.iloyo .share-label{margin:10px 0 7px}.iloyo .social-grid button{min-height:62px}.iloyo .copy-image{margin-top:8px}.iloyo .share-help{margin-top:5px}}
@media(max-width:380px){.iloyo .screen{padding-left:19px;padding-right:19px}.iloyo .media-choices{gap:9px}.iloyo .media-choices .choice{min-height:138px}.iloyo .share-screen h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){.iloyo *{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}