:root{--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--border-color:black;--font-mono-var:"JetBrains Mono", "Space Mono", monospace;--font-sans-var:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:var(--font-mono-var);--font-sans:var(--font-sans-var);--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--transition-bounce:.5s cubic-bezier(.34, 1.56, .64, 1);--spacing-xs:var(--space-1);--spacing-sm:var(--space-2);--spacing-md:var(--space-4);--spacing-lg:var(--space-6);--spacing-xl:var(--space-8)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{width:100%;height:100%;overflow-x:hidden}body{width:100%;height:100%;font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;overflow-x:hidden}#root{width:100%;max-width:100%;height:100%;overflow-x:hidden}[data-theme=light] .info-card{background:#fffffff2}[data-theme=light] .referral-banner{border:1px solid var(--border-light);background:#fffffff2}[data-theme=light] .earnings-header{border-radius:var(--radius-xl);padding:var(--space-4);background:#ffffffe6}[data-theme=light] .level-card.active{border-color:var(--accent-green);box-shadow:0 0 0 1px var(--accent-green);background:#fffffff2}[data-theme=light] .level-card{border-color:var(--border-light);background:#ffffffb3}[data-theme=light] .version-info span,[data-theme=light] .profile-header h1{color:#fff}@media (width<=768px){.app:has(input:focus,textarea:focus) .bottom-nav{opacity:0;pointer-events:none;transform:translate(-50%)translateY(100%)}}::-webkit-scrollbar{width:0;display:none}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:0 0;border-radius:0}.neumorphic{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md), inset 0 1px 0 #ffffff0d}.neumorphic-pressed{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:inset 0 2px 4px #0000004d}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pulse-glow{0%,to{box-shadow:var(--shadow-glow-green)}50%{box-shadow:0 0 30px var(--accent-green-50)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes bounce-in{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes checkmark{0%{stroke-dashoffset:100px}to{stroke-dashoffset:0}}@keyframes ripple{0%{opacity:.5;transform:scale(0)}to{opacity:0;transform:scale(4)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.animate-fadeIn{animation:fadeIn var(--transition-base) ease-out both;opacity:1!important}.animate-fadeInUp{animation:fadeInUp var(--transition-slow) ease-out both;opacity:1!important}.animate-fadeInScale{animation:fadeInScale var(--transition-base) ease-out both;opacity:1!important}.animate-slideInRight{animation:slideInRight var(--transition-base) ease-out both;opacity:1!important}.animate-slideInLeft{animation:slideInLeft var(--transition-base) ease-out both;opacity:1!important}.animate-pulse{animation:2s ease-in-out infinite pulse}.animate-float{animation:3s ease-in-out infinite float}.animate-glow{animation:2s ease-in-out infinite pulse-glow}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.skeleton{background:linear-gradient(90deg, var(--bg-secondary) 25%, var(--bg-elevated) 50%, var(--bg-secondary) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-green{color:var(--accent-green)}.text-blue{color:var(--accent-blue)}.text-orange{color:var(--accent-orange)}.text-danger{color:var(--danger)}.font-mono{font-family:var(--font-mono)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mt-auto{margin-top:auto}.text-center{text-align:center}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.leading-tight{line-height:1.25}.leading-normal{line-height:1.5}.tracking-wide{letter-spacing:.05em}.uppercase{text-transform:uppercase}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hidden{display:none}.w-full{width:100%}.h-full{height:100%}.app{z-index:1;flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;display:flex;position:fixed;inset:0}.page-content{min-height:0;padding:var(--space-4);padding-bottom:calc(5rem + env(safe-area-inset-bottom));overscroll-behavior:none;box-sizing:border-box;background:0 0;flex:1;width:100%;min-width:400px;max-width:480px;margin:0 auto 1rem;overflow:hidden auto;padding-top:6rem!important}@supports (padding-bottom:env(safe-area-inset-bottom)){.page-content{padding-bottom:calc(5rem + env(safe-area-inset-bottom));padding-top:6rem!important}}@keyframes orb-drift-1{0%,to{transform:translate(0)scale(1)}33%{transform:translate(8%,6%)scale(1.08)}66%{transform:translate(-5%,10%)scale(.95)}}@keyframes orb-drift-2{0%,to{transform:translate(0)scale(1)}33%{transform:translate(-7%,-8%)scale(1.05)}66%{transform:translate(6%,-4%)scale(1.1)}}@keyframes orb-pulse{0%,to{opacity:.55}50%{opacity:.75}}.ethereal-filter-layer{inset:calc(-1 * var(--strength,70) * 0.3%);animation:25s ease-in-out infinite ethereal-drift;position:absolute}@keyframes ethereal-drift{0%,to{transform:translate(0)scale(1)}33%{transform:translate(4%,3%)scale(1.04)}66%{transform:translate(-3%,5%)scale(.97)}}.ethereal-blob{animation:30s linear infinite ethereal-hue}@keyframes ethereal-hue{0%{filter:hue-rotate()}to{filter:hue-rotate(360deg)}}@keyframes aurora-drift-1{0%,to{transform:translate(0)scale(1)}33%{transform:translate(6%,4%)scale(1.06)}66%{transform:translate(-4%,7%)scale(.96)}}@keyframes aurora-drift-2{0%,to{transform:translate(0)scale(1)}40%{transform:translate(-7%,-5%)scale(1.08)}70%{transform:translate(5%,-3%)scale(.95)}}@keyframes aurora-drift-3{0%,to{transform:translate(0)scale(1)}50%{transform:translate(8%,-6%)scale(1.1)}}@keyframes aurora-pulse{0%,to{opacity:.5}50%{opacity:.75}}.aurora-1,.aurora-2,.aurora-3{filter:blur(90px);border-radius:50%;animation-duration:20s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute;inset:-25%}.aurora-1{background:radial-gradient(ellipse 70% 60% at 35% 30%, var(--c1,var(--accent-green)) 0%, var(--c2,var(--accent-blue)) 50%, transparent 70%);animation:22s ease-in-out infinite aurora-drift-1,10s ease-in-out infinite aurora-pulse}.aurora-2{background:radial-gradient(ellipse 60% 70% at 65% 60%, var(--c1,var(--accent-blue)) 0%, var(--c2,var(--accent-purple)) 50%, transparent 70%);animation:28s ease-in-out infinite aurora-drift-2,13s ease-in-out 3s infinite aurora-pulse}.aurora-3{background:radial-gradient(ellipse 50% 50% at 50% 50%, var(--c1,var(--accent-purple)) 0%, var(--c2,var(--accent-green)) 50%, transparent 70%);animation:18s ease-in-out infinite aurora-drift-3,9s ease-in-out 6s infinite aurora-pulse}.aurora-vignette{background:radial-gradient(ellipse 100% 100% at 50% 50%, transparent 20%, var(--bg-primary) 90%);opacity:.6;position:absolute;inset:0}@keyframes wave-shift{0%,to{transform:translate(0)translateY(0)}25%{transform:translate(-2%)translateY(-1%)}50%{transform:translate(1%)translateY(-2%)}75%{transform:translate(2%)translateY(.5%)}}.wave-grid-animate{background-size:60px 60px;animation:12s ease-in-out infinite wave-shift;position:absolute;inset:0}.wave-grid-vignette{background:radial-gradient(ellipse 80% 80% at 50% 50%, transparent 30%, var(--bg-primary) 100%);position:absolute;inset:0}