*{box-sizing:border-box}:root{--bg: #0a0a17;--bg-2: #12102a;--card: rgba(255, 255, 255, .055);--card-solid: #171532;--accent: #8b5cf6;--accent-2: #ec4899;--accent-3: #38bdf8;--accent-light: rgba(139, 92, 246, .18);--accent-soft: rgba(139, 92, 246, .16);--accent-glow: rgba(139, 92, 246, .45);--gold: #fbbf24;--gold-soft: rgba(251, 191, 36, .16);--text: #f3f1fb;--muted: #a49cc7;--success: #34d399;--danger: #f87171;--border: rgba(255, 255, 255, .12);--nav-height: 64px;--header-height: 56px;--tg-safe-top: env(safe-area-inset-top, 0px);--tg-safe-bottom: env(safe-area-inset-bottom, 0px)}html,body{margin:0;padding:0;height:100%;color-scheme:dark;overflow-x:hidden;overscroll-behavior:none;-webkit-overflow-scrolling:touch;position:fixed;width:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased;touch-action:pan-y;background:radial-gradient(ellipse 70% 45% at 15% -8%,rgba(139,92,246,.38),transparent 60%),radial-gradient(ellipse 55% 40% at 105% 5%,rgba(236,72,153,.28),transparent 60%),radial-gradient(ellipse 60% 45% at 50% 115%,rgba(56,189,248,.22),transparent 60%),linear-gradient(180deg,var(--bg-2) 0%,var(--bg) 55%);background-attachment:fixed}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.55;background-image:radial-gradient(1.5px 1.5px at 12% 18%,#fff,transparent),radial-gradient(1px 1px at 32% 62%,#fff,transparent),radial-gradient(1.5px 1.5px at 58% 12%,#fff,transparent),radial-gradient(1px 1px at 74% 42%,#fff,transparent),radial-gradient(1px 1px at 85% 78%,#fff,transparent),radial-gradient(1.5px 1.5px at 22% 85%,#fff,transparent),radial-gradient(1px 1px at 45% 32%,#fff,transparent),radial-gradient(1px 1px at 92% 22%,#fff,transparent),radial-gradient(1.5px 1.5px at 6% 52%,#fff,transparent),radial-gradient(1px 1px at 65% 92%,#fff,transparent);background-size:100% 100%;animation:twinkle 6s ease-in-out infinite alternate}@keyframes twinkle{0%{opacity:.35}to{opacity:.7}}@media (prefers-reduced-motion: reduce){body:before{animation:none}}.app-layout{height:100vh;overflow-y:auto;overflow-x:hidden;overscroll-behavior:none;-webkit-overflow-scrolling:touch;position:relative;z-index:1}#root{min-height:100vh;height:100%;overflow-y:auto;overflow-x:hidden;overscroll-behavior:none;position:relative;z-index:1}a{color:var(--accent);text-decoration:none}button{font-family:inherit;cursor:pointer;transition:opacity .2s,transform .2s,box-shadow .2s}button:active{transform:scale(.98);opacity:.9}input,textarea,select{font-family:inherit;transition:border-color .2s,box-shadow .2s}*:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}input:invalid:not(:focus):not(:placeholder-shown){border-color:var(--danger)}.skip-link{position:absolute;top:-40px;left:0;background:var(--accent);color:#fff;padding:8px;z-index:100;text-decoration:none;border-radius:0 0 4px}.skip-link:focus{top:0}@media (min-width: 768px){.home,.palm-page,.horoscope-page,.dream-page,.numerology-page,.profile-page{max-width:600px}}
