@font-face{font-family:'Open Sans';src:url('/_static/v2/fonts/open-sans-400.ttf');font-weight:400}@font-face{font-family:'Open Sans';src:url('/_static/v2/fonts/open-sans-600.ttf');font-weight:600}@font-face{font-family:'Open Sans';src:url('/_static/v2/fonts/open-sans-700.ttf');font-weight:700}
*{box-sizing:border-box}html{color-scheme:dark;background:#291a3c;scroll-behavior:smooth}body{margin:0;background:#291a3c;color:#fff;font:16px/1.5 'Open Sans',sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:default}img{max-width:100%}h1,h2,h3,p{margin:0}h1{font-size:24px;line-height:1.3;font-weight:700;text-align:center}h2{font-size:20px;line-height:1.3;text-align:center}h3{font-size:18px}p{text-align:center;font-size:16px;line-height:1.5}a{color:#b69cd6}button:focus-visible,input:focus-visible{outline:2px solid #af72f8;outline-offset:2px}
.native-page{max-width:480px;margin:0 auto;padding-bottom:32px;min-height:100svh}.native-header{height:56px;position:relative;display:flex;align-items:center;justify-content:center}.native-header>img{width:81px;height:24px;object-fit:contain}.native-back{position:absolute;left:0;top:8px;border:0;background:none;color:#000;font-size:42px;line-height:32px;width:32px;height:40px}.native-progress{height:4px;background:#ffffff80;margin:0 24px 24px}.native-progress i{display:block;height:100%;background:#9f5bf0}
.component{margin:16px 24px 0;min-width:0}.component .component{margin-left:0;margin-right:0}.component>img{display:block;width:100%;object-fit:contain}.raw-component{margin-left:0;margin-right:0}.native-button{display:block;border:0;border-radius:16px;background:#eed5a3;color:#262118;font-size:18px;font-weight:700;line-height:1.5;min-height:56px;padding:14px 0;width:100%}.fixed-action{position:fixed!important;bottom:32px;left:0;right:0;margin:0 auto!important;width:calc(100% - 48px);max-width:432px;z-index:10}.native-option{display:flex;align-items:center;gap:12px;width:100%;min-height:60px;border:2px solid #3e2e52;border-radius:16px;background:#3e2e52;color:#fff;font-size:16px;font-weight:500;text-align:left;padding:0 16px}.native-option[aria-pressed=true]{border-color:#7f50b880;background:#4b3c5d}.option-emoji{font-size:24px}.tiles .native-option{flex-direction:column;justify-content:center;text-align:center;gap:8px;padding:10px 12px}.tiles .native-option img{width:100%;object-fit:contain}.native-container{display:flex}.native-container.vertical{flex-direction:column}.native-container.horizontal{align-items:center;gap:16px}.native-container.horizontal>.component{flex:1;margin-top:0}.native-container.horizontal>.component:has(>img){flex:0 1 auto}.native-container p{text-align:inherit}
[data-page=intro] .native-header{height:52px}[data-page=intro] #el_QnG21 img{width:100%;min-width:28px}[data-page=intro] #el_QnG21 button{padding:8px 60px}[data-page=intro] #el_y8h6A{margin-left:0;margin-right:0}[data-page=intro] #el_03wZg a{color:#b69cd6;text-decoration:none}
[data-page=q_birthday] .screen,[data-page=q_birth_time] .screen{margin:auto}[data-page=q_birthday] .native-page,[data-page=q_birth_time] .native-page{padding-bottom:112px}
[data-page=animation] .native-page{overflow:hidden}[data-page=animation] .cards{max-width:100%}[data-page=result] .native-page,[data-page=loading_1] .native-page,[data-page=loading_2] .native-page,[data-page=loading_3] .native-page{padding-bottom:112px}
.native-plans{display:grid;gap:12px}.native-plan{position:relative;margin:0!important}.native-plan button{display:flex;flex-direction:column;gap:4px;width:100%;border:2px solid transparent;border-radius:8px;padding:16px;background:#45335c;color:#fff;text-align:left;font-size:16px}.native-plan button[aria-pressed=true]{background:#7f50b8;border-color:#7f50b8}.native-plan button strong{font-size:20px}.recommended{position:absolute;right:0;top:-13px;background:#7f50b8;border-radius:8px 8px 0 0;padding:2px 16px;font-weight:700;font-size:14px}.native-plan:has(.recommended){margin-top:14px!important}.local-checkout label{display:block;font-size:13px}.local-checkout input,.email-input{display:block;width:100%;border:1px solid #ccc;border-radius:8px;background:white;color:#333;padding:12px 14px;margin-top:6px}.local-checkout fieldset{border:0;padding:0;margin:12px 0}.card-row{display:flex;gap:12px}.card-row label{flex:1;min-width:0}.checkout-cta{border:0;border-radius:8px;background:#fff;color:#111;width:100%;padding:14px;font-weight:700}.conditional-legal{font-size:12px}.conditional-legal p{font-size:12px;color:#b8a7c8}.native-reviews{display:flex;overflow-x:auto;gap:12px;scroll-snap-type:x mandatory}.native-reviews article{flex:0 0 100%;padding:20px;background:#3b2b4e;border-radius:12px;scroll-snap-align:start}.native-reviews p{text-align:left;font-size:14px;color:#ffffff80}.stars{color:#ffa230;font-size:24px}
.pac-container{background:white;color:#555;box-shadow:0 2px 8px #0004;position:relative;border:1px solid #ddd;overflow:hidden}.pac-item{display:block;padding:8px 12px;border:0;border-bottom:1px solid #eee;background:white;color:#555;text-align:left;width:100%;font-size:13px}.pac-item:hover,.pac-item[aria-selected=true]{background:#f4eaff}.pac-item strong{color:#222}.pac-empty{padding:10px 12px;font-size:13px}.local-error{font-size:13px;color:#ffb4b4;text-align:center}
/* Fixed email panel follows the native container hierarchy, above its blurred report. */
[data-page=email] #el_ZyWl0{position:fixed;z-index:20;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:480px;padding:20px 32px 32px;gap:16px;box-shadow:0 -16px 32px #20113355}
[data-page=email] #el_ZyWl0>.component{position:static!important;margin:0!important;width:auto;max-width:none}
[data-page=email] #el_LTPJp{position:static!important;margin:0!important;width:auto!important}
[data-page=email] #el_CkliH h1{font-size:24px}
[data-page=email] #el_Gjo70{display:grid;grid-template-columns:24px 1fr;gap:12px;align-items:start}
[data-page=email] #el_Gjo70>.component{margin:0}
[data-page=email] .email-input{margin:0}
/* Original absolute marquee coordinates are relative to its Raw component, not the viewport. */
[data-page=animation] .raw-component{position:relative}
.native-container.horizontal{min-width:0}
.native-container.horizontal>.component{max-width:100%;min-width:0}
.native-container.horizontal img{object-fit:contain}
.native-container.vertical>.component{margin-top:0}
[data-page=paywall] #el_JthJR{margin-left:24px;margin-right:24px}
[data-page=paywall] #el_Ik8FQ{align-self:center}
[data-page=paywall] #el_ig7cN{scroll-margin-top:24px}
@media(max-width:410px){[data-page=palm_screen] .tag-career,[data-page=palm_screen] .tag-change{left:calc((210px - 100vw)/2 + 12px)}[data-page=palm_screen] .tag-marriage,[data-page=palm_screen] .tag-money{right:calc((210px - 100vw)/2 + 12px)}}
html,body{overflow-x:clip}
@media(max-width:380px){.pr2-badge:nth-child(1),.pr2-badge:nth-child(3){left:-27%}.pr2-badge:nth-child(2),.pr2-badge:nth-child(4){right:-27%}}
/* Native fixed-action metadata uses a zero top offset; dock this CTA at the bottom. */
.fixed-action{top:auto!important}
[data-page=q_birth_place] #el_GEiAV{margin-left:24px;margin-right:24px}
.native-back{left:24px}
/* Keep decorative orbit labels from expanding the document's screenshot/scroll width. */
html{overflow-x:hidden}

/* eLuna visual system. Geometry and transition timing remain source-compatible. */
@font-face{font-family:'Cormorant Garamond';src:url('/_static/v2/fonts/cormorant-500.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:'Cormorant Garamond';src:url('/_static/v2/fonts/cormorant-600.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:'Cormorant Garamond';src:url('/_static/v2/fonts/cormorant-700.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:'Manrope';src:url('/_static/v2/fonts/manrope-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'Manrope';src:url('/_static/v2/fonts/manrope-500.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:'Manrope';src:url('/_static/v2/fonts/manrope-600.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:'Manrope';src:url('/_static/v2/fonts/manrope-700.ttf') format('truetype');font-weight:700;font-display:swap}

:root{--eluna-bg:#0d0a18;--eluna-bg-2:#171029;--eluna-ink:#f9f7ff;--eluna-muted:#bdb6cf;--eluna-violet:#9a72ef;--eluna-lilac:#c6a8ff;--eluna-gold:#f3d78e;--eluna-gold-2:#d5ad69;--eluna-card:rgba(31,24,52,.78);--eluna-card-strong:rgba(23,17,42,.94);--eluna-line:rgba(198,168,255,.24);--eluna-shadow:0 24px 70px rgba(0,0,0,.34)}
html{background:var(--eluna-bg)}
body{position:relative;background:
 radial-gradient(circle at 18% 8%,rgba(143,103,232,.24),transparent 26rem),
 radial-gradient(circle at 88% 78%,rgba(207,154,83,.10),transparent 22rem),
 radial-gradient(circle at 12% 19%,rgba(255,255,255,.55) 0 1px,transparent 1.4px) 0 0/260px 220px,
 radial-gradient(circle at 74% 14%,rgba(255,232,173,.5) 0 1px,transparent 1.5px) 91px 34px/260px 220px,
 linear-gradient(160deg,#0b0914 0%,#100b1e 45%,#171029 100%);color:var(--eluna-ink);font-family:'Manrope',system-ui,sans-serif}
body[data-page=intro]{background:
 radial-gradient(circle at 50% 20%,rgba(143,103,232,.34),transparent 26rem),
 radial-gradient(circle at 80% 72%,rgba(243,215,142,.1),transparent 20rem),
 linear-gradient(168deg,#0b0915,#160d2a 58%,#0d0a18)}
button,input,select,textarea,p,a{font-family:'Manrope',system-ui,sans-serif}
h1,h2,h3,.pr3-title,.pr2-title-h4,[class*='heading']{font-family:'Cormorant Garamond',Georgia,serif!important;letter-spacing:.005em}
h1{font-size:30px;line-height:1.08}h2{font-size:26px}h3{font-size:22px}
p{color:var(--eluna-muted)}a{color:var(--eluna-lilac)}
.native-page{position:relative;z-index:1;background:linear-gradient(180deg,rgba(13,10,24,.18),rgba(13,10,24,.36));}
.native-header{height:64px}
.eluna-brand{display:inline-flex;align-items:center;gap:7px;color:var(--eluna-ink);font:600 29px/1 'Cormorant Garamond',Georgia,serif;letter-spacing:.02em;text-shadow:0 0 20px rgba(198,168,255,.18)}
.eluna-brand svg{width:29px;height:29px;filter:drop-shadow(0 0 8px rgba(198,168,255,.2))}
.eluna-logo{display:block;width:clamp(120px,28vw,180px);height:auto;max-height:46px;object-fit:contain;filter:drop-shadow(0 0 18px rgba(198,168,255,.16))}
.native-back{color:var(--eluna-ink);font-family:'Manrope',sans-serif;opacity:.86}
.native-progress{height:4px;background:rgba(255,255,255,.09);border-radius:999px;overflow:hidden}
.native-progress i{background:linear-gradient(90deg,var(--eluna-violet),var(--eluna-gold));box-shadow:0 0 14px rgba(198,168,255,.7)}
.native-button,.checkout-cta{border:1px solid rgba(255,255,255,.22);border-radius:18px;background:linear-gradient(135deg,#f8e3a9,var(--eluna-gold-2));color:#251d17;box-shadow:0 14px 36px rgba(190,143,68,.16),inset 0 1px rgba(255,255,255,.68);font-family:'Manrope',sans-serif;font-weight:700}
.native-button:hover,.checkout-cta:hover{filter:brightness(1.04)}
.native-option{border:1px solid var(--eluna-line);border-radius:18px;background:linear-gradient(145deg,rgba(54,42,80,.72),rgba(28,22,45,.83));color:var(--eluna-ink);box-shadow:inset 0 1px rgba(255,255,255,.025)}
.native-option[aria-pressed=true]{border-color:var(--eluna-gold);background:linear-gradient(110deg,rgba(143,103,232,.3),rgba(243,215,142,.13));box-shadow:0 0 0 2px rgba(243,215,142,.05),0 12px 30px rgba(0,0,0,.18)}
.tiles .native-option{background:linear-gradient(145deg,rgba(59,44,88,.76),rgba(26,20,44,.9))}
.drum-highlight{border-color:rgba(243,215,142,.55)!important;background:linear-gradient(90deg,transparent,rgba(143,103,232,.12),transparent)!important}
.drum .active,.drum .selected{color:var(--eluna-gold)!important;text-shadow:0 0 14px rgba(243,215,142,.25)}
.drum-fade-top{background:linear-gradient(var(--eluna-bg),transparent)!important}.drum-fade-bottom{background:linear-gradient(transparent,var(--eluna-bg))!important}
.spark-banner{background:#f7f2ff!important;color:#302842!important;box-shadow:var(--eluna-shadow)!important}.spark-banner::after{border-top-color:#f7f2ff!important}.spark-highlight{color:#8058d5!important}
.card,.zc-card,.profile-card,.pr3-card,.native-reviews article{border:1px solid var(--eluna-line)!important;background:linear-gradient(145deg,rgba(57,43,84,.69),rgba(27,20,45,.84))!important;box-shadow:var(--eluna-shadow)}
.pac-container{border:1px solid rgba(198,168,255,.42);background:#171126;color:#eee;box-shadow:0 18px 42px rgba(0,0,0,.38)}
.pac-item{background:#171126;color:#eee;border-color:rgba(255,255,255,.08)}.pac-item:hover,.pac-item[aria-selected=true]{background:#2f214c}.pac-item strong{color:#fff}.pac-empty{color:var(--eluna-muted)}
#city-autocomplete,.email-input,.local-checkout input{border:1px solid rgba(198,168,255,.38)!important;border-radius:14px!important;background:rgba(247,242,255,.96)!important;color:#302842!important;box-shadow:0 10px 28px rgba(0,0,0,.16)}
[data-page=email] #el_ZyWl0{background:linear-gradient(180deg,rgba(24,17,43,.97),rgba(13,10,24,.99))!important;border-top:1px solid var(--eluna-line);box-shadow:0 -18px 50px rgba(0,0,0,.5)}
.native-plan button{border:1px solid var(--eluna-line);border-radius:18px;background:linear-gradient(145deg,rgba(54,42,80,.74),rgba(28,22,45,.9));color:var(--eluna-ink);padding:18px}
.native-plan button[aria-pressed=true]{border-color:var(--eluna-gold);background:linear-gradient(105deg,rgba(143,103,232,.38),rgba(243,215,142,.14));box-shadow:0 0 0 2px rgba(243,215,142,.06),0 16px 36px rgba(0,0,0,.22)}
.recommended{border-radius:99px;background:linear-gradient(135deg,var(--eluna-gold),#e2bd72);color:#332618;box-shadow:0 8px 18px rgba(0,0,0,.2)}
.checkout-cta{min-height:54px}.conditional-legal p{color:var(--eluna-muted)}.stars{color:var(--eluna-gold)}
.pr3-cta{background:linear-gradient(135deg,var(--eluna-violet),#7250bd)!important;border:1px solid rgba(255,255,255,.18)!important;color:#fff!important;box-shadow:0 14px 34px rgba(79,48,139,.28)}
.pr3-stat-fill{background:linear-gradient(90deg,var(--eluna-violet),var(--eluna-gold))!important}.pr3-stat-dot{background:var(--eluna-gold)!important;box-shadow:0 0 10px var(--eluna-gold)}
.pr2-palm-card{border-color:rgba(243,215,142,.42)!important;box-shadow:0 0 0 1px rgba(198,168,255,.08),0 20px 55px rgba(0,0,0,.42)!important}

@media(min-width:900px){
 body{background:
  radial-gradient(circle at 20% 18%,rgba(111,73,190,.28),transparent 32rem),
  radial-gradient(circle at 82% 72%,rgba(207,154,83,.12),transparent 30rem),
  radial-gradient(circle at 12% 19%,rgba(255,255,255,.55) 0 1px,transparent 1.4px) 0 0/300px 250px,
  radial-gradient(circle at 74% 14%,rgba(255,232,173,.5) 0 1px,transparent 1.5px) 120px 50px/300px 250px,
  linear-gradient(145deg,#090711,#160d2a 52%,#0d0a18)}
 body[data-page=intro]{background:radial-gradient(circle at 50% 18%,rgba(143,103,232,.4),transparent 34rem),radial-gradient(circle at 78% 75%,rgba(243,215,142,.12),transparent 28rem),linear-gradient(145deg,#090711,#180e2e 55%,#0d0a18)}
 .native-page{width:min(100%,560px);max-width:560px;min-height:100svh;padding-left:16px;padding-right:16px;background:linear-gradient(180deg,rgba(18,12,33,.72),rgba(13,10,24,.88));border-left:1px solid rgba(198,168,255,.08);border-right:1px solid rgba(198,168,255,.08);box-shadow:0 0 90px rgba(0,0,0,.28)}
 .fixed-action{max-width:512px}
 [data-page=email] #el_ZyWl0{max-width:560px}
}

/* Product landing artwork: one fixed, covered background for every funnel page. */
html{background:#0d0a18!important}
body,body[data-page=intro]{background:#0d0a18!important}
body::before{content:"";position:fixed;z-index:0;inset:0;pointer-events:none;background-image:linear-gradient(rgba(10,7,20,.34),rgba(10,7,20,.56)),url('/_static/v2/assets/branding/eluna-bg-mobile.webp');background-position:center;background-size:cover;background-repeat:no-repeat}
@media(min-width:768px){body::before{background-image:linear-gradient(rgba(10,7,20,.28),rgba(10,7,20,.5)),url('/_static/v2/assets/branding/eluna-bg-desktop.webp')}}

/* Targeted eLuna polish. */
[data-page=intro] #el_y8h6A img{display:block;width:100%;height:auto;object-fit:contain;object-position:center;border-radius:24px}

[data-page=loading_1] .native-page{display:flex;flex-direction:column;align-items:stretch;padding-bottom:24px}
[data-page=loading_1] #el_mmlRr{margin:12px 24px 0!important;text-align:center}
[data-page=loading_1] #el_uorC9{margin:24px 24px 0!important}
[data-page=loading_1] #el_CCmbX{margin:24px 24px 0!important}
[data-page=loading_1] .spark-container{min-height:0!important;padding:0!important;gap:12px!important}
[data-page=loading_1] #el_GsmUa{position:static!important;inset:auto!important;width:auto!important;max-width:none!important;margin:28px 24px 24px!important}
[data-page=loading_1] #el_GsmUa .native-button{width:100%}

[data-page=zodiac_profile] #el_f4HPK{margin:16px 24px 104px!important}
[data-page=zodiac_profile] .natal-screen{max-width:100%!important;margin-inline:auto;font-family:'Manrope',sans-serif!important}
[data-page=zodiac_profile] .natal-card{box-sizing:border-box;padding:24px!important;background:linear-gradient(145deg,rgba(51,35,82,.92),rgba(22,15,40,.94))!important;border:1px solid rgba(198,168,255,.3)!important;box-shadow:var(--eluna-shadow)!important}
[data-page=zodiac_profile] .natal-title,[data-page=zodiac_profile] .natal-subtitle{width:100%;text-align:center!important}
[data-page=zodiac_profile] .natal-center-row{display:grid!important;grid-template-columns:minmax(0,1fr) 120px minmax(0,1fr)!important;gap:12px!important;justify-items:center!important;margin:24px 0 28px!important}
[data-page=zodiac_profile] .natal-attr{width:auto!important;min-width:0!important;justify-self:stretch}
[data-page=zodiac_profile] .natal-zodiac-wrap{width:120px!important;height:120px!important}
[data-page=zodiac_profile] .natal-details-divider{box-sizing:border-box;background:rgba(123,87,186,.2)!important;border:1px solid rgba(198,168,255,.2)!important;color:var(--eluna-lilac)!important;margin:0 0 10px!important}
[data-page=zodiac_profile] .natal-details-card{box-sizing:border-box;padding:16px 18px!important;background:rgba(19,13,36,.72)!important;border:1px solid rgba(198,168,255,.2)!important}
[data-page=zodiac_profile] .natal-detail-row{display:grid!important;grid-template-columns:minmax(92px,.75fr) minmax(0,1.25fr)!important;gap:16px!important;padding:6px 0!important}
[data-page=zodiac_profile] .natal-detail-key{width:auto!important;text-align:left}
[data-page=zodiac_profile] .natal-detail-val{text-align:left;overflow-wrap:anywhere}
[data-page=zodiac_profile] .natal-signs-row{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;justify-items:center!important;gap:12px!important}
[data-page=zodiac_profile] .natal-sign-item{width:auto!important;min-width:0!important;justify-self:stretch}

[data-page=paywall] #el_vnUxN{background:linear-gradient(145deg,rgba(51,35,82,.9),rgba(22,15,40,.95))!important;border:1px solid rgba(198,168,255,.28)!important}
[data-page=paywall] #el_Ik8FQ{display:flex!important;width:100%!important;justify-content:center!important;align-items:center!important}
[data-page=paywall] #el_Ik8FQ img{display:block!important;width:clamp(118px,36%,180px)!important;height:auto!important;margin-inline:auto!important}
[data-page=paywall] #el_JthJR{margin-inline:24px!important;text-align:center!important}
[data-page=paywall] #el_JthJR p{max-width:42ch;margin-inline:auto!important;text-align:center!important}

@media(max-width:420px){
 [data-page=zodiac_profile] #el_f4HPK{margin-inline:16px!important}
 [data-page=zodiac_profile] .natal-card{padding:22px 16px!important}
 [data-page=zodiac_profile] .natal-center-row{grid-template-columns:minmax(0,1fr) 104px minmax(0,1fr)!important;gap:8px!important}
 [data-page=zodiac_profile] .natal-zodiac-wrap{width:104px!important;height:104px!important}
 [data-page=zodiac_profile] .natal-sign-img{width:94px!important;height:94px!important}
}
[data-page=intro] #el_y8h6A img{max-height:270px;object-fit:contain}
[data-page=intro] #el_ETGwy{margin-top:12px!important}
[data-page=intro] .tiles .native-option img{width:48px;height:48px;object-fit:contain;flex-shrink:0}

/* Forecast accuracy 60% and 100% share a content-sized vertical stack. */
:is([data-page=loading_2],[data-page=loading_3]) .native-page{
 display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;
 gap:20px;width:100%;max-width:640px;height:auto;min-height:0;
 padding:0 24px 32px;margin-inline:auto;overflow:visible;
}
:is([data-page=loading_2],[data-page=loading_3]) .native-page>.component,
:is([data-page=loading_2],[data-page=loading_3]) .native-progress{margin:0!important}
:is([data-page=loading_2],[data-page=loading_3]) .spark-container{
 width:100%;max-width:none;height:auto;min-height:0;padding:0;margin:0;
 justify-content:flex-start;gap:24px;
}
:is([data-page=loading_2],[data-page=loading_3]) .spark-banner{width:100%}
:is([data-page=loading_2],[data-page=loading_3]) .spark-avatar{flex-shrink:0;margin:0}
:is([data-page=loading_2],[data-page=loading_3]) .fixed-action{
 position:static!important;inset:auto!important;width:100%;max-width:none;margin:0!important;
}
@media(min-width:900px){
 :is([data-page=loading_2],[data-page=loading_3]) .native-page{padding-inline:16px}
}

/* Birth Chart Analysis only: preserve its content, image and CTA. */
[data-page=paywall] #el_EYFca{
 background:linear-gradient(180deg,rgba(53,31,81,.96),rgba(28,15,48,.96));
 border:1px solid rgba(198,168,255,.24);
}
[data-page=paywall] #el_EYFca #el_zB60p{
 background:rgba(34,20,56,.82);border:1px solid rgba(198,168,255,.16);
}

/* Checkout: country picker, Stripe Payment Element, confirmation overlay. */
.country-picker{margin:18px 24px 0}
.country-label{display:grid;gap:8px}
.country-label>span{font-size:13px;line-height:1.4;color:var(--eluna-muted);text-align:center}
.country-select{appearance:none;-webkit-appearance:none;width:100%;min-height:48px;padding:0 44px 0 16px;border:1px solid var(--eluna-line);border-radius:14px;color:var(--eluna-ink);font:600 15px/1 'Manrope',system-ui,sans-serif;background:linear-gradient(145deg,rgba(54,42,80,.74),rgba(28,22,45,.9)) padding-box,transparent;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23f3d78e' stroke-width='2'/%3E%3C/svg%3E"),linear-gradient(145deg,rgba(54,42,80,.74),rgba(28,22,45,.9));background-repeat:no-repeat;background-position:right 16px center,0 0}
.country-select:focus-visible{outline:2px solid var(--eluna-lilac);outline-offset:2px}
.country-select option{background:#1d1433;color:#f9f7ff}
.local-checkout #checkout-form{display:grid;gap:14px;padding:18px;border:1px solid var(--eluna-line);border-radius:22px;background:linear-gradient(160deg,rgba(40,29,64,.86),rgba(20,14,36,.94));box-shadow:var(--eluna-shadow)}
.checkout-receipt{font-size:13px;color:var(--eluna-muted);text-align:center}
.payment-element{min-height:120px}
.payment-loading{padding:40px 0;font-size:14px;color:var(--eluna-muted)}
.checkout-status{min-height:1.2em;font-size:14px;line-height:1.45;color:var(--eluna-muted)}
.checkout-status[data-kind=error]{color:#ff9aa9}
.checkout-secure{font-size:12px;line-height:1.45;color:rgba(189,182,207,.8)}
.checkout-cta[disabled]{opacity:.6}
.mock-card{display:grid;gap:10px}
.mock-card span{font-size:12px;line-height:1.45;color:#f3d78e;text-align:left}
.mock-card input{min-height:50px;padding:0 14px;border:1px solid rgba(198,168,255,.3);border-radius:14px;background:rgba(29,20,51,.92);color:#f9f7ff;font:600 17px/1 'Manrope',sans-serif;letter-spacing:.06em}
.checkout-overlay{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px;background:rgba(10,7,20,.78);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.checkout-overlay-card{display:grid;justify-items:center;gap:14px;max-width:340px;padding:30px 26px;border:1px solid var(--eluna-line);border-radius:24px;background:linear-gradient(160deg,rgba(44,32,70,.96),rgba(20,14,36,.98));box-shadow:var(--eluna-shadow);text-align:center}
.checkout-overlay-card h2{font-size:26px;color:var(--eluna-ink)}
.checkout-overlay-card p{font-size:14px}
.checkout-spinner{display:block;flex:none;width:46px;height:46px;border-radius:50%;border:3px solid rgba(198,168,255,.18);border-top-color:var(--eluna-gold);animation:eluna-spin 900ms linear infinite}
@keyframes eluna-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.checkout-spinner{animation-duration:2.4s}}

/* Landing artwork melts into the page background instead of showing a hard rectangle. */
[data-page=intro] #el_y8h6A img{border-radius:0!important;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 16%,#000 70%,transparent 100%),linear-gradient(to right,transparent 0,#000 14%,#000 86%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to bottom,transparent 0,#000 16%,#000 70%,transparent 100%),linear-gradient(to right,transparent 0,#000 14%,#000 86%,transparent 100%);mask-composite:intersect}

/* Accuracy sphere: no card frame around the animation, liquid in eLuna violet instead of teal. */
[data-page^=loading] .card{border:0!important;background:none!important;box-shadow:none!important}
[data-page^=loading] #lottie-container{filter:hue-rotate(100deg) saturate(1.05)}

/* Soft entrance: each step's content rises in gently once the step is shown (the controller adds .eluna-in).
   The landing is the hook, so it assembles slower and in sequence. */
@keyframes eluna-rise{from{opacity:0}to{opacity:1}}
body:not(.eluna-in) .native-page>*{opacity:0}
body.eluna-in .native-page>*{animation:eluna-rise .45s cubic-bezier(.2,.7,.2,1) both}
body.eluna-in .native-page>:nth-child(2){animation-delay:.04s}
body.eluna-in .native-page>:nth-child(3){animation-delay:.08s}
body.eluna-in .native-page>:nth-child(4){animation-delay:.12s}
body.eluna-in .native-page>:nth-child(n+5){animation-delay:.16s}
body[data-page=intro].eluna-in .native-page>*{animation-duration:.8s}
body[data-page=intro].eluna-in .native-header{animation-delay:.05s}
body[data-page=intro].eluna-in #el_y8h6A{animation-delay:.15s;animation-duration:1.1s}
body[data-page=intro].eluna-in #el_ETGwy{animation-delay:.38s}
body[data-page=intro].eluna-in #el_sxgqO{animation-delay:.52s}
body[data-page=intro].eluna-in #el_QnG21{animation-delay:.68s}
body[data-page=intro].eluna-in #el_03wZg,body[data-page=intro].eluna-in #el_mC5t8{animation-delay:.85s}
body.eluna-in .fixed-action{animation-name:eluna-fade}
@keyframes eluna-fade{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){body .native-page>*{animation:none!important;opacity:1!important}}

/* The step stays put: no rubber-band drift of the whole page (iOS pull past the edge). */
html,body{overscroll-behavior:none}
/* A docked button never covers content: the page keeps room for it. */
.native-page:has(>.fixed-action){padding-bottom:128px}
/* Birthday step fits one screen on smaller phones, the picker fully above the button. */
@media (max-height:820px){
 [data-page=q_birthday] #el_PcSe7{margin-top:6px}
 [data-page=q_birthday] .zodiac-carousel{margin-bottom:14px!important;min-height:0!important;gap:22px!important}
 [data-page=q_birthday] .zodiac-item.center img{width:62px!important;height:62px!important}
 [data-page=q_birthday] .zodiac-item.side img{width:42px!important;height:42px!important}
 [data-page=q_birthday] .zodiac-name{font-size:.72rem!important}
 [data-page^=q_birth] h1{font-size:27px}
}

/* "You" step: the docked Continue never covers the card; tighter on short screens. */
[data-page=zodiac_profile] .native-page{padding-bottom:132px}
@media (max-height:820px){
 [data-page=zodiac_profile] .natal-card{padding:20px 16px 18px!important}
 [data-page=zodiac_profile] .natal-zodiac-wrap{transform:scale(.85)}
 [data-page=zodiac_profile] .natal-details-divider{margin-top:8px!important}
}