:root{color-scheme:dark;--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display: "Playfair Display", "Times New Roman", Georgia, serif;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-pill: 999px;--bg: #0a0a12;--bg-elevated: #12121f;--surface: rgba(255, 255, 255, .045);--surface-2: rgba(255, 255, 255, .08);--surface-hover: rgba(255, 255, 255, .13);--border: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .18);--text: #f4f3fb;--text-muted: rgba(244, 243, 251, .62);--text-faint: rgba(244, 243, 251, .42);--brand: #8b6dff;--brand-strong: #7c5cff;--brand-2: #4cc9f0;--brand-contrast: #ffffff;--brand-soft: rgba(139, 109, 255, .16);--gradient-brand: linear-gradient(135deg, #7c5cff 0%, #5b8cff 55%, #4cc9f0 100%);--success: #4cd07d;--success-soft: rgba(76, 208, 125, .14);--warning: #ffc857;--warning-soft: rgba(255, 200, 87, .14);--danger: #ff6b7d;--danger-soft: rgba(255, 107, 125, .14);--shadow-1: 0 1px 2px rgba(0, 0, 0, .4);--shadow-2: 0 12px 32px rgba(0, 0, 0, .45);--shadow-glow: 0 8px 28px rgba(124, 92, 255, .32);--transition: .16s ease;font-family:var(--font-sans);line-height:1.5;color:var(--text);background-color:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-height:100vh;min-height:var(--tg-viewport-stable-height, 100vh);color:var(--text);background-color:var(--bg);background-image:radial-gradient(120% 75% at 8% -10%,rgba(124,92,255,.22),transparent 55%),radial-gradient(95% 65% at 105% 0%,rgba(76,201,240,.14),transparent 52%),radial-gradient(90% 55% at 50% 112%,rgba(139,109,255,.12),transparent 60%);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.app{position:relative;max-width:28rem;margin:0 auto;padding:var(--space-5) var(--space-4) calc(5.25rem + env(safe-area-inset-bottom))}@keyframes screen-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.home,.natal-form,.natal-result,.billing,.natal-history,.birth-profiles{animation:screen-in .26s cubic-bezier(.22,1,.36,1) both}@media(prefers-reduced-motion:reduce){.home,.natal-form,.natal-result,.billing,.natal-history,.birth-profiles{animation:none}}.app-header{display:flex;flex-direction:column;align-items:flex-start;gap:.1rem;margin-bottom:var(--space-4)}h1{margin:0;font-family:var(--font-display);font-size:2.1rem;font-weight:600;letter-spacing:.005em;line-height:1.15;background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--brand)}.app-tagline{margin:0;font-size:.8125rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint)}.env-badge{margin-top:var(--space-2);display:inline-flex;align-items:center;padding:.1rem .5rem;border-radius:var(--radius-pill);border:1px solid var(--border);font-size:.6875rem;letter-spacing:.04em;color:var(--text-faint)}.subtitle{margin:0 0 var(--space-2);color:var(--text-muted)}.meta{margin:0 0 var(--space-4);font-size:.8125rem;color:var(--text-faint)}.status{margin:0 0 var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface)}.status--loading{color:var(--text-muted)}.status--ok{color:var(--brand-2)}.status--error{border-color:#ff6b7d66;background:var(--danger-soft);color:var(--danger)}.hint{margin:var(--space-2) 0 0;font-size:.8125rem;color:var(--text-muted);word-break:break-word}.hint code{font-size:.75rem}.dev-login__form{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-3)}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-3);padding:.7rem 1.15rem;border:none;border-radius:var(--radius-md);background:var(--gradient-brand);color:var(--brand-contrast);font:inherit;font-weight:600;cursor:pointer;box-shadow:var(--shadow-glow);transition:transform var(--transition),box-shadow var(--transition),background var(--transition),opacity var(--transition)}.button:hover{box-shadow:0 10px 34px #7c5cff75}.button:active{transform:translateY(1px) scale(.99)}.button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.button--block{width:100%;margin-top:var(--space-2)}.button--secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--border);box-shadow:none}.button--secondary:hover{background:var(--surface-hover);box-shadow:none}.button--compact{margin-top:0;padding:.45rem .9rem;font-size:.8125rem;box-shadow:none;flex-shrink:0}.link-button{margin:0;padding:.35rem 0;border:none;background:none;color:var(--brand);font:inherit;font-size:.875rem;font-weight:600;cursor:pointer;text-align:center;transition:color var(--transition)}.link-button:hover{color:var(--brand-2)}.section-title{margin:0 0 var(--space-2);font-family:var(--font-display);font-size:1.35rem;font-weight:600;letter-spacing:.01em}.section-hint{margin:0 0 var(--space-4);font-size:.8125rem;color:var(--text-muted);line-height:1.5}.natal-form,.natal-result{margin-top:var(--space-2);display:flex;flex-direction:column;min-height:0}.result-header{margin-bottom:var(--space-3)}.result-meta{margin:.15rem 0 0;font-size:.875rem;color:var(--text-muted)}.result-scroll{display:flex;flex-direction:column;gap:var(--space-4);padding-bottom:var(--space-2)}.result-block__title{margin:0 0 var(--space-2);font-size:.9375rem;font-weight:600;color:var(--text)}.interpretation{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);font-size:.9375rem;line-height:1.6}.interpretation__heading{margin:0;font-size:.9375rem;font-weight:600;color:var(--brand-2)}.interpretation__paragraph{margin:0;white-space:pre-wrap}.interpretation__list{margin:0;padding-left:1.1rem}.interpretation-unavailable{margin:0;padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);font-size:.875rem;color:var(--text-muted)}.skeleton{display:flex;flex-direction:column;gap:.55rem}.skeleton__line{display:block;height:.7rem;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-hover) 37%,var(--surface-2) 63%);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite}.skeleton__line--title{width:45%;height:.9rem}.skeleton__line--short{width:70%}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.interpretation-pending__caption{margin:0;font-size:.8125rem;color:var(--text-muted);line-height:1.5}@media(prefers-reduced-motion:reduce){.skeleton__line{animation:none}}.data-list{margin:0;padding:0;list-style:none;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-1);overflow:hidden}.data-row{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-3);padding:.6rem .85rem;font-size:.875rem;border-top:1px solid var(--border)}.data-list .data-row:first-child{border-top:none}.data-row__label{flex-shrink:0;color:var(--text)}.data-row__value{text-align:right;color:var(--text-muted);word-break:break-word}.data-row--aspect .data-row__value{font-size:.8125rem}.data-row--aspect .data-row__label{display:inline-flex;align-items:center;gap:.45rem}.data-row--aspect .data-row__label:before{content:"";flex-shrink:0;width:7px;height:7px;border-radius:50%;background:var(--tone, var(--text-faint))}.data-row--harmonious{--tone: var(--success)}.data-row--tense{--tone: var(--danger)}.data-row--neutral{--tone: var(--brand)}.result-footer{margin-top:var(--space-4);padding-top:var(--space-2)}.form{display:flex;flex-direction:column;gap:var(--space-4)}.field{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:0;border:none}.field-label{font-size:.875rem;font-weight:600}.input{width:100%;padding:.7rem .85rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:inherit;font:inherit;transition:border-color var(--transition),box-shadow var(--transition)}.input::placeholder{color:var(--text-faint)}.input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.input[aria-invalid=true]{border-color:var(--danger)}.field-error{margin:0;font-size:.8125rem;color:var(--danger)}.tier-row{display:flex;gap:var(--space-3)}.tier-option{display:flex;align-items:center;gap:var(--space-2);padding:.65rem .85rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);cursor:pointer;transition:border-color var(--transition),background var(--transition)}.tier-option:hover{background:var(--surface-2)}.tier-option:has(input:checked){border-color:var(--brand);background:var(--brand-soft)}.tier-row .tier-option{flex:1;justify-content:center}.tier-option input{margin:0;accent-color:var(--brand)}.tier-select{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.tier-card{position:relative;display:flex;flex-direction:column;gap:.2rem;padding:var(--space-3) var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);cursor:pointer;transition:border-color var(--transition),background var(--transition),box-shadow var(--transition)}.tier-card:hover{background:var(--surface-2)}.tier-card--active{border-color:var(--brand);background:var(--brand-soft)}.tier-card--disabled{opacity:.5;cursor:not-allowed}.tier-card:focus-within{box-shadow:0 0 0 3px var(--brand-soft)}.tier-card__input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.tier-card__head{display:flex;align-items:center;gap:var(--space-2)}.tier-card__name{font-weight:600;font-size:.95rem}.tier-card__badge{padding:.1rem .4rem;border-radius:var(--radius-pill);background:var(--gradient-brand);color:var(--brand-contrast);font-size:.625rem;font-weight:700;letter-spacing:.02em;white-space:nowrap}.tier-card__price{margin-top:.1rem;font-size:.875rem;font-weight:600;color:var(--text)}.tier-card__desc{font-size:.75rem;color:var(--text-muted);line-height:1.35}.form-banner{margin:0;padding:.7rem .85rem;border-radius:var(--radius-md);border:1px solid var(--border);font-size:.875rem;line-height:1.5}.form-banner--paywall{border-color:#ffc85766;background:var(--warning-soft);color:var(--text)}.form-banner--paywall p{margin:0}.form-banner--error{border-color:#ff6b7d66;background:var(--danger-soft);color:var(--danger)}.form-banner--ok{border-color:#4cd07d66;background:var(--success-soft);color:var(--text)}.form-banner--inline,.form-banner--paywall .button--compact,.billing{margin-top:var(--space-2)}.home{display:flex;flex-direction:column}.home__hero{margin-bottom:var(--space-3)}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.feature-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);color:inherit;font:inherit;text-align:left;cursor:pointer;transition:transform var(--transition),border-color var(--transition),background var(--transition),box-shadow var(--transition)}.feature-card:hover{transform:translateY(-2px);border-color:var(--border-strong);background:var(--surface-2);box-shadow:var(--shadow-2)}.feature-card:active{transform:translateY(0)}.feature-card__glyph{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--brand-soft);color:var(--brand);font-family:var(--font-display);font-size:1.45rem;line-height:1}.feature-card__title{font-weight:600;font-size:.975rem}.feature-card__subtitle{font-size:.78rem;color:var(--text-muted);line-height:1.4}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);z-index:50;display:flex;width:100%;max-width:28rem;padding:var(--space-2) var(--space-3);padding-bottom:calc(var(--space-2) + env(safe-area-inset-bottom));background:#0a0a12d1;background:color-mix(in srgb,var(--bg) 80%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--border)}.bottom-nav__item{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:var(--space-2) 0;border:none;background:none;color:var(--text-faint);font:inherit;cursor:pointer;transition:color var(--transition)}.bottom-nav__item--active{color:var(--brand)}.bottom-nav__icon{width:22px;height:22px}.bottom-nav__label{font-size:.6875rem;font-weight:600;letter-spacing:.01em}.product-list{margin-bottom:var(--space-4)}.product-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:.7rem .85rem;border-top:1px solid var(--border)}.product-list .product-row:first-child{border-top:none}.product-row__info{display:flex;flex-direction:column;gap:.15rem;min-width:0}.product-row__title{font-size:.875rem;font-weight:600}.product-row__price{font-size:.8125rem;color:var(--text-muted)}.result-stats li+li{margin-top:0}.natal-wheel-wrap{display:flex;justify-content:center;padding:var(--space-1) 0 var(--space-2)}.natal-wheel{width:100%;max-width:18rem;height:auto}.natal-wheel__ring{fill:none;stroke:var(--border-strong);stroke-width:1.2}.natal-wheel__zodiac-line{stroke:var(--border);stroke-width:.8}.natal-wheel__sector{stroke:none}.natal-wheel__sector--fire{fill:#ff8a5c14}.natal-wheel__sector--earth{fill:#6fcf9714}.natal-wheel__sector--air{fill:#7cc4ff14}.natal-wheel__sector--water{fill:#9b8cff14}.natal-wheel__aspect{fill:none;stroke-width:.7;opacity:.45;stroke:var(--tone, var(--text-faint))}.natal-wheel__aspect--harmonious{--tone: var(--success)}.natal-wheel__aspect--tense{--tone: var(--danger)}.natal-wheel__aspect--neutral{--tone: var(--brand)}.natal-wheel__house-line{stroke:#7c5cff73;stroke-width:1}.natal-wheel__house-line--asc{stroke:var(--brand-2);stroke-width:1.8}.natal-wheel__zodiac-label{fill:var(--text-muted);font-size:11px}.natal-wheel__zodiac-label--fire{fill:#ff8a5c}.natal-wheel__zodiac-label--earth{fill:#6fcf97}.natal-wheel__zodiac-label--air{fill:#7cc4ff}.natal-wheel__zodiac-label--water{fill:#9b8cff}.natal-wheel__planet-symbol{fill:var(--text);font-size:13px;font-weight:600}.legal-footer{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border);font-size:.75rem;color:var(--text-faint)}.legal-footer__hint{margin:0 0 var(--space-2);line-height:1.5}.legal-footer__links{display:flex;flex-wrap:wrap;gap:var(--space-3)}.legal-footer__links a{color:var(--brand)}.legal-footer__dev-hint{margin:var(--space-2) 0 0;opacity:.8}.billing-consent{margin-top:var(--space-3)}.cost-banner{margin:0;font-size:.8125rem;color:var(--text-muted);line-height:1.5}.result-header__title-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.result-meta--muted{font-size:.75rem;color:var(--text-faint)}.tier-badge{display:inline-flex;align-items:center;padding:.15rem .55rem;border-radius:var(--radius-pill);border:1px solid var(--border);font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;background:var(--surface-2);color:var(--text-muted)}.tier-badge--pro{border-color:transparent;background:var(--brand-soft);color:var(--brand)}.result-actions{display:flex;flex-direction:column;gap:var(--space-2)}.action-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:flex-end;justify-content:center;padding:var(--space-4);background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:backdrop-in var(--transition)}.action-sheet{width:100%;max-width:28rem;padding:var(--space-4);border-radius:var(--radius-xl) var(--radius-xl) var(--radius-md) var(--radius-md);border:1px solid var(--border);background:var(--bg-elevated);box-shadow:var(--shadow-2);animation:sheet-in .22s cubic-bezier(.22,1,.36,1)}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes sheet-in{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.action-sheet__title{margin:0 0 var(--space-3);font-family:var(--font-display);font-size:1.15rem;font-weight:600}.action-list{list-style:none;margin:0 0 var(--space-3);padding:0}.action-list__item{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;width:100%;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background var(--transition)}.action-list__item:hover{background:var(--surface-2)}.action-list__item:not(:last-child){margin-bottom:var(--space-2)}.action-list__item:disabled{opacity:.5;cursor:not-allowed}.action-list__label{font-weight:600;font-size:.9375rem}.action-list__hint{font-size:.8125rem;color:var(--text-muted)}.confirm-dialog__text{margin:0 0 var(--space-4);font-size:.875rem;color:var(--text-muted);line-height:1.5}.confirm-dialog .button{margin-bottom:var(--space-2)}.history-list{list-style:none;margin:0 0 var(--space-3);padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.history-card{display:block;width:100%;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background var(--transition),border-color var(--transition)}.history-card:hover{background:var(--surface-2);border-color:var(--border-strong)}.history-card--static{cursor:default}.history-card--with-delete{display:flex;align-items:center;gap:var(--space-2);padding:0;cursor:default}.history-card__open{flex:1;min-width:0;padding:var(--space-3);border:none;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.history-card__delete{flex-shrink:0;margin:0 var(--space-3) 0 0}.profile-card__actions{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.history-card__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-1)}.history-card__primary{font-weight:600;font-size:.875rem}.history-card__location{margin:0 0 var(--space-1);font-size:.875rem}.history-card__meta{margin:0;font-size:.75rem;color:var(--text-faint)}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3);padding:var(--space-6) var(--space-4)}.empty-state__glyph{display:inline-flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;border-radius:50%;border:1px solid var(--border);background:var(--brand-soft);color:var(--brand);font-family:var(--font-display);font-size:1.6rem}.empty-state__title{margin:0;color:var(--text-muted)}.empty-state .button{margin-top:0}.natal-history{margin-top:var(--space-1)}.city-autocomplete{position:relative}.city-options{position:absolute;z-index:20;left:0;right:0;margin:var(--space-1) 0 0;padding:0;list-style:none;max-height:14rem;overflow-y:auto;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-2)}.city-option{display:block;width:100%;text-align:left;padding:.6rem .85rem;background:transparent;border:none;color:var(--text);font:inherit;cursor:pointer}.city-option:hover,.city-option:focus{background:var(--surface-hover)}.city-option__country{color:var(--text-muted)}