:root{--bg:#14102a;--bg-card:#1b1430;--bg-card-soft:#241b40;--bg-input:#2a1f4a;--text:#f2ece0;--text-soft:#c9c0e0;--text-faint:#8a7fa8;--gold:#e8c173;--gold-soft:#e8c17329;--star-big:#f4d999;--coral:#e8967a;--violet-accent:#7f77dd;--line:#3a2f5a;--line-soft:#e8c17338;--shadow:#00000073;--font-display:"Baloo 2", "Quicksand", system-ui, sans-serif;--font-body:"Nunito Sans", "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;min-height:100%}body{background:radial-gradient(900px 500px at 85% -10%, #7f77dd2e, transparent 60%), radial-gradient(900px 600px at -10% 110%, #e8c1731a, transparent 55%), var(--bg);background-attachment:fixed}.starfield{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.star{background:var(--text);opacity:.5;border-radius:50%;width:2px;height:2px;animation:4s ease-in-out infinite twinkle;position:absolute}.star.big{background:var(--star-big);width:3px;height:3px}main.wrap{z-index:1;max-width:520px;margin:0 auto;padding:36px 20px 60px;position:relative}.brand{align-items:center;gap:10px;margin-bottom:40px;display:flex}.brand.brand-compact{margin-bottom:20px}.brand-mark{width:22px;height:22px;fill:var(--gold);flex-shrink:0}.brand-name{font-family:var(--font-display);color:var(--text);letter-spacing:-.01em;font-size:1.15rem;font-weight:700}.brand-name .dot{color:var(--coral)}.hero{margin-bottom:32px}.eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--gold);background:var(--gold-soft);border-radius:100px;margin-bottom:14px;padding:5px 12px;font-size:.78rem;font-weight:700;display:inline-block}.hero h1{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text);margin-bottom:12px;font-size:clamp(1.7rem,6vw,2.1rem);font-weight:700;line-height:1.18}.hero h1 em{background:linear-gradient(100deg, var(--gold), var(--coral) 60%, var(--violet-accent));color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.hero p{color:var(--text-soft);max-width:480px;font-size:1rem;line-height:1.55}.card{background:var(--bg-card);border:1px solid var(--line);box-shadow:0 10px 30px var(--shadow);border-radius:24px;padding:28px}.field{margin-bottom:22px}.field:last-of-type{margin-bottom:26px}.label{color:var(--text);margin-bottom:8px;font-size:.92rem;font-weight:700;display:block}.label .hint{color:var(--text-faint);font-size:.85rem;font-weight:400}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{font-family:var(--font-body);color:var(--text-soft);background:var(--bg-card-soft);border:1px solid var(--line);cursor:pointer;border-radius:100px;padding:8px 16px;font-size:.88rem;font-weight:600;transition:all .15s}.chip:hover{border-color:var(--gold);color:var(--gold)}.chip[aria-pressed=true]{background:var(--gold);border-color:var(--gold);color:#2d1f08}.trait-row{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.trait-chip{font-family:var(--font-body);color:var(--text-faint);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:100px;padding:5px 12px;font-size:.78rem;font-weight:600;transition:all .15s}.trait-chip:hover{border-color:var(--gold);color:var(--gold)}.trait-chip[aria-pressed=true]{background:var(--gold-soft);border-color:var(--gold);color:var(--gold)}.wheel-row{align-items:center;gap:10px;display:flex}.wheel{background:var(--bg-input);border:1px solid var(--line);border-radius:14px;flex:0 0 100px;position:relative;overflow:hidden}.wheel-highlight{background:var(--gold-soft);border:1px solid var(--line-soft);pointer-events:none;border-radius:8px;position:absolute;left:6px;right:6px}.wheel-track{scroll-snap-type:y mandatory;scrollbar-width:none;height:100%;overflow-y:scroll}.wheel-track::-webkit-scrollbar{display:none}.wheel-item{scroll-snap-align:center;font-family:var(--font-body);color:var(--text-faint);cursor:pointer;justify-content:center;align-items:center;font-size:.92rem;font-weight:600;transition:color .15s,font-size .15s;display:flex}.wheel-item.active{color:var(--text);font-size:1.02rem}.zodiac-preview{background:var(--bg-card-soft);border:1px solid var(--line);border-radius:14px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;height:120px;display:flex}.zodiac-symbol{width:39px;height:39px;color:var(--gold)}.zodiac-label{color:var(--text-faint);font-size:.74rem;font-weight:600}.text-input{width:100%;font-family:var(--font-body);color:var(--text);background:var(--bg-input);border:1px solid var(--line);border-radius:14px;outline:none;padding:13px 16px;font-size:.96rem;transition:border-color .15s}.text-input::placeholder{color:var(--text-faint)}.text-input:focus{border-color:var(--gold)}.text-input+.text-input{margin-top:10px}.photo-pick-row{background:var(--bg-input);border:1px solid var(--line);cursor:pointer;border-radius:14px;align-items:center;gap:12px;width:100%;padding:10px 14px;transition:border-color .15s;display:flex}.photo-pick-row:hover{border-color:var(--gold)}.photo-pick-thumb{background:var(--bg-card-soft);border:1.5px dashed var(--line);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden}.photo-pick-thumb.filled{border:1.5px solid var(--gold);border-style:solid}.photo-pick-thumb img{object-fit:cover;width:100%;height:100%;display:block}.photo-pick-icon{width:18px;height:18px;color:var(--text-faint)}.photo-pick-text{color:var(--text-soft);font-size:.92rem;font-weight:600}.cta{width:100%;font-family:var(--font-display);color:#2d1f08;background:linear-gradient(100deg, var(--gold), var(--coral) 70%);cursor:pointer;border:none;border-radius:14px;padding:15px 20px;font-size:1.02rem;font-weight:700;transition:transform .12s,box-shadow .12s;box-shadow:0 8px 20px #e8c17340}.cta:hover{transform:translateY(-1px);box-shadow:0 10px 24px #e8c17352}.cta:active{transform:translateY(0)}.cta:disabled{opacity:.6;cursor:wait;transform:none}.cta .price{font-weight:800}.err{color:#f4a896;margin-top:12px;font-size:.88rem;font-weight:600}.reveal-frame{box-shadow:0 14px 36px var(--shadow);border:1px solid var(--line);background:var(--bg-card);border-radius:24px;padding:30px 24px;position:relative;overflow:hidden}.tries{color:var(--text-faint);border:1px solid var(--line);border-radius:100px;padding:3px 10px;font-size:.72rem;font-weight:700}.loading-frame{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:200px;display:flex}.loading-orbit{width:68px;height:68px;position:relative}.orbit-ring{border:2px solid var(--line-soft);border-top-color:var(--gold);border-radius:50%;animation:.9s linear infinite spin;position:absolute;inset:0}.orbit-icon{width:32px;height:32px;color:var(--gold);margin:auto;animation:1.3s ease-in-out infinite pulseIcon;position:absolute;inset:0}.loading-msg{color:var(--text-soft);min-height:1.2em;font-size:.88rem}.reveal-frame.poster{padding:10px 10px 12px}.poster-header{justify-content:space-between;align-items:center;padding:0 2px 10px;display:flex}.poster-header-actions{gap:6px;display:flex}.icon-btn{background:var(--bg-card-soft);border:1px solid var(--line);height:32px;color:var(--text-soft);font-family:var(--font-body);cursor:pointer;white-space:nowrap;border-radius:100px;align-items:center;gap:6px;padding:0 14px;font-size:.78rem;font-weight:700;transition:all .15s;display:flex}.icon-btn:hover{border-color:var(--gold);color:var(--gold)}.icon-btn:disabled{opacity:.5;cursor:default}.poster-photo{aspect-ratio:1;background:var(--bg-card-soft);cursor:pointer;border:none;border-radius:14px;width:78%;margin:0 auto;padding:0;display:block;position:relative;overflow:hidden}.poster-photo-bg{object-fit:cover;filter:blur(24px)brightness(.55)saturate(1.1);width:100%;height:100%;position:absolute;inset:0;transform:scale(1.15)}.poster-photo-inner{justify-content:center;align-items:center;width:72%;display:flex;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.poster-photo-inner img{object-fit:cover;width:100%;height:100%;display:block}.poster-placeholder-icon{width:56px;height:56px;color:var(--line-soft)}.poster-photo-hint{flex-direction:column;align-items:center;gap:6px;display:flex}.poster-photo-hint span{color:var(--text-faint);font-size:.76rem;font-weight:600}.poster-zodiac{background:var(--gold);color:#2d1f08;z-index:2;border-radius:100px;padding:4px 11px;font-size:.72rem;font-weight:700;position:absolute;top:10px;left:10px}.poster-scrim{text-align:left;z-index:2;background:linear-gradient(#15102600 0%,#151026f0 75%);padding:36px 14px 14px;position:absolute;bottom:0;left:0;right:0}.poster-pre{color:var(--text-soft);margin:0 0 2px;font-size:.74rem}.poster-name{font-family:var(--font-display);color:var(--text);margin:0;font-size:clamp(1.3rem,6vw,1.7rem);font-weight:700;line-height:1.12;animation:.5s cubic-bezier(.2,1.4,.4,1) both nameBurst}.poster-line{color:var(--text-soft);text-align:center;margin:10px 4px 2px;font-size:.9rem;line-height:1.5}.photo-label-link{text-align:center;color:var(--text-faint);cursor:pointer;margin-top:6px;font-size:.76rem;text-decoration:underline;display:block}.photo-input-hidden{display:none}.soft-stop{text-align:center;color:var(--text-faint);margin-top:12px;font-size:.85rem}.start-over{color:var(--text-faint);cursor:pointer;background:0 0;border:none;margin:18px auto 0;font-size:.82rem;font-weight:600;text-decoration:underline;display:block}.start-over:hover{color:var(--text-soft)}.certificate{background:var(--bg-card);border:1px solid var(--line);text-align:center;border-radius:20px;margin-top:14px;padding:18px}.certificate h3{font-family:var(--font-display);color:var(--text);margin-bottom:14px;font-size:1.1rem;font-weight:700}.certificate p{color:var(--text-soft);margin-top:14px;margin-bottom:0;font-size:.88rem;line-height:1.45}footer.foot{text-align:center;color:var(--text-faint);margin-top:50px;font-size:.82rem}footer.foot .legal-links{color:var(--text-faint);margin-top:6px;font-size:.72rem}footer.foot .legal-links a{color:inherit;text-decoration:none}footer.foot .legal-links a:hover{color:var(--gold);text-decoration:underline}@keyframes twinkle{0%,to{opacity:.2}50%{opacity:.9}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulseIcon{0%,to{opacity:.75;filter:drop-shadow(0 0 #e8c17300);transform:scale(.92)}50%{opacity:1;filter:drop-shadow(0 0 6px #e8c17399);transform:scale(1.08)}}@keyframes nameBurst{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes sparkOut{0%{opacity:0;transform:translate(0)scale(.5)}40%{opacity:1;transform:translate(-6px,-8px)scale(1.2)}to{opacity:0;transform:translate(-14px,-18px)scale(.6)}}@media (max-width:480px){.wheel-row{gap:6px}}.overlay-fullscreen{z-index:20;background:#0a0714;flex-direction:column;animation:.28s ease-out both overlaySnapUp;display:flex;position:fixed;inset:0}.overlay-close{z-index:2;color:var(--text);cursor:pointer;background:#ffffff14;border:none;border-radius:50%;width:30px;height:30px;font-size:1.2rem;line-height:1;position:absolute;top:12px;right:12px}.overlay-scroll-outer{flex:1;width:100%;max-width:480px;margin:0 auto;padding:52px 16px 20px;overflow-y:auto}.overlay-eyebrow{text-align:center;color:var(--text-soft);margin-bottom:16px;font-size:.85rem;font-weight:700}.overlay-scroll{flex-direction:column;display:flex}.overlay-card{background:var(--bg-card);border-radius:12px;flex-direction:column;margin-bottom:12px;display:flex;position:relative;overflow:hidden}.overlay-card img{width:100%;height:auto;display:block}.overlay-card-loading{color:var(--text-faint);text-align:center;padding:40px 20px;font-size:.9rem}.overlay-card-badge{color:var(--text-soft);background:#151026bf;border-radius:100px;align-self:flex-end;margin:8px 8px 0 0;padding:5px 10px;font-size:.68rem;font-weight:600;position:static}.overlay-footer{border-top:1px solid var(--line);background:#161225;justify-content:center;align-items:center;gap:20px;width:100%;max-width:480px;margin:0 auto;padding:14px 16px;display:flex}.overlay-footer-label{color:var(--text-faint);font-size:.72rem;line-height:1.3}.overlay-cta{white-space:nowrap;width:auto;padding:12px 22px}@keyframes overlaySnapUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (min-width:900px){.overlay-scroll-outer{max-width:960px}.overlay-scroll{flex-direction:row;align-items:flex-start;gap:16px}.overlay-card{flex:1;margin-bottom:0}.overlay-footer{max-width:960px}}.overlay-card-loading.pulse{animation:1.4s ease-in-out infinite overlayPulse}@keyframes overlayPulse{0%,to{opacity:.5}50%{opacity:1}}.overlay-card-img-in{animation:.4s ease-out both overlayImgIn}@keyframes overlayImgIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.overlay-footer-in{animation:.35s ease-out both overlayFooterIn}@keyframes overlayFooterIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.thank-you-wrap{text-align:center;z-index:1;padding-top:20px;position:relative}.thank-you-badge{font-size:2.6rem;animation:.6s cubic-bezier(.2,1.4,.4,1) both badgePop}.thank-you-title{font-family:var(--font-display);background:linear-gradient(100deg, var(--gold), var(--coral) 60%, var(--violet-accent));color:#0000;-webkit-background-clip:text;background-clip:text;margin:10px 0 14px;font-size:clamp(1.9rem,7vw,2.4rem);font-weight:700}.thank-you-sub{color:var(--text-soft);max-width:440px;margin:0 auto 14px;font-size:1rem;line-height:1.6}.thank-you-fine{color:var(--text-faint);max-width:420px;margin:0 auto 30px;font-size:.88rem;line-height:1.6}.thank-you-fine a{color:var(--gold)}.thank-you-cta{width:auto;padding:14px 32px;display:inline-block}.confetti-field{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.confetti-piece{opacity:0;font-size:1.3rem;animation-name:confettiFall;animation-timing-function:ease-in;animation-iteration-count:infinite;position:absolute;top:-40px}@keyframes badgePop{0%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@keyframes confettiFall{0%{opacity:0;transform:translateY(-40px)rotate(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(100vh)rotate(360deg)}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.overlay-photo-banner{background:var(--gold-soft);border:1px dashed var(--gold);max-width:480px;color:var(--text);font-family:var(--font-body);text-align:left;cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin:0 auto 14px;padding:8px 10px 8px 14px;font-size:.76rem;font-weight:600;line-height:1.3;transition:background .15s;display:flex}.overlay-photo-banner:hover{background:#e8c1733d}.overlay-photo-banner span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overlay-photo-banner-cta{background:var(--gold);color:#2d1f08;white-space:nowrap;border-radius:100px;flex-shrink:0;padding:6px 12px;font-size:.74rem;font-weight:700}