@import url('https://fonts.googleapis.com/css2?family=Permanent+Marker&family=Space+Grotesk:wght@400;600;700&family=Archivo+Black&display=swap');
.iloyo{--yellow:#ffd100;--red:#ef233c;--green:#12ad44;--ink:#080b0d;position:relative;overflow:hidden;width:100%;max-width:520px;min-height:100svh;margin:auto;background:radial-gradient(circle at 80% 15%,#263039 0,#0c1115 38%,#050708 80%);color:#fff;font-family:'Space Grotesk',Arial,sans-serif;box-shadow:0 30px 100px #0007}.iloyo *{box-sizing:border-box}.iloyo:before{content:"";position:absolute;inset:0;opacity:.08;pointer-events:none;background-image:repeating-linear-gradient(120deg,#fff 0 1px,transparent 1px 7px)}.iloyo .paint{position:absolute;z-index:0;filter:drop-shadow(0 8px 12px #0005);transform:rotate(-12deg)}.iloyo .paint-a{width:270px;height:46px;background:var(--yellow);top:28%;left:-70px;clip-path:polygon(0 22%,92% 0,100% 45%,90% 100%,3% 80%,11% 55%)}.iloyo .paint-b{width:230px;height:32px;background:var(--green);right:-90px;bottom:21%;transform:rotate(13deg);clip-path:polygon(0 12%,100% 0,90% 100%,4% 78%)}.iloyo header{height:76px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:4;background:#080b0ddd;border-bottom:1px solid #ffffff18}.iloyo .mini{font-family:'Archivo Black';font-size:14px}.iloyo .mini i{font-style:normal;color:var(--red);font-size:20px}.iloyo header>span:last-child{font-size:10px;font-weight:800;letter-spacing:2px;color:var(--yellow)}.iloyo .progress{height:3px;background:#ffffff12;position:relative;z-index:4}.iloyo .progress i{display:block;height:100%;width:16.7%;background:linear-gradient(90deg,var(--yellow),#ff9d00);transition:.4s;box-shadow:0 0 14px #ffd10099}.iloyo .screen{position:absolute;z-index:2;inset:79px 0 0;padding:30px 28px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;opacity:0;transform:scale(.97) translateY(12px);pointer-events:none;transition:.35s;overflow:auto}.iloyo .screen.active{opacity:1;transform:none;pointer-events:auto}.iloyo .eyebrow{margin:8px 0 14px;font-size:10px;font-weight:900;letter-spacing:2px;color:var(--yellow)}.iloyo h1,.iloyo h2{font-family:'Archivo Black';text-transform:uppercase}.iloyo h1{margin:12px 0 27px;font-size:clamp(30px,9vw,43px);line-height:1.02;letter-spacing:-2px}.iloyo h1 em{font-style:normal;color:var(--yellow);position:relative}.iloyo h2{margin:0;font-size:31px;line-height:1.02;letter-spacing:-1.5px}.iloyo .lead,.iloyo .sub{color:#d0d2d4;line-height:1.5}.iloyo .sub{font-size:14px;margin:12px 0 22px}.iloyo .poster-mark{display:grid;grid-template-columns:auto auto;align-items:center;justify-content:center;margin:6vh 0 6px;font-family:'Archivo Black';line-height:.7;transform:rotate(-3deg);text-shadow:0 8px 20px #000}.iloyo .poster-mark span{font-size:58px}.iloyo .poster-mark b{font-size:70px;color:var(--red)}.iloyo .poster-mark strong{grid-column:1/3;font-size:82px;letter-spacing:-7px}.iloyo .poster-mark:after{content:"⌁";position:absolute;color:var(--yellow);font-family:'Permanent Marker';font-size:80px;transform:translate(142px,65px) rotate(-22deg)}.iloyo button{font:inherit;cursor:pointer}.iloyo .primary{width:100%;max-width:370px;min-height:58px;border:0;border-radius:13px;padding:0 22px;display:flex;align-items:center;justify-content:center;gap:11px;background:linear-gradient(135deg,#ffe345,#ffc400);color:#090909;font-family:'Archivo Black';font-size:13px;box-shadow:0 12px 30px #ffd10030}.iloyo .primary span{margin-left:auto;font-size:23px}.iloyo .screen>small{font-size:10px;color:#e7e7e7;margin-top:17px;letter-spacing:.5px}.iloyo .back{align-self:flex-start;margin:-5px 0 18px -8px;border:1px solid #ffffff28;background:#15191c;color:#fff;width:42px;height:42px;border-radius:50%;font-size:30px}.iloyo .choices{display:grid;width:100%;gap:14px;margin-top:8px}.iloyo .choice{display:grid;grid-template-columns:62px 1fr;grid-template-rows:1fr 1fr;gap:0 16px;text-align:left;align-items:center;border:1px solid #ffffff25;border-radius:18px;padding:18px;background:linear-gradient(135deg,#1b2024,#0d1012);cursor:pointer;box-shadow:0 12px 28px #0005}.iloyo .choice:first-child{border-color:#ffd10099}.iloyo .choice i{grid-row:1/3;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--yellow);color:#080808;font-style:normal;font-size:25px}.iloyo .choice b{font-family:'Archivo Black';font-size:14px}.iloyo .choice small{color:#9da1a5;margin-top:4px}.iloyo .crop{position:relative;width:min(100%,335px);aspect-ratio:4/5;border-radius:28px;overflow:hidden;background:#171b1e;touch-action:none;cursor:grab;border:5px solid #20262b;box-shadow:0 20px 50px #0009}.iloyo .crop img{width:100%;height:100%;object-fit:cover;user-select:none;pointer-events:none}.iloyo .camera-top{position:absolute;z-index:4;left:0;right:0;top:0;height:54px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#05080bbb,transparent);font-size:25px}.iloyo .camera-top i{font-style:normal}.iloyo .guide{position:absolute;inset:16% 14%;border:1px dashed #fff8;border-radius:50%}.iloyo .crop>span{position:absolute;left:50%;bottom:17px;transform:translateX(-50%);white-space:nowrap;background:#000c;color:#fff;border-radius:99px;padding:8px 12px;font-size:10px}.iloyo .zoom{width:100%;max-width:335px;display:flex;gap:12px;align-items:center;margin:14px 0}.iloyo .zoom input{width:100%;accent-color:var(--yellow)}.iloyo .generating{justify-content:center}.iloyo .loader{position:absolute;width:310px;height:310px;display:grid;place-items:center;opacity:.35}.iloyo .loader span{font-size:70px;color:var(--red);animation:ilbeat .8s infinite alternate}.iloyo .loader i{position:absolute;inset:0;border:2px solid var(--yellow);border-radius:50%;animation:ilripple 1.8s infinite}.iloyo .loader i+i{animation-delay:.8s}.iloyo .magic-title{position:relative;font-family:'Archivo Black';font-size:55px;line-height:.72;text-shadow:0 8px 22px #000}.iloyo .magic-title b{color:var(--red)}.iloyo .generating h2{position:relative;margin-top:34px;font-size:23px}.iloyo .loading-bar{width:85%;height:5px;margin-top:28px;background:#ffffff25;border-radius:9px;overflow:hidden}.iloyo .loading-bar i{display:block;width:70%;height:100%;background:var(--yellow);animation:ilload 2.1s ease}.iloyo .result{padding-top:18px}.iloyo .result h2{font-size:23px}.iloyo .result-card{position:relative;width:min(100%,300px);margin:15px 0;border-radius:20px;overflow:hidden;background:#222;border:3px solid #30363a;box-shadow:0 18px 50px #000b}.iloyo .result-card img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}.iloyo .result-card span{position:absolute;top:10px;right:10px;padding:7px 10px;border-radius:99px;background:var(--yellow);color:#080808;font-size:8px;font-weight:900}.iloyo .actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;width:100%}.iloyo .actions button{min-height:54px;border:1px solid #ffffff35;border-radius:12px;background:#111518;color:#fff;font-family:'Archivo Black';font-size:10px}.iloyo .actions .primary{background:var(--yellow);color:#080808;border-color:var(--yellow)}.iloyo .ready-note{font-family:'Permanent Marker';color:#fff;font-size:16px;margin-top:10px;transform:rotate(-2deg)}.iloyo .ready-note:first-letter{color:var(--green)}.iloyo .text{border:0;background:none;color:#888;text-decoration:underline;margin-top:7px;font-size:11px}.iloyo .thanks{justify-content:center;background:radial-gradient(circle,#1b2227,#080a0c 65%)}.iloyo .merci{font-family:'Permanent Marker';font-size:68px;transform:rotate(-5deg)}.iloyo .big-heart{font-family:'Permanent Marker';font-size:72px;line-height:.8;color:var(--yellow);transform:rotate(-12deg)}.iloyo .thanks h3{font-family:'Archivo Black';font-size:24px;color:var(--green);margin:4px 0 38px}.iloyo .green{background:var(--green);color:#fff;box-shadow:0 12px 35px #12ad4444}.iloyo .toast{display:none;position:absolute;z-index:20;left:50%;bottom:25px;transform:translateX(-50%);padding:13px 18px;border-radius:99px;background:#fff;color:#080808;font-size:12px;white-space:nowrap}@keyframes ilbeat{to{transform:scale(1.16)}}@keyframes ilripple{to{transform:scale(1.4);opacity:0}}@keyframes ilload{from{width:0}}@media(max-height:700px){.iloyo .screen{padding-top:14px}.iloyo .poster-mark{margin:1vh 0 0;transform:scale(.78) rotate(-3deg)}.iloyo h1{font-size:28px;margin:3px 0 15px}.iloyo .crop{width:245px}.iloyo .result-card{width:225px;margin:8px 0}.iloyo .merci{font-size:55px}}