@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800;900&family=Outfit:wght@500;600;700;800&display=swap";:root{color-scheme:dark;font-family:Outfit,Noto Sans SC,system-ui,sans-serif;background:#080a0f;color:#f4f0e8;font-synthesis:none;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;--ease-out: cubic-bezier(.32, .72, 0, 1);--black: #080a0f;--charcoal: #11151d;--paper: #f2eadb;--ink: #12151b;--gold: #d7b762;--silver: #c6ccd3;--accent: #75aadb}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.app-shell{min-height:100dvh;position:relative;overflow-x:hidden;background:radial-gradient(circle at 72% 8%,color-mix(in srgb,var(--accent),transparent 77%),transparent 36%),radial-gradient(circle at 12% 76%,rgba(215,183,98,.15),transparent 42%),linear-gradient(155deg,#080a0f,#0e1219 48%,#07080b)}.background{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.pitch-lines{position:absolute;top:-20%;right:-30%;bottom:-20%;left:-30%;opacity:.2;background:linear-gradient(112deg,transparent 44%,rgba(255,255,255,.16) 44.2%,transparent 44.7%),linear-gradient(152deg,transparent 61%,rgba(215,183,98,.16) 61.2%,transparent 61.8%);transform:rotate(-6deg)}.grain{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.08;background-image:radial-gradient(circle at 10% 20%,rgba(255,255,255,.35) 0 1px,transparent 1.5px),radial-gradient(circle at 70% 45%,rgba(255,255,255,.2) 0 1px,transparent 1.5px);background-size:26px 26px,39px 39px;mix-blend-mode:screen}.screen{width:min(100%,430px);min-height:100dvh;margin:0 auto;padding:max(22px,env(safe-area-inset-top)) 22px max(26px,env(safe-area-inset-bottom));position:relative;z-index:1}.enter{animation:screenIn .52s var(--ease-out) both}@keyframes screenIn{0%{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.topbar{height:52px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:26px}.screen:not(.home-screen) .topbar .brand-lockup{padding-left:54px}.brand-lockup{display:flex;align-items:center;gap:9px;min-width:0;color:var(--gold);font-size:18px;font-weight:800;letter-spacing:.02em}.brand-lockup span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-button,.ghost-pill,.primary-button,.secondary-button,.option-button,.template-chip,.match-card,.segmented button{border:0;cursor:pointer;transition:transform .22s var(--ease-out),border-color .22s var(--ease-out),background .22s var(--ease-out),color .22s var(--ease-out),opacity .22s var(--ease-out)}.icon-button:active,.ghost-pill:active,.primary-button:active,.secondary-button:active,.option-button:active,.template-chip:active,.match-card:active,.segmented button:active{transform:scale(.98)}.icon-button:focus-visible,.ghost-pill:focus-visible,.primary-button:focus-visible,.secondary-button:focus-visible,.option-button:focus-visible,.template-chip:focus-visible,.match-card:focus-visible,.segmented button:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.floating-back{position:fixed;z-index:4;top:max(24px,env(safe-area-inset-top));left:max(18px,calc((100vw - 430px)/2 + 18px));width:44px;height:44px;border-radius:50%;color:#fff;background:#ffffff1a;border:1px solid rgba(255,255,255,.12);display:grid;place-items:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.ghost-pill{min-height:40px;padding:0 14px;border-radius:999px;display:inline-flex;align-items:center;gap:7px;color:var(--paper);background:#ffffff0d;border:1px solid rgba(215,183,98,.36);white-space:nowrap}.home-hero{margin-top:36px}.micro-label{margin:0 0 12px;color:var(--gold);font-size:11px;font-weight:800;letter-spacing:.16em}h1,h2,h3,p{margin-top:0}.home-hero h1{margin-bottom:16px;max-width:9em;color:#fff7e7;font-size:clamp(45px,12vw,58px);line-height:.98;letter-spacing:0;font-weight:900;text-wrap:balance}.home-copy{max-width:310px;color:#f4f0e8b8;font-size:16px;line-height:1.7}.hero-card-shell{margin:30px 0 24px;padding:6px;border-radius:28px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(135deg,#ffffff1f,#ffffff05)}.mini-card{min-height:250px;border-radius:23px;padding:22px;position:relative;overflow:hidden;background:radial-gradient(circle at 75% 20%,color-mix(in srgb,var(--accent),transparent 55%),transparent 34%),linear-gradient(145deg,#f0e7d8,#c5cbd1 48%,#161a21 49%,#0b0d12);box-shadow:inset 0 1px #ffffff8c;color:#11151d}.mini-card:after,.poster-card:after,.prediction-poster:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(115deg,transparent 18%,rgba(255,255,255,.32) 34%,transparent 48%);opacity:.2;transform:translate(-40%);animation:lightSweep 5s var(--ease-out) infinite}@keyframes lightSweep{0%,55%{transform:translate(-70%)}78%,to{transform:translate(70%)}}.mini-card p{margin-bottom:2px;color:#876f31;font-weight:800}.mini-card h2{margin-bottom:0;font-size:43px;line-height:1;color:#14171d}.mini-portrait{position:absolute;right:24px;top:50px;width:132px;height:154px;display:grid;place-items:center;border-radius:46% 46% 40% 40%;background:#ffffff7a;border:2px solid rgba(135,111,49,.5);color:#11151d8c}.mini-portrait svg{width:84px;height:84px}.mini-stats{position:absolute;left:22px;right:22px;bottom:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mini-stats span{padding:10px 8px;border-radius:14px;background:#080a0fe0;color:var(--gold);text-align:center;font-size:13px;font-weight:800}.primary-button,.secondary-button{min-height:56px;padding:0 21px;border-radius:20px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:17px;font-weight:900;letter-spacing:.02em}.primary-button{color:#18130a;background:linear-gradient(135deg,#f1d488,#c89b36);box-shadow:0 18px 48px #be933442}.secondary-button{color:#fff;background:#ffffff14;border:1px solid rgba(255,255,255,.18)}.primary-button.wide{width:100%}.primary-button:disabled{cursor:not-allowed;opacity:.44;box-shadow:none}.footnote{margin:14px 0 0;color:#f4f0e87a;text-align:center;font-size:13px;line-height:1.5}.question-meta{margin-top:64px;color:#f4f0e8bd;font-size:21px;font-weight:700}.question-meta strong{color:#ef3948;font-size:44px}.progress-track{height:7px;margin-top:14px;border-radius:999px;background:#ffffff29;overflow:hidden}.progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ef3948,var(--gold));transition:width .42s var(--ease-out)}.question-title{margin:40px 0 26px;color:#fff;font-size:clamp(39px,10vw,50px);line-height:1.05;font-weight:900;letter-spacing:0;text-wrap:balance}.options-list{display:grid;gap:14px}.option-button{min-height:72px;padding:0 16px;border-radius:14px;display:grid;grid-template-columns:44px 1fr 26px;align-items:center;gap:10px;color:#f4f0e8e6;text-align:left;background:#fff1;border:1px solid rgba(255,255,255,.13)}.option-button span:nth-child(2){font-size:16px;font-weight:800;line-height:1.35}.option-button.selected{color:#fff;background:linear-gradient(90deg,#ef3948d6,#ef394829);border-color:#ef3948e6}.option-index{color:#f4f0e86b;font-size:15px;font-weight:900;font-variant-numeric:tabular-nums}.preview-strip{margin:26px 0 18px;padding:16px;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:#ffffff0e;display:flex;align-items:center;justify-content:space-between;gap:14px}.preview-strip p{margin-bottom:6px;color:#fff;font-weight:800}.preview-strip span{color:#f4f0e88a;font-size:13px}.preview-ticket{width:100px;height:62px;border-radius:10px;padding:8px;background:linear-gradient(135deg,#ffffffe0,#b1bac5cc);color:#14171d}.preview-ticket span{display:block;color:#835f18}.preview-ticket strong{display:block;margin-top:4px;text-align:right;font-size:20px;font-variant-numeric:tabular-nums}.section-heading{margin-top:62px}.section-heading h2{margin-bottom:12px;color:#fff9ea;font-size:36px;line-height:1.08;font-weight:900;text-wrap:balance}.section-heading span{color:#f4f0e8a6;line-height:1.65}.upload-panel{margin:26px 0 18px;padding:18px;min-height:250px;border-radius:26px;border:1px solid rgba(215,183,98,.28);background:linear-gradient(145deg,#ffffff1b,#ffffff09);display:grid;grid-template-columns:136px 1fr;gap:18px;align-items:center;cursor:pointer}.upload-panel input{display:none}.upload-preview{width:136px;height:180px;border-radius:24px;overflow:hidden;display:grid;place-items:center;color:#f4f0e875;background:radial-gradient(circle at 50% 20%,rgba(255,255,255,.18),transparent 36%),#ffffff14;border:1px solid rgba(255,255,255,.16)}.upload-preview img{width:100%;height:100%;object-fit:cover}.upload-preview svg{width:76px;height:76px}.upload-panel strong{display:block;margin:10px 0;color:#fff;font-size:20px}.upload-panel span{color:#f4f0e894;line-height:1.55;font-size:14px}.generation-card{width:100%;margin:24px 0 14px;min-height:124px;padding:18px;border-radius:24px;display:grid;grid-template-columns:1fr 32px;align-items:center;gap:14px;text-align:left;color:#fff;background:radial-gradient(circle at 92% 18%,rgba(215,183,98,.2),transparent 34%),linear-gradient(145deg,#ffffff1f,#ffffff0a);border:1px solid rgba(215,183,98,.34)}.generation-card span{display:inline-block;margin-bottom:8px;color:var(--gold);font-size:12px;font-weight:900;letter-spacing:.14em}.generation-card strong{display:block;margin-bottom:8px;font-size:21px;line-height:1.18}.generation-card p{margin-bottom:0;color:#f4f0e89e;line-height:1.5;font-size:14px}.generation-status{margin:0 0 16px;padding:12px 14px;border-radius:16px;color:#f4f0e8c7;background:#ffffff12;border:1px solid rgba(255,255,255,.12);font-size:13px;line-height:1.5;font-weight:700}.generation-status.generating{color:#15120b;background:#d7b762d1;border-color:#d7b762e6}.generation-status.ready{color:#dff8ea;background:#1f8f5f2e;border-color:#1f8f5f6b}.generation-status.preview,.generation-status.failed{color:#ffe1ad;background:#d7b7621f;border-color:#d7b76247}.result-status{margin:14px 0 0}.hint-panel{margin-bottom:20px;padding:15px 16px;border-radius:18px;display:flex;align-items:center;gap:12px;background:#d7b7621f;border:1px solid rgba(215,183,98,.25)}.hint-panel p{margin-bottom:4px;color:#f4f0e89e}.hint-panel strong{color:var(--gold);font-size:18px}.result-intro{margin-top:18px;margin-bottom:18px;display:flex;align-items:center;justify-content:center;gap:12px;text-align:center}.result-intro>svg{width:40px;height:40px;padding:9px;color:#16120a;border-radius:50%;background:var(--gold);flex:0 0 auto}.result-intro h2{margin-bottom:6px;color:#f8e7b1;font-size:23px}.result-intro p{margin-bottom:0;color:#f4f0e899}.poster-card{width:min(100%,346px);aspect-ratio:3 / 4;margin:0 auto;position:relative;overflow:hidden;border-radius:2px;padding:22px 21px 18px;color:var(--ink);background:radial-gradient(circle at 73% 34%,color-mix(in srgb,var(--accent),transparent 30%),transparent 28%),linear-gradient(118deg,transparent 0 44%,color-mix(in srgb,var(--accent),transparent 72%) 44.5% 56%,transparent 56.5%),linear-gradient(106deg,rgba(255,255,255,0) 0 54%,rgba(255,255,255,.28) 54.5%,transparent 56%),linear-gradient(180deg,#f4ead9,#ded6c8);box-shadow:inset 0 0 0 1px #7d652f59,inset 0 0 0 8px #ffffff29,0 26px 70px #0000006b}.poster-card:before,.prediction-poster:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.13;background-image:radial-gradient(circle at 20% 30%,rgba(0,0,0,.5) 0 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.08) 1px,transparent 1px);background-size:18px 18px,36px 36px;pointer-events:none}.poster-card:before{opacity:.16;background-image:radial-gradient(circle at 20% 30%,rgba(0,0,0,.42) 0 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.06) 1px,transparent 1px),linear-gradient(145deg,transparent 35%,rgba(255,255,255,.32) 35.5% 36.5%,transparent 37%)}.poster-corner{position:absolute;color:#5a492a85;font-size:10px;font-weight:900;letter-spacing:.15em;z-index:2}.poster-corner.top-left{top:18px;left:18px}.poster-corner.side{right:12px;top:62px;writing-mode:vertical-rl}.poster-top{position:relative;z-index:2;margin-top:26px;display:flex;justify-content:space-between;align-items:flex-start}.poster-top p{margin-bottom:2px;color:color-mix(in srgb,var(--accent),#876f31 50%);font-weight:800}.poster-top h3{margin-bottom:0;font-size:30px;line-height:.95;font-weight:900}.poster-top strong{color:#987832;font-size:58px;line-height:.82;font-weight:900;font-variant-numeric:tabular-nums}.portrait-stage{position:absolute;z-index:1;right:9px;top:82px;width:184px;height:232px;border-radius:46% 46% 18% 42%;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at 50% 30%,rgba(255,255,255,.8),transparent 34%),linear-gradient(100deg,color-mix(in srgb,var(--accent),white 28%),#fff3 42%,#0a0c121a),color-mix(in srgb,var(--accent),white 42%);border:2px solid rgba(151,120,50,.5);box-shadow:-16px 24px color-mix(in srgb,var(--accent),transparent 78%),0 0 0 9px #ffffff2e,0 18px 38px #0f12182e;color:#11151d80}.portrait-stage:before{content:"";position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;z-index:2;pointer-events:none;background:linear-gradient(100deg,transparent 0 38%,rgba(255,255,255,.38) 39% 43%,transparent 44%),repeating-linear-gradient(90deg,color-mix(in srgb,var(--accent),transparent 74%) 0,color-mix(in srgb,var(--accent),transparent 74%) 18px,#ffffff24 18px,#ffffff24 34px);mix-blend-mode:soft-light;opacity:.8}.portrait-stage:after{content:"";position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,transparent 0 58%,rgba(12,14,18,.4) 100%),radial-gradient(circle at 52% 26%,transparent 0 42%,rgba(255,255,255,.34) 43% 45%,transparent 46%)}.portrait-stage img{width:100%;height:100%;object-fit:cover;filter:saturate(.9) contrast(1.08);transform:scale(1.06)}.portrait-stage svg{width:86px;height:86px;z-index:1}.identity-block{position:relative;z-index:4;width:55%;margin-top:26px}.identity-block h2{margin-bottom:7px;color:color-mix(in srgb,var(--accent),#233b62 60%);font-size:28px;line-height:1.08;font-weight:900}.identity-block.long-name h2{font-size:25px;line-height:1.08}.identity-block p{display:inline-block;margin-bottom:7px;padding:5px 8px;border:1px solid rgba(18,21,27,.5);font-size:12px;font-weight:800}.identity-block span{display:block;color:color-mix(in srgb,var(--accent),#876f31 50%);font-size:12px;font-weight:800}.tag-band{position:relative;z-index:4;width:fit-content;margin-top:13px;padding:6px 11px;background:#12151b;color:var(--gold);font-size:13px;font-weight:900;box-shadow:0 0 0 1px #d7b76273}.summary{position:absolute;z-index:4;left:21px;bottom:100px;width:56%;margin:0;overflow:hidden;color:#1a1e25;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;font-size:11.5px;line-height:1.36;font-weight:700}.attribute-row{position:absolute;z-index:4;left:20px;right:20px;bottom:42px;padding-top:8px;border-top:1px solid rgba(18,21,27,.2);display:grid;grid-template-columns:repeat(3,1fr);gap:0}.attribute-row div{text-align:center;border-right:1px solid rgba(18,21,27,.2)}.attribute-row div:last-child{border-right:0}.attribute-row span{display:block;font-size:12px;font-weight:800}.attribute-row strong{color:color-mix(in srgb,var(--accent),#886b28 35%);font-size:27px;line-height:1;font-weight:900;font-variant-numeric:tabular-nums}.poster-footer{position:absolute;z-index:3;left:0;right:0;bottom:0;height:34px;display:grid;place-items:center;background:#101319;color:var(--gold);font-size:15px;font-weight:900}.result-screen .action-row,.template-section{margin-top:22px}.template-title{display:flex;align-items:center;justify-content:space-between;color:#f4e4b6;margin-bottom:12px}.template-title span{font-size:18px;font-weight:900}.template-title small{color:#f4f0e86b}.template-rail{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px;scrollbar-width:none}.template-rail::-webkit-scrollbar{display:none}.template-chip{flex:0 0 112px;height:136px;padding:12px;border-radius:16px;position:relative;color:#1a1d23;text-align:left;overflow:hidden;background:radial-gradient(circle at 72% 20%,color-mix(in srgb,var(--accent),white 35%),transparent 36%),linear-gradient(180deg,#f3eadb,#cfc5b5);border:1px solid rgba(255,255,255,.14)}.template-chip.active{box-shadow:0 0 0 2px var(--gold),0 18px 34px #0000003d}.template-chip span{display:block;color:#987832;font-size:34px;font-weight:900}.template-chip strong{display:block;margin-top:40px;font-size:13px;line-height:1.25}.template-chip svg{position:absolute;right:8px;bottom:8px;width:24px;height:24px;padding:5px;border-radius:50%;color:#15181f;background:var(--gold)}.action-row{margin-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.match-list{display:grid;gap:12px;margin:24px 0}.match-card{padding:16px;border-radius:18px;text-align:left;color:#fff;background:#ffffff12;border:1px solid rgba(255,255,255,.13)}.match-card.selected{border-color:var(--gold);background:#d7b76221}.match-card span,.match-card small{display:block;color:#f4f0e880}.match-card strong{display:block;margin:5px 0;font-size:19px}.field-group{margin-bottom:18px}.field-group label{display:block;margin-bottom:10px;color:#f4f0e8b8;font-weight:800}.segmented{padding:5px;border-radius:18px;background:#ffffff12;display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.segmented button{min-height:42px;border-radius:14px;color:#f4f0e8b3;background:transparent;border:0;font-weight:800}.segmented button.selected{color:#15120b;background:var(--gold)}.field-group input{width:100%;min-height:54px;padding:0 16px;border-radius:16px;color:#fff;background:#ffffff13;border:1px solid rgba(255,255,255,.14);font-weight:800;font-variant-numeric:tabular-nums}.prediction-poster{width:min(100%,334px);aspect-ratio:3 / 4;margin:34px auto 0;position:relative;overflow:hidden;border-radius:24px;padding:24px 22px 18px;display:flex;flex-direction:column;color:#f6f0e3;background:radial-gradient(circle at 66% 16%,color-mix(in srgb,var(--accent),transparent 60%),transparent 32%),linear-gradient(160deg,#161922,#090b10);border:1px solid rgba(215,183,98,.34);box-shadow:0 26px 70px #00000070}.prediction-persona-art{position:absolute;z-index:1;right:-24px;top:4px;width:152px;height:214px;overflow:hidden;border-radius:0 24px 0 58px;opacity:.42;mix-blend-mode:screen;filter:saturate(.85) contrast(1.1)}.prediction-persona-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#090b10 0%,transparent 42%,rgba(9,11,16,.18) 100%)}.prediction-persona-art img{width:100%;height:100%;object-fit:cover}.prediction-poster h2{position:relative;z-index:3;max-width:220px;font-size:27px;line-height:1.06;margin-bottom:9px}.prediction-identity{position:relative;z-index:3;max-width:210px;margin-bottom:12px}.prediction-identity strong{display:inline-block;margin-bottom:6px;padding:5px 8px;border-radius:999px;color:#15120b;background:var(--gold);font-size:12px;font-weight:900}.prediction-identity span{display:block;color:#f4f0e8b8;font-size:12px;line-height:1.35;font-weight:700}.versus-block{position:relative;z-index:3;min-height:60px;display:grid;grid-template-columns:1fr 54px 1fr;align-items:center;text-align:center;border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14)}.versus-block span{font-size:20px;font-weight:900}.versus-block strong{color:var(--gold)}.score-lock{position:relative;z-index:3;margin:13px 0 12px;padding:12px 14px;border-radius:16px;background:#ffffff13}.score-lock small{display:block;color:#f4f0e885;font-size:12px;font-weight:800}.score-lock strong{display:block;margin:6px 0;font-size:27px;color:var(--gold)}.score-lock span{font-size:22px;font-weight:900;font-variant-numeric:tabular-nums}.prediction-reason{position:relative;z-index:3}.prediction-reason p{margin-bottom:8px;color:#f4f0e8c7;font-size:12px;line-height:1.38;font-weight:700}.prediction-reason div{display:flex;flex-wrap:wrap;gap:6px}.prediction-reason span{padding:5px 7px;border-radius:999px;color:var(--gold);background:#d7b7621f;border:1px solid rgba(215,183,98,.24);font-size:11px;font-weight:800}.prediction-poster footer{position:relative;z-index:3;left:auto;right:auto;bottom:auto;margin-top:auto;color:#f4f0e87a;font-size:12px}.theme-neutral{--accent: #d7b762}.theme-argentina,.poster-argentina,.template-argentina{--accent: #75aadb}.theme-brazil,.poster-brazil,.template-brazil{--accent: #1f8f5f}.theme-france,.poster-france,.template-france{--accent: #315fd0}.theme-germany,.poster-germany,.template-germany{--accent: #b9b9b9}.theme-portugal,.poster-portugal,.template-portugal{--accent: #bf1d35}.theme-japan,.poster-japan,.template-japan{--accent: #d2414a}.theme-england,.poster-england,.template-england{--accent: #d7d9e7}.theme-croatia,.poster-croatia,.template-croatia{--accent: #ce2b3f}@media(max-width:374px){.screen{padding-left:16px;padding-right:16px}.poster-card,.prediction-poster{width:100%}.upload-panel{grid-template-columns:1fr}.upload-preview{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}}