*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%;height:100%}body{font-family:Outfit,system-ui,-apple-system,sans-serif;background:var(--bg-deep);color:var(--text-primary);min-height:100%;min-height:-webkit-fill-available;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;min-height:-webkit-fill-available;display:flex;flex-direction:column}:root{color-scheme:dark;--gold-50: #FDF9EC;--gold-100: #FAF0C8;--gold-200: #F4DE8F;--gold-300: #ECC956;--gold-400: #E5C76B;--gold-500: #C9A84C;--gold-600: #A8893C;--gold-700: #8A6E30;--gold: #C9A84C;--gold-light: #E5C76B;--gold-dark: #A8893C;--gold-glow: rgba(201,168,76,.35);--gold-glow-sm: rgba(201,168,76,.18);--bg-deep: #06040F;--bg-dark: #0D0919;--bg-surface: #140D24;--bg-raised: #1C1430;--bg-card: rgba(255,255,255,.042);--bg-card-hover: rgba(255,255,255,.07);--glass-bg: rgba(255,255,255,.08);--glass-bg-sm: rgba(255,255,255,.05);--glass-border: rgba(255,255,255,.15);--glass-border-strong: rgba(255,255,255,.25);--glass-blur: blur(20px);--glass-blur-sm: blur(12px);--glass-blur-lg: blur(40px);--text-primary: #FFFFFF;--text-secondary: #E0D4F5;--text-muted: #B5A6D4;--text-faint: #8C7AA6;--text-inverse: #06040F;--faith-muslim: #0D6E6E;--faith-muslim-grad: linear-gradient(135deg,#053E3E,#0D6E6E,#1A9090);--faith-muslim-glow: rgba(13,110,110,.4);--faith-jewish: #1A4A9E;--faith-jewish-grad: linear-gradient(135deg,#0E2A5C,#1A4A9E,#2E68C8);--faith-jewish-glow: rgba(26,74,158,.4);--faith-christian: #5A2AAE;--faith-christian-grad: linear-gradient(135deg,#2D0E6E,#5A2AAE,#8048D8);--faith-christian-glow: rgba(90,42,174,.4);--faith-south-asian: #B02020;--faith-south-asian-grad: linear-gradient(135deg,#6A0E0E,#B02020,#CC4040);--faith-south-asian-glow: rgba(176,32,32,.4);--faith-secular: #1A2A6E;--faith-secular-grad: linear-gradient(135deg,#0A0A2E,#1A2A6E,#2E3E9E);--faith-secular-glow: rgba(26,42,110,.4);--success: #10B981;--success-bg: rgba(16,185,129,.12);--warning: #F59E0B;--warning-bg: rgba(245,158,11,.12);--error: #EF4444;--error-bg: rgba(239,68,68,.12);--info: #3B82F6;--info-bg: rgba(59,130,246,.12);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--sp-20: 80px;--sp-24: 96px;--r-xs: 4px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 20px;--r-2xl: 28px;--r-3xl: 40px;--r-full: 9999px;--shadow-sm: 0 2px 8px rgba(0,0,0,.35);--shadow-md: 0 4px 20px rgba(0,0,0,.45);--shadow-lg: 0 8px 40px rgba(0,0,0,.55);--shadow-xl: 0 20px 80px rgba(0,0,0,.65);--shadow-gold: 0 0 30px rgba(201,168,76,.4), 0 0 60px rgba(201,168,76,.15);--shadow-gold-sm: 0 0 15px rgba(201,168,76,.25);--shadow-purple: 0 0 40px rgba(124,58,237,.3);--t-fast: .15s cubic-bezier(.4,0,.2,1);--t-base: .25s cubic-bezier(.4,0,.2,1);--t-slow: .4s cubic-bezier(.4,0,.2,1);--t-bounce: .5s cubic-bezier(.34,1.56,.64,1);--nav-height: 72px;--header-height: 60px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--max-width: 480px;--content-padding: 20px}.font-serif{font-family:Playfair Display,Georgia,serif}.font-sans{font-family:Outfit,system-ui,sans-serif}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;font-weight:700;line-height:1.2;color:var(--text-primary)}.display-1{font-size:clamp(2.5rem,6vw,4rem);font-weight:800;letter-spacing:-.02em}.display-2{font-size:clamp(2rem,5vw,3rem);font-weight:700;letter-spacing:-.01em}.h1{font-size:clamp(1.5rem,4vw,2.25rem);font-weight:700}.h2{font-size:clamp(1.25rem,3vw,1.75rem);font-weight:600}.h3{font-size:1.25rem;font-weight:600}.h4{font-size:1.1rem;font-weight:600}.body-lg{font-size:1.0625rem;line-height:1.7}.body{font-size:.9375rem;line-height:1.65}.body-sm{font-size:.875rem;line-height:1.6}.caption{font-size:.8125rem;line-height:1.5;color:var(--text-muted)}.label{font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.text-gold{color:var(--gold-300);text-shadow:0 0 1px rgba(255,255,255,.1),0 2px 12px var(--gold-glow);display:inline-block;padding-right:.15em;padding-bottom:.1em}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.glass{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--r-xl)}.glass-sm{background:var(--glass-bg-sm);backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);border:1px solid var(--glass-border);border-radius:var(--r-md)}.glass-strong{background:#ffffff14;backdrop-filter:var(--glass-blur-lg);-webkit-backdrop-filter:var(--glass-blur-lg);border:1px solid var(--glass-border-strong)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:14px 28px;font-family:Outfit,sans-serif;font-size:.9375rem;font-weight:600;border-radius:var(--r-full);border:none;cursor:pointer;transition:all var(--t-bounce);white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;text-decoration:none}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-gold{background:linear-gradient(135deg,var(--gold-600),var(--gold-400),var(--gold-500));background-size:200% auto;color:#0d0919;box-shadow:0 4px 20px var(--gold-glow),0 0 0 0 var(--gold-glow);animation:gold-pulse 3s ease-in-out infinite}.btn-gold:hover{background-position:right center;box-shadow:var(--shadow-gold);transform:translateY(-2px) scale(1.02)}.btn-outline{background:transparent;border:1.5px solid var(--glass-border-strong);color:var(--text-primary)}.btn-outline:hover{background:var(--glass-bg);border-color:var(--gold);color:var(--gold);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--glass-bg);color:var(--text-primary)}.btn-danger{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#ef4444}.btn-danger:hover{background:#ef444440}.btn-sm{padding:10px 20px;font-size:.875rem}.btn-lg{padding:18px 36px;font-size:1.0625rem}.btn-full{width:100%}.btn-icon{padding:12px;border-radius:var(--r-full);aspect-ratio:1}.input-wrap{display:flex;flex-direction:column;gap:var(--sp-2)}.input-label{font-size:.875rem;font-weight:500;color:var(--text-secondary);padding-left:var(--sp-1)}.input{width:100%;padding:14px 18px;background:var(--glass-bg);backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);border:1.5px solid var(--glass-border);border-radius:var(--r-lg);color:var(--text-primary);font-family:Outfit,sans-serif;font-size:.9375rem;transition:all var(--t-base);outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none}.input::placeholder{color:var(--text-faint)}.input:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-glow-sm);background:#ffffff12}.input:hover:not(:focus){border-color:var(--glass-border-strong)}.input-with-icon{position:relative}.input-with-icon .input{padding-left:48px}.input-with-icon .input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.input-with-icon:focus-within .input-icon{color:var(--gold)}.textarea{resize:vertical;min-height:100px;line-height:1.6}select.input{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%237A6898' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}select.input option{background-color:var(--bg-surface);color:var(--text-primary)}.input-error{border-color:var(--error)!important}.input-hint{font-size:.8125rem;color:var(--text-muted);padding-left:var(--sp-1)}.input-error-msg{font-size:.8125rem;color:var(--error);padding-left:var(--sp-1)}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;font-size:.75rem;font-weight:600;border-radius:var(--r-full);border:1px solid transparent}.badge-gold{background:#c9a84c26;border-color:#c9a84c4d;color:var(--gold-300)}.badge-verified{background:#10b9811f;border-color:#10b98140;color:var(--success)}.badge-faith{background:#ffffff14;border-color:#ffffff1f;color:var(--text-secondary)}.badge-score{background:linear-gradient(135deg,#c9a84c33,#e5c76b1a);border-color:#c9a84c59;color:var(--gold-300);font-size:.875rem;font-weight:700}.card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--r-2xl);transition:all var(--t-base)}.card:hover{background:var(--bg-card-hover);border-color:var(--glass-border-strong);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.card-p{padding:var(--sp-6)}.avatar{border-radius:var(--r-full);display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;flex-shrink:0;position:relative;overflow:hidden}.avatar-sm{width:40px;height:40px;font-size:.875rem}.avatar-md{width:56px;height:56px;font-size:1.125rem}.avatar-lg{width:80px;height:80px;font-size:1.5rem}.avatar-xl{width:120px;height:120px;font-size:2rem}.avatar-2xl{width:160px;height:160px;font-size:2.5rem}.avatar-ring{padding:3px;background:linear-gradient(135deg,var(--gold-500),var(--gold-300),var(--gold-500));border-radius:var(--r-full)}.avatar-ring .avatar{border:2px solid var(--bg-dark)}.avatar-muslim{background:linear-gradient(135deg,#053e3e,#0d6e6e)}.avatar-jewish{background:linear-gradient(135deg,#0e2a5c,#1a4a9e)}.avatar-christian{background:linear-gradient(135deg,#2d0e6e,#5a2aae)}.avatar-south-asian{background:linear-gradient(135deg,#6a0e0e,#b02020)}.avatar-secular{background:linear-gradient(135deg,#0a0a2e,#1a2a6e)}.app-container{max-width:var(--max-width);margin:0 auto;position:relative;min-height:100vh;display:flex;flex-direction:column}.page{flex:1;display:flex;flex-direction:column;padding-bottom:calc(var(--nav-height) + var(--safe-bottom));padding-top:calc(var(--header-height) + var(--safe-top))}.page-full{flex:1;display:flex;flex-direction:column;padding-top:var(--safe-top);min-height:100vh}.page-content{flex:1;padding:var(--sp-4) var(--content-padding);overflow-y:auto}.section{padding:var(--sp-8) var(--content-padding)}.app-header{position:fixed;top:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--max-width);height:var(--header-height);padding:0 var(--content-padding);padding-top:var(--safe-top);display:flex;align-items:center;justify-content:space-between;background:#06040fd9;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-border);z-index:100}.header-logo{font-family:Playfair Display,serif;font-size:1.25rem;font-weight:700;background:linear-gradient(135deg,var(--gold-300),var(--gold-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--max-width);height:calc(var(--nav-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);display:flex;align-items:stretch;background:#06040feb;backdrop-filter:var(--glass-blur-lg);-webkit-backdrop-filter:var(--glass-blur-lg);border-top:1px solid var(--glass-border);z-index:100}.nav-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;transition:all var(--t-base);color:var(--text-faint);position:relative;-webkit-tap-highlight-color:transparent;border:none;background:none;padding:0}.nav-tab:hover{color:var(--text-secondary)}.nav-tab.active{color:var(--gold)}.nav-tab.active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:32px;height:2px;background:var(--gold);border-radius:0 0 var(--r-full) var(--r-full)}.nav-tab-label{font-size:.6875rem;font-weight:500}.nav-badge{position:absolute;top:8px;right:calc(50% - 16px);width:18px;height:18px;background:var(--error);border-radius:var(--r-full);font-size:.625rem;font-weight:700;display:flex;align-items:center;justify-content:center;color:#fff;border:2px solid var(--bg-deep)}.match-card-stack{position:relative;height:calc(100vh - var(--header-height) - var(--nav-height) - 120px);min-height:420px;max-height:600px}.match-card{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--r-2xl);overflow:hidden;cursor:grab;-webkit-user-select:none;user-select:none;box-shadow:var(--shadow-xl);display:flex;flex-direction:column}.match-card:active{cursor:grabbing}.match-card-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg-surface)}.match-card-gradient-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 40%,rgba(6,4,15,.6) 65%,rgba(6,4,15,.95) 100%)}.match-card-content{position:relative;z-index:2;margin-top:auto;padding:var(--sp-6)}.match-card-actions{display:flex;align-items:center;justify-content:center;gap:var(--sp-6);padding:var(--sp-4) 0 var(--sp-2)}.action-btn{width:64px;height:64px;border-radius:var(--r-full);border:2px solid transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--t-bounce);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);-webkit-tap-highlight-color:transparent}.action-btn:active{transform:scale(.9)!important}.action-pass{background:#ef44441f;border-color:#ef44444d;color:#ef4444}.action-pass:hover{background:#ef444440;border-color:#ef444499;transform:scale(1.1) rotate(-5deg);box-shadow:0 0 20px #ef44444d}.action-like{background:#c9a84c26;border-color:#c9a84c59;color:var(--gold)}.action-like:hover{background:#c9a84c40;border-color:#c9a84c99;transform:scale(1.1) rotate(5deg);box-shadow:var(--shadow-gold-sm)}.action-info{width:48px;height:48px;background:#ffffff14;border-color:#ffffff26;color:var(--text-secondary)}.compat-ring{position:relative;display:flex;align-items:center;justify-content:center}.compat-ring svg{transform:rotate(-90deg)}.compat-ring-track{fill:none;stroke:#ffffff14}.compat-ring-fill{fill:none;stroke:url(#goldGradient);stroke-linecap:round;transition:stroke-dashoffset 1.5s cubic-bezier(.34,1.56,.64,1)}.compat-ring-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.progress-bar{height:4px;background:#ffffff14;border-radius:var(--r-full);overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--gold-600),var(--gold-400));border-radius:var(--r-full);transition:width .5s cubic-bezier(.34,1.56,.64,1)}.step-dots{display:flex;gap:var(--sp-2)}.step-dot{width:8px;height:8px;border-radius:var(--r-full);background:#ffffff26;transition:all var(--t-base)}.step-dot.active{width:24px;background:var(--gold)}.step-dot.done{background:#c9a84c80}.faith-card{padding:var(--sp-5);border-radius:var(--r-xl);border:2px solid transparent;cursor:pointer;transition:all var(--t-bounce);position:relative;overflow:hidden;background:var(--glass-bg)}.faith-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--faith-gradient, var(--faith-muslim-grad));opacity:.08;transition:opacity var(--t-base)}.faith-card:hover{transform:translateY(-3px)}.faith-card:hover:before{opacity:.15}.faith-card.selected{border-color:var(--faith-color, var(--gold));box-shadow:0 0 0 1px var(--faith-color, var(--gold)),0 4px 20px #c9a84c33}.faith-card.selected:before{opacity:.2}.faith-emoji{font-size:2rem;line-height:1}.chat-bubble{max-width:78%;padding:10px 16px;border-radius:var(--r-xl);font-size:.9375rem;line-height:1.55;position:relative}.chat-bubble.sent{background:linear-gradient(135deg,#c9a84c33,#e5c76b1f);border:1px solid rgba(201,168,76,.25);color:var(--text-primary);border-bottom-right-radius:var(--r-xs);align-self:flex-end;margin-left:auto}.chat-bubble.received{background:#ffffff0f;border:1px solid var(--glass-border);color:var(--text-primary);border-bottom-left-radius:var(--r-xs);align-self:flex-start}.chat-bubble.system{background:#c9a84c14;border:1px solid rgba(201,168,76,.15);color:var(--gold);font-size:.8125rem;text-align:center;align-self:center;border-radius:var(--r-lg);padding:8px 16px}.chat-time{font-size:.6875rem;color:var(--text-faint);margin-top:4px}.divider{display:flex;align-items:center;gap:var(--sp-4);color:var(--text-faint);font-size:.875rem}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--glass-border)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#06040fbf;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);z-index:var(--z-overlay);display:flex;align-items:flex-end;justify-content:center}.bottom-sheet{width:100%;max-width:var(--max-width);background:var(--bg-surface);border:1px solid var(--glass-border);border-radius:var(--r-3xl) var(--r-3xl) 0 0;padding:var(--sp-6) var(--sp-6) calc(var(--sp-8) + var(--safe-bottom));max-height:85vh;overflow-y:auto}.sheet-handle{width:40px;height:4px;background:#ffffff26;border-radius:var(--r-full);margin:0 auto var(--sp-6)}.plan-card{border-radius:var(--r-2xl);padding:var(--sp-6);border:2px solid var(--glass-border);background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);transition:all var(--t-base);position:relative;overflow:hidden}.plan-card.highlighted{border-color:var(--gold);background:#c9a84c0d;box-shadow:var(--shadow-gold-sm)}.plan-card.highlighted:before{content:"Most Popular";position:absolute;top:0;right:0;background:linear-gradient(135deg,var(--gold-600),var(--gold-400));color:var(--bg-dark);font-size:.6875rem;font-weight:700;padding:6px 14px;border-radius:0 var(--r-xl) 0 var(--r-lg);letter-spacing:.05em;text-transform:uppercase}.skeleton{background:linear-gradient(90deg,#ffffff0a,#ffffff14,#ffffff0a);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--r-md)}.loader-ring{width:48px;height:48px;border:3px solid rgba(255,255,255,.08);border-top-color:var(--gold);border-radius:var(--r-full);animation:spin .8s linear infinite}.ai-pulse{display:flex;align-items:center;gap:var(--sp-2)}.ai-dot{width:8px;height:8px;border-radius:var(--r-full);background:var(--gold);animation:ai-bounce 1.4s ease-in-out infinite}.ai-dot:nth-child(2){animation-delay:.2s}.ai-dot:nth-child(3){animation-delay:.4s}.landing{background:var(--bg-deep);min-height:100vh}.hero{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--sp-8) var(--content-padding);position:relative;overflow:hidden}.hero-orbs{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.orb{position:absolute;border-radius:50%;filter:blur(80px);animation:orb-float 8s ease-in-out infinite}.orb-1{width:300px;height:300px;background:#c9a84c1f;top:-10%;left:-15%;animation-delay:0s}.orb-2{width:400px;height:400px;background:#7c3aed1a;top:20%;right:-20%;animation-delay:3s}.orb-3{width:250px;height:250px;background:#0d6e6e1f;bottom:10%;left:10%;animation-delay:5s}.orb-4{width:200px;height:200px;background:#5a2aae1a;bottom:20%;right:5%;animation-delay:1.5s}.hero-badge{display:inline-flex;align-items:center;gap:var(--sp-2);padding:8px 18px;background:#c9a84c1a;border:1px solid rgba(201,168,76,.25);border-radius:var(--r-full);font-size:.8125rem;font-weight:500;color:var(--gold-300);margin-bottom:var(--sp-5);animation:fade-up .8s ease both}.hero-title{font-family:Playfair Display,serif;font-size:clamp(2.5rem,8vw,5rem);font-weight:700;line-height:1.1;margin-bottom:var(--sp-3);animation:fade-up .8s ease .1s both}.hero-tagline{font-size:clamp(1rem,3vw,1.25rem);color:var(--text-secondary);margin-bottom:var(--sp-8);max-width:500px;animation:fade-up .8s ease .2s both}.hero-actions{display:flex;gap:var(--sp-3);flex-wrap:wrap;justify-content:center;animation:fade-up .8s ease .3s both}.hero-faiths{display:flex;gap:var(--sp-3);justify-content:center;flex-wrap:wrap;margin-top:var(--sp-8);animation:fade-up .8s ease .4s both}.faith-pill{padding:8px 16px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--r-full);font-size:.8125rem;color:var(--text-secondary);backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);transition:all var(--t-base)}.faith-pill:hover{border-color:var(--gold);color:var(--gold);transform:translateY(-2px)}.stats-bar{display:flex;gap:var(--sp-1);padding:var(--sp-8) var(--content-padding);background:linear-gradient(180deg,transparent,rgba(201,168,76,.04))}.stat-item{flex:1;text-align:center;padding:var(--sp-4);border-right:1px solid var(--glass-border)}.stat-item:last-child{border-right:none}.stat-number{font-size:1.5rem;font-weight:800}.stat-label{font-size:.75rem;color:var(--text-muted);margin-top:2px}.scroll-area{overflow-y:auto;-webkit-overflow-scrolling:touch}.scroll-area::-webkit-scrollbar{width:0}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--sp-1)}.gap-2{gap:var(--sp-2)}.gap-3{gap:var(--sp-3)}.gap-4{gap:var(--sp-4)}.gap-6{gap:var(--sp-6)}.w-full{width:100%}.h-full{height:100%}.relative{position:relative}.absolute{position:absolute}.hidden{display:none}.overflow-hidden{overflow:hidden}.text-center{text-align:center}.text-right{text-align:right}.mt-2{margin-top:var(--sp-2)}.mt-4{margin-top:var(--sp-4)}.mt-6{margin-top:var(--sp-6)}.mt-8{margin-top:var(--sp-8)}.mb-2{margin-bottom:var(--sp-2)}.mb-4{margin-bottom:var(--sp-4)}.mb-6{margin-bottom:var(--sp-6)}.p-4{padding:var(--sp-4)}.p-6{padding:var(--sp-6)}.px-4{padding-left:var(--sp-4);padding-right:var(--sp-4)}.py-4{padding-top:var(--sp-4);padding-bottom:var(--sp-4)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes shimmer{0%{background-position:0% center}to{background-position:200% center}}@keyframes gold-pulse{0%,to{box-shadow:0 4px 20px var(--gold-glow)}50%{box-shadow:0 4px 30px #c9a84c80,0 0 0 4px #c9a84c14}}@keyframes orb-float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(20px,-15px) scale(1.05)}66%{transform:translate(-15px,10px) scale(.95)}}@keyframes fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scale-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ai-bounce{0%,80%,to{transform:scale(.8);opacity:.4}40%{transform:scale(1.2);opacity:1}}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes heart-pop{0%{transform:scale(0) rotate(-20deg);opacity:0}60%{transform:scale(1.3) rotate(5deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}.animate-fade-up{animation:fade-up .6s ease both}.animate-fade-in{animation:fade-in .4s ease both}.animate-scale-in{animation:scale-in .4s ease both}.animate-slide-up{animation:slide-up .4s cubic-bezier(.34,1.56,.64,1) both}@media (min-width: 768px){:root{--content-padding: 32px}.hero-title{font-size:4rem}.stats-bar{padding:var(--sp-10) var(--sp-16)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media (min-width: 768px){::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}}