@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter-3.19-400.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/inter-3.19-500.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/inter-3.19-600.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:700 800;font-display:swap;src:url(/fonts/inter-4-800.woff2) format("woff2")}:root{--navy-deep: #0a1a4f;--blue: #0a7cff;--cyan: #00e5e0;--lime: #d3fb03;--lime-bright: #dbfd05;--navy: #01173b;--white: #ffffff;--cyan-border: #1bf2fa;--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--col: min(100vw, 480px);--u: calc(var(--col) / 1080);--app-h: 100vh;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--gutter: 16px;--ease-out: cubic-bezier(.22, 1, .36, 1)}@supports (height: 100dvh){:root{--app-h: 100dvh}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font);font-weight:400;color:var(--white);overflow:hidden;overscroll-behavior:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background-color:var(--navy-deep);background-image:url(/assets/extracted/background.jpg),radial-gradient(circle at 15% 55%,rgba(10,124,255,.85) 0%,transparent 45%),radial-gradient(circle at 95% 15%,rgba(0,229,224,.9) 0%,transparent 40%),radial-gradient(circle at 95% 80%,rgba(0,229,224,.7) 0%,transparent 35%),linear-gradient(120deg,var(--navy-deep) 0%,var(--blue) 45%,var(--cyan) 100%);background-size:cover,auto,auto,auto,auto;background-position:center;background-repeat:no-repeat}img,video{display:block;max-width:100%}img{-webkit-user-drag:none}button{font:inherit;color:inherit;margin:0;border:0;padding:0;background:none;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}:focus-visible{outline:3px solid var(--lime-bright);outline-offset:3px}h1,p,ul{margin:0}ul{padding:0;list-style:none}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.app-shell{position:relative;width:100%;max-width:480px;height:100vh;height:var(--app-h);margin:0 auto;overflow:hidden;isolation:isolate}.app-swirl{position:absolute;left:50%;bottom:0;width:100%;max-width:none;transform:translate(-50%,65.3%);z-index:0;pointer-events:none}.route{position:absolute;inset:0;z-index:1;overflow-x:hidden;overflow-y:hidden;animation:screen-in .26s var(--ease-out) both}@media(max-height:639.98px){.route{overflow-y:auto;-webkit-overflow-scrolling:touch}}@keyframes screen-in{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:none}}.pressable{transition:transform .14s var(--ease-out),background-color .18s ease,opacity .18s ease}.pressable:active:not(:disabled){transform:scale(.97)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}.screen{display:flex;flex-direction:column;min-height:100%;padding-top:var(--safe-top);padding-left:max(var(--gutter),var(--safe-left));padding-right:max(var(--gutter),var(--safe-right));padding-bottom:calc(var(--safe-bottom) + max(20px,calc(var(--u) * 120)))}.screen__header{position:relative;display:flex;align-items:center;justify-content:center;padding-top:max(10px,calc(var(--u) * 50));min-height:calc(max(10px,calc(var(--u) * 50)) + 48px);flex-shrink:0}.header{display:flex;justify-content:center}.header__logo{width:clamp(124px,calc(var(--u) * 427),190px);height:auto}.screen__titles{flex-shrink:0;margin-top:clamp(8px,calc(var(--u) * 34),22px);text-align:center}.screen__title{font-weight:800;font-size:clamp(28px,calc(var(--u) * 90),40px);line-height:1.12;color:var(--white)}.screen__subtitle{margin-top:2px;font-weight:500;font-size:clamp(16px,calc(var(--u) * 50),20px);line-height:1.25;color:var(--white)}.screen__content{flex:1 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(12px,calc(var(--u) * 44),24px);padding-block:clamp(12px,3.2vh,32px)}.screen__footer{position:relative;flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:10px}.back-btn{position:absolute;left:0;top:calc(max(10px,calc(var(--u) * 50)) + (100% - max(10px,calc(var(--u) * 50)))/2 - 24px);display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#01173bd1;color:var(--lime-bright);box-shadow:0 4px 14px #0000002e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.back-btn__icon{width:20px;height:20px;transform:scaleX(-1)}.btn{--btn-h: clamp(48px, calc(var(--u) * 146), 56px);position:relative;display:flex;align-items:center;justify-content:center;width:min(100%,calc(var(--u) * 888),340px);min-width:min(100%,272px);height:var(--btn-h);padding:0 calc(var(--btn-h) + 4px);border-radius:999px;font-weight:600;font-size:clamp(17px,calc(var(--u) * 50),20px);line-height:1;white-space:nowrap}.btn:disabled{opacity:.55}.btn.is-busy:disabled{opacity:1}.btn__content{display:inline-flex;align-items:center;justify-content:center;gap:12px}.btn__icon{display:inline-grid;place-items:center}.btn__icon svg{width:1.3em;height:1.3em}.btn--primary{background:var(--lime);color:var(--navy);box-shadow:0 6px 18px #01173b38}.btn__arrow{position:absolute;top:4px;right:4px;bottom:4px;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:var(--navy);color:var(--lime-bright)}.btn__arrow svg{width:42%;height:42%}.btn--secondary{background:#01173b61;color:var(--white);border:1.5px solid var(--lime);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.btn--compact{--btn-h: 44px;width:auto;min-width:0;padding:0 22px;font-size:16px}.link-btn{min-height:44px;padding:0 16px;font-size:15px;font-weight:500;color:var(--white);text-decoration:underline;text-underline-offset:3px;text-shadow:0 1px 6px rgba(1,23,59,.6)}.select-card{position:relative;display:block;width:var(--gcard-w);aspect-ratio:470 / 663;border-radius:calc(var(--gcard-w) * .045);filter:drop-shadow(0 10px 18px rgba(1,23,59,.38))}.select-card:focus-visible{outline:3px solid var(--white);outline-offset:calc(var(--gcard-w) * .04)}.select-card__img{position:absolute;max-width:none;transition:opacity .18s ease}.select-card__img--default{inset:0;width:100%;height:100%}.select-card__img--selected{left:calc(-100% * 9 / 470);top:calc(-100% * 9.5 / 663);width:calc(100% * 488 / 470);height:calc(100% * 682 / 663);opacity:0}.select-card.is-selected .select-card__img--default{opacity:0}.select-card.is-selected .select-card__img--selected{opacity:1}.hero-card{position:relative;display:block;width:var(--hcard-w);aspect-ratio:370 / 462;background:#0b1a3a;box-shadow:0 10px 24px #01173b73;outline:2px solid transparent;outline-offset:-1px;transition:transform .14s var(--ease-out),outline-color .18s ease}.hero-card.is-selected{outline-color:var(--lime)}.hero-card:focus-visible{outline:3px solid var(--white);outline-offset:2px}.hero-card__img{width:100%;height:100%;object-fit:cover}.hero-card__tab-shadow{position:absolute;left:0;right:0;bottom:0;height:20.6%;filter:drop-shadow(0 -3px 5px rgba(1,23,59,.35))}.hero-card__tab{display:block;width:100%;height:100%;background:var(--white);clip-path:polygon(10% 0,90% 0,100% 38%,100% 100%,0 100%,0 38%);transition:background-color .18s ease}.hero-card.is-selected .hero-card__tab{background:var(--lime)}.hero-card__name{position:absolute;left:0;right:0;bottom:0;height:20.6%;display:grid;place-items:center;padding-top:2%;color:var(--navy);font-weight:600;font-size:calc(var(--hcard-w) * .109);line-height:1}.photo-frame{position:relative;width:var(--frame-w);aspect-ratio:982 / 909;border-radius:calc(var(--frame-w) * .04);border:1.5px solid rgba(255,255,255,.9);overflow:hidden;background:#0b1a3a;box-shadow:0 14px 32px #01173b73;flex-shrink:0}.camera__video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1);background:#0b1a3a}.camera__overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:14%;text-align:center;font-size:clamp(14px,calc(var(--u) * 40),16px);line-height:1.4;background:#01173b8c}.camera__overlay--error{background:#01173bd1}.frame-corner{--c-size: calc(var(--frame-w) * .095);--c-inset: calc(var(--frame-w) * .058);--c-stroke: max(2px, calc(var(--frame-w) * .0068));position:absolute;width:var(--c-size);height:var(--c-size);border:0 solid var(--lime-bright);pointer-events:none;z-index:2}.frame-corner--tl{top:var(--c-inset);left:var(--c-inset);border-top-width:var(--c-stroke);border-left-width:var(--c-stroke);border-top-left-radius:30%}.frame-corner--tr{top:var(--c-inset);right:var(--c-inset);border-top-width:var(--c-stroke);border-right-width:var(--c-stroke);border-top-right-radius:30%}.frame-corner--bl{bottom:var(--c-inset);left:var(--c-inset);border-bottom-width:var(--c-stroke);border-left-width:var(--c-stroke);border-bottom-left-radius:30%}.frame-corner--br{bottom:var(--c-inset);right:var(--c-inset);border-bottom-width:var(--c-stroke);border-right-width:var(--c-stroke);border-bottom-right-radius:30%}.countdown{position:absolute;inset:0;display:grid;place-items:center;z-index:3;pointer-events:none}.countdown__num{font-weight:800;font-size:calc(var(--frame-w) * .34);line-height:1;color:var(--white);text-shadow:0 6px 28px rgba(1,23,59,.45);animation:count-pop 1s var(--ease-out) both}@keyframes count-pop{0%{opacity:0;transform:scale(1.5)}18%{opacity:1;transform:scale(1)}80%{opacity:1;transform:scale(.96)}to{opacity:0;transform:scale(.85)}}.flash{position:absolute;inset:0;z-index:4;background:var(--white);animation:flash .28s ease-out both;pointer-events:none}@keyframes flash{0%{opacity:1}to{opacity:0}}.video-frame{position:relative;width:var(--video-w);aspect-ratio:944 / 740;border-radius:calc(var(--video-w) * .04);border:1.5px solid var(--cyan-border);overflow:hidden;background:#0b1a3a;box-shadow:0 14px 32px #01173b73;flex-shrink:0}.video-frame__video{width:100%;height:100%;object-fit:cover;object-position:center 30%}.video-frame__toggle{position:absolute;inset:0;display:grid;place-items:center}.play-btn{display:grid;place-items:center;width:max(48px,calc(var(--video-w) * .163));aspect-ratio:1;border-radius:50%;border:1.5px solid rgba(255,255,255,.85);background:#01173b8c;color:var(--white);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:opacity .22s ease,transform .22s var(--ease-out)}.play-btn__icon{width:46%;height:46%;margin-left:6%}.video-frame.is-playing .play-btn{opacity:0;transform:scale(.85)}.spinner{width:32px;height:32px;border-radius:50%;border:3px solid rgba(255,255,255,.25);border-top-color:var(--lime-bright);animation:spin .9s linear infinite}.spinner--small{width:18px;height:18px;border-width:2px;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.inline-message{max-width:var(--frame-w, 340px);min-height:1.4em;text-align:center;font-size:clamp(14px,calc(var(--u) * 40),16px);line-height:1.4;color:var(--white)}.inline-message--quiet{font-size:14px;opacity:.9}.screen--gender{--gcard-w: min(calc(var(--u) * 468), calc(var(--app-h) * .34 * 468 / 662), calc((100vw - 2 * var(--gutter) - 14px) / 2))}.gender-grid{display:flex;justify-content:center;gap:max(12px,calc(var(--u) * 37))}.screen--hero{--hcard-w: min(calc(var(--u) * 370), calc(var(--app-h) * .235 * 370 / 462))}.hero-grid{display:grid;grid-template-columns:repeat(2,var(--hcard-w));justify-content:center;column-gap:calc(var(--u) * 60);row-gap:calc(var(--u) * 54)}.hero-grid>:nth-child(3){grid-column:1 / -1;justify-self:center}.screen--capture,.screen--generating{--frame-w: min(calc(var(--u) * 982), calc(var(--app-h) * .42 * 982 / 909))}.screen--generating{--frame-w: min(calc(var(--u) * 982), calc(var(--app-h) * .46 * 982 / 909))}.tips{display:grid;grid-template-columns:repeat(3,1fr);width:var(--frame-w);gap:6px;text-align:center}.tips__item{display:flex;flex-direction:column;align-items:center;gap:clamp(4px,calc(var(--u) * 14),8px)}.tips__icon{display:inline-grid;color:var(--white)}.tips__icon svg{width:clamp(24px,calc(var(--u) * 84),38px);height:clamp(24px,calc(var(--u) * 84),38px)}.tips__text{font-weight:500;font-size:clamp(10.5px,calc(var(--u) * 30),14px);line-height:1.15;white-space:nowrap}.generating__photo{width:100%;height:100%;object-fit:cover}.generating.is-failed .generating__photo{filter:grayscale(.4) brightness(.75)}.generating__shimmer{position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.22) 45%,rgba(27,242,250,.18) 52%,transparent 68%);background-size:250% 100%;animation:shimmer 2.2s ease-in-out infinite;mix-blend-mode:screen}.generating__scan{position:absolute;left:0;right:0;top:0;height:22%;background:linear-gradient(to bottom,transparent 0%,rgba(211,251,3,.08) 60%,rgba(211,251,3,.35) 96%,var(--lime-bright) 100%);box-shadow:0 2px 14px #d3fb038c;animation:scan 2.4s cubic-bezier(.45,0,.55,1) infinite alternate}@keyframes shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}@keyframes scan{0%{transform:translateY(-100%)}to{transform:translateY(calc(var(--frame-w) * 909 / 982))}}.dots{display:inline-block;width:1.1em;text-align:left}.dots span{animation:dot 1.4s infinite both}.dots span:nth-child(2){animation-delay:.2s}.dots span:nth-child(3){animation-delay:.4s}@keyframes dot{0%,80%,to{opacity:.2}40%{opacity:1}}.footer-status{display:flex;align-items:center;justify-content:center;gap:10px;min-height:clamp(48px,calc(var(--u) * 146),56px);max-width:min(100%,340px);padding:8px 20px;border-radius:999px;background:#01173bb8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:clamp(13px,calc(var(--u) * 38),15px);font-weight:500;line-height:1.3;text-align:left}.screen--result{--video-w: min(calc(var(--u) * 944), calc(var(--app-h) * .38 * 944 / 740))}.screen--result .screen__footer{gap:10px}.screen--result .link-btn{margin-top:-4px;margin-bottom:-10px}.screen--result .inline-message{max-width:var(--video-w);margin-top:-6px}@media(max-height:700px){.screen__content{padding-block:10px;gap:12px}.screen--capture{--frame-w: min(calc(var(--u) * 982), calc(var(--app-h) * .4 * 982 / 909))}.screen--result{--video-w: min(calc(var(--u) * 944), calc(var(--app-h) * .34 * 944 / 740))}}