:root{--bg-primary:#0f0a1e;--bg-secondary:#1a1333;--bg-card:#ffffff0f;--bg-card-hover:#ffffff1a;--bg-glass:#ffffff14;--border-glass:#ffffff1f;--text-primary:#f0edf6;--text-secondary:#a09bb5;--text-muted:#6b6580;--accent-purple:#a78bfa;--accent-pink:#f472b6;--accent-blue:#60a5fa;--accent-green:#34d399;--accent-yellow:#fbbf24;--accent-red:#f87171;--accent-orange:#fb923c;--gradient-primary:linear-gradient(135deg, #a78bfa 0%, #f472b6 100%);--gradient-warm:linear-gradient(135deg, #f472b6 0%, #fb923c 100%);--gradient-cool:linear-gradient(135deg, #60a5fa 0%, #a78bfa 100%);--gradient-success:linear-gradient(135deg, #34d399 0%, #60a5fa 100%);--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 20px #0006;--shadow-lg:0 8px 40px #00000080;--shadow-glow-purple:0 0 30px #a78bfa4d;--shadow-glow-pink:0 0 30px #f472b64d;--font-family:"Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-xs:.75rem;--font-sm:.875rem;--font-base:1rem;--font-lg:1.125rem;--font-xl:1.25rem;--font-2xl:1.5rem;--font-3xl:2rem;--font-4xl:2.5rem;--font-5xl:3.5rem;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px;--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-spring:.5s cubic-bezier(.34, 1.56, .64, 1);--max-width:480px;--nav-height:64px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{font-family:var(--font-family);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;line-height:1.5}#app{max-width:var(--max-width);flex-direction:column;height:100dvh;margin:0 auto;display:flex;position:relative;overflow:hidden}.glass{background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:var(--radius-lg)}.glass-strong{-webkit-backdrop-filter:blur(24px);border-radius:var(--radius-lg);background:#ffffff1f;border:1px solid #ffffff2e}.gradient-text{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);border-radius:var(--radius-full);font-family:var(--font-family);font-size:var(--font-base);cursor:pointer;transition:all var(--transition-base);-webkit-user-select:none;user-select:none;border:none;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";transition:background var(--transition-fast);background:#fff0;position:absolute;inset:0}.btn:active:after{background:#ffffff1a}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-glow-purple)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 40px #a78bfa66}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-glass)}.btn-secondary:hover{background:var(--bg-card-hover);transform:translateY(-1px)}.btn-ghost{color:var(--text-secondary);padding:var(--space-sm) var(--space-md);background:0 0}.btn-ghost:hover{color:var(--text-primary)}.btn-icon{width:56px;height:56px;font-size:var(--font-xl);border-radius:50%;padding:0}.btn-icon-sm{width:40px;height:40px;font-size:var(--font-base);border-radius:50%;padding:0}.btn-like{background:var(--gradient-success);color:#fff;box-shadow:0 0 20px #34d3994d}.btn-dislike{color:var(--accent-red);background:#f8717133;border:2px solid #f871714d}.input{width:100%;padding:var(--space-md) var(--space-lg);background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-family);font-size:var(--font-base);transition:all var(--transition-base);outline:none}.input:focus{border-color:var(--accent-purple);box-shadow:0 0 0 3px #a78bfa26}.input::placeholder{color:var(--text-muted)}.badge{align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--font-xs);text-transform:uppercase;letter-spacing:.05em;font-weight:600;display:inline-flex}.badge-trend-up{color:var(--accent-green);background:#34d39926}.badge-trend-down{color:var(--accent-red);background:#f8717126}.badge-gem{color:var(--accent-purple);background:#a78bfa26}.badge-retro{color:var(--accent-yellow);background:#fbbf2426}.badge-viral{color:var(--accent-orange);background:#fb923c26}.badge-origin{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border-glass)}.score-bar{background:var(--bg-card);border-radius:var(--radius-full);width:100%;height:8px;overflow:hidden}.score-bar-fill{border-radius:var(--radius-full);background:var(--gradient-primary);height:100%;transition:width var(--transition-slow)}.score-bar-fill.high{background:var(--gradient-success)}.score-bar-fill.medium{background:var(--gradient-primary)}.score-bar-fill.low{background:var(--accent-red)}.screen{opacity:0;transition:opacity var(--transition-base), transform var(--transition-base);pointer-events:none;-webkit-overflow-scrolling:touch;flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden auto;transform:translate(20px)}.screen.active{opacity:1;pointer-events:all;transform:translate(0)}.screen.exit-left{opacity:0;transform:translate(-20px)}.nav-bar{height:var(--nav-height);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-glass);padding-bottom:env(safe-area-inset-bottom,0);background:#0f0a1ee6;flex-shrink:0;justify-content:space-around;align-items:center;display:flex}.nav-item{font-size:var(--font-xs);color:var(--text-muted);cursor:pointer;padding:var(--space-sm);transition:color var(--transition-fast);font-family:var(--font-family);background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;display:flex}.nav-item.active{color:var(--accent-purple)}.nav-item:hover{color:var(--text-primary)}.nav-icon{font-size:22px;line-height:1}.swipe-container{padding:var(--space-lg);flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.swipe-card{width:calc(100% - var(--space-xl) * 2);aspect-ratio:3/4;border-radius:var(--radius-xl);background:var(--bg-secondary);border:1px solid var(--border-glass);cursor:grab;touch-action:none;max-width:400px;transition:box-shadow var(--transition-base);-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:flex-end;display:flex;position:absolute;overflow:hidden}.swipe-card:active{cursor:grabbing}.swipe-card-bg{opacity:.25;position:absolute;inset:0}.swipe-card-bg.male{background:linear-gradient(#60a5fa66 0%,#0000 60%)}.swipe-card-bg.female{background:linear-gradient(#f472b666 0%,#0000 60%)}.swipe-card-bg.unisex{background:linear-gradient(#a78bfa66 0%,#0000 60%)}.swipe-card-content{z-index:1;padding:var(--space-xl);background:linear-gradient(#0000 0%,#0f0a1e80 30%,#0f0a1ef2 100%);position:relative}.swipe-card-name{font-size:var(--font-5xl);margin-bottom:var(--space-sm);font-weight:800;line-height:1.1}.swipe-card-meaning{font-size:var(--font-base);color:var(--text-secondary);margin-bottom:var(--space-md)}.swipe-card-tags{gap:var(--space-xs);flex-wrap:wrap;display:flex}.swipe-card-indicator{top:var(--space-xl);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-size:var(--font-xl);opacity:0;transition:opacity var(--transition-fast);z-index:2;font-weight:700;position:absolute}.swipe-card-indicator.like{left:var(--space-xl);border:3px solid var(--accent-green);color:var(--accent-green);transform:rotate(-15deg)}.swipe-card-indicator.dislike{right:var(--space-xl);border:3px solid var(--accent-red);color:var(--accent-red);transform:rotate(15deg)}.swipe-actions{justify-content:center;align-items:center;gap:var(--space-xl);padding:var(--space-lg);flex-shrink:0;display:flex}.filter-bar{gap:var(--space-sm);padding:var(--space-md) var(--space-lg);scrollbar-width:none;flex-shrink:0;display:flex;overflow-x:auto}.filter-bar::-webkit-scrollbar{display:none}.filter-chip{align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);font-size:var(--font-sm);white-space:nowrap;cursor:pointer;transition:all var(--transition-fast);background:var(--bg-card);border:1px solid var(--border-glass);color:var(--text-secondary);font-weight:500;font-family:var(--font-family);display:inline-flex}.filter-chip.active{background:var(--gradient-primary);color:#fff;border-color:#0000}.filter-chip:hover:not(.active){background:var(--bg-card-hover);color:var(--text-primary)}.detail-header{padding:var(--space-2xl) var(--space-lg) var(--space-lg);text-align:center;position:relative}.detail-name{font-size:var(--font-4xl);font-weight:800}.detail-subtitle{color:var(--text-secondary);font-size:var(--font-lg)}.detail-section{padding:var(--space-lg)}.detail-section-title{font-size:var(--font-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-md);font-weight:600}.stat-grid{gap:var(--space-md);grid-template-columns:repeat(3,1fr);display:grid}.stat-item{text-align:center;padding:var(--space-md);border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-glass)}.stat-value{font-size:var(--font-2xl);font-weight:700}.stat-label{font-size:var(--font-xs);color:var(--text-muted);margin-top:var(--space-xs)}.sparkline-container{padding:var(--space-md);border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-glass)}.sparkline{width:100%;height:60px}.sparkline path{fill:none;stroke:var(--accent-purple);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.sparkline .area{fill:url(#sparkGradient);stroke:none}.region-bar-item{align-items:center;gap:var(--space-md);margin-bottom:var(--space-sm);display:flex}.region-bar-label{width:100px;font-size:var(--font-sm);color:var(--text-secondary);flex-shrink:0}.region-bar-track{background:var(--bg-card);border-radius:var(--radius-full);flex:1;height:24px;position:relative;overflow:hidden}.region-bar-fill{border-radius:var(--radius-full);background:var(--gradient-cool);height:100%;padding-right:var(--space-sm);font-size:var(--font-xs);justify-content:flex-end;align-items:center;min-width:40px;font-weight:600;transition:width .8s cubic-bezier(.34,1.56,.64,1);display:flex}.harmony-circle{width:120px;height:120px;font-size:var(--font-3xl);margin:0 auto var(--space-md);border-radius:50%;justify-content:center;align-items:center;font-weight:800;display:flex;position:relative}.harmony-circle:before{content:"";background:var(--gradient-primary);z-index:-1;border-radius:50%;position:absolute;inset:-3px}.harmony-circle-inner{background:var(--bg-secondary);border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.culture-grid{gap:var(--space-md);grid-template-columns:repeat(3,1fr);display:grid}.culture-item{align-items:center;gap:var(--space-sm);padding:var(--space-lg) var(--space-md);border-radius:var(--radius-md);background:var(--bg-card);cursor:pointer;transition:all var(--transition-base);font-family:var(--font-family);color:var(--text-primary);font-size:var(--font-sm);border:2px solid #0000;flex-direction:column;display:flex}.culture-item:hover{background:var(--bg-card-hover)}.culture-item.selected{border-color:var(--accent-purple);background:#a78bfa1a}.culture-flag{font-size:var(--font-3xl)}.fav-list{gap:var(--space-sm);padding:var(--space-md) var(--space-lg);flex-direction:column;display:flex}.fav-item{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-glass);cursor:pointer;transition:all var(--transition-fast);justify-content:space-between;align-items:center;display:flex}.fav-item:hover{background:var(--bg-card-hover);transform:translate(4px)}.fav-name{font-size:var(--font-lg);font-weight:600}.fav-meta{font-size:var(--font-sm);color:var(--text-secondary)}.paywall-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;padding:var(--space-lg);animation:fadeIn var(--transition-base) ease-out;background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.paywall-card{border-radius:var(--radius-xl);width:100%;max-width:400px;overflow:hidden}.paywall-header{padding:var(--space-2xl) var(--space-xl);text-align:center;background:var(--gradient-primary)}.paywall-emoji{margin-bottom:var(--space-md);font-size:48px}.paywall-title{font-size:var(--font-2xl);color:#fff;font-weight:700}.paywall-body{padding:var(--space-xl);background:var(--bg-secondary)}.paywall-features{margin-bottom:var(--space-xl);list-style:none}.paywall-features li{padding:var(--space-sm) 0;align-items:center;gap:var(--space-sm);color:var(--text-secondary);display:flex}.paywall-features li:before{content:"✓";color:var(--accent-green);font-weight:700}.paywall-price{text-align:center;margin-bottom:var(--space-lg)}.paywall-price-old{font-size:var(--font-lg);color:var(--text-muted);text-decoration:line-through}.paywall-price-new{font-size:var(--font-3xl);font-weight:800}.paywall-price-note{font-size:var(--font-sm);color:var(--text-muted)}.paywall-social{text-align:center;font-size:var(--font-sm);color:var(--text-muted);margin-top:var(--space-md)}.onboarding{height:100%;padding:var(--space-2xl);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.onboarding-logo{margin-bottom:var(--space-xl);font-size:72px;animation:3s ease-in-out infinite float}.onboarding-title{font-size:var(--font-4xl);margin-bottom:var(--space-md);font-weight:800}.onboarding-subtitle{font-size:var(--font-lg);color:var(--text-secondary);margin-bottom:var(--space-2xl);max-width:300px}.gender-select{gap:var(--space-md);margin-bottom:var(--space-xl);display:flex}.gender-option{align-items:center;gap:var(--space-sm);padding:var(--space-lg) var(--space-xl);border-radius:var(--radius-lg);background:var(--bg-card);cursor:pointer;transition:all var(--transition-base);font-family:var(--font-family);color:var(--text-primary);border:2px solid #0000;flex-direction:column;font-weight:500;display:flex}.gender-option:hover{background:var(--bg-card-hover)}.gender-option.selected{border-color:var(--accent-purple);background:#a78bfa1a}.gender-emoji{font-size:var(--font-3xl)}.screen-header{padding:var(--space-md) var(--space-lg);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.screen-header-title{font-size:var(--font-xl);font-weight:700}.back-btn{background:var(--bg-card);border:1px solid var(--border-glass);width:36px;height:36px;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-lg);font-family:var(--font-family);border-radius:50%;justify-content:center;align-items:center;display:flex}.back-btn:hover{background:var(--bg-card-hover)}.bridge-result{padding:var(--space-lg);border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-glass);margin-bottom:var(--space-sm);transition:all var(--transition-fast);justify-content:space-between;align-items:center;display:flex}.bridge-result:hover{background:var(--bg-card-hover);transform:translateY(-2px)}.bridge-result-names{flex-direction:column;display:flex}.bridge-result-combo{font-size:var(--font-lg);font-weight:700}.bridge-result-hint{font-size:var(--font-sm);color:var(--accent-purple)}.bridge-result-score{font-size:var(--font-xl);font-weight:800}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.animate-in{animation:.5s cubic-bezier(.34,1.56,.64,1) forwards slideUp}.animate-in-delay-1{opacity:0;animation-delay:.1s}.animate-in-delay-2{opacity:0;animation-delay:.2s}.animate-in-delay-3{opacity:0;animation-delay:.3s}.animate-in-delay-4{opacity:0;animation-delay:.4s}.empty-state{padding:var(--space-3xl);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state-emoji{margin-bottom:var(--space-lg);font-size:64px}.empty-state-title{font-size:var(--font-xl);margin-bottom:var(--space-sm);font-weight:600}.empty-state-text{color:var(--text-secondary);max-width:260px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-glass);border-radius:var(--radius-full)}@media (width>=481px){#app{border-left:1px solid var(--border-glass);border-right:1px solid var(--border-glass)}body{background:#08050f}}