:root{--bg-cream:#faf8f5;--bg-lavender:#f2ebf9;--bg-rose:#f9f0ef;--bg-dark:#1a0d35;--lavender:#9b7ec8;--lavender-mid:#b89fd8;--lavender-light:#d4c4ec;--lavender-pale:#ede5f8;--rose-dust:#e8c4c4;--amber:#c9a47a;--amber-light:#e0c4a0;--text:#2d2438;--text-dim:#7a6b8a;--text-mute:#b0a4bf;--text-on-dark:#f5f0ff;--text-dim-dark:#f5f0ffa6;--surface:#ffffffb8;--surface-strong:#ffffffe6;--surface-dark:#1a0d358c;--border:#9b7ec838;--border-strong:#9b7ec873;--cta:#9b7ec8;--cta-hover:#8b6ab8;--cta-text:#fff;--free-color:#7aa8c8;--lumen-color:#9b7ec8;--cosmos-color:#c9a47a}*{box-sizing:border-box;-webkit-font-smoothing:antialiased}html,body{background:var(--bg-cream);min-height:100vh;margin:0;padding:0;overflow-x:clip}body{color:var(--text);font-family:Inter,-apple-system,system-ui,sans-serif}#root{flex-direction:column;min-height:100vh;display:flex}.font-serif{font-family:Cormorant Garamond,Georgia,serif}.font-display{font-family:DM Serif Display,Georgia,serif}.zodia-bg{z-index:0;background:radial-gradient(80% 60% at 50% 0,#9b7ec82e 0%,#0000 55%),radial-gradient(60% 50% at 100% 100%,#e8c4c426 0%,#0000 55%),radial-gradient(50% 60% at 0 80%,#c9a47a1a 0%,#0000 55%),linear-gradient(160deg,#faf8f5 0%,#f2ebf9 50%,#faf8f5 100%);position:fixed;inset:0}.zodia-bg-dark{z-index:0;background:radial-gradient(70% 50% at 50% 10%,#9b7ec873 0%,#0000 60%),radial-gradient(50% 40% at 90% 90%,#e8c4c440 0%,#0000 55%),linear-gradient(160deg,#1a0d35 0%,#120828 100%);position:fixed;inset:0}.zodia-bg:after{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(1px 1px at 15% 20%,#9b7ec899,#0000),radial-gradient(1px 1px at 80% 15%,#c9a47a80,#0000),radial-gradient(1.5px 1.5px at 65% 70%,#9b7ec866,#0000),radial-gradient(1px 1px at 35% 85%,#e8c4c480,#0000),radial-gradient(1px 1px at 90% 45%,#9b7ec859,#0000),radial-gradient(1.5px 1.5px at 10% 60%,#c9a47a66,#0000),radial-gradient(1px 1px at 55% 35%,#9b7ec84d,#0000);animation:10s ease-in-out infinite star-shimmer;position:fixed;inset:0}@keyframes star-shimmer{0%,to{opacity:.5}50%{opacity:1}}.glass{background:var(--surface);-webkit-backdrop-filter:blur(20px)saturate(160%);border:1px solid var(--border);border-radius:20px;box-shadow:inset 0 1px #fffc,0 4px 24px #9b7ec81a}.glass-strong{background:var(--surface-strong);-webkit-backdrop-filter:blur(30px)saturate(180%);border:1px solid var(--border-strong);border-radius:24px;box-shadow:inset 0 1px #ffffffe6,0 8px 32px #9b7ec824}.glass-dark{background:var(--surface-dark);-webkit-backdrop-filter:blur(20px)saturate(150%);border:1px solid #9b7ec840;border-radius:20px;box-shadow:inset 0 1px #ffffff14,0 8px 32px #0000004d}.btn-primary{color:#fff;letter-spacing:.01em;cursor:pointer;background:linear-gradient(160deg,#b89fd8 0%,#9b7ec8 50%,#7b5ea8 100%);border:none;border-radius:100px;width:100%;padding:17px 28px;font-family:Inter,sans-serif;font-size:15px;font-weight:600;transition:transform .15s,box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 0 0 1px #9b7ec866,0 4px 20px #9b7ec859,inset 0 1px #ffffff40}.btn-primary:before{content:"";background:linear-gradient(105deg,#0000 40%,#ffffff4d 50%,#0000 60%);animation:4s ease-in-out infinite btn-shine;position:absolute;inset:0;transform:translate(-100%)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 0 0 1px #9b7ec899,0 8px 28px #9b7ec873,inset 0 1px #ffffff4d}.btn-primary:active{transform:translateY(0)scale(.98)}@keyframes btn-shine{0%{transform:translate(-100%)}30%,to{transform:translate(200%)}}.btn-ghost{color:var(--text-dim);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:100px;width:100%;padding:15px 28px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;transition:all .2s}.btn-ghost:hover{border-color:var(--lavender);color:var(--lavender)}.btn-icon{background:var(--surface);border:1px solid var(--border);cursor:pointer;width:42px;height:42px;color:var(--text-dim);border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.btn-icon:hover{border-color:var(--lavender);color:var(--lavender)}.bottom-nav{padding:10px 8px max(24px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(24px)saturate(180%);border-top:1px solid var(--border);z-index:50;background:#faf8f5e0;justify-content:space-around;align-items:flex-end;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{color:var(--text-mute);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;gap:3px;min-width:52px;padding:4px 12px;font-family:Inter,sans-serif;font-size:9px;font-weight:500;transition:all .2s;display:flex}.nav-item.active{color:var(--lavender)}.nav-item svg{transition:transform .2s}.nav-item:hover svg,.nav-item.active svg{transform:translateY(-1px)}.input-field{background:var(--surface-strong);border:1.5px solid var(--border);color:var(--text);border-radius:14px;outline:none;width:100%;padding:16px 18px;font-family:Cormorant Garamond,serif;font-size:18px;transition:border-color .2s,box-shadow .2s}.input-field::placeholder{color:var(--text-mute);font-style:italic}.input-field:focus{border-color:var(--lavender);box-shadow:0 0 0 3px #9b7ec81f}.input-wheel-col{flex-direction:column;flex:1;align-items:center;gap:2px;display:flex}.wheel-value{color:var(--text);padding:8px 0;font-family:DM Serif Display,serif;font-size:32px;line-height:1}.wheel-adj{color:var(--text-mute);opacity:.5;padding:2px 0;font-size:14px}.badge{letter-spacing:.12em;text-transform:uppercase;border-radius:100px;align-items:center;gap:4px;padding:3px 10px;font-size:9px;font-weight:600;display:inline-flex}.badge-free{color:var(--free-color);background:#7aa8c826;border:1px solid #7aa8c84d}.badge-lumen{color:var(--lavender);background:#9b7ec826;border:1px solid #9b7ec859}.badge-cosmos{color:var(--amber);background:#c9a47a26;border:1px solid #c9a47a4d}.pill{color:var(--lavender);background:#9b7ec81f;border:1px solid #9b7ec840;border-radius:100px;align-items:center;gap:5px;padding:5px 12px;font-size:11px;font-weight:500;display:inline-flex}.score-pill{color:var(--lavender);background:#9b7ec81a;border:1px solid #9b7ec833;border-radius:100px;align-items:center;gap:3px;padding:2px 8px;font-size:10px;font-weight:600;display:inline-flex}.score-pill.amor{color:#d08080;background:#e8c4c433;border-color:#e8c4c466}.score-pill.dinero{color:var(--amber);background:#c9a47a26;border-color:#c9a47a4d}.score-pill.salud{color:#5a9e78;background:#7ac89b26;border-color:#7ac89b4d}.score-pill.trabajo{color:var(--free-color);background:#7aa8c826;border-color:#7aa8c84d}.divider{background:linear-gradient(90deg, transparent, var(--border-strong), transparent);height:1px;margin:16px 0}.section-label{letter-spacing:.18em;text-transform:uppercase;color:var(--text-mute);margin-bottom:8px;font-size:9px;font-weight:600}.card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:20px;box-shadow:inset 0 1px #fffc,0 2px 12px #9b7ec812}.card-feature{border:1px solid var(--border-strong);background:linear-gradient(135deg,#ffffffe6 0%,#f2ebf9b3 100%);border-radius:24px;padding:24px;box-shadow:inset 0 1px #fff,0 4px 20px #9b7ec81f}.progress-bar{background:var(--lavender-pale);border-radius:100px;height:3px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--lavender-light), var(--lavender));border-radius:100px;height:100%;transition:width .5s}.planet-chip{border:1px solid var(--border);color:var(--text-dim);background:#9b7ec814;border-radius:12px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;display:inline-flex}.planet-chip .symbol{font-size:16px}::-webkit-scrollbar{width:0;height:0}@keyframes reveal-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes reveal-scale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes float-breathe{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pulse-soft{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.03)}}@keyframes spin-slow{to{transform:rotate(360deg)}}@keyframes sheet-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes blink{50%{opacity:0}}@keyframes star-twinkle{0%,to{opacity:.15;transform:translate(0)scale(.8)}50%{opacity:1;transform:translate(var(--drift-x,0px), var(--drift-y,0px)) scale(1.3)}}.particles{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.animate-reveal{animation:.5s both reveal-up}.animate-scale{animation:.4s both reveal-scale}.animate-float{animation:4s ease-in-out infinite float-breathe}.animate-pulse{animation:3s ease-in-out infinite pulse-soft}.animate-spin{animation:20s linear infinite spin-slow}.stagger-1{animation-delay:80ms}.stagger-2{animation-delay:.16s}.stagger-3{animation-delay:.24s}.stagger-4{animation-delay:.32s}.stagger-5{animation-delay:.4s}.step-dots{justify-content:center;gap:6px;display:flex}.step-dot{background:var(--lavender-pale);border-radius:3px;width:6px;height:6px;transition:all .3s}.step-dot.active{background:var(--lavender);width:20px}.aspect-badge{border-radius:100px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:500;display:inline-flex}.aspect-trine{color:#5a9e78;background:#5a9e781f;border:1px solid #5a9e7840}.aspect-sextile{color:#5a8aa0;background:#7aa8c81f;border:1px solid #7aa8c840}.aspect-square{color:#c06060;background:#c864641f;border:1px solid #c8646440}.aspect-opposition{color:#c07040;background:#c882501f;border:1px solid #c8825040}.aspect-conjunction{color:var(--lavender);border:1px solid var(--border);background:#9b7ec81f}.horoscope-lede{color:var(--text);margin:0;font-family:DM Serif Display,serif;font-size:22px;font-style:italic;line-height:1.3}.horoscope-body{color:var(--text-dim);margin:0;font-family:Cormorant Garamond,serif;font-size:17px;line-height:1.7}.moon-glow{filter:drop-shadow(0 0 12px #9b7ec866)}.transit-card{border:1px solid var(--border);background:linear-gradient(135deg,#ffffffd9 0%,#f2ebf999 100%);border-radius:16px;margin-bottom:10px;padding:16px}.transit-card.attention{background:linear-gradient(135deg,#fff8f0e6 0%,#f9f0ebb3 100%);border-color:#c9a47a59}.typing:after{content:"▊";color:var(--lavender-mid);margin-left:2px;font-size:.85em;animation:1s steps(2,end) infinite blink}.u-lavender{color:var(--lavender)}.u-amber{color:var(--amber)}.u-dim{color:var(--text-dim)}.u-mute{color:var(--text-mute)}.u-center{text-align:center}.u-italic{font-style:italic}.page{z-index:1;min-height:100svh;position:relative}.page-content{max-width:480px;margin:0 auto;padding:0 20px 120px}.page-header{align-items:center;gap:12px;max-width:480px;margin:0 auto;padding:56px 20px 20px;display:flex}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{color:var(--text);background:var(--bg-cream);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;line-height:1.5}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}a{color:inherit;text-decoration:none}button{font-family:inherit}img{max-width:100%}