.landing-page{min-height:100vh;background:var(--color-bg-page);color:var(--color-text-primary)}.landing-nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;max-width:1200px;margin:0 auto}.landing-logo{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);text-decoration:none;display:flex;align-items:center;gap:.25rem}.logo-bee{font-size:1.75rem}.nav-links{display:flex;align-items:center;gap:1.5rem}.nav-links a{color:var(--color-text-secondary);text-decoration:none;font-weight:500;transition:color .2s}.nav-links a:hover{color:var(--color-text-primary)}.nav-link-login{padding:.5rem 1rem}.nav-cta{background:var(--color-primary);color:#fff!important;padding:.6rem 1.25rem;border-radius:var(--radius-md);font-weight:600;transition:background .2s}.nav-cta:hover{background:var(--color-primary-hover)}.hero{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:4rem 2rem;gap:3rem}.hero-content{flex:1;max-width:600px}.hero h1{font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem}.hero .highlight{color:var(--color-primary)}.hero-subtitle{font-size:1.25rem;color:var(--color-text-secondary);line-height:1.6;margin-bottom:2rem}.hero-cta{display:flex;gap:1rem;flex-wrap:wrap}.cta-primary{background:var(--color-primary);color:#fff;padding:.875rem 2rem;border-radius:var(--radius-md);font-weight:600;font-size:1.1rem;text-decoration:none;transition:all .2s;display:inline-block}.cta-primary:hover{background:var(--color-primary-hover);transform:translateY(-2px)}.cta-primary.large{padding:1rem 2.5rem;font-size:1.2rem}.cta-secondary{background:transparent;color:var(--color-text-primary);padding:.875rem 2rem;border-radius:var(--radius-md);font-weight:600;font-size:1.1rem;text-decoration:none;border:2px solid var(--color-border-light);transition:all .2s}.cta-secondary:hover{border-color:var(--color-primary);color:var(--color-primary)}.hero-visual{flex:.8;display:flex;justify-content:center;align-items:center;position:relative}.hero-bee{font-size:12rem;animation:float 3s ease-in-out infinite}.hero-hearts{position:absolute;width:100%;height:100%}.heart{position:absolute;animation:pulse 2s ease-in-out infinite}.heart.h1{font-size:2rem;top:10%;right:10%;animation-delay:0s}.heart.h2{font-size:1.5rem;bottom:20%;left:5%;animation-delay:.5s}.heart.h3{font-size:1.75rem;top:30%;left:10%;animation-delay:1s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.get-app-section{background:linear-gradient(135deg,#ff4b6e1a,#a78bfa1a);padding:3rem 2rem;text-align:center}.get-app-content h2{font-size:1.75rem;font-weight:700;margin:0 0 .5rem;color:var(--color-text-primary)}.get-app-content>p{color:var(--color-text-muted);margin:0 0 1.5rem}.get-app-buttons{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.get-app-btn{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.5rem;background:var(--color-bg-card);border:2px solid var(--color-border);border-radius:12px;color:var(--color-text-primary);cursor:pointer;transition:all .2s;min-width:180px}.get-app-btn:hover{border-color:var(--color-primary);background:#ff4b6e1a}.get-app-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.get-app-btn svg{flex-shrink:0;color:var(--color-text-secondary)}.get-app-btn:hover svg{color:var(--color-primary)}.get-app-btn .btn-text{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.get-app-btn .btn-label{font-size:.7rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.get-app-btn .btn-platform{font-size:1rem;font-weight:600}.get-app-note{font-size:.85rem;color:var(--color-text-muted);margin:0}.footer-social .social-link.install{border:none;cursor:pointer;font-family:inherit}.how-it-works{background:var(--color-bg-card);padding:5rem 2rem}.how-it-works h2,.features h2,.difference h2,.final-cta h2{text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:3rem}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1000px;margin:0 auto}.step{text-align:center;padding:2rem}.step-icon{font-size:3.5rem;margin-bottom:1rem}.step h3{font-size:1.25rem;margin-bottom:.75rem;color:var(--color-text-primary)}.step p{color:var(--color-text-secondary);line-height:1.6}.simulation-usp{padding:6rem 2rem;background:linear-gradient(135deg,#9333ea1a,#ff4b6e1a);position:relative;overflow:hidden}.simulation-usp:before{content:"";position:absolute;top:-50%;right:-20%;width:60%;height:200%;background:radial-gradient(ellipse,rgba(147,51,234,.15) 0%,transparent 70%);pointer-events:none}.simulation-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:1}.simulation-text{max-width:560px}.usp-badge{display:inline-block;background:linear-gradient(135deg,#9333ea,#ff4b6e);color:#fff;padding:.4rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1.5rem}.simulation-text h2{font-size:2.75rem;font-weight:800;line-height:1.15;margin-bottom:1.25rem}.simulation-text .highlight{background:linear-gradient(135deg,#9333ea,#ff4b6e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.simulation-description{font-size:1.15rem;color:var(--color-text-secondary);line-height:1.7;margin-bottom:2rem}.simulation-features{display:flex;flex-direction:column;gap:1.5rem}.sim-feature{display:flex;gap:1rem;align-items:flex-start}.sim-feature-icon{font-size:1.75rem;flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#9333ea26;border-radius:12px}.sim-feature h4{font-size:1.05rem;font-weight:600;margin-bottom:.35rem;color:var(--color-text-primary)}.sim-feature p{font-size:.95rem;color:var(--color-text-secondary);line-height:1.5}.simulation-visual{display:flex;justify-content:center}.chat-preview{background:var(--color-bg-card);border-radius:16px;border:1px solid var(--color-border);width:100%;max-width:400px;box-shadow:0 20px 60px #0000004d;overflow:hidden}.chat-preview-header{background:linear-gradient(135deg,#9333ea,#ff4b6e);padding:1rem 1.25rem}.preview-label{color:#fff;font-weight:600;font-size:.9rem}.chat-preview-messages{padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.preview-message{max-width:85%;padding:.875rem 1rem;border-radius:16px;position:relative}.preview-message.them{background:var(--color-bg-elevated);align-self:flex-start;border-bottom-left-radius:4px}.preview-message.you{background:#9333ea33;align-self:flex-end;border-bottom-right-radius:4px}.preview-name{display:block;font-size:.75rem;font-weight:600;color:var(--color-text-muted);margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.03em}.preview-message.you .preview-name{color:#a78bfa}.preview-message p{font-size:.9rem;line-height:1.45;color:var(--color-text-primary);margin:0}.preview-insight{display:flex;align-items:center;gap:.5rem;background:#22c55e26;border:1px solid rgba(34,197,94,.3);padding:.75rem 1rem;border-radius:12px;margin-top:.5rem}.insight-icon{font-size:1rem}.preview-insight span:last-child{font-size:.8rem;color:#6ee7b7;font-weight:500}.features{padding:5rem 2rem;max-width:1200px;margin:0 auto}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.feature{background:var(--color-bg-card);padding:2rem;border-radius:var(--radius-lg);border:1px solid var(--color-border);transition:transform .2s,border-color .2s}.feature:hover{transform:translateY(-4px);border-color:var(--color-primary)}.feature-icon{font-size:2.5rem;margin-bottom:1rem}.feature h3{font-size:1.2rem;margin-bottom:.5rem}.feature p{color:var(--color-text-secondary);line-height:1.6}.difference{background:var(--color-bg-card);padding:5rem 2rem}.comparison{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:800px;margin:0 auto}.comparison-col{padding:2rem;border-radius:var(--radius-lg)}.comparison-col.old{background:var(--color-bg-elevated);border:1px solid var(--color-border)}.comparison-col.new{background:#ff4b6e1a;border:2px solid var(--color-primary)}.comparison-col h3{font-size:1.2rem;margin-bottom:1rem;text-align:center}.comparison-col.new h3{color:var(--color-primary)}.comparison-col ul{list-style:none;padding:0;margin:0}.comparison-col li{padding:.5rem 0 .5rem 1.5rem;position:relative;color:var(--color-text-secondary)}.comparison-col.old li:before{content:"✗";position:absolute;left:0;color:var(--color-text-muted)}.comparison-col.new li:before{content:"✓";position:absolute;left:0;color:var(--color-primary)}.social-proof{padding:4rem 2rem;max-width:700px;margin:0 auto}.quote-card{text-align:center;padding:3rem;background:var(--color-bg-card);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.quote{font-size:1.25rem;font-style:italic;color:var(--color-text-primary);line-height:1.6;margin-bottom:1rem}.attribution{color:var(--color-text-muted);font-size:.95rem}.final-cta{text-align:center;padding:5rem 2rem;background:linear-gradient(135deg,#ff4b6e26,#ff4b6e0d)}.final-cta p{color:var(--color-text-secondary);font-size:1.1rem;margin-bottom:2rem}.cta-note{margin-top:1rem;font-size:.9rem;color:var(--color-text-muted)}.landing-footer{background:var(--color-bg-dark);padding:3rem 2rem 1.5rem}.footer-content{display:flex;justify-content:space-between;gap:3rem;max-width:1200px;margin:0 auto;flex-wrap:wrap}.footer-brand{font-size:1.25rem;font-weight:600}.footer-brand p{font-size:.9rem;color:var(--color-text-muted);font-weight:400;margin-top:.5rem}.footer-links{display:flex;gap:4rem}.footer-col h4{font-size:.9rem;font-weight:600;margin-bottom:1rem;color:var(--color-text-secondary)}.footer-col a{display:block;color:var(--color-text-muted);text-decoration:none;font-size:.9rem;padding:.25rem 0;transition:color .2s}.footer-col a:hover{color:var(--color-primary)}.footer-social{display:flex;gap:.5rem}.footer-social .social-link{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--color-bg-elevated);border-radius:8px;color:var(--color-text-muted);text-decoration:none;font-size:.9rem;transition:all .2s}.footer-social .social-link:hover{background:var(--color-primary);color:#fff}.footer-social .social-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.footer-social .social-link svg{flex-shrink:0}.footer-bottom{max-width:1200px;margin:2rem auto 0;padding-top:1.5rem;border-top:1px solid var(--color-border);text-align:center}.footer-bottom p{color:var(--color-text-muted);font-size:.85rem}@media(max-width:768px){.landing-nav{padding:1rem}.nav-links{gap:.75rem}.nav-links a:not(.nav-cta):not(.nav-link-login){display:none}.hero{flex-direction:column;text-align:center;padding:2rem 1rem}.hero h1{font-size:2.25rem}.hero-subtitle{font-size:1.1rem}.hero-cta{justify-content:center}.hero-visual{order:-1}.hero-bee{font-size:6rem}.how-it-works h2,.features h2,.difference h2,.final-cta h2{font-size:1.75rem}.steps,.feature-grid,.comparison{grid-template-columns:1fr}.footer-content{flex-direction:column;text-align:center}.footer-links{justify-content:center;gap:2rem}.simulation-content{grid-template-columns:1fr;gap:2.5rem}.simulation-text{text-align:center;max-width:100%}.simulation-text h2{font-size:2rem}.simulation-features{text-align:left}.sim-feature{flex-direction:column;align-items:center;text-align:center}.chat-preview{max-width:340px}}.free-profiles-banner{padding:5rem 2rem;background:linear-gradient(180deg,var(--color-bg-page) 0%,rgba(147,51,234,.06) 50%,var(--color-bg-page) 100%);position:relative}.free-profiles-banner:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(147,51,234,.3),transparent)}.free-profiles-banner:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(147,51,234,.3),transparent)}.free-profiles-content{max-width:1000px;margin:0 auto;text-align:center}.free-profiles-header{margin-bottom:2.5rem}.free-badge{display:inline-block;padding:.4rem 1rem;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;border-radius:20px;margin-bottom:1.25rem;box-shadow:0 2px 12px #22c55e4d}.free-profiles-header h2{font-size:2.25rem;font-weight:700;margin:0 0 1rem;color:var(--color-text-primary)}.free-profiles-header .app-count{background:linear-gradient(135deg,#a855f7,#ff4b6e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.free-profiles-header p{font-size:1.1rem;color:var(--color-text-secondary);max-width:600px;margin:0 auto;line-height:1.7}.app-logos-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:2.5rem}.app-logo-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.25rem 1rem;border-radius:16px;transition:all .25s ease;width:140px;min-height:90px;position:relative;overflow:hidden}.app-logo-card:before{content:"";position:absolute;inset:0;border-radius:16px;padding:1px;background:linear-gradient(135deg,var(--card-border-start),var(--card-border-end));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.app-logo-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px var(--card-shadow)}.app-logo-card .app-name{font-weight:600;font-size:.95rem;margin-bottom:.35rem;white-space:nowrap}.app-logo-card .app-detail{font-size:.8rem;opacity:.85}.app-logo-card.tinder{--card-border-start: rgba(254, 60, 84, .5);--card-border-end: rgba(255, 101, 91, .3);--card-shadow: rgba(254, 60, 84, .2);background:linear-gradient(135deg,#fe3c5426,#ff655b14);color:#ff6b7a}.app-logo-card.hinge{--card-border-start: rgba(157, 128, 224, .5);--card-border-end: rgba(116, 86, 174, .3);--card-shadow: rgba(157, 128, 224, .2);background:linear-gradient(135deg,#9d80e026,#7456ae14);color:#b89eff}.app-logo-card.bumble{--card-border-start: rgba(255, 213, 0, .5);--card-border-end: rgba(255, 180, 0, .3);--card-shadow: rgba(255, 213, 0, .2);background:linear-gradient(135deg,#ffd50026,#ffb40014);color:#ffd500}.app-logo-card.theleague{--card-border-start: rgba(201, 162, 39, .5);--card-border-end: rgba(169, 139, 51, .3);--card-shadow: rgba(201, 162, 39, .2);background:linear-gradient(135deg,#c9a2271f,#2a2a4a26);color:#d4b44a}.app-logo-card.cmb{--card-border-start: rgba(205, 133, 63, .5);--card-border-end: rgba(160, 82, 45, .3);--card-shadow: rgba(205, 133, 63, .2);background:linear-gradient(135deg,#cd853f26,#a0522d14);color:#e8a360}.app-logo-card.feeld{--card-border-start: rgba(255, 107, 157, .5);--card-border-end: rgba(100, 200, 200, .3);--card-shadow: rgba(255, 107, 157, .2);background:linear-gradient(135deg,#ff6b9d1f,#64c8c814);color:#ff8fb3}.app-logo-card.okcupid{--card-border-start: rgba(59, 154, 255, .5);--card-border-end: rgba(10, 124, 255, .3);--card-shadow: rgba(59, 154, 255, .2);background:linear-gradient(135deg,#3b9aff26,#0a7cff14);color:#5eb0ff}.free-profiles-cta{display:flex;flex-direction:column;align-items:center;gap:1rem}.free-profiles-cta .cta-primary{padding:1rem 2.5rem;font-size:1.05rem}.cta-link{color:var(--color-text-secondary);font-size:.9rem;text-decoration:none;transition:color .2s}.cta-link:hover{color:var(--color-primary)}@media(max-width:768px){.free-profiles-banner{padding:3.5rem 1.25rem}.free-profiles-header h2{font-size:1.65rem}.free-profiles-header p{font-size:1rem}.app-logos-grid{gap:.75rem}.app-logo-card{width:calc(50% - .5rem);max-width:160px;padding:1rem .75rem;min-height:80px}.app-logo-card .app-name{font-size:.85rem}.app-logo-card .app-detail{font-size:.75rem}}@media(max-width:400px){.app-logo-card{width:calc(50% - .375rem)}}.discovery-page{padding:var(--spacing-lg, 1rem);max-width:1200px;margin:0 auto}.discovery-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl, 1.5rem)}.discovery-header h1{margin:0;background:var(--color-primary-gradient, linear-gradient(135deg, #ff4b6e, #ff6b8a));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.filter-toggle{display:flex;align-items:center;gap:var(--spacing-sm, .5rem);padding:var(--spacing-md, .75rem) var(--spacing-lg, 1rem);min-height:44px;background:var(--color-bg-elevated, #2a2a2a);border:1px solid var(--color-border-light, #444);border-radius:var(--radius-md, 8px);color:var(--color-text-primary, #fff);cursor:pointer;transition:all var(--transition-base, .2s);position:relative}.filter-toggle:hover{background:var(--color-border, #333);border-color:var(--color-primary, #ff4b6e)}.filter-toggle:focus-visible{outline:2px solid var(--color-primary, #ff4b6e);outline-offset:2px}.filter-toggle.active{background:var(--color-accent, #9333ea);border-color:var(--color-accent, #9333ea)}.filter-toggle.has-filters .filter-badge{position:absolute;top:-4px;right:-4px;width:10px;height:10px;background:var(--color-primary, #ff4b6e);border-radius:var(--radius-full, 50%)}.filter-icon{width:18px;height:18px}.filters-panel{background:var(--color-bg-card, #1a1a1a);border:1px solid var(--color-border, #333);border-radius:var(--radius-lg, 12px);padding:var(--spacing-xl, 1.5rem);margin-bottom:var(--spacing-xl, 1.5rem);animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-xl, 1.5rem);margin-bottom:var(--spacing-xl, 1.5rem)}.filter-group{display:flex;flex-direction:column;gap:var(--spacing-sm, .5rem)}.filter-group label{font-size:var(--text-sm, .85rem);font-weight:500;color:var(--color-text-secondary, #aaa);text-transform:uppercase;letter-spacing:.5px}.filter-group select,.filter-group input{padding:var(--spacing-md, .75rem);background:var(--color-bg-elevated, #2a2a2a);border:1px solid var(--color-border-light, #444);border-radius:var(--radius-md, 8px);color:var(--color-text-primary, #fff);font-size:var(--text-base, 1rem)}.filter-group select:focus,.filter-group input:focus{outline:none;border-color:var(--color-primary, #ff4b6e)}.filter-group select:focus-visible,.filter-group input:focus-visible{outline:2px solid var(--color-primary, #ff4b6e);outline-offset:2px}.age-range-inputs{display:flex;align-items:center;gap:var(--spacing-sm, .5rem)}.age-range-inputs input{flex:1;min-width:0}.age-range-inputs span{color:var(--color-text-muted, #888)}.filters-actions{display:flex;justify-content:flex-end;gap:var(--spacing-lg, 1rem)}.reset-btn{padding:var(--spacing-md, .75rem) var(--spacing-xl, 1.5rem);background:transparent;border:1px solid var(--color-text-dim, #666);border-radius:var(--radius-md, 8px);color:var(--color-text-secondary, #aaa);cursor:pointer;transition:all var(--transition-base, .2s)}.reset-btn:hover{border-color:var(--color-text-muted, #888);color:var(--color-text-primary, #fff)}.reset-btn:focus-visible{outline:2px solid var(--color-primary, #ff4b6e);outline-offset:2px}.apply-btn{padding:var(--spacing-md, .75rem) var(--spacing-xl, 1.5rem);background:var(--color-primary, #ff4b6e);border:none;border-radius:var(--radius-md, 8px);color:var(--color-text-primary, #fff);font-weight:500;cursor:pointer;transition:all var(--transition-base, .2s)}.apply-btn:hover{background:var(--color-primary-hover, #e6435f)}.apply-btn:focus-visible{outline:2px solid var(--color-text-primary, #fff);outline-offset:2px}.active-filters{display:flex;flex-wrap:wrap;gap:var(--spacing-sm, .5rem);margin-bottom:var(--spacing-lg, 1rem);align-items:center}.filter-chip{display:inline-flex;align-items:center;padding:.35rem var(--spacing-md, .75rem);background:var(--color-primary-light, rgba(255, 75, 110, .15));border:1px solid rgba(255,75,110,.3);border-radius:20px;font-size:var(--text-sm, .85rem);color:#ff6b8a}.clear-filters{background:transparent;border:none;color:var(--color-text-muted, #888);font-size:var(--text-sm, .85rem);cursor:pointer;padding:.35rem var(--spacing-sm, .5rem)}.clear-filters:hover{color:var(--color-text-primary, #fff)}.clear-filters:focus-visible{outline:2px solid var(--color-primary, #ff4b6e);outline-offset:2px}.results-count{color:var(--color-text-muted, #888);font-size:var(--text-sm, .9rem);margin-bottom:var(--spacing-lg, 1rem)}.user-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-xl, 1.5rem)}.user-card-link{text-decoration:none;color:inherit;display:block;border-radius:var(--radius-lg, 12px)}.user-card-link:focus-visible{outline:2px solid var(--color-primary, #ff4b6e);outline-offset:2px}.user-card{position:relative;background:var(--color-bg-card, #1a1a1a);border-radius:var(--radius-lg, 12px);overflow:hidden;transition:transform var(--transition-base, .2s),box-shadow var(--transition-base, .2s),border-color var(--transition-base, .2s);border:1px solid transparent}.user-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000004d,0 0 0 1px var(--color-primary-light, rgba(255, 75, 110, .2));border-color:var(--color-border, #333)}.user-card-image{width:100%;aspect-ratio:4 / 5;object-fit:cover;background:var(--color-border, #333)}.user-card-placeholder{width:100%;aspect-ratio:4 / 5;background:linear-gradient(135deg,var(--color-bg-subtle, #252525) 0%,var(--color-border, #333) 100%);display:flex;align-items:center;justify-content:center;font-size:5rem;font-weight:600;color:var(--color-text-dim, #666)}.match-score-badge{position:absolute;top:var(--spacing-md, .75rem);right:var(--spacing-md, .75rem);background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-md, 8px);padding:var(--spacing-sm, .5rem) var(--spacing-md, .75rem);display:flex;flex-direction:column;align-items:center;border:2px solid var(--score-color, var(--color-primary, #ff4b6e));min-width:54px;box-shadow:0 2px 8px #0000004d}.match-score-value{font-size:var(--text-lg, 1.15rem);font-weight:700;color:var(--score-color, var(--color-primary, #ff4b6e));line-height:1.1}.match-score-label{font-size:.65rem;color:var(--color-text-secondary, #aaa);text-transform:uppercase;letter-spacing:.5px}.user-card-content{padding:var(--spacing-lg, 1rem)}@media(min-width:768px){.user-card-content{padding:var(--spacing-lg, 1.25rem)}}.user-card-header{display:flex;align-items:baseline;gap:var(--spacing-sm, .5rem);margin-bottom:var(--spacing-md, .75rem)}.user-card-name{font-size:var(--text-xl, 1.25rem);font-weight:700;margin:0;color:var(--color-text-primary, #fff)}.user-card-pronouns{font-size:var(--text-sm, .85rem);color:var(--color-text-muted, #888)}.user-card-details{margin-bottom:var(--spacing-md, .75rem)}.user-card-location,.user-card-distance,.user-card-job{display:flex;align-items:center;gap:.35rem;color:var(--color-text-muted, #888);font-size:var(--text-sm, .9rem);margin:0 0 var(--spacing-xs, .25rem)}.user-card-location .icon,.user-card-job .icon,.user-card-distance .icon{width:16px;height:16px;flex-shrink:0}.user-card-distance{color:var(--color-success-alt, #6ee7b7);font-size:var(--text-sm, .85rem)}.user-card-bio{color:var(--color-text-secondary, #aaa);font-size:var(--text-sm, .9rem);margin:var(--spacing-md, .75rem) 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.user-card-interests{display:flex;flex-wrap:wrap;gap:.35rem;margin:var(--spacing-md, .75rem) 0}.interest-tag{display:inline-block;padding:var(--spacing-xs, .25rem) var(--spacing-sm, .6rem);background:var(--color-primary-light, rgba(255, 75, 110, .1));border-radius:var(--radius-lg, 12px);font-size:var(--text-sm, .8rem);color:#ff6b8a}.interest-tag.more{background:#ffffff0d;color:var(--color-text-muted, #888)}.user-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-md, .75rem);padding-top:var(--spacing-md, .75rem);border-top:1px solid var(--color-border, #333)}.energy-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs, .25rem);padding:var(--spacing-xs, .25rem) var(--spacing-sm, .6rem);border-radius:var(--radius-lg, 12px);font-size:var(--text-sm, .8rem);text-transform:capitalize;font-weight:500}.energy-badge.introvert{background:#93c5fd26;color:#93c5fd}.energy-badge.extrovert{background:#fcd34d26;color:#fcd34d}.energy-badge.ambivert{background:var(--color-accent-light, rgba(167, 139, 250, .15));color:#a78bfa}.user-card-received{border:2px solid var(--color-primary, #ff4b6e)}.user-card-liked{border:2px solid var(--color-accent, #9333ea)}.match-indicator-badge{position:absolute;top:var(--spacing-md, 12px);left:var(--spacing-md, 12px);background:var(--color-primary-gradient, linear-gradient(135deg, #ff4b6e 0%, #ff6b8e 100%));color:#fff;padding:.35rem var(--spacing-md, .75rem);border-radius:var(--radius-lg, 12px);font-size:var(--text-xs, .75rem);font-weight:600;z-index:2;box-shadow:0 2px 8px #ff4b6e4d}.user-card-status{color:var(--color-text-muted, #888);font-size:var(--text-sm, .8rem);margin:var(--spacing-sm, .5rem) 0 0}.user-card-actions{display:flex;gap:var(--spacing-sm, .5rem);margin-top:var(--spacing-md, .75rem)}.user-card-action{flex:1;padding:var(--spacing-sm, .6rem) var(--spacing-md, .75rem);border-radius:var(--radius-md, 6px);font-size:var(--text-sm, .85rem);font-weight:500;cursor:pointer;transition:all var(--transition-base, .2s);border:none;min-height:44px}.user-card-action.primary{background:var(--color-primary, #ff4b6e);color:#fff}.user-card-action.primary:hover{background:var(--color-primary-hover, #ff6b8a)}.user-card-action.secondary{background:transparent;border:1px solid var(--color-text-dim, #555);color:var(--color-text-muted, #999)}.user-card-action.secondary:hover{border-color:var(--color-primary, #ff4b6e);color:var(--color-primary, #ff4b6e)}.user-card-action.success{background:var(--color-success, #22c55e);color:#fff}.user-card-action.success:hover{background:#34d399}.user-card-action:focus-visible{outline:2px solid var(--color-text-primary, #fff);outline-offset:2px}.empty-state{text-align:center;padding:var(--spacing-3xl, 3rem);color:var(--color-text-muted, #888)}.empty-state p:first-child{font-size:var(--text-lg, 1.125rem);color:var(--color-text-secondary, #ccc);margin-bottom:var(--spacing-sm, .5rem)}.empty-state p:nth-child(2){margin-bottom:var(--spacing-xl, 1.5rem)}.empty-state a{display:inline-block;padding:var(--spacing-md, .75rem) var(--spacing-xl, 1.5rem);background:var(--color-primary, #ff4b6e);color:#fff;text-decoration:none;border-radius:var(--radius-md, 8px);font-weight:500;transition:background var(--transition-base, .2s)}.empty-state a:hover{background:var(--color-primary-hover, #e6435f)}.reset-filters-btn{margin-top:var(--spacing-lg, 1rem);padding:var(--spacing-md, .75rem) var(--spacing-xl, 1.5rem);background:var(--color-primary, #ff4b6e);border:none;border-radius:var(--radius-md, 8px);color:var(--color-text-primary, #fff);cursor:pointer;transition:background var(--transition-base, .2s)}.reset-filters-btn:hover{background:var(--color-primary-hover, #e6435f)}.pagination{display:flex;justify-content:center;gap:var(--spacing-lg, 1rem);margin-top:var(--spacing-2xl, 2rem);align-items:center}.pagination button{padding:var(--spacing-md, .75rem) var(--spacing-xl, 1.5rem);min-height:44px;background:var(--color-bg-elevated, #2a2a2a);border:1px solid var(--color-border-light, #444);border-radius:var(--radius-md, 8px);color:var(--color-text-primary, #fff);cursor:pointer;transition:all var(--transition-base, .2s)}.pagination button:hover:not(:disabled){border-color:var(--color-primary, #ff4b6e)}.pagination button:focus-visible{outline:2px solid var(--color-primary, #ff4b6e);outline-offset:2px}.pagination span{color:var(--color-text-muted, #888)}.loading{text-align:center;padding:var(--spacing-3xl, 3rem);color:var(--color-text-muted, #888)}.match-notification{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--color-primary-gradient, linear-gradient(135deg, #ff4b6e 0%, #ff6b8e 100%));color:#fff;padding:var(--spacing-2xl, 2rem) var(--spacing-3xl, 3rem);border-radius:var(--radius-xl, 16px);text-align:center;z-index:1000;animation:popIn .3s ease-out;box-shadow:0 8px 32px #ff4b6e66}.match-notification h2{margin:0 0 var(--spacing-sm, .5rem);font-size:var(--text-2xl, 1.5rem)}.match-notification p{margin:0}@media(max-width:768px){.discovery-header{flex-direction:column;gap:var(--spacing-lg, 1rem);align-items:stretch}.discovery-header h1{text-align:center}.filter-toggle{justify-content:center}.filters-grid{grid-template-columns:1fr}.user-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.filters-actions{flex-direction:column}.reset-btn,.apply-btn{width:100%}}@media(max-width:500px){.user-grid{grid-template-columns:1fr}.user-card-image,.user-card-placeholder{aspect-ratio:1}}@media(max-width:400px){.age-range-inputs{flex-direction:column;gap:var(--spacing-sm, .5rem)}.age-range-inputs input{width:100%}.age-range-inputs span{display:none}}.error-banner{background:var(--color-error-light, rgba(239, 68, 68, .15));border:1px solid rgba(239,68,68,.3);color:var(--color-error, #ef4444);padding:var(--spacing-md, .75rem) var(--spacing-lg, 1rem);border-radius:var(--radius-md, 8px);margin-bottom:var(--spacing-lg, 1rem);cursor:pointer}.oauth-buttons{display:flex;flex-direction:column;gap:.75rem;margin-bottom:.5rem}.oauth-button{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:.875rem 1rem;min-height:48px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s,border-color .2s}.oauth-button:disabled{opacity:.6;cursor:not-allowed}.oauth-icon{width:20px;height:20px;flex-shrink:0}.google-button{background:var(--color-bg-card);color:var(--color-text-primary)}.google-button:hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--color-text-muted)}.auth-page{min-height:100vh;display:flex;flex-direction:column;background:var(--color-bg-page)}.auth-header{padding:1.5rem 2rem;text-align:center}.auth-logo{font-size:1.75rem;font-weight:700;color:var(--color-text-primary);text-decoration:none;display:inline-flex;align-items:center;gap:.25rem}.auth-logo .bee{font-size:2rem}.form-container{max-width:400px;margin:0 auto;padding:2rem;flex:1;display:flex;flex-direction:column;justify-content:center}.form-container h1{text-align:center;margin-bottom:.5rem;font-size:2rem}.form-subtitle{text-align:center;color:var(--color-text-secondary);margin-bottom:2rem}.form-group{margin-bottom:1.25rem}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.875rem 1rem;min-height:44px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:16px;background:var(--color-bg-card);color:inherit;box-sizing:border-box;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--color-primary)}.form-group textarea{min-height:100px;resize:vertical}.form-container button[type=submit]{width:100%;padding:.875rem;margin-top:.5rem;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.form-container button[type=submit]:hover{background:var(--color-primary-hover)}.form-container button[type=submit]:disabled{background:var(--color-border);cursor:not-allowed}.error-message{background:#ef444426;color:var(--color-error);padding:.875rem;border-radius:var(--radius-md);margin-bottom:1rem;text-align:center;border:1px solid rgba(239,68,68,.3)}.referral-banner{background:linear-gradient(135deg,#ff4b6e,#ff8b6b);color:#fff;padding:1rem 1.25rem;border-radius:var(--radius-md);margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem}.referral-banner .gift-icon{font-size:1.75rem}.referral-banner .referral-text{display:flex;flex-direction:column;gap:.125rem}.referral-banner .referral-text strong{font-size:1rem;font-weight:600}.referral-banner .referral-text span{font-size:.875rem;opacity:.9}.success-message{background:#22c55e26;color:var(--color-success);padding:.875rem;border-radius:var(--radius-md);margin-bottom:1rem;text-align:center;border:1px solid rgba(34,197,94,.3)}.form-footer{text-align:center;margin-top:1.5rem;color:var(--color-text-secondary)}.form-footer a{color:var(--color-primary);text-decoration:none;font-weight:500}.form-footer a:hover{text-decoration:underline}.form-divider{display:flex;align-items:center;margin:1.5rem 0;color:var(--color-text-muted)}.form-divider:before,.form-divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.form-divider span{padding:0 1rem;font-size:.875rem}.back-to-home{text-align:center;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--color-border)}.back-to-home a{color:var(--color-text-muted);text-decoration:none;font-size:.9rem}.back-to-home a:hover{color:var(--color-primary)}@media(max-width:400px){.form-container{padding:1rem}}.forgot-password-link{display:block;text-align:right;margin-top:.5rem;font-size:.875rem;color:var(--color-text-muted);text-decoration:none}.forgot-password-link:hover{color:var(--color-primary)}.email-icon{text-align:center;font-size:4rem;margin-bottom:1rem}.check-email-actions{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.primary-button,.secondary-button{display:inline-block;width:100%;padding:.875rem;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;text-align:center;text-decoration:none;transition:background .2s,border-color .2s;box-sizing:border-box}.primary-button{background:var(--color-primary);color:#fff;border:none}.primary-button:hover{background:var(--color-primary-hover)}.secondary-button{background:transparent;color:var(--color-text-primary);border:1px solid var(--color-border)}.secondary-button:hover{border-color:var(--color-primary);color:var(--color-primary)}.secondary-button:disabled,.primary-button:disabled{opacity:.6;cursor:not-allowed}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;margin:2rem auto;animation:spin 1s linear infinite}.onboarding-page{display:flex;flex-direction:column;height:100vh;max-width:800px;margin:0 auto;padding:0;background:#121212}.onboarding-header{padding:1rem 1.5rem;background:#1a1a1a;border-bottom:1px solid #333}.onboarding-header h1{margin:0 0 .5rem;font-size:1.5rem}.onboarding-header p{margin:0;color:#888;font-size:.9rem}.onboarding-progress{padding:1rem 1.5rem;background:#1a1a1a}.progress-bar{height:4px;background:#333;border-radius:2px;overflow:hidden;margin-bottom:.75rem}.progress-fill{height:100%;background:linear-gradient(90deg,#ff4b6e,#ff6b8a);transition:width .3s ease}.progress-topics{display:flex;flex-wrap:wrap;gap:.5rem}.progress-topic{font-size:.75rem;padding:.25rem .5rem;border-radius:12px;background:#333;color:#888}.progress-topic.completed{background:#2d4a3e;color:#6ee7b7}.progress-topic.current{background:#4a2d3e;color:#ff6b8a}.onboarding-chat{flex:1;display:flex;flex-direction:column;overflow:hidden}.chat-messages{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.chat-message{max-width:85%;padding:.875rem 1rem;border-radius:18px;line-height:1.5;word-wrap:break-word}.chat-message.assistant{align-self:flex-start;background:#2a2a2a;border-bottom-left-radius:4px}.chat-message.user{align-self:flex-end;background:#ff4b6e;color:#fff;border-bottom-right-radius:4px}.chat-message.system{align-self:center;background:transparent;color:#888;font-size:.85rem;text-align:center;padding:.5rem}.typing-indicator{display:flex;gap:4px;padding:.875rem 1rem;background:#2a2a2a;border-radius:18px 18px 18px 4px;align-self:flex-start;max-width:60px}.typing-dot{width:8px;height:8px;background:#888;border-radius:50%;animation:typing 1.4s infinite ease-in-out}.typing-dot:nth-child(1){animation-delay:0s}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}.chat-input-container{padding:1rem 1.5rem;background:#1a1a1a;border-top:1px solid #333}.chat-input-form{display:flex;gap:.75rem;align-items:flex-end}.chat-input{flex:1;padding:.875rem 1rem;background:#2a2a2a;border:1px solid #444;border-radius:24px;color:#fff;font-size:1rem;resize:none;max-height:120px;line-height:1.4}.chat-input:focus{outline:none;border-color:#ff4b6e}.chat-input:focus-visible{outline:2px solid #ff4b6e;outline-offset:2px}.chat-input::placeholder{color:#666}.send-button{width:44px;height:44px;border-radius:50%;background:#ff4b6e;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .1s;flex-shrink:0}.send-button:hover:not(:disabled){background:#ff6b8a}.send-button:active:not(:disabled){transform:scale(.95)}.send-button:disabled{background:#444;cursor:not-allowed}.send-button:focus-visible{outline:2px solid #fff;outline-offset:2px}.send-button svg{width:20px;height:20px;fill:#fff}.onboarding-complete{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.complete-icon{width:80px;height:80px;background:linear-gradient(135deg,#6ee7b7,#34d399);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.complete-icon svg{width:40px;height:40px;fill:#fff}.onboarding-complete h2{margin:0 0 .5rem;font-size:1.75rem}.onboarding-complete .subtitle{color:#888;margin-bottom:2rem}.summary-preview{background:#1a1a1a;border-radius:12px;padding:1.5rem;margin-bottom:2rem;text-align:left;max-width:500px;width:100%}.summary-preview h3{margin:0 0 1rem;font-size:1rem;color:#888;text-transform:uppercase;letter-spacing:.05em}.summary-preview p{margin:0;line-height:1.6;color:#ccc}.complete-button{padding:1rem 2rem;background:linear-gradient(135deg,#ff4b6e,#ff6b8a);border:none;border-radius:24px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.complete-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #ff4b6e4d}.complete-button:disabled{opacity:.6;cursor:not-allowed}.complete-button:focus-visible{outline:2px solid #fff;outline-offset:2px}.photo-required-section{margin-bottom:1.5rem}.photo-upload-button-complete{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:1rem 1.5rem;background:linear-gradient(135deg,#ff4b6e,#ff6b8a);border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;margin-top:1rem}.photo-upload-button-complete:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #ff4b6e4d}.photo-upload-button-complete:disabled{opacity:.6;cursor:not-allowed}.photo-upload-button-complete svg{width:24px;height:24px}.photo-confirmed{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:#6ee7b726;border-radius:8px;color:#6ee7b7;margin-bottom:1.5rem}.photo-confirmed svg{width:20px;height:20px}.onboarding-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:var(--spacing-lg)}@media(max-width:600px){.onboarding-header{padding:1rem}.onboarding-progress{padding:.75rem 1rem}.chat-messages{padding:1rem}.chat-input-container{padding:.75rem 1rem}.chat-message{max-width:90%}}.onboarding-intro{flex:1;display:flex;flex-direction:column;padding:1.5rem;max-width:500px;margin:0 auto;width:100%}.intro-progress{margin-bottom:2rem}.intro-progress-bar{height:4px;background:#333;border-radius:2px;overflow:hidden;margin-bottom:.5rem}.intro-progress-fill{height:100%;background:linear-gradient(90deg,#ff4b6e,#ff6b8a);transition:width .3s ease}.intro-step-label{font-size:.85rem;color:#888}.intro-content{flex:1}.intro-step h2{margin:0 0 .5rem;font-size:1.5rem}.intro-subtitle{color:#888;margin:0 0 1.5rem}.intro-field{margin-bottom:1.5rem}.intro-field label{display:block;margin-bottom:.5rem;color:#ccc;font-size:.9rem;font-weight:500}.intro-field input,.intro-field select{width:100%;padding:.875rem 1rem;background:#2a2a2a;border:1px solid #444;border-radius:8px;color:#fff;font-size:1rem}.intro-field input:focus,.intro-field select:focus{outline:none;border-color:#ff4b6e}.intro-field input:focus-visible,.intro-field select:focus-visible{outline:2px solid #ff4b6e;outline-offset:2px}.intro-field input::placeholder{color:#666}.choice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem}.choice-grid.small{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.choice-button{padding:.75rem 1rem;background:#2a2a2a;border:2px solid #444;border-radius:8px;color:#ccc;font-size:.9rem;cursor:pointer;transition:all .2s;text-align:center}.choice-button:hover{border-color:#666;background:#333}.choice-button.selected{border-color:#ff4b6e;background:#ff4b6e26;color:#ff6b8a}.choice-button:focus-visible{outline:2px solid #ff4b6e;outline-offset:2px}.location-field,.location-input-wrapper{position:relative}.location-input-wrapper input{padding-right:100px}.location-searching{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:.85rem;color:#888}.location-selected{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;padding:.5rem .75rem;background:#6ee7b726;border-radius:8px;color:#6ee7b7;font-size:.9rem}.location-selected svg{width:18px;height:18px;flex-shrink:0}.location-suggestions{position:absolute;top:100%;left:0;right:0;background:#252525;border:1px solid #444;border-radius:8px;margin-top:.25rem;padding:0;list-style:none;z-index:100;max-height:200px;overflow-y:auto}.location-suggestions li{padding:.75rem 1rem;cursor:pointer}.location-suggestions li:hover{background:#333}.intro-ready-message{margin-top:1.5rem;padding:1rem;background:#6ee7b71a;border-radius:8px;border-left:3px solid #6ee7b7}.intro-ready-message p{margin:0;color:#aaa;font-size:.9rem;line-height:1.5}.intro-error{padding:.75rem 1rem;background:#ff6b6b33;border-radius:8px;color:#ff6b6b;margin-bottom:1rem}.intro-actions{display:flex;gap:1rem;margin-top:1.5rem}.intro-back-btn{padding:1rem 1.5rem;background:transparent;border:2px solid #444;border-radius:24px;color:#ccc;font-size:1rem;cursor:pointer;transition:all .2s}.intro-back-btn:hover{border-color:#666;background:#ffffff0d}.intro-back-btn:focus-visible{outline:2px solid #ff4b6e;outline-offset:2px}.intro-next-btn{flex:1;padding:1rem 2rem;background:linear-gradient(135deg,#ff4b6e,#ff6b8a);border:none;border-radius:24px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.intro-next-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff4b6e4d}.intro-next-btn:focus-visible{outline:2px solid #fff;outline-offset:2px}.photo-uploaded-badge{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;background:#6ee7b726;border-radius:20px;color:#6ee7b7;font-size:.85rem;margin:.5rem auto;width:fit-content}.photo-uploaded-badge svg{width:16px;height:16px}.photo-upload-section{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem;margin:1rem 0;background:linear-gradient(135deg,#ff4b6e1a,#ff6b8a1a);border-radius:16px;border:2px dashed rgba(255,75,110,.3)}.photo-upload-button{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:linear-gradient(135deg,#ff4b6e,#ff6b8a);border:none;border-radius:24px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.photo-upload-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #ff4b6e4d}.photo-upload-button:disabled{opacity:.6;cursor:not-allowed}.photo-upload-button:focus-visible{outline:2px solid #fff;outline-offset:2px}.photo-upload-button.uploaded{background:linear-gradient(135deg,#6ee7b7,#34d399)}.photo-upload-button svg{width:24px;height:24px}.upload-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.photo-hint{margin:0;font-size:.85rem;color:#ff6b8a;text-align:center}.photo-warning{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#ff6b6b33;border-radius:8px;color:#ff6b6b;margin-bottom:1rem}.photo-warning svg{width:20px;height:20px;flex-shrink:0}.onboarding-compatibility{flex:1;display:flex;flex-direction:column;padding:1.5rem;overflow-y:auto}.oc-intro{text-align:center;margin-bottom:1.5rem}.oc-intro h2{margin:0 0 .5rem;font-size:1.25rem;color:#fff}.oc-intro p{margin:0;font-size:.875rem;color:#888;line-height:1.5}.oc-progress{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.oc-progress-bar{flex:1;height:8px;background:#2a2a2a;border-radius:4px;overflow:hidden}.oc-progress-fill{height:100%;background:linear-gradient(90deg,#ff4b6e,#ff6b8a);transition:width .3s ease}.oc-progress-text{font-size:.875rem;color:#888;white-space:nowrap}.oc-error{background:#ff4b6e1a;border:1px solid rgba(255,75,110,.3);color:#ff6b8a;padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.875rem}.oc-question-card{background:#1a1a1a;border-radius:12px;padding:1.5rem}.oc-question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.oc-category{background:#ff4b6e26;color:#ff6b8a;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.oc-question-num{font-size:.875rem;color:#666}.oc-question-text{font-size:1.125rem;font-weight:500;color:#fff;margin:0 0 1.25rem;line-height:1.4}.oc-phase-indicator{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1.25rem;padding:.75rem;background:#222;border-radius:8px}.oc-phase{display:flex;align-items:center;gap:.5rem;opacity:.4;transition:opacity .2s}.oc-phase.active{opacity:1}.oc-phase.done{opacity:.7}.oc-phase-num{width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:#333;border-radius:50%;font-size:.75rem;font-weight:600;color:#888}.oc-phase.active .oc-phase-num{background:#ff4b6e;color:#fff}.oc-phase.done .oc-phase-num{background:#10b981;color:#fff}.oc-phase-label{font-size:.8rem;color:#888}.oc-phase.active .oc-phase-label{color:#fff;font-weight:500}.oc-phase-connector{width:30px;height:2px;background:#333}.oc-options{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.oc-option{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem;background:#252525;border:2px solid #333;border-radius:8px;text-align:left;font-size:.9rem;color:#ccc;cursor:pointer;transition:all .2s}.oc-option:hover:not(:disabled){background:#2a2a2a;border-color:#444}.oc-option:focus-visible{outline:2px solid #ff4b6e;outline-offset:2px}.oc-option.yours{background:#ff4b6e1a;border-color:#ff4b6e;color:#fff}.oc-option.acceptable{background:#10b9811a;border-color:#10b981}.oc-option:disabled{opacity:.7;cursor:not-allowed}.oc-option-text{flex:1;line-height:1.4}.oc-option-badges{display:flex;gap:.5rem;margin-left:.75rem}.oc-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase}.oc-badge.yours{background:#ff4b6e;color:#fff}.oc-badge.ok{background:#10b981;color:#fff;padding:.2rem .35rem}.oc-badge.ok svg{width:14px;height:14px}.oc-hint{text-align:center;font-size:.8rem;color:#666;padding:.5rem;background:#222;border-radius:6px;margin-bottom:1rem}.oc-importance{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding-top:.75rem;border-top:1px solid #333}.oc-importance-label{font-size:.8rem;color:#888}.oc-importance-pills{display:flex;gap:.35rem}.oc-pill{padding:.35rem .75rem;background:#252525;border:1px solid #333;border-radius:20px;font-size:.75rem;color:#888;cursor:pointer;transition:all .2s}.oc-pill:hover{background:#2a2a2a;color:#ccc}.oc-pill.selected{background:#ff4b6e;border-color:#ff4b6e;color:#fff}.oc-pill:focus-visible{outline:2px solid #ff4b6e;outline-offset:2px}.oc-footer{display:flex;justify-content:space-between;gap:1rem;padding-top:1rem;border-top:1px solid #333}.oc-skip,.oc-back{padding:.625rem 1.25rem;background:transparent;border:1px solid #444;border-radius:6px;color:#888;font-size:.875rem;cursor:pointer;transition:all .2s}.oc-skip:hover:not(:disabled),.oc-back:hover:not(:disabled){background:#252525;color:#ccc}.oc-skip:focus-visible,.oc-back:focus-visible{outline:2px solid #ff4b6e;outline-offset:2px}.oc-next{padding:.625rem 1.5rem;background:#ff4b6e;border:none;border-radius:6px;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.oc-next:hover:not(:disabled){background:#ff6b8a}.oc-next:focus-visible{outline:2px solid #fff;outline-offset:2px}.oc-next:disabled,.oc-skip:disabled,.oc-back:disabled{opacity:.5;cursor:not-allowed}.oc-note{text-align:center;font-size:.8rem;color:#666;margin-top:1.5rem;padding:.75rem;background:#1a1a1a;border-radius:8px}@media(max-width:600px){.onboarding-compatibility{padding:1rem}.oc-phase-indicator{padding:.5rem}.oc-phase-label{font-size:.7rem}.oc-phase-connector{width:15px}.oc-importance{flex-direction:column;align-items:flex-start}.oc-footer{flex-wrap:wrap}.oc-back,.oc-next{flex:1}}.chat-complete-section{padding:1.5rem;background:#1a1a1a;border-top:1px solid #333;display:flex;flex-direction:column;gap:1rem}.chat-complete-message{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:#6ee7b71a;border-radius:12px;border:1px solid rgba(110,231,183,.2)}.complete-icon-small{width:40px;height:40px;background:linear-gradient(135deg,#6ee7b7,#34d399);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.complete-icon-small svg{width:24px;height:24px;fill:#fff}.complete-text h3{margin:0 0 .25rem;font-size:1.1rem;color:#6ee7b7}.complete-text p{margin:0;font-size:.9rem;color:#aaa;line-height:1.4}.photo-upload-section.compact{margin:0;padding:1rem;background:#ff4b6e14;border:1px dashed rgba(255,75,110,.3)}.generate-summary-button{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:1rem 2rem;background:linear-gradient(135deg,#ff4b6e,#ff6b8a);border:none;border-radius:12px;color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.generate-summary-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ff4b6e66}.generate-summary-button:disabled{background:#444;cursor:not-allowed}.generate-summary-button .bee-icon{font-size:1.3rem}.onboarding-summary{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.summary-card{background:#1a1a1a;border-radius:12px;padding:1.5rem}.summary-card.main-summary{border:1px solid rgba(255,75,110,.3)}.summary-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.bee-badge{font-size:1.5rem}.summary-card-header h3{margin:0;font-size:1.1rem;color:#ff6b8a}.summary-text{margin:0;font-size:1rem;line-height:1.7;color:#ccc}.summary-section{background:#1a1a1a;border-radius:12px;padding:1.5rem}.section-title{margin:0 0 .5rem;font-size:1rem;color:#fff}.section-subtitle{margin:0 0 1.25rem;font-size:.875rem;color:#888}.summary-fields{display:flex;flex-direction:column;gap:1rem}.summary-field{padding:1rem;background:#222;border-radius:8px}.summary-field label{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#888;margin-bottom:.5rem}.field-display-mode{display:flex;justify-content:space-between;align-items:center;gap:1rem}.field-value{font-size:1rem;color:#fff}.field-value.empty{color:#666;font-style:italic}.edit-btn{display:flex;align-items:center;gap:.35rem;padding:.4rem .75rem;background:transparent;border:1px solid #444;border-radius:6px;color:#888;font-size:.8rem;cursor:pointer;transition:all .2s}.edit-btn:hover{background:#333;color:#fff;border-color:#555}.edit-btn svg{width:14px;height:14px}.field-edit-mode{display:flex;flex-direction:column;gap:.75rem}.field-edit-mode input,.field-edit-mode select,.field-edit-mode textarea{width:100%;padding:.75rem;background:#2a2a2a;border:1px solid #444;border-radius:6px;color:#fff;font-size:.95rem}.field-edit-mode input:focus,.field-edit-mode select:focus,.field-edit-mode textarea:focus{outline:none;border-color:#ff4b6e}.field-edit-mode textarea{resize:vertical;min-height:80px}.field-actions{display:flex;gap:.5rem}.save-btn{padding:.5rem 1rem;background:#ff4b6e;border:none;border-radius:6px;color:#fff;font-size:.85rem;font-weight:500;cursor:pointer;transition:background .2s}.save-btn:hover:not(:disabled){background:#ff6b8a}.save-btn:disabled{opacity:.6;cursor:not-allowed}.save-btn:focus-visible{outline:2px solid #fff;outline-offset:2px}.cancel-btn{padding:.5rem 1rem;background:transparent;border:1px solid #444;border-radius:6px;color:#888;font-size:.85rem;cursor:pointer;transition:all .2s}.cancel-btn:hover{background:#333;color:#ccc}.cancel-btn:focus-visible{outline:2px solid #ff4b6e;outline-offset:2px}.interests-tags{display:flex;flex-wrap:wrap;gap:.5rem}.interest-tag{padding:.4rem .75rem;background:#ff4b6e26;border-radius:20px;font-size:.85rem;color:#ff6b8a}.deal-breakers-text{margin:0;font-size:.95rem;line-height:1.5;color:#ccc}.summary-actions{padding:1.5rem;background:#1a1a1a;border-radius:12px;text-align:center}.action-hint{margin:0 0 1rem;font-size:.9rem;color:#888}.proceed-button{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:linear-gradient(135deg,#ff4b6e,#ff6b8a);border:none;border-radius:24px;color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.proceed-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff4b6e66}.proceed-button:focus-visible{outline:2px solid #fff;outline-offset:2px}.proceed-button svg{width:20px;height:20px}.onboarding-next-steps{min-height:100vh;background:#121212;padding:2rem 1.5rem}.next-steps-header{text-align:center;margin-bottom:2rem}.bee-icon-large{font-size:4rem;display:block;margin-bottom:1rem}.next-steps-header h1{margin:0 0 .5rem;font-size:2rem;color:#fff}.next-steps-header .subtitle{margin:0;font-size:1.1rem;color:#888}.next-steps-content{max-width:800px;margin:0 auto}.next-step-card{background:#1a1a1a;border-radius:12px;padding:1.5rem;margin-bottom:1rem}.next-step-card.featured{border:1px solid rgba(255,75,110,.3);background:linear-gradient(135deg,#ff4b6e0d,#ff6b8a0d)}.card-icon{width:48px;height:48px;background:linear-gradient(135deg,#ff4b6e,#ff6b8a);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.card-icon svg{width:28px;height:28px;fill:#fff}.card-icon.intimacy{background:linear-gradient(135deg,#ec4899,#f472b6)}.card-icon.hobbies{background:linear-gradient(135deg,#8b5cf6,#a78bfa)}.card-icon.lifestyle{background:linear-gradient(135deg,#10b981,#34d399)}.card-icon.compatibility{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.card-icon.referral{background:linear-gradient(135deg,#ff4b6e,#ff8b6b)}.next-step-card h3{margin:0 0 .5rem;font-size:1.15rem;color:#fff}.next-step-card p{margin:0 0 1rem;font-size:.9rem;color:#aaa;line-height:1.5}.card-link{display:inline-flex;align-items:center;gap:.5rem;color:#ff6b8a;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s}.card-link:hover{color:#ff4b6e}.card-link:focus-visible{outline:2px solid #ff4b6e;outline-offset:2px}.card-link svg{width:18px;height:18px}.section-heading{margin:2rem 0 .5rem;font-size:1.25rem;color:#fff}.section-description{margin:0 0 1.5rem;font-size:.95rem;color:#888}.next-steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.ready-banner{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-top:2rem;padding:1.5rem;background:linear-gradient(135deg,#ff4b6e1a,#ff6b8a1a);border:1px solid rgba(255,75,110,.3);border-radius:16px}.banner-content h3{margin:0 0 .25rem;font-size:1.2rem;color:#fff}.banner-content p{margin:0;font-size:.9rem;color:#aaa}.start-exploring-button{display:flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:linear-gradient(135deg,#ff4b6e,#ff6b8a);border:none;border-radius:24px;color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:transform .2s,box-shadow .2s}.start-exploring-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff4b6e66}.start-exploring-button:focus-visible{outline:2px solid #fff;outline-offset:2px}.start-exploring-button .bee-icon{font-size:1.3rem}.next-steps-footer{max-width:800px;margin:2rem auto 0;text-align:center}.next-steps-footer p{margin:0;font-size:.85rem;color:#666;line-height:1.5}.onboarding-error-banner{margin:1rem 1.5rem;padding:.875rem 1rem;background:#ff4b6e26;border:1px solid rgba(255,75,110,.3);border-radius:8px;color:#ff6b8a;text-align:center}@media(max-width:600px){.chat-complete-message{flex-direction:column;text-align:center}.complete-icon-small{align-self:center}.onboarding-summary{padding:1rem}.summary-field{padding:.875rem}.field-display-mode{flex-direction:column;align-items:flex-start;gap:.75rem}.edit-btn{align-self:flex-start}.onboarding-next-steps{padding:1.5rem 1rem}.bee-icon-large{font-size:3rem}.next-steps-header h1{font-size:1.5rem}.next-steps-grid{grid-template-columns:1fr}.ready-banner{flex-direction:column;text-align:center}.start-exploring-button{width:100%;justify-content:center}}.editable-summary{margin-bottom:var(--spacing-lg, 1rem)}.editable-summary-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm, .5rem)}.editable-summary-label{font-weight:500;color:var(--color-text-secondary, #e0e0e0);font-size:var(--text-sm, .9rem)}.editable-summary-sublabel{display:block;font-size:var(--text-sm, .8rem);color:var(--color-text-muted, #888);margin-bottom:var(--spacing-sm, .5rem)}.editable-summary-edit-btn{background:transparent;border:none;color:var(--color-text-muted, #888);cursor:pointer;padding:var(--spacing-xs, .25rem);border-radius:var(--radius-sm, 4px);transition:all var(--transition-base, .2s);display:flex;align-items:center;justify-content:center}.editable-summary-edit-btn:hover{color:var(--color-primary, #ff4b6e);background:var(--color-primary-light, rgba(255, 75, 110, .1))}.editable-summary-value{color:var(--color-text-secondary, #ccc);line-height:1.6;margin:0;white-space:pre-wrap}.editable-summary-empty{color:var(--color-text-dim, #666);font-style:italic;margin:0}.editable-summary.editing{background:#28282dcc;border-radius:var(--radius-md, 8px);padding:var(--spacing-lg, 1rem);border:1px solid var(--color-border-light, #444)}.editable-summary-textarea{width:100%;min-height:120px;padding:var(--spacing-md, .75rem);background:var(--color-bg-card, #1a1a1a);border:1px solid var(--color-border-light, #444);border-radius:6px;color:var(--color-text-secondary, #e0e0e0);font-family:inherit;font-size:.95rem;line-height:1.6;resize:vertical;transition:border-color var(--transition-base, .2s)}.editable-summary-textarea:focus{outline:none;border-color:var(--color-primary, #ff4b6e)}.editable-summary-footer{display:flex;align-items:center;justify-content:space-between;margin-top:var(--spacing-md, .75rem);flex-wrap:wrap;gap:var(--spacing-sm, .5rem)}.editable-summary-hint{font-size:var(--text-xs, .75rem);color:var(--color-text-dim, #666)}.editable-summary-error{font-size:var(--text-sm, .8rem);color:var(--color-error-alt, #ff6b6b)}.editable-summary-actions{display:flex;gap:var(--spacing-sm, .5rem)}.editable-summary-btn{padding:var(--spacing-sm, .5rem) var(--spacing-lg, 1rem);border-radius:6px;font-size:var(--text-sm, .85rem);font-weight:500;cursor:pointer;transition:all var(--transition-base, .2s)}.editable-summary-btn.cancel{background:transparent;border:1px solid var(--color-text-dim, #555);color:var(--color-text-secondary, #aaa)}.editable-summary-btn.cancel:hover{background:#ffffff0d;border-color:var(--color-text-dim, #666)}.editable-summary-btn.save{background:var(--color-primary, #ff4b6e);border:none;color:#fff}.editable-summary-btn.save:hover{background:var(--color-primary-hover, #e6435f)}.editable-summary-btn:disabled{opacity:.5;cursor:not-allowed}.hobbies-overview .editable-summary-value,.hobbies-text-section .editable-summary-value,.lifestyle-overview .editable-summary-value,.lifestyle-text-section .editable-summary-value,.sc-overview .editable-summary-value,.sc-text-section .editable-summary-value{color:#ccc}.sim-overlay{position:fixed;inset:0;background:#000c;z-index:1000}.sim-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:95%;max-width:700px;max-height:90vh;background:#1a1a1a;border-radius:16px;z-index:1001;display:flex;flex-direction:column;overflow:hidden;animation:simModalIn .3s ease-out}@keyframes simModalIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.sim-modal-header{padding:1.25rem 1.5rem;background:linear-gradient(135deg,#ff4b6e33,#9333ea33);border-bottom:1px solid #333;position:relative}.sim-modal-header h2{margin:0;font-size:1.25rem;color:#fff}.sim-modal-subtitle{display:block;font-size:.875rem;color:#888;margin-top:.25rem}.sim-close-btn{position:absolute;top:1rem;right:1rem;width:32px;height:32px;border:none;background:#ffffff1a;color:#888;border-radius:50%;font-size:1.25rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.sim-close-btn:hover{background:#fff3;color:#fff}.sim-modal-body{flex:1;display:flex;flex-direction:column;overflow:hidden;padding:1rem}.sim-error{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#ef444433;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;margin-bottom:1rem}.sim-error button{background:none;border:none;color:#ef4444;font-size:1.25rem;cursor:pointer;padding:0}.sim-intro{text-align:center;padding:2rem 1rem}.sim-intro-icon{font-size:3rem;margin-bottom:1rem}.sim-intro h3{margin:0 0 .75rem;font-size:1.5rem}.sim-intro p{color:#888;margin:0 0 1.5rem;line-height:1.6}.sim-intro-features{list-style:none;padding:0;margin:0 0 2rem;display:flex;flex-direction:column;gap:.5rem}.sim-intro-features li{padding:.5rem 1rem;background:#252525;border-radius:8px;font-size:.9rem}.sim-start-btn{padding:1rem 2rem;background:linear-gradient(135deg,#ff4b6e,#ff6b8a);border:none;border-radius:24px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.sim-start-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px #ff4b6e66}.sim-start-btn:disabled{opacity:.6;cursor:not-allowed}.sim-chat{flex:1;display:flex;flex-direction:column;min-height:0}.sim-chat-messages{flex:1;overflow-y:auto;padding:.5rem;display:flex;flex-direction:column;gap:.75rem;max-height:400px}.sim-message{max-width:85%;padding:.75rem 1rem;border-radius:16px;animation:simMessageIn .3s ease-out}@keyframes simMessageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sim-message.persona-self{align-self:flex-end;background:linear-gradient(135deg,#ff4b6e,#ff6b8a);color:#fff;border-bottom-right-radius:4px}.sim-message.persona-other{align-self:flex-start;background:#2a2a2a;color:#e0e0e0;border-bottom-left-radius:4px}.sim-message.user{align-self:flex-end;background:#646cff;color:#fff;border-bottom-right-radius:4px}.sim-message-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.sim-message-sender{font-size:.75rem;font-weight:600;opacity:.8}.sim-message-content{font-size:.95rem;line-height:1.5}.sim-cursor{animation:simBlink .8s infinite}@keyframes simBlink{0%,50%{opacity:1}51%,to{opacity:0}}.sim-typing-indicator{font-size:.7rem;opacity:.6;font-style:italic}.sim-highlight-badge{font-size:.9rem}.sim-highlight-badge.alignment{animation:simPulse .5s ease-out}.sim-highlight-badge.conflict{animation:simShake .5s ease-out}@keyframes simPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes simShake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}.sim-loading-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;color:#888;font-size:.85rem}.sim-loading-text{font-style:italic}.sim-loading-dots{display:flex;gap:4px}.sim-loading-dots span{width:6px;height:6px;background:#888;border-radius:50%;animation:simDots 1.4s infinite ease-in-out both}.sim-loading-dots span:nth-child(1){animation-delay:-.32s}.sim-loading-dots span:nth-child(2){animation-delay:-.16s}.sim-loading-dots span:nth-child(3){animation-delay:0}@keyframes simDots{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.sim-direct-input{display:flex;gap:.75rem;padding:.75rem 0;border-top:1px solid #333;margin-top:.5rem}.sim-direct-input input{flex:1;padding:.75rem 1rem;background:#252525;border:1px solid #444;border-radius:24px;color:#fff;font-size:.95rem}.sim-direct-input input:focus{outline:none;border-color:#ff4b6e}.sim-direct-input input::placeholder{color:#666}.sim-direct-input button{padding:.75rem 1.5rem;background:#ff4b6e;border:none;border-radius:24px;color:#fff;font-weight:500;cursor:pointer;transition:background .2s}.sim-direct-input button:hover:not(:disabled){background:#ff6b8a}.sim-direct-input button:disabled{background:#444;cursor:not-allowed}.sim-controls{padding-top:1rem;border-top:1px solid #333;margin-top:.5rem}.sim-controls-row{display:flex;gap:.75rem;margin-bottom:.75rem}.sim-controls-row:last-child{margin-bottom:0}.sim-control-btn{flex:1;padding:.75rem 1rem;border:none;border-radius:12px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.sim-control-btn.primary{background:linear-gradient(135deg,#ff4b6e,#ff6b8a);color:#fff}.sim-control-btn.primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 8px #ff4b6e4d}.sim-control-btn.secondary{background:#2a2a2a;color:#ccc;border:1px solid #444}.sim-control-btn.secondary:hover:not(:disabled){background:#333;border-color:#555}.sim-control-btn.tertiary{background:transparent;color:#ff6b8a;border:1px solid #ff4b6e}.sim-control-btn.tertiary:hover:not(:disabled){background:#ff4b6e1a}.sim-control-btn.danger{background:transparent;color:#888;border:1px solid #444}.sim-control-btn.danger:hover:not(:disabled){color:#ef4444;border-color:#ef4444;background:#ef44441a}.sim-control-btn:disabled{opacity:.5;cursor:not-allowed}.sim-view-summary-btn{width:100%;padding:.75rem;background:#6ee7b71a;border:1px solid rgba(110,231,183,.3);border-radius:12px;color:#6ee7b7;font-weight:500;cursor:pointer;margin-top:.75rem;transition:all .2s}.sim-view-summary-btn:hover{background:#6ee7b733}.sim-summary{flex:1;overflow-y:auto;max-height:500px}.sim-summary-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.sim-summary-header h3{margin:0;font-size:1.25rem}.sim-summary-close{width:32px;height:32px;border:none;background:#ffffff1a;color:#888;border-radius:50%;font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.sim-summary-close:hover{background:#fff3;color:#fff}.sim-summary-content{display:flex;flex-direction:column;gap:1.5rem}.sim-summary-score{display:flex;align-items:center;gap:1rem;padding:1rem;background:linear-gradient(135deg,#ff4b6e1a,#9333ea1a);border-radius:12px}.sim-score-circle{width:70px;height:70px;border-radius:50%;background:#0000004d;border:3px solid var(--score-color, #646cff);display:flex;align-items:center;justify-content:center;flex-shrink:0}.sim-score-value{font-size:1.4rem;font-weight:700;color:var(--score-color, #646cff)}.sim-score-info{display:flex;flex-direction:column;gap:.25rem}.sim-score-label{font-size:1.1rem;font-weight:600}.sim-score-subtitle{font-size:.85rem;color:#888}.sim-summary-text{background:#252525;padding:1rem;border-radius:12px}.sim-summary-text p{margin:0;line-height:1.6;color:#ccc}.sim-summary-stats{display:flex;gap:1rem;justify-content:center}.sim-stat{text-align:center;padding:.75rem 1.5rem;background:#252525;border-radius:12px}.sim-stat-value{display:block;font-size:1.5rem;font-weight:700;color:#fff}.sim-stat-label{font-size:.75rem;color:#888}.sim-summary-section{background:#252525;padding:1rem;border-radius:12px}.sim-summary-section h4{margin:0 0 .75rem;font-size:1rem}.sim-summary-section ul{margin:0;padding-left:1.25rem}.sim-summary-section li{margin-bottom:.5rem;color:#ccc;line-height:1.5}.sim-summary-section li strong{color:#fff}.sim-highlight-quote{margin:.5rem 0;padding:.75rem 1rem;background:#ff4b6e1a;border-left:3px solid #ff4b6e;border-radius:0 8px 8px 0}.sim-highlight-quote p{margin:0 0 .25rem;font-style:italic;color:#ccc}.sim-highlight-quote cite{font-size:.85rem;color:#888;font-style:normal}.sim-topic-tags{display:flex;flex-wrap:wrap;gap:.5rem}.sim-topic-tag{padding:.375rem .75rem;background:#646cff33;border-radius:16px;font-size:.85rem;color:#a5b4fc}@media(max-width:600px){.sim-modal{width:100%;height:100%;max-height:100%;border-radius:0}.sim-chat-messages{max-height:300px}.sim-controls-row{flex-direction:column}.sim-summary-stats{flex-wrap:wrap}.sim-stat{flex:1;min-width:80px}}.user-profile-page{max-width:600px;margin:0 auto;padding:var(--spacing-lg)}.back-link{display:inline-flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);color:var(--color-text-muted);text-decoration:none;font-size:var(--text-sm);transition:color var(--transition-base)}.back-link:hover{color:var(--color-text-secondary)}.profile-card{background:var(--color-bg-card);border-radius:var(--radius-lg);overflow:hidden}.profile-card.is-match{box-shadow:0 0 30px #ff4b6e26}.photo-gallery{position:relative;width:100%;aspect-ratio:4 / 5;overflow:hidden}.photo-gallery-scroll{display:flex;width:100%;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}.photo-gallery-scroll::-webkit-scrollbar{display:none}.photo-gallery-item{flex:0 0 100%;width:100%;height:100%;scroll-snap-align:start}.profile-image-large{width:100%;height:100%;object-fit:cover}.profile-image-placeholder{width:100%;height:100%;background:var(--color-border);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-size:var(--text-2xl)}.gallery-nav{position:absolute;top:50%;transform:translateY(-50%);background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:#fff;border:none;width:44px;height:44px;border-radius:var(--radius-full);cursor:pointer;font-size:var(--text-lg);display:flex;align-items:center;justify-content:center;transition:background var(--transition-base),transform var(--transition-base);z-index:10}.gallery-nav.prev{left:var(--spacing-lg)}.gallery-nav.next{right:var(--spacing-lg)}.gallery-nav:hover{background:#000000b3;transform:translateY(-50%) scale(1.05)}.gallery-nav:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;background:#000000b3}.photo-counter{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-lg);font-size:var(--text-sm);color:#fff;font-weight:500;z-index:10}.photo-dots{position:absolute;bottom:5rem;left:50%;transform:translate(-50%);display:flex;gap:var(--spacing-sm);z-index:10}.dot{width:8px;height:8px;border-radius:var(--radius-full);background:#ffffff80;cursor:pointer;border:none;padding:0;transition:transform var(--transition-fast),background var(--transition-fast)}.dot:hover{background:#fffc}.dot:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;transform:scale(1.3)}.dot.active{background:#fff}.profile-name-overlay{position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-lg);background:linear-gradient(transparent,#000000d9);z-index:5}.profile-name-overlay h1{margin:0;font-size:var(--text-3xl);font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.profile-name-overlay .profile-location{margin:var(--spacing-xs) 0 0;color:#ffffffd9;font-size:var(--text-base)}.profile-name-overlay .profile-distance{margin:var(--spacing-xs) 0 0;color:var(--color-success-alt);font-size:var(--text-sm);font-weight:500}.quick-info-bar{display:flex;flex-wrap:wrap;gap:var(--spacing-md);padding:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.quick-info-item{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--color-text-muted);font-size:var(--text-sm)}.quick-info-item svg{width:16px;height:16px;opacity:.7}.profile-info{padding:var(--spacing-xl)}.profile-header-row{margin-bottom:var(--spacing-lg)}.profile-info h1{margin:0 0 var(--spacing-xs);font-size:var(--text-3xl)}.profile-location{color:var(--color-text-muted);margin:0 0 var(--spacing-xs)}.profile-distance{color:var(--color-success-alt);font-size:var(--text-sm);margin:0}.profile-pronouns{color:var(--color-text-muted);font-size:var(--text-sm);margin:0 0 var(--spacing-sm)}.compatibility-score-section{border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.compatibility-score-card{background:linear-gradient(135deg,var(--color-bg-elevated),rgba(var(--score-color-rgb, 100, 108, 255),.08));border:2px solid var(--score-color, var(--color-accent));border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center}.compatibility-score-main{display:flex;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.score-circle{width:80px;height:80px;border-radius:var(--radius-full);background:#0000004d;border:4px solid var(--score-color, var(--color-accent));display:flex;align-items:center;justify-content:center;flex-shrink:0}.score-value{font-size:var(--text-2xl);font-weight:700;color:var(--score-color, var(--color-accent))}.score-info{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1;text-align:left}.score-label{font-size:var(--text-lg);font-weight:600;color:var(--score-color, var(--color-accent))}.score-subtitle{font-size:var(--text-sm);color:var(--color-text-muted)}.score-explainer-btn{width:32px;height:32px;border-radius:var(--radius-full);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--color-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);flex-shrink:0;font-size:var(--text-base);font-weight:600;font-family:inherit;padding:0;line-height:1}.score-explainer-btn:hover{background:var(--color-primary-light);border-color:#ff4b6e80;color:var(--color-primary);transform:scale(1.1)}.compatibility-breakdown{display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.category-score{display:grid;grid-template-columns:100px 1fr 50px;align-items:center;gap:var(--spacing-md)}.category-name{font-size:var(--text-sm);color:var(--color-text-muted);text-transform:capitalize}.category-bar{height:8px;background:#ffffff1a;border-radius:var(--radius-sm);overflow:hidden}.category-fill{height:100%;border-radius:var(--radius-sm);transition:width .5s ease}.category-value{font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary);text-align:right}.deal-breakers-notice{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:#eab3081a;border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-warning)}.notice-icon{font-size:var(--text-base)}.simulated-score-notice .info-icon{font-size:var(--text-base)}.match-details-accordion{margin-top:var(--spacing-xl)}.match-details-locked{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-lg);padding:var(--spacing-xl);background:#ffffff08;border:1px dashed rgba(255,75,110,.3);border-radius:var(--radius-lg);text-align:center;color:var(--color-text-muted)}.match-details-locked .lock-icon{font-size:var(--text-2xl);opacity:.6}.profile-actions{margin-bottom:var(--spacing-xl)}.match-badge,.they-liked-you{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);font-weight:500}.match-badge{background:var(--color-primary-gradient);color:#fff}.match-badge svg,.they-liked-you svg{width:20px;height:20px}.they-liked-you{background:var(--color-primary-light);color:var(--color-primary);border:1px solid rgba(255,75,110,.3)}.link-profiles-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,var(--color-primary-light),var(--color-accent-light));border:1px solid rgba(255,75,110,.3);border-radius:var(--radius-md);color:var(--color-primary);font-weight:500;cursor:pointer;transition:all var(--transition-base);margin-bottom:var(--spacing-lg)}.link-profiles-btn:hover{background:linear-gradient(135deg,#ff4b6e40,#938bfa40);border-color:#ff4b6e80}.link-icon{font-size:var(--text-lg)}.action-buttons-row{display:flex;align-items:center;gap:var(--spacing-sm)}.action-buttons{display:flex;gap:var(--spacing-md);flex:1}.action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:500;cursor:pointer;transition:all var(--transition-base);border:none;min-height:48px}.action-btn svg{width:20px;height:20px}.action-btn.like{background:var(--color-primary);color:#fff}.action-btn.like:hover:not(:disabled){background:var(--color-primary-hover)}.action-btn.liked{background:var(--color-primary-light);color:var(--color-primary);border:2px solid var(--color-primary)}.action-btn.liked:hover:not(:disabled){background:#ff4b6e40}.action-btn.hide{background:var(--color-border);color:var(--color-text-muted)}.action-btn.hide:hover:not(:disabled){background:var(--color-border-light);color:var(--color-text-secondary)}.profile-actions-sticky{display:none}@media(max-width:768px){.profile-actions-sticky{display:block;position:fixed;bottom:0;left:0;right:0;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-card);border-top:1px solid var(--color-border);z-index:100;box-shadow:0 -4px 12px #0000004d}.profile-actions-sticky .action-buttons-row{max-width:600px;margin:0 auto}.user-profile-page:not(.preview-mode) .profile-actions .action-buttons-row{display:none}.user-profile-page:not(.preview-mode) .profile-info{padding-bottom:calc(var(--spacing-xl) + 80px)}}.profile-stats{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.profile-stats span{background:var(--color-border);padding:var(--spacing-xs) var(--spacing-md);border-radius:20px;font-size:var(--text-sm);text-transform:capitalize;color:var(--color-text-secondary)}.profile-section-view.ai-summary{background:linear-gradient(135deg,var(--color-primary-light),var(--color-success-alt-light));border-radius:var(--radius-lg);padding:var(--spacing-lg);margin:var(--spacing-lg) 0}.profile-section-view.ai-summary h3{color:var(--color-primary)}.profile-section-view{margin-top:var(--spacing-xl)}.profile-section-view h3{font-size:var(--text-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--spacing-md)}.profile-section-view p{margin:0;line-height:1.6;color:var(--color-text-secondary)}.tags-display{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.tag-view{background:var(--color-border);padding:var(--spacing-sm) var(--spacing-md);border-radius:20px;font-size:var(--text-sm);color:var(--color-text-secondary)}.compatibility-insights{background:var(--color-bg-subtle);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.compatibility-insights.locked-content{background:#ffffff08;border:1px dashed rgba(255,255,255,.2);text-align:center;padding:var(--spacing-xl)}.compatibility-insights.locked-content .lock-icon{font-size:var(--text-2xl);margin-bottom:var(--spacing-sm);display:block;opacity:.6}.compatibility-insights.locked-content p{color:var(--color-text-muted);font-size:var(--text-sm)}.insights-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}.insight-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.insight-item.full-width{grid-column:1 / -1}.insight-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-dim)}.insight-value{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.4}.overlay{position:fixed;inset:0;background:#000000b3;z-index:999}.match-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--color-primary-gradient);color:#fff;padding:var(--spacing-2xl) var(--spacing-3xl);border-radius:var(--radius-xl);text-align:center;z-index:1000;animation:popIn .3s ease-out}.match-popup h2{margin:0 0 var(--spacing-sm);font-size:var(--text-3xl)}.match-popup p{margin:0 0 var(--spacing-xl);opacity:.9}.match-popup button{background:#fff;color:var(--color-primary);border:none;padding:var(--spacing-md) var(--spacing-2xl);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:500;cursor:pointer;transition:transform var(--transition-fast)}.match-popup button:hover{transform:scale(1.02)}@keyframes popIn{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.loading{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--color-text-muted)}.error-message{color:var(--color-error);text-align:center;padding:var(--spacing-xl)}@media(max-width:480px){.user-profile-page{padding:var(--spacing-md)}.profile-info{padding:var(--spacing-lg)}.profile-name-overlay h1{font-size:var(--text-2xl)}.score-circle{width:70px;height:70px}.score-value{font-size:var(--text-xl)}.action-btn{padding:var(--spacing-md) var(--spacing-lg)}}@media(hover:none)and (pointer:coarse){.gallery-nav{width:48px;height:48px}.dot{width:12px;height:12px}}.verification-required-notice{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:linear-gradient(90deg,#b45309,#d97706);color:#fff;font-size:var(--text-sm);font-weight:500;border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);width:100%}.verification-required-notice .notice-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;background:#fff3;border-radius:50%;font-weight:700;font-size:.75rem}.action-btn:disabled{opacity:.5;cursor:not-allowed}.sc-page{min-height:100vh;background-color:var(--color-bg-page);color:#ffffffde}.sc-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:var(--spacing-lg)}.sc-back-link{background:none;border:none;color:var(--color-text-muted);font-size:var(--text-sm);cursor:pointer;padding:0;margin-bottom:var(--spacing-lg);display:inline-block}.sc-back-link:hover{color:var(--color-text-secondary)}.sc-intro{max-width:600px;margin:0 auto;padding:var(--spacing-2xl) var(--spacing-xl)}.sc-intro h1{margin:0 0 var(--spacing-2xl);font-size:var(--text-3xl)}.sc-intro-content{background:var(--color-bg-card);border-radius:var(--radius-xl);padding:var(--spacing-2xl)}.sc-intro-lead{font-size:var(--text-lg);color:var(--color-text-secondary);margin:0 0 var(--spacing-2xl);line-height:1.6}.sc-intro-features{display:flex;flex-direction:column;gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl)}.sc-feature{display:flex;gap:var(--spacing-lg);align-items:flex-start}.sc-feature svg{width:24px;height:24px;flex-shrink:0;fill:var(--color-primary)}.sc-feature strong{display:block;margin-bottom:var(--spacing-xs);color:#fff}.sc-feature p{margin:0;font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.4}.sc-start-btn{width:100%;padding:var(--spacing-lg) var(--spacing-2xl);background:var(--color-primary-gradient);border:none;border-radius:var(--radius-2xl);color:#fff;font-size:var(--text-base);font-weight:600;cursor:pointer;transition:transform var(--transition-base),box-shadow var(--transition-base)}.sc-start-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.sc-existing{max-width:600px;margin:0 auto;padding:var(--spacing-2xl, 2rem) var(--spacing-xl, 1.5rem)}.sc-existing h1{margin:0 0 var(--spacing-2xl, 2rem);font-size:var(--text-3xl, 1.75rem)}.sc-existing-content{background:var(--color-bg-card, #1a1a1a);border-radius:var(--radius-xl, 16px);padding:var(--spacing-2xl, 2rem)}.sc-complete-badge{display:flex;align-items:center;gap:var(--spacing-sm, .5rem);padding:var(--spacing-md, .75rem) var(--spacing-lg, 1rem);background:var(--color-success-alt-light, rgba(110, 231, 183, .15));border-radius:var(--radius-md, 8px);color:var(--color-success-alt, #6ee7b7);width:fit-content;margin-bottom:var(--spacing-xl, 1.5rem)}.sc-complete-badge svg{width:20px;height:20px}.sc-overview-preview{background:var(--color-bg-subtle, #252525);border-radius:var(--radius-lg, 12px);padding:var(--spacing-xl, 1.5rem);margin-bottom:var(--spacing-xl, 1.5rem)}.sc-overview-preview h3{margin:0 0 var(--spacing-md, .75rem);font-size:var(--text-sm, .9rem);color:var(--color-text-muted, #888);text-transform:uppercase;letter-spacing:.05em}.sc-overview-preview p{margin:0 0 var(--spacing-md, .75rem);line-height:1.6;color:var(--color-text-secondary, #ccc)}.sc-overview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.sc-overview-header h3{margin:0}.sc-complete .sc-edit-btn{display:inline-flex;align-items:center;gap:.35rem;background:transparent;border:1px solid #444;color:#888;padding:.35rem .75rem;border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .2s}.sc-complete .sc-edit-btn:hover{background:#333;color:#ccc;border-color:#666;transform:none}.sc-complete .sc-edit-btn svg{width:14px;height:14px}.sc-overview-edit textarea{width:100%;padding:var(--spacing-lg, 1rem);background:var(--color-bg-card, #1a1a1a);border:1px solid var(--color-border-light, #444);border-radius:var(--radius-md, 8px);color:var(--color-text-primary, #fff);font-size:.95rem;line-height:1.6;resize:vertical;min-height:120px;font-family:inherit}.sc-overview-edit textarea:focus{outline:none;border-color:var(--color-primary, #ff4b6e)}.sc-overview-edit-footer{display:flex;align-items:center;gap:1rem;margin-top:.75rem;flex-wrap:wrap}.sc-char-count{font-size:.8rem;color:#666}.sc-edit-error{font-size:.8rem;color:#ff6b8a;flex:1}.sc-edit-actions{display:flex;gap:.5rem;margin-left:auto}.sc-edit-cancel{background:transparent;border:1px solid #444;color:#888;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .2s}.sc-edit-cancel:hover:not(:disabled){background:#333;color:#ccc}.sc-edit-save{background:var(--color-primary, #ff4b6e);border:none;color:#fff;padding:var(--spacing-sm, .5rem) var(--spacing-lg, 1rem);border-radius:6px;font-size:var(--text-sm, .875rem);cursor:pointer;transition:all var(--transition-base, .2s)}.sc-edit-save:hover:not(:disabled){background:var(--color-primary-hover, #ff6b8a)}.sc-edit-cancel:disabled,.sc-edit-save:disabled{opacity:.5;cursor:not-allowed}.sc-visibility-note{font-size:.8rem;color:#666}.sc-existing-actions{display:flex;gap:1rem;flex-wrap:wrap}.sc-btn{flex:1;min-width:140px;padding:.875rem 1.5rem;border:none;border-radius:24px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.sc-btn.secondary{background:var(--color-bg-elevated, #2a2a2a);color:var(--color-text-secondary, #ccc);border:1px solid var(--color-border-light, #444)}.sc-btn.secondary:hover{background:var(--color-border, #333)}.sc-btn.danger{background:transparent;color:#ff6b6b;border:1px solid #ff6b6b}.sc-btn.danger:hover{background:#ff6b6b1a}.sc-questions-container{max-width:500px;margin:0 auto;padding:2rem 1.5rem}.sc-questions-container h1{margin:0 0 .5rem;font-size:1.75rem}.sc-page-subtitle{color:#888;margin:0 0 2rem}.sc-initial-questions{background:var(--color-bg-card, #1a1a1a);border-radius:var(--radius-xl, 16px);padding:var(--spacing-xl, 1.5rem)}.sc-progress{margin-bottom:var(--spacing-xl, 1.5rem)}.sc-progress-bar{height:4px;background:var(--color-border, #333);border-radius:2px;overflow:hidden;margin-bottom:var(--spacing-sm, .5rem)}.sc-progress-fill{height:100%;background:var(--color-primary-gradient, linear-gradient(90deg, #ff4b6e, #ff6b8a));transition:width var(--transition-slow, .3s) ease}.sc-step-label{font-size:var(--text-sm, .85rem);color:var(--color-text-muted, #888)}.sc-question-step h2{margin:0 0 .5rem;font-size:1.25rem}.sc-question-subtitle{color:#888;margin:0 0 1.5rem;font-size:.9rem}.sc-options-list{display:flex;flex-direction:column;gap:.75rem}.sc-option-button{display:flex;flex-direction:column;align-items:flex-start;padding:var(--spacing-lg, 1rem) var(--spacing-lg, 1.25rem);background:var(--color-bg-subtle, #252525);border:2px solid var(--color-border, #333);border-radius:var(--radius-lg, 12px);cursor:pointer;transition:all var(--transition-base, .2s);text-align:left}.sc-option-button:hover{border-color:var(--color-text-dim, #555);background:var(--color-bg-elevated, #2a2a2a)}.sc-option-button.selected{border-color:var(--color-primary, #ff4b6e);background:var(--color-accent-light, rgba(147, 51, 234, .15))}.sc-option-label{font-weight:500;color:#fff;margin-bottom:.25rem}.sc-option-description{font-size:.85rem;color:#888}.sc-option-button.selected .sc-option-label{color:#ff6b8a}.sc-privacy-note{display:flex;gap:var(--spacing-md, .75rem);align-items:flex-start;margin-top:var(--spacing-xl, 1.5rem);padding:var(--spacing-lg, 1rem);background:var(--color-accent-light, rgba(147, 51, 234, .1));border-radius:var(--radius-md, 8px);border-left:3px solid var(--color-primary, #ff4b6e)}.sc-privacy-note svg{width:20px;height:20px;flex-shrink:0;fill:var(--color-primary, #ff4b6e)}.sc-privacy-note span{font-size:.85rem;color:#aaa;line-height:1.4}.sc-error{padding:.75rem 1rem;background:#ff6b6b33;border-radius:8px;color:#ff6b6b;margin:1rem 0}.sc-actions{display:flex;gap:1rem;margin-top:1.5rem}.sc-back-btn{padding:1rem 1.5rem;background:transparent;border:2px solid #444;border-radius:24px;color:#ccc;font-size:1rem;cursor:pointer;transition:all .2s}.sc-back-btn:hover{border-color:#666;background:#ffffff0d}.sc-next-btn{flex:1;padding:1rem 2rem;background:linear-gradient(135deg,#ff4b6e,#ff6b8a);border:none;border-radius:24px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.sc-next-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #9333ea4d}.sc-next-btn:disabled{opacity:.6;cursor:not-allowed}.sc-chat-container{display:flex;flex-direction:column;height:100vh;max-width:800px;margin:0 auto}.sc-chat-header-bar{padding:var(--spacing-lg, 1rem) var(--spacing-xl, 1.5rem);background:var(--color-bg-card, #1a1a1a);border-bottom:1px solid var(--color-border, #333);display:flex;align-items:center;gap:var(--spacing-lg, 1rem)}.sc-chat-header-bar h1{margin:0;font-size:1.25rem}.sc-chat-header-bar .sc-back-link{margin:0}.sc-chat{flex:1;display:flex;flex-direction:column;overflow:hidden}.sc-chat-header{display:flex;gap:var(--spacing-lg, 1rem);padding:var(--spacing-md, .75rem) var(--spacing-xl, 1.5rem);background:var(--color-bg-card, #1a1a1a);border-bottom:1px solid var(--color-border, #333)}.sc-privacy-badge{display:flex;align-items:center;gap:var(--spacing-sm, .5rem);padding:var(--spacing-sm, .5rem) var(--spacing-md, .75rem);background:var(--color-accent-light, rgba(147, 51, 234, .15));border-radius:var(--radius-xl, 16px);font-size:var(--text-sm, .8rem);color:#ff6b8a}.sc-privacy-badge svg{width:14px;height:14px;fill:#ff6b8a}.sc-openness-badge{padding:var(--spacing-sm, .5rem) var(--spacing-md, .75rem);background:var(--color-bg-elevated, #2a2a2a);border-radius:var(--radius-xl, 16px);font-size:var(--text-sm, .8rem);color:var(--color-text-muted, #888)}.sc-chat-messages{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.sc-chat-message{max-width:85%;padding:.875rem 1rem;border-radius:18px;line-height:1.5;word-wrap:break-word}.sc-chat-message.assistant{align-self:flex-start;background:var(--color-bg-elevated, #2a2a2a);border-bottom-left-radius:4px}.sc-chat-message.user{align-self:flex-end;background:var(--color-primary, #ff4b6e);color:#fff;border-bottom-right-radius:4px}.sc-chat-input-container{padding:var(--spacing-lg, 1rem) var(--spacing-xl, 1.5rem);background:var(--color-bg-card, #1a1a1a);border-top:1px solid var(--color-border, #333)}.sc-chat-input-form{display:flex;gap:.75rem;align-items:flex-end}.sc-chat-input{flex:1;padding:var(--spacing-md, .875rem) var(--spacing-lg, 1rem);background:var(--color-bg-elevated, #2a2a2a);border:1px solid var(--color-border-light, #444);border-radius:var(--radius-2xl, 24px);color:#fff;font-size:var(--text-base, 1rem);resize:none;max-height:120px;line-height:1.4}.sc-chat-input:focus{outline:none;border-color:var(--color-primary, #ff4b6e)}.sc-chat-input::placeholder{color:var(--color-text-dim, #666)}.sc-send-button{width:44px;height:44px;border-radius:var(--radius-full, 50%);background:var(--color-primary, #ff4b6e);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition-base, .2s),transform var(--transition-fast, .1s);flex-shrink:0}.sc-send-button:hover:not(:disabled){background:var(--color-primary-hover, #ff6b8a)}.sc-send-button:active:not(:disabled){transform:scale(.95)}.sc-send-button:disabled{background:var(--color-border-light, #444);cursor:not-allowed}.sc-send-button svg{width:20px;height:20px;fill:#fff}.sc-skip-hint{margin:.75rem 0 0;font-size:.8rem;color:#666;text-align:center}.sc-complete-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem}.sc-complete{text-align:center;max-width:500px}.sc-complete-icon{width:80px;height:80px;background:linear-gradient(135deg,#6ee7b7,#34d399);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.sc-complete-icon svg{width:40px;height:40px;fill:#fff}.sc-complete h2{margin:0 0 .5rem;font-size:1.75rem}.sc-complete-subtitle{color:#888;margin:0 0 2rem}.sc-privacy-reminder{display:flex;gap:1rem;align-items:flex-start;text-align:left;padding:1rem;background:#9333ea1a;border-radius:12px;margin-bottom:2rem}.sc-privacy-reminder svg{width:24px;height:24px;flex-shrink:0;fill:#ff4b6e}.sc-privacy-reminder strong{display:block;margin-bottom:.25rem;color:#fff}.sc-privacy-reminder p{margin:0;font-size:.9rem;color:#888;line-height:1.4}.sc-complete-actions{display:flex;flex-direction:column;gap:.75rem}.sc-complete-button{width:100%;padding:1rem 2rem;border:none;border-radius:24px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.sc-complete-button.primary{background:linear-gradient(135deg,#ff4b6e,#ff6b8a);color:#fff}.sc-complete-button.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #9333ea4d}.sc-complete-button.secondary{background:#2a2a2a;color:#ccc}.sc-complete-button.secondary:hover:not(:disabled){background:#333}.sc-complete-button:disabled{opacity:.6;cursor:not-allowed}.sc-error-banner{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);padding:.75rem 1.5rem;background:#ff6b6be6;color:#fff;border-radius:8px;display:flex;align-items:center;gap:1rem;z-index:100}.sc-error-banner button{background:none;border:none;color:#fff;font-size:1.25rem;cursor:pointer;padding:0;line-height:1}.sc-profile-section{background:var(--color-bg-card, #1a1a1a);border-radius:var(--radius-lg, 12px);padding:var(--spacing-xl, 1.5rem);margin-top:var(--spacing-lg, 1rem)}.sc-profile-section.loading{display:flex;align-items:center;justify-content:center;min-height:100px}.sc-section-header{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem}.sc-section-header h4{margin:0;font-size:1.1rem}.sc-badge{padding:var(--spacing-xs, .25rem) var(--spacing-md, .75rem);border-radius:var(--radius-lg, 12px);font-size:var(--text-xs, .75rem);text-transform:uppercase;letter-spacing:.05em}.sc-badge.optional{background:var(--color-bg-elevated, #2a2a2a);color:var(--color-text-muted, #888)}.sc-badge.in-progress{background:var(--color-warning-light, rgba(255, 217, 61, .2));color:var(--color-warning-alt, #ffd93d)}.sc-badge.completed{background:var(--color-success-alt-light, rgba(110, 231, 183, .15));color:var(--color-success-alt, #6ee7b7)}.sc-badge.matches-only{background:var(--color-accent-light, rgba(147, 51, 234, .15));color:#ff6b8a}.sc-description{color:#888;font-size:.9rem;line-height:1.5;margin:0 0 1rem}.sc-start-btn,.sc-continue-btn,.sc-edit-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#ff4b6e,#ff6b8a);border:none;border-radius:20px;color:#fff;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.sc-continue-btn,.sc-edit-btn{background:#2a2a2a;color:#ccc}.sc-start-btn:hover,.sc-continue-btn:hover,.sc-edit-btn:hover{transform:translateY(-1px)}.sc-overview{background:var(--color-bg-subtle, #252525);border-radius:var(--radius-md, 8px);padding:var(--spacing-lg, 1rem);margin-bottom:var(--spacing-lg, 1rem)}.sc-overview p{margin:0;font-size:var(--text-sm, .9rem);line-height:1.5;color:var(--color-text-secondary, #ccc)}.sc-metrics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--spacing-md, .75rem);margin-bottom:var(--spacing-lg, 1rem)}.sc-metric{background:var(--color-bg-subtle, #252525);border-radius:var(--radius-md, 8px);padding:var(--spacing-md, .75rem)}.sc-metric-label{display:block;font-size:var(--text-xs, .75rem);color:var(--color-text-dim, #666);margin-bottom:var(--spacing-xs, .25rem);text-transform:uppercase;letter-spacing:.05em}.sc-metric-value{font-size:var(--text-sm, .9rem);color:var(--color-text-secondary, #ccc)}.sc-profile-section.locked{background:linear-gradient(135deg,var(--color-accent-light, rgba(147, 51, 234, .1)),rgba(147,51,234,.05));border:1px dashed rgba(147,51,234,.3)}.sc-locked-content{text-align:center;padding:var(--spacing-lg, 1rem)}.sc-locked-content svg{width:32px;height:32px;fill:var(--color-primary, #ff4b6e);margin-bottom:var(--spacing-md, .75rem)}.sc-locked-content h4{margin:0 0 .5rem}.sc-locked-content p{margin:0;color:#888;font-size:.9rem}.sc-profile-section.empty{text-align:center;padding:1.5rem}.sc-profile-section.empty h4{margin:0 0 .5rem;color:#888}.sc-profile-section.empty p{margin:0;color:#666;font-size:.9rem}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:600px){.sc-intro,.sc-existing,.sc-questions-container{padding:1.5rem 1rem}.sc-intro-content,.sc-existing-content,.sc-initial-questions{padding:1.5rem}.sc-chat-header-bar{padding:.75rem 1rem}.sc-chat-header{padding:.5rem 1rem}.sc-chat-messages{padding:1rem}.sc-chat-input-container{padding:.75rem 1rem}.sc-chat-message{max-width:90%}.sc-metrics-grid{grid-template-columns:1fr 1fr}}.sc-metric.spiciness{grid-column:span 2}.sc-spiciness-level{font-size:1.1rem;letter-spacing:2px}.sc-spiciness-empty{opacity:.2;filter:grayscale(1)}.sc-text-section{background:var(--color-bg-subtle, #252525);border-radius:var(--radius-md, 8px);padding:var(--spacing-lg, 1rem);margin-bottom:var(--spacing-md, .75rem)}.sc-text-section.limits{border-left:3px solid var(--color-error-alt, #ff6b6b)}.sc-text-label{display:block;font-size:var(--text-xs, .75rem);color:var(--color-text-muted, #888);margin-bottom:var(--spacing-sm, .5rem);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.sc-text-section.limits .sc-text-label{color:var(--color-error-alt, #ff6b6b)}.sc-text-value{margin:0;font-size:var(--text-sm, .9rem);line-height:1.5;color:var(--color-text-secondary, #ccc)}.sc-actions-row{display:flex;gap:.75rem;margin-top:1rem}.sc-recalculate-btn{padding:var(--spacing-md, .75rem) var(--spacing-lg, 1.25rem);background:transparent;border:1px solid var(--color-primary, #ff4b6e);border-radius:20px;color:#ff6b8a;font-size:var(--text-sm, .9rem);font-weight:500;cursor:pointer;transition:all var(--transition-base, .2s)}.sc-recalculate-btn:hover:not(:disabled){background:var(--color-accent-light, rgba(147, 51, 234, .15))}.sc-recalculate-btn:disabled{opacity:.6;cursor:not-allowed}.sc-recalculate-btn.full-width{width:100%;margin-top:1rem}.match-details-accordion{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}.match-details-locked{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;margin-top:1rem;background:#ffffff08;border-radius:8px;color:#888;font-size:.9rem}.match-details-locked .lock-icon{font-size:1rem}.questions-comparison{background:#ffffff08;border-radius:12px;padding:1rem;margin-bottom:1rem}.qc-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.qc-header h3{font-size:1rem;margin:0;color:#eee}.qc-summary{font-size:.85rem}.qc-match-count{color:#6ee7b7;font-weight:500}.qc-categories{display:flex;flex-direction:column;gap:.5rem}.qc-category{border-radius:8px;overflow:hidden;background:#ffffff05}.qc-category-header{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:transparent;border:none;cursor:pointer;color:#ccc;text-align:left;transition:background .2s}.qc-category-header:hover{background:#ffffff0d}.qc-category-icon{font-size:1.1rem}.qc-category-name{flex:1;font-weight:500}.qc-category-stats{font-size:.8rem;color:#888;background:#ffffff0d;padding:.2rem .5rem;border-radius:10px}.qc-expand-icon{color:#888;font-size:1.2rem;font-weight:700}.qc-questions-list{padding:.5rem 1rem 1rem;display:flex;flex-direction:column;gap:.75rem}.qc-question{background:#ffffff08;border-radius:8px;padding:.75rem;border-left:3px solid #888}.qc-question.match{border-left-color:#22c55e}.qc-question.acceptable{border-left-color:#eab308}.qc-question.conflict{border-left-color:#ef4444}.qc-question-text{font-size:.9rem;color:#ddd;margin-bottom:.75rem}.qc-answers{display:grid;grid-template-columns:1fr auto 1fr;gap:.5rem;align-items:center}.qc-answer{display:flex;flex-direction:column;gap:.25rem}.qc-answer.user2{text-align:right}.qc-answer-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:#666}.qc-answer-text{font-size:.85rem;color:#aaa}.qc-match-indicator{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700}.qc-match-indicator.match{background:#22c55e33;color:#22c55e}.qc-match-indicator.acceptable{background:#eab30833;color:#eab308}.qc-match-indicator.conflict{background:#ef444433;color:#ef4444}.overview-section{background:#ffffff08;border-radius:12px;overflow:hidden;margin-bottom:.75rem}.overview-header{display:flex;align-items:center;gap:.75rem;width:100%;padding:1rem;background:transparent;border:none;cursor:pointer;color:#ccc;text-align:left;transition:background .2s}.overview-header:hover{background:#ffffff08}.overview-icon{font-size:1.25rem}.overview-title{flex:1;font-weight:500;font-size:1rem}.overview-expand{color:#888;font-size:1.2rem;font-weight:700}.overview-badge{font-size:.8rem;color:#6ee7b7;background:#6ee7b71a;padding:.2rem .5rem;border-radius:10px;margin-left:auto;margin-right:.5rem}.overview-badge.spiciness{background:transparent;padding:0}.overview-content{padding:0 1rem 1rem}.overview-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1rem}.overview-metric{display:flex;flex-direction:column;gap:.25rem;background:#ffffff08;padding:.5rem .75rem;border-radius:8px}.metric-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:#666}.metric-value{font-size:.9rem;color:#bbb;text-transform:capitalize}.overview-summaries{display:flex;flex-direction:column;gap:.75rem}.overview-summary-item{padding-top:.75rem;border-top:1px solid rgba(255,255,255,.05)}.overview-summary-item:first-child{padding-top:0;border-top:none}.summary-label{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#888;margin-bottom:.25rem}.summary-text{margin:0;font-size:.9rem;line-height:1.5;color:#aaa}.sc-overview-text{margin-bottom:1rem;padding:.75rem;background:linear-gradient(135deg,#ff4b6e1a,#6ee7b71a);border-radius:8px}.sc-overview-text p{margin:0;font-size:.9rem;line-height:1.5;color:#bbb}.overview-summary-item.limits .summary-label{color:#f87171}.overview-summary-item.limits .summary-text{color:#fca5a5}.overview-section.ai-simulation .overview-header{background:linear-gradient(135deg,#646cff1a,#9333ea1a)}.overview-badge.not-run{background:#ffffff1a;color:#888;font-size:.75rem}.overview-badge.loading{background:transparent;color:#888}.ai-sim-not-run{display:flex;flex-direction:column;gap:1rem}.ai-sim-prompt{display:flex;gap:.75rem;padding:.75rem;background:#9333ea1a;border-radius:8px}.ai-sim-prompt .prompt-icon{font-size:1.5rem}.ai-sim-prompt .prompt-text p{margin:0;font-size:.9rem;line-height:1.4;color:#aaa}.ai-sim-prompt .prompt-text p:first-child{color:#ccc;margin-bottom:.25rem}.ai-sim-summary{display:flex;flex-direction:column;gap:.75rem}.ai-sim-score-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:linear-gradient(135deg,#646cff1a,#9333ea1a);border-radius:8px}.ai-sim-score{display:flex;flex-direction:column}.ai-sim-score .score-value{font-size:1.5rem;font-weight:700;color:#a78bfa}.ai-sim-score .score-label{font-size:.8rem;color:#888}.ai-sim-emoji-indicator{font-size:.8rem;letter-spacing:-.05em}.ai-sim-text{margin:0;font-size:.9rem;line-height:1.5;color:#aaa}.ai-sim-highlights{display:flex;gap:.5rem;font-size:.85rem;padding:.5rem 0;border-top:1px solid rgba(255,255,255,.05)}.ai-sim-highlights .highlights-label{color:#6ee7b7;white-space:nowrap}.ai-sim-highlights.challenges .highlights-label{color:#fbbf24}.ai-sim-highlights .highlights-text{color:#888}.ai-sim-launch-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem 1rem;background:linear-gradient(135deg,#646cff33,#9333ea33);border:1px solid rgba(147,51,234,.3);border-radius:8px;color:#a78bfa;font-weight:500;font-size:.95rem;cursor:pointer;transition:all .2s}.ai-sim-launch-btn:hover{background:linear-gradient(135deg,#646cff4d,#9333ea4d);border-color:#9333ea80}.ai-sim-launch-btn.secondary{background:#ffffff0d;border-color:#ffffff1a;color:#888}.ai-sim-launch-btn.secondary:hover{background:#ffffff1a;color:#aaa}.overview-badge.score-emoji{background:transparent;padding:0;font-size:.7rem;letter-spacing:-.05em;color:#ccc}.ai-sim-no-summary{display:flex;flex-direction:column;gap:.75rem}.sim-summary-inline{display:flex;flex-direction:column;gap:1rem}.sim-summary-inline .sim-summary-score{display:flex;align-items:center;gap:1rem;padding:1rem;background:linear-gradient(135deg,#646cff1a,#9333ea1a);border-radius:12px}.sim-summary-inline .sim-score-circle{width:60px;height:60px;border-radius:50%;background:#0000004d;border:3px solid var(--score-color, #646cff);display:flex;align-items:center;justify-content:center;flex-shrink:0}.sim-summary-inline .sim-score-value{font-size:1.2rem;font-weight:700;color:var(--score-color, #646cff)}.sim-summary-inline .sim-score-info{display:flex;flex-direction:column;gap:.25rem}.sim-summary-inline .sim-score-label{font-size:1rem;font-weight:600}.sim-summary-inline .sim-score-subtitle{font-size:.8rem;color:#888}.sim-summary-inline .sim-summary-text{background:#ffffff08;padding:.75rem;border-radius:8px}.sim-summary-inline .sim-summary-text p{margin:0;line-height:1.5;color:#aaa;font-size:.9rem}.sim-summary-inline .sim-summary-stats{display:flex;gap:.75rem;justify-content:center}.sim-summary-inline .sim-stat{text-align:center;padding:.5rem 1rem;background:#ffffff08;border-radius:8px;flex:1}.sim-summary-inline .sim-stat-value{display:block;font-size:1.25rem;font-weight:700;color:#fff}.sim-summary-inline .sim-stat-label{font-size:.7rem;color:#888}.sim-summary-inline .sim-summary-section{background:#ffffff08;padding:.75rem;border-radius:8px}.sim-summary-inline .sim-summary-section h4{margin:0 0 .5rem;font-size:.9rem;color:#ccc}.sim-summary-inline .sim-summary-section ul{margin:0;padding-left:1.25rem}.sim-summary-inline .sim-summary-section li{margin-bottom:.35rem;color:#aaa;line-height:1.4;font-size:.85rem}.sim-summary-inline .sim-summary-section li strong{color:#ccc}.sim-summary-inline .sim-highlight-quote{margin:.5rem 0;padding:.5rem .75rem;background:#9333ea1a;border-left:3px solid #9333ea;border-radius:0 8px 8px 0}.sim-summary-inline .sim-highlight-quote p{margin:0 0 .25rem;font-style:italic;color:#bbb;font-size:.85rem}.sim-summary-inline .sim-highlight-quote cite{font-size:.75rem;color:#888;font-style:normal}.sim-summary-inline .sim-topic-tags{display:flex;flex-wrap:wrap;gap:.5rem}.sim-summary-inline .sim-topic-tag{padding:.25rem .5rem;background:#646cff33;border-radius:12px;font-size:.8rem;color:#a5b4fc}.link-request-message{background:linear-gradient(135deg,#ff4b6e26,#9333ea26);border:1px solid rgba(255,75,110,.3);border-radius:12px;padding:1rem;margin:.5rem 0;max-width:300px}.link-request-message.sent{margin-left:auto;background:linear-gradient(135deg,#646cff33,#9333ea33);border-color:#646cff4d}.link-request-content{display:flex;gap:.75rem;align-items:flex-start}.link-request-icon{font-size:1.5rem}.link-request-text{flex:1}.link-request-title{font-weight:600;margin:0 0 .25rem;color:#fff}.link-request-type{margin:0;color:#ccc;font-size:.9rem}.link-request-role{color:#a78bfa}.link-request-status{margin:.5rem 0 0;font-size:.85rem;font-weight:500}.link-request-status.accepted{color:#22c55e}.link-request-status.declined{color:#ef4444}.link-request-actions{display:flex;gap:.5rem;margin-top:.75rem}.link-request-btn{flex:1;padding:.5rem;border:none;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.link-request-btn.accept{background:#22c55e;color:#fff}.link-request-btn.accept:hover:not(:disabled){background:#16a34a}.link-request-btn.decline{background:#333;color:#ccc}.link-request-btn.decline:hover:not(:disabled){background:#444}.link-request-btn:disabled{opacity:.5;cursor:not-allowed}.link-request-btn:focus-visible{outline:2px solid #fff;outline-offset:2px}.link-request-role-select{margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.1)}.link-request-role-select p{margin:0 0 .5rem;font-size:.85rem;color:#aaa}.role-options{display:flex;gap:.5rem;margin-bottom:.5rem}.role-option{flex:1;padding:.5rem;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:transparent;color:#ccc;cursor:pointer;transition:all .2s}.role-option:hover{border-color:#a78bfa}.role-option.selected{background:#a78bfa33;border-color:#a78bfa;color:#a78bfa}.role-option:focus-visible{outline:2px solid #a78bfa;outline-offset:2px}.visibility-select{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.visibility-select label{font-size:.85rem;color:#aaa}.visibility-select select{flex:1;padding:.35rem;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:#1a1a1a;color:#ccc;font-size:.85rem}.relationships-section{margin-top:1.5rem;padding:1rem;background:#1a1a1a;border-radius:12px}.relationships-section h3{font-size:.9rem;color:#888;text-transform:uppercase;letter-spacing:.05em;margin:0 0 1rem}.relationships-list,.external-relationships-list{display:flex;flex-direction:column;gap:.75rem}.relationship-card{background:#252525;border-radius:10px;overflow:hidden;transition:background .2s}.relationship-card:hover{background:#2a2a2a}.relationship-card.external{border:1px dashed rgba(255,255,255,.15)}.relationship-partner{display:flex;align-items:center;gap:.75rem;padding:.75rem;text-decoration:none;color:inherit}.relationship-avatar{width:44px;height:44px;border-radius:50%;overflow:hidden;flex-shrink:0}.relationship-avatar img{width:100%;height:100%;object-fit:cover}.relationship-avatar .avatar-placeholder,.relationship-avatar.external{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ff4b6e,#a78bfa);color:#fff;font-weight:600;font-size:1.1rem}.relationship-avatar.external{background:linear-gradient(135deg,#6b7280,#4b5563)}.relationship-info{flex:1;display:flex;flex-direction:column;gap:.2rem}.partner-name{font-weight:500;color:#fff;display:flex;align-items:center;gap:.5rem}.external-badge{font-size:.7rem;padding:.15rem .4rem;background:#6b72804d;border-radius:4px;color:#9ca3af}.relationship-type{font-size:.85rem;color:#888;display:flex;align-items:center;gap:.4rem}.role-badge{font-size:.75rem;padding:.1rem .4rem;background:#a78bfa33;border-radius:4px;color:#a78bfa;margin-left:.25rem}.link-profile-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:500px;max-height:85vh;background:#1a1a1a;border-radius:16px;z-index:1000;display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #333}.modal-header h2{margin:0;font-size:1.1rem}.close-btn{background:none;border:none;font-size:1.5rem;color:#888;cursor:pointer;padding:0;line-height:1}.close-btn:hover{color:#fff}.close-btn:focus-visible{outline:2px solid #ff4b6e;outline-offset:2px}.modal-content{flex:1;overflow-y:auto;padding:1rem 1.25rem}.modal-footer{display:flex;gap:.75rem;padding:1rem 1.25rem;border-top:1px solid #333}.modal-footer .btn{flex:1}.category-tabs{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.5rem;margin-bottom:1rem}.category-tab{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem .75rem;border:1px solid #333;border-radius:10px;background:transparent;color:#888;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0}.category-tab:hover{border-color:#555;color:#ccc}.category-tab.active{background:#ff4b6e1a;border-color:#ff4b6e;color:#ff6b8e}.category-tab:focus-visible{outline:2px solid #ff4b6e;outline-offset:2px}.category-icon{font-size:1.2rem}.category-name{font-size:.75rem}.type-selection h3,.role-selection h3{font-size:.85rem;color:#888;margin:0 0 .75rem}.type-list{display:flex;flex-direction:column;gap:.5rem}.type-option{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border:1px solid #333;border-radius:10px;background:transparent;color:#ccc;cursor:pointer;transition:all .2s;text-align:left}.type-option:hover{border-color:#555;background:#ffffff08}.type-option.selected{background:#ff4b6e1a;border-color:#ff4b6e;color:#fff}.type-option:focus-visible{outline:2px solid #ff4b6e;outline-offset:2px}.type-name{font-weight:500}.directional-badge{font-size:.7rem;padding:.2rem .5rem;background:#a78bfa33;border-radius:4px;color:#a78bfa}.role-selection{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid #333}.role-selection .role-options{display:flex;gap:.75rem}.role-selection .role-option{flex:1;padding:.75rem;font-size:.95rem}.relationships-manager{padding:1rem}.relationships-manager.loading{text-align:center;color:#888;padding:2rem}.requests-section,.links-section{margin-bottom:2rem}.requests-section h3,.links-section h3{font-size:1rem;margin:0 0 1rem;color:#fff}.empty-message{color:#666;font-size:.9rem;text-align:center;padding:1rem}.requests-list,.links-list{display:flex;flex-direction:column;gap:.75rem}.request-card,.link-card{background:#1a1a1a;border-radius:12px;padding:1rem}.request-info,.link-partner{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:inherit}.request-avatar,.link-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;flex-shrink:0}.request-avatar img,.link-avatar img{width:100%;height:100%;object-fit:cover}.request-avatar .avatar-placeholder,.link-avatar .avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ff4b6e,#a78bfa);color:#fff;font-weight:600}.request-details,.link-info{flex:1;display:flex;flex-direction:column;gap:.2rem}.requester-name{font-weight:600;color:#fff}.request-type{font-size:.85rem;color:#888}.role-info{color:#a78bfa}.request-actions{display:flex;gap:.5rem;margin-top:.75rem}.link-card{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem}.link-controls{display:flex;align-items:center;gap:.5rem}.link-controls select{padding:.4rem .5rem;border:1px solid #333;border-radius:6px;background:#252525;color:#ccc;font-size:.85rem}.remove-btn{width:36px;height:36px;border:1px solid #333;border-radius:8px;background:transparent;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;font-size:1rem;filter:grayscale(1) opacity(.5)}.remove-btn:hover:not(:disabled){background:#ef444426;border-color:#ef444466;filter:grayscale(0) opacity(1)}.remove-btn:active:not(:disabled){transform:scale(.95)}.remove-btn:focus-visible{outline:2px solid #ef4444;outline-offset:2px}.role-select-panel{margin-top:.75rem;padding-top:.75rem;border-top:1px solid #333}.role-select-panel p{margin:0 0 .5rem;font-size:.85rem;color:#888}.role-buttons{display:flex;gap:.5rem;margin-bottom:.75rem}.role-btn{flex:1;padding:.5rem;border:1px solid #333;border-radius:8px;background:transparent;color:#ccc;cursor:pointer;transition:all .2s}.role-btn:hover{border-color:#a78bfa}.role-btn.selected{background:#a78bfa33;border-color:#a78bfa;color:#a78bfa}.role-btn:focus-visible{outline:2px solid #a78bfa;outline-offset:2px}.visibility-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.visibility-row label{font-size:.85rem;color:#888}.visibility-row select{flex:1;padding:.35rem;border:1px solid #333;border-radius:6px;background:#252525;color:#ccc;font-size:.85rem}.role-actions{display:flex;gap:.5rem}.external-relationships-editor{padding:1rem}.section-header{margin-bottom:1rem}.section-header h3{margin:0 0 .25rem}.section-subtitle{margin:0;font-size:.85rem;color:#888}.external-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.external-card{display:flex;justify-content:space-between;align-items:center;background:#1a1a1a;border-radius:12px;padding:1rem}.external-info{display:flex;align-items:center;gap:.75rem}.external-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#6b7280,#4b5563);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;flex-shrink:0}.external-details{display:flex;flex-direction:column;gap:.15rem}.external-name{font-weight:500;color:#fff}.external-type{font-size:.85rem;color:#888}.external-visibility{font-size:.75rem;color:#666}.external-actions{display:flex;gap:.5rem}.edit-btn,.delete-btn{padding:.35rem .75rem;border:none;border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .2s}.edit-btn{background:#333;color:#ccc}.edit-btn:hover{background:#444}.delete-btn{background:#ef444426;color:#ef4444}.delete-btn:hover{background:#ef444440}.add-external-btn{width:100%;padding:.75rem;border:2px dashed #333;border-radius:12px;background:transparent;color:#888;font-size:.9rem;cursor:pointer;transition:all .2s}.add-external-btn:hover{border-color:#555;color:#ccc}.add-external-btn:focus-visible{outline:2px solid #ff4b6e;outline-offset:2px}.external-form{background:#1a1a1a;border-radius:12px;padding:1rem}.external-form .form-group{margin-bottom:1rem}.external-form label{display:block;font-size:.85rem;color:#888;margin-bottom:.35rem}.external-form input,.external-form select,.external-form textarea{width:100%;padding:.5rem .75rem;border:1px solid #333;border-radius:8px;background:#252525;color:#fff;font-size:.9rem}.external-form input:focus,.external-form select:focus,.external-form textarea:focus{outline:none;border-color:#ff4b6e}.external-form textarea{resize:vertical}.form-actions{display:flex;gap:.5rem;margin-top:1rem}.btn{padding:.6rem 1rem;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary{background:#ff4b6e;color:#fff}.btn-primary:hover:not(:disabled){background:#e6435f}.btn-secondary{background:#333;color:#ccc}.btn-secondary:hover:not(:disabled){background:#444}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible{outline:2px solid #ff4b6e;outline-offset:2px}.profile-preview-tab{max-width:600px;margin:0 auto}.preview-header{text-align:center;margin-bottom:var(--spacing-xl)}.preview-header h2{margin:0 0 var(--spacing-xs);font-size:var(--text-2xl)}.preview-subtitle{color:var(--color-text-muted);margin:0 0 var(--spacing-lg)}.view-toggle{display:flex;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.toggle-btn{padding:var(--spacing-sm) var(--spacing-xl);border:2px solid var(--color-border);border-radius:20px;background:transparent;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-base);font-size:var(--text-sm);font-weight:500;min-height:44px}.toggle-btn:hover{border-color:var(--color-border-light);color:var(--color-text-secondary)}.toggle-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.view-description{font-size:var(--text-sm);color:var(--color-text-dim);margin:0}.preview-container{border:2px dashed rgba(255,75,110,.3);border-radius:var(--radius-lg);overflow:hidden;position:relative;background:repeating-linear-gradient(-45deg,transparent,transparent 10px,rgba(255,75,110,.02) 10px,rgba(255,75,110,.02) 20px)}.preview-badge{position:sticky;top:0;z-index:100;background:linear-gradient(135deg,#ff4b6ef2,#9333eaf2);color:#fff;text-align:center;padding:var(--spacing-md);font-size:var(--text-sm);font-weight:500;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.preview-icon{font-size:var(--text-lg)}.simulated-badge{font-size:var(--text-xs);padding:var(--spacing-xs) var(--spacing-sm);background:#00000040;border-radius:var(--radius-lg);margin-left:var(--spacing-sm);text-transform:uppercase;letter-spacing:.05em}.preview-mode .back-link,.preview-mode .profile-actions,.preview-mode .profile-actions-sticky{display:none!important}.preview-mode .user-profile-page{padding-top:var(--spacing-sm)}.preview-container .profile-card.is-match{box-shadow:0 0 40px #ff4b6e33}.locked-content{background:#ffffff08;border:1px dashed rgba(255,255,255,.15);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;color:var(--color-text-muted)}.locked-content .lock-icon{font-size:var(--text-2xl);margin-bottom:var(--spacing-sm);display:block;opacity:.5}.locked-content p{margin:0;font-size:var(--text-sm)}.simulated-score-notice{background:var(--color-primary-light);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);margin-top:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--text-sm);color:var(--color-primary)}.simulated-score-notice .info-icon{width:18px;height:18px;border-radius:var(--radius-full);background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:700;flex-shrink:0}.match-details-preview-note{background:#ffffff08;border:1px dashed rgba(255,255,255,.15);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-top:var(--spacing-md);text-align:center}.match-details-preview-note p{margin:0;color:var(--color-text-muted);font-size:var(--text-sm)}.sample-data-banner{background:linear-gradient(90deg,#ff4b6e1a,#9333ea1a,#ff4b6e1a);border-bottom:1px solid rgba(255,75,110,.2);padding:var(--spacing-sm) var(--spacing-lg);text-align:center;font-size:var(--text-xs);color:var(--color-primary);text-transform:uppercase;letter-spacing:.1em;font-weight:500}.preview-type-indicator{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-lg);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.preview-type-indicator.match-view{background:#22c55e26;color:var(--color-success);border:1px solid rgba(34,197,94,.3)}.preview-type-indicator.public-view{background:#ffffff1a;color:var(--color-text-muted);border:1px solid var(--color-border)}@keyframes lockedPulse{0%,to{border-color:#ffffff26}50%{border-color:#ff4b6e4d}}.locked-content{animation:lockedPulse 3s ease-in-out infinite}@media(max-width:480px){.preview-badge{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--text-xs)}.preview-icon{font-size:var(--text-base)}.simulated-badge{font-size:.65rem;padding:2px var(--spacing-xs)}.view-toggle{flex-direction:column;align-items:stretch}.toggle-btn{width:100%}}.settings-tab{max-width:800px}.settings-section h2{font-size:var(--text-lg, 1.1rem);margin:0 0 var(--spacing-sm, .5rem);color:var(--color-text-muted, #888);text-transform:uppercase;letter-spacing:.05em}.account-info{display:flex;flex-direction:column;gap:var(--spacing-md, .75rem)}.account-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg, 1rem);background:var(--color-bg-subtle, #252525);border-radius:var(--radius-md, 8px)}.account-label{color:var(--color-text-muted, #888)}.account-value{font-weight:500;color:var(--color-text-primary, #fff)}.toggle-list{display:flex;flex-direction:column;gap:var(--spacing-md, .75rem)}.toggle-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg, 1rem);background:var(--color-bg-subtle, #252525);border-radius:var(--radius-md, 8px);cursor:pointer;min-height:44px}.toggle-row:hover{background:var(--color-bg-elevated, #2a2a2a)}.toggle-info{display:flex;flex-direction:column;gap:var(--spacing-xs, .25rem)}.toggle-label{font-weight:500;color:var(--color-text-primary, #fff)}.toggle-description{font-size:var(--text-sm, .875rem);color:var(--color-text-muted, #888)}.toggle-switch{position:relative;width:50px;height:28px;background:var(--color-border-light, #444);border:none;border-radius:14px;cursor:pointer;transition:background var(--transition-base, .2s);flex-shrink:0}.toggle-switch.on{background:var(--color-primary, #ff4b6e)}.toggle-slider{position:absolute;top:3px;left:3px;width:22px;height:22px;background:var(--color-text-primary, #fff);border-radius:var(--radius-full, 50%);transition:transform var(--transition-base, .2s)}.toggle-switch.on .toggle-slider{transform:translate(22px)}.token-balance-display{background:linear-gradient(135deg,var(--color-accent-light, rgba(147, 51, 234, .15)),var(--color-primary-light, rgba(255, 75, 110, .1)));border-radius:var(--radius-lg, 12px);padding:var(--spacing-xl, 1.5rem);margin-bottom:var(--spacing-xl, 1.5rem)}.token-balance-main{text-align:center;margin-bottom:var(--spacing-xl, 1.5rem)}.token-balance-label{display:block;font-size:var(--text-sm, .85rem);color:var(--color-text-muted, #888);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-sm, .5rem)}.token-balance-value{font-size:var(--text-3xl, 3rem);font-weight:700;color:var(--color-text-primary, #fff);background:linear-gradient(135deg,var(--color-accent, #9333ea),var(--color-primary, #ff4b6e));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.token-usage-summary{display:flex;justify-content:center;gap:var(--spacing-3xl, 3rem)}.token-stat{text-align:center}.token-stat-value{display:block;font-size:var(--text-2xl, 1.5rem);font-weight:600;color:var(--color-text-primary, #fff)}.token-stat-label{font-size:var(--text-sm, .8rem);color:var(--color-text-muted, #888)}.token-breakdown h3{font-size:var(--text-sm, .9rem);color:var(--color-text-muted, #888);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-lg, 1rem)}.token-feature-list{display:flex;flex-direction:column;gap:var(--spacing-sm, .5rem)}.token-feature-row{display:flex;justify-content:space-between;padding:var(--spacing-md, .75rem) var(--spacing-lg, 1rem);background:var(--color-bg-subtle, #252525);border-radius:6px}.feature-name{color:var(--color-text-secondary, #ccc)}.feature-tokens{font-weight:500;color:var(--color-text-primary, #fff)}@media(max-width:500px){.token-balance-value{font-size:var(--text-2xl, 2.5rem)}.token-usage-summary{gap:var(--spacing-2xl, 2rem)}}.referrals-page{max-width:900px;margin:0 auto;padding:var(--spacing-xl)}.referrals-tab{max-width:100%}.referrals-tab .profile-section{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-lg)}.referrals-tab .profile-section h2{font-size:var(--text-xl);font-weight:700;color:var(--color-text-primary);margin:0 0 var(--spacing-sm) 0}.referrals-tab .profile-section h3{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--spacing-md) 0}.referrals-tab .section-subtitle{color:var(--color-text-secondary);font-size:var(--text-base);margin:0}.referrals-tab .referral-code-section{display:flex;flex-direction:column;gap:var(--spacing-lg)}.referrals-tab .code-section label,.referrals-tab .link-section label{display:block;font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted);margin-bottom:var(--spacing-sm)}.referrals-tab .code-display{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.referrals-tab .code-display .code{font-size:1.75rem;font-weight:700;letter-spacing:4px;color:var(--color-primary);font-family:monospace;background:var(--color-bg-elevated);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);border:1px solid var(--color-border)}.referrals-tab .link-display{display:flex;gap:var(--spacing-md)}.referrals-tab .link-display input{flex:1;padding:var(--spacing-md) var(--spacing-lg);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-primary);background:var(--color-bg-elevated)}.referrals-tab .copy-button{padding:var(--spacing-md) var(--spacing-lg);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:background var(--transition-base);white-space:nowrap}.referrals-tab .copy-button:hover{background:var(--color-primary-hover)}.referrals-tab .copy-button.copied{background:var(--color-success)}.referrals-tab .invite-form-section textarea{width:100%;padding:var(--spacing-md) var(--spacing-lg);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);resize:vertical;margin-bottom:var(--spacing-md);font-family:inherit;background:var(--color-bg-elevated);color:var(--color-text-primary)}.referrals-tab .invite-form-section textarea::placeholder{color:var(--color-text-muted)}.referrals-tab .send-invites-button{width:100%;padding:var(--spacing-md);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:background var(--transition-base)}.referrals-tab .send-invites-button:hover:not(:disabled){background:var(--color-primary-hover)}.referrals-tab .send-invites-button:disabled{opacity:.6;cursor:not-allowed}.referrals-tab .invite-results{margin-top:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-sm)}.referrals-tab .invite-result{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-elevated);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-text-secondary)}.referrals-tab .invite-result.sent{background:var(--color-success-light);color:var(--color-success-alt)}.referrals-tab .invite-result.duplicate,.referrals-tab .invite-result.existing_user{background:var(--color-warning-light);color:var(--color-warning)}.referrals-tab .invite-result.error{background:var(--color-error-light);color:var(--color-error-alt)}.referrals-tab .invite-result .email{font-weight:500}.referrals-tab .stats-section .stats-grid{margin-bottom:0}.referrals-tab .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md)}@media(max-width:640px){.referrals-tab .stats-grid{grid-template-columns:repeat(2,1fr)}}.referrals-tab .stat-card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);text-align:center}.referrals-tab .stat-card.highlight{background:var(--color-primary-gradient);border:none}.referrals-tab .stat-card.highlight .stat-value,.referrals-tab .stat-card.highlight .stat-label{color:#fff}.referrals-tab .stat-value{font-size:var(--text-xl);font-weight:700;color:var(--color-text-primary)}.referrals-tab .stat-label{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--spacing-xs)}.referrals-tab .milestone-section{text-align:center}.referrals-tab .milestone-bar{height:10px;background:var(--color-bg-elevated);border-radius:var(--radius-sm);overflow:hidden;margin-bottom:var(--spacing-md)}.referrals-tab .milestone-progress{height:100%;background:var(--color-primary-gradient);border-radius:var(--radius-sm);transition:width var(--transition-slow) ease}.referrals-tab .milestone-text{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.referrals-tab .milestone-section.achieved{background:linear-gradient(135deg,#10b981,#34d399);border:none}.referrals-tab .milestone-section.achieved h3,.referrals-tab .milestone-section.achieved p{color:#fff;margin:0}.referrals-tab .invites-section .empty-invites{text-align:center;padding:var(--spacing-2xl) var(--spacing-lg);color:var(--color-text-muted)}.referrals-tab .invites-table-wrapper{overflow-x:auto;margin:0 calc(-1 * var(--spacing-xl));padding:0 var(--spacing-xl)}.referrals-tab .invites-table{width:100%;border-collapse:collapse}.referrals-tab .invites-table th,.referrals-tab .invites-table td{padding:var(--spacing-sm) var(--spacing-md);text-align:left;border-bottom:1px solid var(--color-border)}.referrals-tab .invites-table th{font-weight:600;font-size:var(--text-xs);color:var(--color-text-muted);background:var(--color-bg-elevated);white-space:nowrap}.referrals-tab .invites-table td{font-size:var(--text-sm);color:var(--color-text-primary)}.referrals-tab .email-cell{word-break:break-word;max-width:200px}.referrals-tab .invitee-name{display:block;font-size:var(--text-xs);color:var(--color-text-muted);margin-top:2px}.referrals-tab .status-badge{display:inline-block;padding:3px 8px;border-radius:var(--radius-2xl);font-size:var(--text-xs);font-weight:500}.referrals-tab .badge-pending{background:var(--color-warning-light);color:var(--color-warning)}.referrals-tab .badge-signed-up{background:#3b82f633;color:#60a5fa}.referrals-tab .badge-completed{background:var(--color-success-light);color:var(--color-success-alt)}.referrals-tab .badge-existing{background:var(--color-bg-elevated);color:var(--color-text-muted)}.referrals-tab .badge-expired{background:var(--color-error-light);color:var(--color-error-alt)}.referrals-tab .reminder-button{padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-xs);cursor:pointer;color:var(--color-text-secondary);transition:all var(--transition-base);white-space:nowrap}.referrals-tab .reminder-button:hover:not(:disabled){background:var(--color-border);color:var(--color-text-primary)}.referrals-tab .reminder-button:disabled{opacity:.5;cursor:not-allowed}.referrals-tab .tokens-earned{color:var(--color-success);font-weight:600;font-size:var(--text-sm)}.referrals-tab .error-message{background:var(--color-error-light);border:1px solid var(--color-error);color:var(--color-error-alt);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);display:flex;justify-content:space-between;align-items:center}.referrals-tab .close-error{background:none;border:none;font-size:18px;cursor:pointer;color:var(--color-error-alt);padding:0;line-height:1}.referrals-header{text-align:center;margin-bottom:var(--spacing-2xl)}.referrals-header h1{font-size:var(--text-2xl);font-weight:700;color:var(--color-text-primary);margin:0 0 var(--spacing-sm) 0}.referrals-header p{color:var(--color-text-secondary);font-size:var(--text-base);margin:0}.referrals-page .error-message{background:var(--color-error-light);border:1px solid var(--color-error);color:var(--color-error-alt);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);margin-bottom:var(--spacing-xl);display:flex;justify-content:space-between;align-items:center}.referrals-page .close-error{background:none;border:none;font-size:20px;cursor:pointer;color:var(--color-error-alt);padding:0;line-height:1}.referral-code-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.code-section,.link-section{margin-bottom:var(--spacing-lg)}.code-section:last-child,.link-section:last-child{margin-bottom:0}.referral-code-card label{display:block;font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted);margin-bottom:var(--spacing-sm)}.code-display{display:flex;align-items:center;gap:var(--spacing-md)}.code-display .code{font-size:2rem;font-weight:700;letter-spacing:4px;color:var(--color-primary);font-family:monospace;background:var(--color-bg-elevated);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);border:1px solid var(--color-border)}.link-display{display:flex;gap:var(--spacing-md)}.link-display input{flex:1;padding:var(--spacing-md) var(--spacing-lg);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-primary);background:var(--color-bg-elevated)}.copy-button{padding:var(--spacing-md) var(--spacing-xl);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:background var(--transition-base);white-space:nowrap}.copy-button:hover{background:var(--color-primary-hover)}.copy-button.copied{background:var(--color-success)}.invite-form-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.invite-form-card h3{font-size:var(--text-lg);font-weight:600;margin:0 0 var(--spacing-lg) 0;color:var(--color-text-primary)}.invite-form-card textarea{width:100%;padding:var(--spacing-md) var(--spacing-lg);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);resize:vertical;margin-bottom:var(--spacing-md);font-family:inherit;background:var(--color-bg-elevated);color:var(--color-text-primary)}.invite-form-card textarea::placeholder{color:var(--color-text-muted)}.send-invites-button{width:100%;padding:var(--spacing-md);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:background var(--transition-base)}.send-invites-button:hover:not(:disabled){background:var(--color-primary-hover)}.send-invites-button:disabled{opacity:.6;cursor:not-allowed}.invite-results{margin-top:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-sm)}.invite-result{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-elevated);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-text-secondary)}.invite-result.sent{background:var(--color-success-light);color:var(--color-success-alt)}.invite-result.duplicate,.invite-result.existing_user{background:var(--color-warning-light);color:var(--color-warning)}.invite-result.error{background:var(--color-error-light);color:var(--color-error-alt)}.invite-result .email{font-weight:500}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}@media(max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.stat-card.highlight{background:var(--color-primary-gradient);border:none}.stat-card.highlight .stat-value,.stat-card.highlight .stat-label{color:#fff}.stat-value{font-size:var(--text-2xl);font-weight:700;color:var(--color-text-primary)}.stat-label{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--spacing-xs)}.milestone-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);text-align:center}.milestone-card h3{font-size:var(--text-base);font-weight:600;margin:0 0 var(--spacing-lg) 0;color:var(--color-text-primary)}.milestone-bar{height:12px;background:var(--color-bg-elevated);border-radius:var(--radius-sm);overflow:hidden;margin-bottom:var(--spacing-md)}.milestone-progress{height:100%;background:var(--color-primary-gradient);border-radius:var(--radius-sm);transition:width var(--transition-slow) ease}.milestone-text{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.milestone-card.achieved{background:linear-gradient(135deg,#10b981,#34d399);border:none}.milestone-card.achieved h3,.milestone-card.achieved p{color:#fff}.invites-section{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.invites-section h3{font-size:var(--text-lg);font-weight:600;margin:0 0 var(--spacing-lg) 0;color:var(--color-text-primary)}.empty-invites{text-align:center;padding:var(--spacing-3xl) var(--spacing-lg);color:var(--color-text-muted)}.invites-table-wrapper{overflow-x:auto}.invites-table{width:100%;border-collapse:collapse}.invites-table th,.invites-table td{padding:var(--spacing-md) var(--spacing-lg);text-align:left;border-bottom:1px solid var(--color-border)}.invites-table th{font-weight:600;font-size:var(--text-sm);color:var(--color-text-muted);background:var(--color-bg-elevated)}.invites-table td{font-size:var(--text-sm);color:var(--color-text-primary)}.email-cell{word-break:break-word}.invitee-name{display:block;font-size:var(--text-xs);color:var(--color-text-muted);margin-top:2px}.status-badge{display:inline-block;padding:4px 10px;border-radius:var(--radius-2xl);font-size:var(--text-xs);font-weight:500}.badge-pending{background:var(--color-warning-light);color:var(--color-warning)}.badge-signed-up{background:#3b82f633;color:#60a5fa}.badge-completed{background:var(--color-success-light);color:var(--color-success-alt)}.badge-existing{background:var(--color-bg-elevated);color:var(--color-text-muted)}.badge-expired{background:var(--color-error-light);color:var(--color-error-alt)}.reminder-button{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-xs);cursor:pointer;color:var(--color-text-secondary);transition:all var(--transition-base)}.reminder-button:hover:not(:disabled){background:var(--color-border);color:var(--color-text-primary)}.reminder-button:disabled{opacity:.5;cursor:not-allowed}.tokens-earned{color:var(--color-success);font-weight:600;font-size:var(--text-sm)}.admin-referrals-page{padding:var(--spacing-xl)}.admin-referrals-page .admin-header h1{font-size:var(--text-xl);font-weight:700;margin:0 0 var(--spacing-xl) 0;color:var(--color-text-primary)}.admin-stats-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}@media(max-width:1024px){.admin-stats-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){.admin-stats-grid{grid-template-columns:repeat(2,1fr)}}.admin-stat-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:center}.admin-stat-card.highlight{background:var(--color-primary-gradient);border:none}.admin-stat-card.highlight .stat-value,.admin-stat-card.highlight .stat-label{color:#fff}.admin-section{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.admin-section h2{font-size:var(--text-lg);font-weight:600;margin:0 0 var(--spacing-lg) 0;color:var(--color-text-primary)}.no-data{text-align:center;padding:var(--spacing-2xl);color:var(--color-text-muted)}.table-wrapper{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:var(--spacing-md) var(--spacing-lg);text-align:left;border-bottom:1px solid var(--color-border)}.admin-table th{font-weight:600;font-size:var(--text-xs);color:var(--color-text-muted);background:var(--color-bg-elevated);white-space:nowrap}.admin-table td{font-size:var(--text-sm);color:var(--color-text-primary)}.rank-cell{font-weight:600;color:var(--color-primary)}.tokens-cell{font-weight:600;color:var(--color-success)}.email-sub{display:block;font-size:var(--text-xs);color:var(--color-text-muted);margin-top:2px}.filters-bar{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.search-form{display:flex;gap:var(--spacing-sm);flex:1;min-width:200px}.search-form input{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);background:var(--color-bg-elevated);color:var(--color-text-primary)}.search-form button{padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-weight:500;cursor:pointer}.filters-bar select{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);background:var(--color-bg-elevated);color:var(--color-text-primary);min-width:150px}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg) 0;margin-top:var(--spacing-lg)}.pagination button{padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-sm);color:var(--color-text-secondary)}.pagination button:hover:not(:disabled){background:var(--color-border);color:var(--color-text-primary)}.pagination span{font-size:var(--text-sm);color:var(--color-text-muted)}.referrals-page .loading-spinner,.admin-referrals-page .loading-spinner{text-align:center;padding:var(--spacing-3xl) var(--spacing-lg);color:var(--color-text-muted)}.external-profiles-tab{padding:1rem 0}.loading-state{text-align:center;padding:3rem;color:var(--text-muted)}.locked-state{text-align:center;padding:2rem}.locked-state.redesigned{text-align:left;max-width:560px;margin:0 auto}.hero-section{text-align:center;margin-bottom:2rem}.hero-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:linear-gradient(135deg,var(--primary-color),#ff8fa3);border-radius:16px;margin-bottom:1rem}.hero-icon svg{width:32px;height:32px;color:#fff}.hero-headline{margin:0 0 .5rem;font-size:1.75rem;font-weight:700;background:linear-gradient(135deg,var(--primary-color),#ff8fa3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subheadline{color:var(--text-secondary);font-size:1rem;line-height:1.5;max-width:400px;margin:0 auto}.progress-indicator{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:.75rem 1rem;background:var(--bg-secondary);border-radius:12px}.progress-bar{flex:1;height:8px;background:var(--border-color);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#22c55e,#4ade80);border-radius:4px;transition:width .5s ease}.progress-text{font-size:.875rem;font-weight:500;color:var(--text-secondary);white-space:nowrap}.steps-section{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.step-card{border-radius:12px;background:var(--bg-secondary);border:1px solid var(--border-color);overflow:hidden;transition:border-color .2s,box-shadow .2s}.step-card.completed{border-color:#22c55e4d;background:linear-gradient(135deg,#22c55e08,#4ade8008)}.step-card.action{border-color:#ff4b6e33}.step-card.action:hover{border-color:#ff4b6e66;box-shadow:0 4px 12px #ff4b6e1a}.step-header{display:flex;align-items:center;gap:.875rem;padding:1rem}.step-card.completed .step-header{padding:1rem}.step-card.action .step-header{padding:1rem 1rem 0}.step-number{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:600;font-size:.875rem;background:var(--bg-tertiary);color:var(--text-secondary);border:2px solid var(--border-color)}.step-number.completed{background:linear-gradient(135deg,#22c55e,#4ade80);border-color:transparent;color:#fff}.step-number.completed svg{width:16px;height:16px}.step-title-area{flex:1;display:flex;align-items:center;gap:.75rem}.step-title{margin:0;font-size:1rem;font-weight:600}.step-status{font-size:.75rem;font-weight:500;color:#22c55e;background:#22c55e1a;padding:.25rem .5rem;border-radius:4px}.step-content{padding:0 1rem 1rem}.step-description{margin:0 0 1rem;font-size:.875rem;color:var(--text-secondary);line-height:1.5}.action-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s}.action-button.primary{background:var(--primary-color);color:#fff}.action-button.primary:hover{background:var(--primary-hover);transform:translateY(-1px)}.action-button svg{width:16px;height:16px}.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.topic-card{display:flex;flex-direction:column;align-items:center;padding:1rem .5rem;background:var(--bg-tertiary);border-radius:12px;border:1px solid var(--border-color);text-decoration:none;transition:all .2s}.topic-card:hover{border-color:var(--primary-color);background:#ff4b6e0d;transform:translateY(-2px)}.topic-card.complete{border-color:#22c55e4d;background:#22c55e0d}.topic-emoji{font-size:1.5rem;margin-bottom:.5rem}.topic-name{font-size:.8rem;font-weight:500;color:var(--text-primary);margin-bottom:.5rem}.topic-arrow{color:var(--primary-color)}.topic-arrow svg{width:14px;height:14px}.topic-check{color:#22c55e}.topic-check svg{width:14px;height:14px}.preview-section{padding-top:1.5rem;border-top:1px solid var(--border-color)}.preview-title{font-size:.875rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 1rem;text-align:center}.preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.preview-grid.expanded{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.preview-card-new{border-radius:12px;overflow:hidden;opacity:.7;transition:opacity .2s}.preview-card-new:hover{opacity:.9}.preview-card-header{padding:.5rem .75rem}.preview-card-header .app-badge{font-size:.75rem;padding:.25rem .5rem;border-radius:4px;font-weight:600}.preview-card-body{padding:.75rem;background:#00000008}.preview-feature{margin:0 0 .75rem;font-size:.75rem;color:var(--text-secondary)}.preview-mock{display:flex;flex-direction:column;gap:.375rem}.mock-line{height:8px;background:var(--border-color);border-radius:4px;opacity:.6}.mock-prompt{height:24px;background:var(--border-color);border-radius:6px;opacity:.5}.locked-header{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:1rem}.locked-header svg{color:var(--text-muted);width:48px;height:48px}.locked-header h2{margin:0;font-size:1.5rem}.locked-description{color:var(--text-muted);max-width:500px;margin:0 auto 2rem}.tinder{background:linear-gradient(135deg,#fe3c5414,#ff655b14);border:1px solid rgba(254,60,84,.2)}.tinder .app-badge{background:linear-gradient(135deg,#fe3c54,#ff655b);color:#fff}.hinge{background:linear-gradient(135deg,#7456ae14,#9370db14);border:1px solid rgba(116,86,174,.2)}.hinge .app-badge{background:linear-gradient(135deg,#7456ae,#9370db);color:#fff}.bumble{background:linear-gradient(135deg,#ffc80014,#ffd50014);border:1px solid rgba(255,200,0,.2)}.bumble .app-badge{background:linear-gradient(135deg,#ffc800,#ffd500);color:#1a1a1a}.theleague{background:linear-gradient(135deg,#1a1a2e14,#c9a22714);border:1px solid rgba(26,26,46,.2)}.theleague .app-badge{background:linear-gradient(135deg,#1a1a2e,#2d2d4a);color:#c9a227}.cmb{background:linear-gradient(135deg,#a0522d14,#f5deb314);border:1px solid rgba(160,82,45,.2)}.cmb .app-badge{background:linear-gradient(135deg,sienna,peru);color:#fff}.feeld{background:linear-gradient(135deg,#2d3e5014,#ff6b9d14);border:1px solid rgba(45,62,80,.2)}.feeld .app-badge{background:linear-gradient(135deg,#2d3e50,#3d5a73);color:#ff6b9d}.okcupid{background:linear-gradient(135deg,#0a7cff14,#e8439314);border:1px solid rgba(10,124,255,.2)}.okcupid .app-badge{background:linear-gradient(135deg,#0a7cff,#3b9aff);color:#fff}.ready-state{text-align:center;padding:2rem}.ready-header{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:1rem}.ready-header svg{color:var(--primary-color);width:32px;height:32px}.ready-header h2{margin:0}.ready-description{color:var(--text-muted);max-width:450px;margin:0 auto 1.5rem}.app-list{display:flex;flex-direction:column;gap:.75rem;max-width:300px;margin:0 auto 2rem}.app-list.expanded{max-width:400px}.app-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-radius:8px}.app-name{font-weight:600}.app-desc{font-size:.8rem;color:var(--text-muted)}.generate-button{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 2rem;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s,transform .1s}.generate-button:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.generate-button:disabled{opacity:.7;cursor:not-allowed}.generate-button svg{width:18px;height:18px}.generated-state{display:flex;flex-direction:column;gap:1.5rem}.generated-header{text-align:center}.generated-header h2{margin:0 0 .5rem}.generated-meta{font-size:.875rem;color:var(--text-muted);margin:0}.profile-card{border-radius:12px;overflow:hidden}.card-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid rgba(0,0,0,.05)}.char-count{font-size:.75rem;color:var(--text-muted);font-family:monospace}.card-content{padding:1rem}.bio-text{margin:0;white-space:pre-wrap;line-height:1.6}.profile-card>.copy-button{width:100%;padding:.75rem;border:none;border-top:1px solid rgba(0,0,0,.05);background:transparent;color:var(--text-secondary);font-size:.875rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:background .2s,color .2s}.profile-card>.copy-button:hover{background:#00000008;color:var(--text-primary)}.profile-card>.copy-button.copied{color:var(--success-color);background:#22c55e0d}.hinge-prompt{padding:1rem;background:#00000005;border-radius:8px;margin-bottom:.75rem;position:relative}.hinge-prompt:last-child{margin-bottom:0}.prompt-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.prompt-question{font-weight:600;font-size:.875rem;color:var(--text-secondary)}.prompt-answer{margin:0;line-height:1.5}.char-count-inline{display:block;text-align:right;font-size:.7rem;color:var(--text-muted);font-family:monospace;margin-top:.5rem}.copy-button.small{padding:.25rem;background:transparent;border:none;color:var(--text-muted);cursor:pointer;border-radius:4px;transition:color .2s,background .2s}.copy-button.small:hover{color:var(--text-primary);background:#0000000d}.copy-button.small.copied{color:var(--success-color)}.regenerate-section{text-align:center;padding-top:1rem;border-top:1px solid var(--border-color);margin-top:1rem}.regenerate-button{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.5rem;background:transparent;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:8px;font-size:.875rem;cursor:pointer;transition:background .2s,border-color .2s}.regenerate-button:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--text-muted)}.regenerate-button:disabled{opacity:.7;cursor:not-allowed}.regenerate-button svg{width:16px;height:16px}.regenerate-note{font-size:.75rem;color:var(--text-muted);margin:.5rem 0 0}.spinner{display:inline-block;width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .75s linear infinite}.error-message{padding:1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:8px;color:#ef4444;text-align:center;margin-bottom:1rem}@media(max-width:600px){.external-profiles-tab{padding:.5rem 0}.locked-state,.ready-state,.locked-state.redesigned{padding:1rem}.hero-headline{font-size:1.5rem}.hero-subheadline{font-size:.9rem}.progress-indicator{flex-direction:column;gap:.5rem;text-align:center}.progress-bar{width:100%}.topic-grid{grid-template-columns:1fr}.topic-card{flex-direction:row;justify-content:space-between;padding:.875rem 1rem}.topic-emoji{margin-bottom:0;margin-right:.75rem}.topic-name{flex:1;text-align:left;margin-bottom:0}.preview-grid{grid-template-columns:1fr}.preview-card-new{display:flex;align-items:center}.preview-card-header{padding:.75rem}.preview-card-body{flex:1;padding:.75rem}.preview-mock{flex-direction:row;gap:.5rem}.mock-line{height:6px;flex:1}.mock-prompt{height:16px;width:60px}.preview-cards{grid-template-columns:1fr}.card-content{padding:.875rem}.hinge-prompt{padding:.75rem}}.profile-page{max-width:800px;margin:0 auto;padding:1rem}.profile-page h1{margin-bottom:1.5rem;font-size:var(--text-2xl, 1.5rem);background:var(--color-primary-gradient, linear-gradient(135deg, #ff4b6e, #ff6b8a));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.profile-section{background:var(--color-bg-card, #1a1a1a);border-radius:var(--radius-lg, 12px);padding:var(--spacing-xl, 1.5rem);margin-bottom:var(--spacing-xl, 1.5rem)}.profile-section h2{font-size:var(--text-lg, 1.1rem);margin:0 0 var(--spacing-sm, .5rem);color:var(--color-text-muted, #888);text-transform:uppercase;letter-spacing:.05em}.profile-section h2:last-child,.profile-section h2+:not(.section-subtitle){margin-top:var(--spacing-lg, 1rem)}.photos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.photo-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden}.photo-item img{width:100%;height:100%;object-fit:cover}.photo-item.primary{box-shadow:0 0 0 3px var(--color-primary, #ff4b6e)}.photo-actions{position:absolute;top:.5rem;right:.5rem;display:flex;gap:.25rem;opacity:0;transition:opacity .2s}.photo-item:hover .photo-actions{opacity:1}.photo-actions button{width:44px;height:44px;padding:0;border-radius:50%;background:#000000b3;color:#fff;border:none;cursor:pointer;font-size:.9rem;display:flex;align-items:center;justify-content:center}.photo-actions button:hover{background:#000000e6}.primary-badge{position:absolute;bottom:.5rem;left:.5rem;background:var(--color-primary, #ff4b6e);color:#fff;padding:.25rem .75rem;border-radius:var(--radius-lg, 12px);font-size:var(--text-xs, .75rem);font-weight:500}.photo-upload-box{aspect-ratio:1;border:2px dashed var(--color-border-light, #444);border-radius:var(--radius-md, 8px);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color var(--transition-base, .2s),background var(--transition-base, .2s)}.photo-upload-box:hover{border-color:var(--color-primary, #ff4b6e);background:var(--color-primary-light, rgba(255, 75, 110, .15))}.photo-upload-box span{color:var(--color-text-dim, #666);font-size:var(--text-base, 1rem)}.photo-upload-box.uploading{pointer-events:none;opacity:.7}.upload-spinner{width:24px;height:24px;border:3px solid var(--color-border-light, #444);border-top-color:var(--color-primary, #ff4b6e);border-radius:50%;animation:spin 1s linear infinite}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:500px){.form-row{grid-template-columns:1fr}}.tags-container{display:flex;flex-wrap:wrap;gap:var(--spacing-sm, .5rem);margin-bottom:var(--spacing-lg, 1rem)}.tags-container:empty:before{content:"No interests added yet";color:var(--color-text-dim, #666);font-style:italic;font-size:var(--text-sm, .875rem)}.tag{display:inline-flex;align-items:center;gap:var(--spacing-sm, .5rem);background:var(--color-border, #333);padding:.375rem .75rem;border-radius:20px;font-size:var(--text-sm, .9rem)}.tag button{background:none;border:none;color:var(--color-text-muted, #888);cursor:pointer;padding:0;font-size:var(--text-base, 1rem);line-height:1;min-width:24px;min-height:24px;display:flex;align-items:center;justify-content:center}.tag button:hover{color:var(--color-error, #ff4444)}.autocomplete-container{position:relative}.suggestions-list{position:absolute;top:100%;left:0;right:0;background:var(--color-bg-subtle, #252525);border:1px solid var(--color-border-light, #444);border-radius:var(--radius-md, 8px);margin-top:var(--spacing-xs, .25rem);padding:0;list-style:none;z-index:100;max-height:200px;overflow-y:auto}.suggestions-list li{padding:var(--spacing-md, .75rem) var(--spacing-lg, 1rem);cursor:pointer}.suggestions-list li:hover{background:var(--color-border, #333)}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--spacing-md, .75rem)}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-sm, .5rem);cursor:pointer;padding:var(--spacing-sm, .5rem);min-height:44px;border-radius:var(--radius-md, 8px);transition:background var(--transition-base, .2s)}.checkbox-label:hover{background:#ffffff0d}.checkbox-label input[type=checkbox]{width:20px;height:20px;accent-color:var(--color-primary, #ff4b6e);flex-shrink:0}.save-button{width:100%;padding:var(--spacing-lg, 1rem);background:var(--color-primary, #ff4b6e);color:#fff;border:none;border-radius:var(--radius-md, 8px);font-size:var(--text-base, 1rem);font-weight:500;cursor:pointer;margin-top:var(--spacing-lg, 1rem);transition:background var(--transition-base, .2s)}.save-button:hover{background:var(--color-primary-hover, #e6435f)}.save-button:disabled{background:var(--color-text-dim, #666);cursor:not-allowed}.sticky-save-container{position:fixed;bottom:0;left:0;right:0;background:var(--color-bg-card, #1a1a1a);border-top:1px solid var(--color-border, #333);padding:var(--spacing-lg, 1rem);transform:translateY(100%);transition:transform var(--transition-slow, .3s) ease-out;z-index:100;box-shadow:0 -4px 12px #0000004d}.sticky-save-container.visible{transform:translateY(0)}.sticky-save-inner{max-width:800px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg, 1rem)}.sticky-save-message{color:var(--color-text-secondary, #ccc);font-size:var(--text-sm, .875rem)}.sticky-save-container .save-button{width:auto;margin-top:0;padding:var(--spacing-md, .75rem) var(--spacing-xl, 1.5rem)}.ai-summary-section{background:linear-gradient(135deg,var(--color-bg-card, #1a1a1a),var(--color-bg-subtle, #252525));border:1px solid var(--color-border, #333)}.ai-summary-card{background:linear-gradient(135deg,var(--color-primary-light, rgba(255, 75, 110, .1)),var(--color-success-alt-light, rgba(110, 231, 183, .1)));border-radius:var(--radius-lg, 12px);padding:var(--spacing-lg, 1.25rem)}.ai-summary-card p{margin:0;line-height:1.7;color:var(--color-text-secondary, #ccc)}.profile-section .section-subtitle{color:var(--color-text-muted, #888);font-size:var(--text-sm, .875rem);font-weight:400;margin:0 0 var(--spacing-xl, 1.5rem);line-height:1.5}.compatibility-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--spacing-lg, 1rem)}.compatibility-item{background:var(--color-bg-subtle, #252525);border-radius:var(--radius-md, 8px);padding:var(--spacing-lg, 1rem);display:flex;flex-direction:column;gap:var(--spacing-sm, .5rem);border-left:3px solid transparent;transition:border-color var(--transition-base, .2s)}.compatibility-item:hover{border-left-color:var(--color-primary, #ff4b6e)}.compatibility-item.full-width{grid-column:1 / -1}.compatibility-item.deal-breakers{border-left-color:var(--color-error, #ef4444)}.compatibility-item.core-values{border-left-color:var(--color-accent, #9333ea)}.compatibility-label{font-size:var(--text-xs, .75rem);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted, #888);font-weight:500}.compatibility-item.deal-breakers .compatibility-label{color:var(--color-error, #ef4444)}.compatibility-item.core-values .compatibility-label{color:var(--color-accent, #9333ea)}.compatibility-value{color:var(--color-text-secondary, #ddd);line-height:1.5}.profile-tabs-container{position:relative}.profile-tabs-container:after{content:"";position:absolute;top:0;right:0;bottom:.5rem;width:40px;background:linear-gradient(to right,transparent,var(--color-bg-page, #242424));pointer-events:none;opacity:0;transition:opacity var(--transition-base, .2s)}.profile-tabs-container.has-overflow:after{opacity:1}.profile-tabs{display:flex;gap:var(--spacing-xs, .25rem);margin-bottom:var(--spacing-xl, 1.5rem);overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--color-border-light, #444) transparent;padding-bottom:var(--spacing-sm, .5rem);border-bottom:1px solid var(--color-border, #333)}.profile-tabs::-webkit-scrollbar{height:4px}.profile-tabs::-webkit-scrollbar-track{background:transparent}.profile-tabs::-webkit-scrollbar-thumb{background:var(--color-border-light, #444);border-radius:2px}.profile-tabs::-webkit-scrollbar-thumb:hover{background:var(--color-text-dim, #555)}.profile-tab{flex-shrink:0;scroll-snap-align:start;padding:var(--spacing-md, .75rem) var(--spacing-lg, 1rem);min-height:44px;white-space:nowrap;background:transparent;border:none;border-radius:var(--radius-md, 8px) var(--radius-md, 8px) 0 0;color:var(--color-text-muted, #888);font-size:var(--text-base, 1rem);font-weight:500;cursor:pointer;transition:all var(--transition-base, .2s);position:relative}.profile-tab:hover{color:var(--color-text-secondary, #ccc);background:#ffffff0d}.profile-tab.active{color:var(--color-text-primary, #fff);background:var(--color-bg-card, #1a1a1a)}.profile-tab.active:after{content:"";position:absolute;bottom:calc(-1 * var(--spacing-sm, .5rem));left:0;right:0;height:2px;background:var(--color-accent, #9333ea)}@media(max-width:600px){.profile-tab{padding:var(--spacing-md, .875rem) var(--spacing-lg, 1.25rem);min-height:48px;font-size:var(--text-sm, .9rem)}.form-row{grid-template-columns:1fr}.photos-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}.ai-conversations-tab{background:var(--color-bg-card, #1a1a1a);border-radius:var(--radius-lg, 12px);overflow:hidden}.conv-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem}.conv-selector{display:flex;border-bottom:1px solid var(--color-border, #333)}.conv-tab-btn{flex:1;padding:var(--spacing-lg, 1rem);background:transparent;border:none;color:var(--color-text-muted, #888);font-size:var(--text-sm, .9rem);font-weight:500;cursor:pointer;transition:all var(--transition-base, .2s);display:flex;align-items:center;justify-content:center;gap:var(--spacing-md, .75rem);flex-wrap:wrap}.conv-tab-btn:hover{background:#ffffff0d}.conv-tab-btn.active{color:var(--color-text-primary, #fff);background:var(--color-accent-light, rgba(147, 51, 234, .1));border-bottom:2px solid var(--color-accent, #9333ea)}.conv-status-badge{padding:.2rem .5rem;border-radius:var(--radius-lg, 12px);font-size:.7rem;text-transform:uppercase;letter-spacing:.03em}.conv-status-badge.completed{background:var(--color-success-alt-light, rgba(110, 231, 183, .15));color:var(--color-success-alt, #6ee7b7)}.conv-status-badge.in-progress{background:var(--color-warning-light, rgba(255, 217, 61, .2));color:var(--color-warning-alt, #ffd93d)}.conv-status-badge.not-started{background:var(--color-border, #333);color:var(--color-text-muted, #888)}.conv-content{max-height:600px;overflow-y:auto}.conv-empty{padding:var(--spacing-3xl, 3rem);text-align:center;color:var(--color-text-muted, #888)}.conv-messages{padding:var(--spacing-lg, 1rem);display:flex;flex-direction:column;gap:var(--spacing-lg, 1rem)}.conv-message{background:var(--color-bg-subtle, #252525);border-radius:var(--radius-lg, 12px);padding:var(--spacing-lg, 1rem)}.conv-message.user{background:var(--color-accent-light, rgba(147, 51, 234, .15));margin-left:var(--spacing-2xl, 2rem)}.conv-message.assistant{margin-right:var(--spacing-2xl, 2rem)}.conv-message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm, .5rem)}.conv-message-role{font-size:var(--text-sm, .8rem);font-weight:600;color:#a855f7}.conv-message.user .conv-message-role{color:var(--color-accent, #9333ea)}.conv-message-time{font-size:var(--text-xs, .75rem);color:var(--color-text-dim, #666)}.conv-message-content{color:var(--color-text-secondary, #ccc);line-height:1.6;white-space:pre-wrap}.sc-tab-section,.hobbies-tab-section,.lifestyle-tab-section,.cq-tab-section,.relationships-tab-section{padding:0}.sc-tab-section h2,.hobbies-tab-section h2,.lifestyle-tab-section h2,.cq-tab-section h2,.relationships-tab-section h2{font-size:var(--text-lg, 1.1rem);margin:0 0 var(--spacing-sm, .5rem);color:var(--color-text-muted, #888);text-transform:uppercase;letter-spacing:.05em}.profile-subtabs{display:flex;flex-wrap:wrap;gap:var(--spacing-sm, .5rem);margin-bottom:var(--spacing-xl, 1.5rem);padding:var(--spacing-md, .75rem);background:var(--color-bg-card, #1a1a1a);border-radius:var(--radius-md, 8px)}.profile-subtab{padding:var(--spacing-sm, .5rem) var(--spacing-lg, 1rem);min-height:36px;white-space:nowrap;background:transparent;border:1px solid var(--color-border, #333);border-radius:20px;color:var(--color-text-muted, #888);font-size:var(--text-sm, .875rem);font-weight:500;cursor:pointer;transition:all var(--transition-base, .2s)}.profile-subtab:hover{color:var(--color-text-secondary, #ccc);border-color:var(--color-text-dim, #555);background:#ffffff0d}.profile-subtab.active{color:var(--color-text-primary, #fff);background:var(--color-accent, #9333ea);border-color:var(--color-accent, #9333ea)}@media(max-width:500px){.profile-subtabs{gap:.375rem;padding:var(--spacing-sm, .5rem)}.profile-subtab{padding:var(--spacing-sm, .5rem) var(--spacing-md, .75rem);font-size:var(--text-xs, .8rem)}}.photos-grid:empty:before{content:"No photos yet - add your first photo!";grid-column:1 / -1;text-align:center;padding:var(--spacing-xl, 1.5rem);color:var(--color-text-dim, #666);font-style:italic}.success-message,.error-message{animation:fadeInOut 5s ease-in-out}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-10px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.hobbies-profile-section{background:var(--color-bg-card);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.hobbies-profile-section.loading{display:flex;align-items:center;justify-content:center;min-height:100px}.hobbies-section-header{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;margin-bottom:var(--spacing-lg)}.hobbies-section-header h4{margin:0;font-size:var(--text-lg);color:var(--color-text-primary)}.hobbies-badge{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-lg);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.hobbies-badge.optional{background:var(--color-bg-elevated);color:var(--color-text-muted)}.hobbies-badge.in-progress{background:var(--color-warning-light);color:var(--color-warning-alt)}.hobbies-badge.completed{background:var(--color-success-light);color:var(--color-success)}.hobbies-badge.matches-only{background:var(--color-primary-light);color:#ff6b8a}.hobbies-description{color:var(--color-text-muted);font-size:var(--text-sm);line-height:1.5;margin:0 0 var(--spacing-lg)}.hobbies-start-btn,.hobbies-continue-btn,.hobbies-edit-btn{padding:var(--spacing-md) var(--spacing-xl);background:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-base)}.hobbies-start-btn:hover,.hobbies-continue-btn:hover,.hobbies-edit-btn:hover{background:var(--color-primary-hover)}.hobbies-continue-btn,.hobbies-edit-btn{background:var(--color-border);color:var(--color-text-secondary);border:1px solid var(--color-border-light)}.hobbies-continue-btn:hover,.hobbies-edit-btn:hover{background:var(--color-border-light);color:var(--color-text-primary)}.hobbies-overview{background:var(--color-bg-page);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);border-left:3px solid var(--color-primary)}.hobbies-overview p{margin:0;font-size:var(--text-sm);line-height:1.6;color:var(--color-text-secondary)}.hobbies-metrics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.hobbies-metric{background:var(--color-bg-page);border-radius:var(--radius-md);padding:var(--spacing-md)}.hobbies-metric-label{display:block;font-size:var(--text-xs);color:var(--color-text-dim);margin-bottom:var(--spacing-xs);text-transform:uppercase;letter-spacing:.05em}.hobbies-metric-value{font-size:var(--text-sm);color:var(--color-text-secondary)}.hobbies-text-section{background:var(--color-bg-page);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-md)}.hobbies-text-section.passions{border-left:3px solid var(--color-primary)}.hobbies-text-section.partner{border-left:3px solid var(--color-warning)}.hobbies-text-label{display:block;font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.hobbies-text-section.passions .hobbies-text-label{color:#ff6b8a}.hobbies-text-section.partner .hobbies-text-label{color:var(--color-warning)}.hobbies-text-value{margin:0;font-size:var(--text-sm);line-height:1.5;color:var(--color-text-secondary)}.hobbies-profile-section.locked{background:linear-gradient(135deg,var(--color-primary-light),rgba(255,75,110,.05));border:1px dashed rgba(255,75,110,.3)}.hobbies-locked-content{text-align:center;padding:var(--spacing-lg)}.hobbies-locked-content svg{width:32px;height:32px;fill:var(--color-primary);margin-bottom:var(--spacing-md)}.hobbies-locked-content h4{margin:0 0 var(--spacing-sm);color:var(--color-text-primary)}.hobbies-locked-content p{margin:0;color:var(--color-text-muted);font-size:var(--text-sm)}.hobbies-profile-section.empty{text-align:center;padding:var(--spacing-xl)}.hobbies-profile-section.empty h4{margin:0 0 var(--spacing-sm);color:var(--color-text-muted)}.hobbies-profile-section.empty p{margin:0;color:var(--color-text-dim);font-size:var(--text-sm)}@media(max-width:600px){.hobbies-metrics-grid{grid-template-columns:1fr 1fr}}.lifestyle-profile-section{background:var(--color-bg-card);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.lifestyle-profile-section.loading{display:flex;justify-content:center;padding:var(--spacing-2xl)}.lifestyle-profile-section.locked{background:linear-gradient(135deg,var(--color-primary-light),rgba(255,75,110,.05));border:1px dashed rgba(255,75,110,.3)}.lifestyle-locked-content{text-align:center;padding:var(--spacing-lg)}.lifestyle-locked-content svg{width:40px;height:40px;color:var(--color-primary);margin-bottom:var(--spacing-md)}.lifestyle-locked-content h4{color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.lifestyle-locked-content p{color:var(--color-text-muted);font-size:var(--text-sm)}.lifestyle-profile-section.empty{text-align:center;color:var(--color-text-muted)}.lifestyle-profile-section.empty h4{color:var(--color-text-muted);margin-bottom:var(--spacing-sm)}.lifestyle-section-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.lifestyle-section-header h4{color:var(--color-text-primary);margin:0;font-size:var(--text-lg)}.lifestyle-badge{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-lg);font-size:var(--text-xs);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.lifestyle-badge.optional{background:var(--color-bg-elevated);color:var(--color-text-muted)}.lifestyle-badge.in-progress{background:var(--color-warning-light);color:var(--color-warning-alt)}.lifestyle-badge.completed{background:var(--color-success-light);color:var(--color-success)}.lifestyle-badge.matches-only{background:var(--color-primary-light);color:#ff6b8a}.lifestyle-description{color:var(--color-text-muted);font-size:var(--text-sm);margin-bottom:var(--spacing-lg);line-height:1.5}.lifestyle-start-btn{padding:var(--spacing-md) var(--spacing-xl);background:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-base)}.lifestyle-start-btn:hover{background:var(--color-primary-hover)}.lifestyle-continue-btn,.lifestyle-edit-btn{padding:var(--spacing-md) var(--spacing-xl);background:var(--color-border);color:var(--color-text-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:all var(--transition-base)}.lifestyle-continue-btn:hover,.lifestyle-edit-btn:hover{background:var(--color-border-light);color:var(--color-text-primary)}.lifestyle-subsection-title{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:600;margin:1.25rem 0 var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border)}.lifestyle-overview{background:var(--color-bg-page);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);border-left:3px solid var(--color-primary)}.lifestyle-overview p{color:var(--color-text-secondary);line-height:1.6;margin:0}.lifestyle-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.lifestyle-metric{background:var(--color-bg-page);border-radius:var(--radius-md);padding:var(--spacing-md);text-align:center}.lifestyle-metric-label{display:block;font-size:.7rem;color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-xs)}.lifestyle-metric-value{display:block;font-weight:600;color:var(--color-text-secondary);font-size:var(--text-sm)}.lifestyle-text-section{background:var(--color-bg-page);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-md)}.lifestyle-text-section.partner{border-left:3px solid var(--color-warning)}.lifestyle-text-label{display:block;font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-sm)}.lifestyle-text-section.partner .lifestyle-text-label{color:var(--color-warning)}.lifestyle-text-value{color:var(--color-text-secondary);line-height:1.5;margin:0}@media(max-width:640px){.lifestyle-metrics-grid{grid-template-columns:repeat(2,1fr)}}.cq-progress-container{background:var(--color-bg-card);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.cq-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.cq-progress-text{font-size:var(--text-sm);color:var(--color-text-muted)}.cq-progress-percentage{font-size:var(--text-lg);font-weight:600;color:var(--color-primary)}.cq-progress-bar{position:relative;height:12px;background:var(--color-bg-page);border-radius:var(--radius-lg);overflow:visible;margin-bottom:var(--spacing-xl)}.cq-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),#ff6b8a);border-radius:var(--radius-lg);transition:width .5s ease-out}.cq-milestone-marker{position:absolute;top:50%;transform:translate(-50%,-50%);width:16px;height:16px;border-radius:50%;background:var(--color-bg-elevated);border:2px solid var(--color-border);z-index:1}.cq-milestone-marker[data-status=completed]{background:var(--color-primary);border-color:var(--color-primary)}.cq-milestone-marker[data-status=next]{border-color:var(--color-primary);animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 0 #ff4b6e66}50%{box-shadow:0 0 0 8px #ff4b6e00}}.cq-milestones{display:flex;justify-content:space-between;gap:var(--spacing-md)}.cq-milestone{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-page);border-radius:var(--radius-md);opacity:.5;flex:1}.cq-milestone.completed{opacity:1;background:var(--color-primary-light)}.cq-milestone.next{opacity:.8;border:1px dashed var(--color-primary)}.cq-milestone-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-elevated);border-radius:50%;font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted)}.cq-milestone.completed .cq-milestone-icon{background:var(--color-primary);color:#fff}.cq-milestone-icon svg{width:18px;height:18px}.cq-milestone-info{display:flex;flex-direction:column}.cq-milestone-name{font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary)}.cq-milestone.completed .cq-milestone-name{color:#ff6b8a}.cq-milestone-desc{font-size:var(--text-xs);color:var(--color-text-dim)}.cq-question-card{background:var(--color-bg-card);border-radius:var(--radius-lg);padding:var(--spacing-xl);max-width:650px;margin:0 auto}.cq-question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.cq-category-badge{background:var(--color-primary-light);color:#ff6b8a;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-lg);font-size:var(--text-xs);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.cq-question-number{font-size:var(--text-sm);color:var(--color-text-dim)}.cq-question-text{font-size:var(--text-lg);font-weight:500;color:var(--color-text-primary);margin:0 0 var(--spacing-lg);line-height:1.4}.cq-phase-indicator{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:var(--color-bg-page);border-radius:var(--radius-md)}.cq-phase{display:flex;align-items:center;gap:var(--spacing-sm);opacity:.4;transition:all .2s ease}.cq-phase.active{opacity:1}.cq-phase.done{opacity:.7}.cq-phase-num{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-elevated);border-radius:50%;font-size:var(--text-xs);font-weight:600;color:var(--color-text-dim)}.cq-phase.active .cq-phase-num{background:var(--color-primary);color:#fff}.cq-phase.done .cq-phase-num{background:var(--color-success);color:#fff}.cq-phase-label{font-size:var(--text-sm);color:var(--color-text-muted)}.cq-phase.active .cq-phase-label{color:var(--color-text-primary);font-weight:500}.cq-phase-connector{width:40px;height:2px;background:var(--color-border)}.cq-importance-row{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.cq-importance-row .cq-importance-label{font-size:var(--text-sm);color:var(--color-text-muted);white-space:nowrap}.cq-importance-pills{display:flex;gap:var(--spacing-xs)}.cq-importance-pill{padding:var(--spacing-xs) var(--spacing-md);background:var(--color-bg-page);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--text-xs);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-base)}.cq-importance-pill:hover{background:var(--color-bg-elevated);color:var(--color-text-secondary)}.cq-importance-pill.selected{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.cq-options-single{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.cq-option-unified{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-page);border:2px solid var(--color-border);border-radius:var(--radius-md);text-align:left;font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.cq-option-unified:hover:not(:disabled){background:var(--color-bg-elevated);border-color:var(--color-border-light);transform:translate(4px)}.cq-option-unified:disabled{opacity:.7;cursor:not-allowed}.cq-option-yours{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-text-primary)}.cq-option-yours:hover:not(:disabled){background:var(--color-primary-light);border-color:var(--color-primary)}.cq-option-acceptable{background:#10b9811a;border-color:var(--color-success);color:var(--color-text-secondary)}.cq-option-acceptable:hover:not(:disabled){background:#10b98126;border-color:var(--color-success)}.cq-option-default{border-color:var(--color-border)}.cq-option-text{flex:1;line-height:1.4}.cq-option-indicators{display:flex;align-items:center;margin-left:var(--spacing-md)}.cq-indicator{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--radius-lg);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.03em}.cq-indicator svg{width:14px;height:14px}.cq-indicator-yours{background:var(--color-primary);color:#fff}.cq-indicator-ok{background:var(--color-success);color:#fff;padding:4px 6px;border-radius:4px}.cq-indicator-ok svg{width:16px;height:16px}.cq-indicator-add{background:var(--color-bg-elevated);color:var(--color-text-dim);padding:4px 8px}.cq-indicator-add svg{width:16px;height:16px}.cq-hint{font-size:var(--text-xs);color:var(--color-text-dim);text-align:center;margin-bottom:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-page);border-radius:var(--radius-md)}.cq-footer{display:flex;justify-content:space-between;align-items:center}.cq-skip-btn{padding:var(--spacing-sm) var(--spacing-lg);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-dim);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-base)}.cq-skip-btn:hover:not(:disabled){background:var(--color-bg-elevated);color:var(--color-text-muted)}.cq-skip-btn:disabled{opacity:.5;cursor:not-allowed}.cq-next-btn{padding:var(--spacing-sm) var(--spacing-xl);background:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-base)}.cq-next-btn:hover:not(:disabled){background:var(--color-primary-hover)}.cq-next-btn:disabled{opacity:.7;cursor:not-allowed}.cq-reset-btn{padding:var(--spacing-sm) var(--spacing-lg);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-base)}.cq-reset-btn:hover:not(:disabled){background:var(--color-bg-elevated);color:var(--color-text-secondary)}.cq-reset-btn:disabled{opacity:.5;cursor:not-allowed}.cq-footer-hint{font-size:var(--text-sm);color:var(--color-text-dim)}.cq-profile-section{background:var(--color-bg-card);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.cq-profile-section.loading{display:flex;align-items:center;justify-content:center;min-height:100px}.cq-section-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.cq-section-header h4{margin:0;font-size:var(--text-lg);color:var(--color-text-primary)}.cq-badge{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-lg);font-size:var(--text-xs);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.cq-badge.optional{background:var(--color-bg-elevated);color:var(--color-text-muted)}.cq-badge.in-progress{background:var(--color-warning-light);color:var(--color-warning-alt)}.cq-badge.completed{background:var(--color-success-light);color:var(--color-success)}.cq-description{color:var(--color-text-muted);font-size:var(--text-sm);line-height:1.5;margin:0 0 var(--spacing-lg)}.cq-benefits{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.cq-benefit{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-muted);font-size:var(--text-sm)}.cq-benefit svg{width:18px;height:18px;fill:var(--color-primary)}.cq-start-btn{width:100%;padding:var(--spacing-md) var(--spacing-xl);background:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-base)}.cq-start-btn:hover{background:var(--color-primary-hover)}.cq-mini-progress{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.cq-mini-progress-bar{flex:1;height:8px;background:var(--color-bg-page);border-radius:var(--radius-lg);overflow:hidden}.cq-mini-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),#ff6b8a);transition:width .3s ease}.cq-mini-progress-text{font-size:var(--text-sm);color:var(--color-text-muted);white-space:nowrap}.cq-earned-badges{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;margin-bottom:var(--spacing-lg)}.cq-mini-badge{padding:var(--spacing-xs) var(--spacing-md);background:var(--color-primary-light);color:#ff6b8a;border-radius:var(--radius-lg);font-size:var(--text-xs);font-weight:500}.cq-continue-btn,.cq-edit-btn{width:100%;padding:var(--spacing-md) var(--spacing-xl);background:var(--color-border);border:1px solid var(--color-border-light);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-base)}.cq-continue-btn:hover,.cq-edit-btn:hover{background:var(--color-border-light);color:var(--color-text-primary)}.cq-complete-status{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-success);font-size:var(--text-sm);margin-bottom:var(--spacing-lg)}.cq-complete-icon{width:20px;height:20px}.cq-earned-badges.all{flex-direction:column}.cq-badge-full{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-page);border-radius:var(--radius-md);border-left:3px solid var(--color-primary)}.cq-badge-name{font-size:var(--text-sm);font-weight:500;color:#ff6b8a}.cq-badge-desc{font-size:var(--text-xs);color:var(--color-text-dim)}.cq-page{max-width:800px;margin:0 auto;padding:var(--spacing-xl)}.cq-page-header{text-align:center;margin-bottom:var(--spacing-xl)}.cq-page-header h1{margin:0 0 var(--spacing-sm);font-size:var(--text-2xl);color:var(--color-text-primary)}.cq-page-header p{margin:0;color:var(--color-text-muted);font-size:var(--text-sm)}.cq-complete-message{text-align:center;padding:var(--spacing-2xl)}.cq-complete-message svg{width:64px;height:64px;fill:var(--color-success);margin-bottom:var(--spacing-lg)}.cq-complete-message h2{margin:0 0 var(--spacing-md);font-size:var(--text-xl);color:var(--color-text-primary)}.cq-complete-message p{margin:0 0 var(--spacing-xl);color:var(--color-text-muted)}.cq-return-btn{padding:var(--spacing-md) var(--spacing-xl);background:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-base)}.cq-return-btn:hover{background:var(--color-primary-hover)}.cq-categories{display:flex;gap:var(--spacing-sm);overflow-x:auto;padding:var(--spacing-md) 0;margin-bottom:var(--spacing-lg)}.cq-category-tab{padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-muted);font-size:var(--text-sm);cursor:pointer;white-space:nowrap;transition:all var(--transition-base)}.cq-category-tab:hover{background:var(--color-bg-elevated);color:var(--color-text-secondary)}.cq-category-tab.active{background:var(--color-primary-light);border-color:var(--color-primary);color:#ff6b8a}.cq-category-progress{font-size:var(--text-xs);opacity:.7;margin-left:var(--spacing-xs)}@media(max-width:600px){.cq-milestones{flex-direction:column}.cq-phase-indicator{padding:var(--spacing-sm)}.cq-phase-label{font-size:var(--text-xs)}.cq-phase-connector{width:20px}.cq-importance-row{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.cq-page,.cq-option-unified{padding:var(--spacing-md)}.cq-option-unified:hover:not(:disabled){transform:none}.cq-indicator{padding:3px 8px;font-size:10px}.cq-indicator svg{width:12px;height:12px}.cq-footer{flex-wrap:wrap;gap:var(--spacing-sm)}.cq-reset-btn,.cq-next-btn{flex:1}}.likes-page{padding:var(--spacing-lg, 1rem);max-width:1200px;margin:0 auto}.likes-page h1{text-align:center;margin-bottom:var(--spacing-xl, 1.5rem);background:var(--color-primary-gradient, linear-gradient(135deg, #ff4b6e, #ff6b8a));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.likes-page .tabs{display:flex;justify-content:center;gap:var(--spacing-sm, .5rem);margin-bottom:var(--spacing-xl, 1.5rem);flex-wrap:wrap}.likes-page .tab{display:flex;align-items:center;gap:var(--spacing-sm, .5rem);padding:var(--spacing-md, .75rem) var(--spacing-xl, 1.5rem);background:var(--color-bg-elevated, #2a2a2a);border:1px solid var(--color-border-light, #444);border-radius:var(--radius-md, 8px);color:var(--color-text-muted, #888);cursor:pointer;transition:all var(--transition-base, .2s);font-size:.95rem;min-height:44px}.likes-page .tab:hover{border-color:var(--color-text-dim, #666);color:var(--color-text-secondary, #aaa)}.likes-page .tab.active{background:var(--color-accent, #9333ea);border-color:var(--color-accent, #9333ea);color:#fff}.likes-page .tab-matches.active{background:var(--color-primary-gradient, linear-gradient(135deg, #ff4b6e 0%, #ff6b8e 100%));border-color:var(--color-primary, #ff4b6e)}.likes-page .tab-count{background:#fff3;padding:.15rem var(--spacing-sm, .5rem);border-radius:var(--radius-lg, 10px);font-size:var(--text-sm, .8rem)}.likes-page .tab.active .tab-count{background:#ffffff4d}.likes-page .error-banner{background:var(--color-error-light, rgba(239, 68, 68, .15));border:1px solid rgba(239,68,68,.3);color:var(--color-error, #ef4444);padding:var(--spacing-md, .75rem) var(--spacing-lg, 1rem);border-radius:var(--radius-md, 8px);margin-bottom:var(--spacing-lg, 1rem);display:flex;justify-content:space-between;align-items:center;cursor:pointer}.likes-page .dismiss-error{background:transparent;border:none;color:var(--color-error, #ef4444);cursor:pointer;font-size:var(--text-sm, .85rem)}.likes-page .modal-overlay{position:fixed;inset:0;background:#000000b3;z-index:999}.likes-page .match-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--color-primary-gradient, linear-gradient(135deg, #ff4b6e 0%, #ff6b8e 100%));color:#fff;padding:var(--spacing-2xl, 2rem) var(--spacing-3xl, 3rem);border-radius:var(--radius-xl, 16px);text-align:center;z-index:1000;animation:matchPopIn .3s ease-out;box-shadow:0 8px 32px #ff4b6e66}.likes-page .match-modal h2{margin:0 0 var(--spacing-sm, .5rem);font-size:var(--text-3xl, 1.75rem)}.likes-page .match-modal p{margin:0 0 var(--spacing-xl, 1.5rem);opacity:.9}.likes-page .match-modal-actions{display:flex;gap:var(--spacing-md, .75rem);justify-content:center}.likes-page .match-modal-actions button,.likes-page .view-match-btn{padding:var(--spacing-md, .75rem) var(--spacing-xl, 1.5rem);border-radius:var(--radius-md, 8px);font-size:var(--text-base, 1rem);font-weight:500;cursor:pointer;border:none;text-decoration:none;min-height:44px;transition:all var(--transition-base, .2s)}.likes-page .view-match-btn{background:#fff;color:var(--color-primary, #ff4b6e)}.likes-page .view-match-btn:hover{background:#ffffffe6}.likes-page .match-modal-actions button{background:#fff3;color:#fff}.likes-page .match-modal-actions button:hover{background:#ffffff4d}@keyframes matchPopIn{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@media(max-width:600px){.likes-page .tabs{flex-direction:column}.likes-page .tab{justify-content:center}.likes-page .match-modal{padding:var(--spacing-xl, 1.5rem) var(--spacing-lg, 1rem);margin:0 var(--spacing-lg, 1rem);width:calc(100% - 2rem)}.likes-page .match-modal-actions{flex-direction:column}}.admin-page{max-width:1400px;margin:0 auto;padding:1rem}.admin-page h1{margin-bottom:1.5rem}.admin-table-container{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;background:#1a1a1a;border-radius:8px;overflow:hidden}.admin-table th,.admin-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #333}.admin-table th{background:#252525;font-weight:600;white-space:nowrap}.admin-table tbody tr:hover{background:#252525}.admin-table .inactive-row{opacity:.6}.user-cell{display:flex;align-items:center;gap:.75rem}.user-thumb{width:36px;height:36px;border-radius:50%;object-fit:cover}.user-name{font-weight:500}.user-username{font-size:.85rem;color:#888}.match-user{display:flex;flex-direction:column}.status-badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.8rem;font-weight:500}.status-badge.active{background:#4b43;color:#4b4}.status-badge.inactive{background:#f443;color:#f44}.status-badge.admin{background:#646cff33;color:#646cff}.action-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.btn-small{padding:.375rem .75rem;font-size:.8rem;background:#333;border:none;border-radius:4px;cursor:pointer;white-space:nowrap}.btn-small:hover{background:#444}.btn-danger{background:#f443;color:#f44}.btn-danger:hover{background:#ff44444d}.btn-primary{background:#646cff;color:#fff}.btn-primary:hover{background:#535bf2}.modal-overlay{position:fixed;inset:0;background:#000000b3;z-index:999}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#1a1a1a;padding:2rem;border-radius:12px;z-index:1000;min-width:300px}.modal h2{margin:0 0 .5rem}.modal p{color:#888;margin:0 0 1rem}.modal input{width:100%;padding:.75rem;border:1px solid #444;border-radius:8px;background:#252525;color:inherit;font-size:1rem;margin-bottom:1rem;box-sizing:border-box}.modal input:focus{outline:none;border-color:#646cff}.modal-actions{display:flex;gap:.5rem;justify-content:flex-end}.admin-stats{margin-top:1.5rem;padding:1rem;background:#1a1a1a;border-radius:8px;color:#888}.admin-stats strong{color:#fff}.admin-nav{display:flex;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #333}.admin-nav a{padding:.5rem 1rem;border-radius:8px;color:#888;text-decoration:none}.admin-nav a:hover{background:#ffffff1a;color:#fff}.admin-nav a.active{background:#646cff;color:#fff}.batch-actions{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:#646cff1a;border-radius:8px;margin-bottom:1rem}.filters-row{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.filter-select{padding:.5rem 1rem;background:#252525;border:1px solid #333;border-radius:8px;color:inherit;font-size:.9rem;cursor:pointer}.filter-select:focus{outline:none;border-color:#646cff}.filter-info{color:#888;font-size:.9rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500}.form-group textarea{width:100%;padding:.75rem;border:1px solid #444;border-radius:8px;background:#252525;color:inherit;font-size:1rem;resize:vertical;box-sizing:border-box}.form-group textarea:focus{outline:none;border-color:#646cff}.pagination{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1rem;padding:1rem}.expanded-row td{background:#1f1f1f;padding:0!important}.report-details{padding:1rem 1.5rem}.detail-section{margin-bottom:.75rem}.detail-section:last-child{margin-bottom:0}.detail-section strong{color:#888;font-size:.85rem}.detail-section p{margin:.25rem 0 0;color:#ccc}.orphaned-section{background:#ff44441a;border:1px solid rgba(255,68,68,.3);border-radius:8px;padding:1rem;margin-bottom:2rem}.orphaned-header{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.orphaned-header h2{margin:0;font-size:1.2rem}.orphaned-badge{background:#f44;color:#fff;padding:.25rem .5rem;border-radius:12px;font-size:.8rem;font-weight:600}.orphaned-description{color:#888;margin:0 0 1rem;font-size:.9rem}.orphaned-table .user-name.issue{color:#f44}.issue-badge{display:inline-block;margin-left:.5rem;padding:.125rem .375rem;background:#f443;color:#f44;border-radius:4px;font-size:.7rem;font-weight:600}.email-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1.5rem}.email-stat-card{background:#1a1a1a;border-radius:8px;padding:1rem;text-align:center}.email-stat-card.failed{border:1px solid rgba(255,68,68,.3)}.email-stat-card.bounced{border:1px solid rgba(255,165,0,.3)}.email-stat-value{font-size:1.75rem;font-weight:600;color:#fff}.email-stat-card.failed .email-stat-value{color:#f44}.email-stat-card.bounced .email-stat-value{color:orange}.email-stat-label{font-size:.85rem;color:#888;margin-top:.25rem}.email-type-breakdown{margin-bottom:1.5rem;padding:1rem;background:#1a1a1a;border-radius:8px}.email-type-breakdown h3{margin:0 0 .75rem;font-size:1rem;color:#888}.email-type-chips{display:flex;flex-wrap:wrap;gap:.5rem}.email-type-chip{padding:.375rem .75rem;background:#252525;border-radius:16px;font-size:.85rem;color:#ccc}.email-type-badge{display:inline-block;padding:.25rem .5rem;background:#646cff26;color:#8b8fff;border-radius:4px;font-size:.8rem;white-space:nowrap}.email-subject-cell{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.error-tooltip{display:inline-block;margin-left:.5rem;width:16px;height:16px;background:#f443;color:#f44;border-radius:50%;text-align:center;font-size:.7rem;line-height:16px;cursor:help}.error-message{padding:1rem;background:#ff44441a;border:1px solid rgba(255,68,68,.3);border-radius:8px;color:#f44;margin-bottom:1rem}.logs-page{display:flex;flex-direction:column;height:calc(100vh - 150px)}.logs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.logs-header h1{margin:0}.logs-controls{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.connection-status{display:flex;align-items:center;gap:.5rem;padding:.25rem .75rem;background:#252525;border-radius:4px;font-size:.85rem}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.connected{background:#4b4}.status-dot.disconnected{background:#f44}.logs-container{flex:1;background:#0d0d0d;border-radius:8px;overflow-y:auto;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,monospace;font-size:.85rem}.logs-empty{padding:2rem;text-align:center;color:#666}.logs-list{padding:.5rem}.log-entry{display:flex;gap:.75rem;padding:.25rem .5rem;border-radius:2px;line-height:1.4}.log-entry:hover{background:#ffffff0d}.log-timestamp{color:#666;flex-shrink:0}.log-level{flex-shrink:0;width:50px;font-weight:600}.level-info{color:#888}.level-warn{color:orange}.level-error{color:#f44}.log-message{color:#ccc;white-space:pre-wrap;word-break:break-word}.log-info .log-message{color:#aaa}.log-warn{background:#ffa5001a}.log-warn .log-message{color:#ffd480}.log-error{background:#ff44441a}.log-error .log-message{color:#f88}.logs-footer{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;color:#666;font-size:.85rem}.paused-indicator{color:orange;font-weight:600}.feature-questionnaire{flex:1;display:flex;flex-direction:column;padding:1.5rem;overflow-y:auto;max-width:600px;margin:0 auto;width:100%}.fq-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem}.fq-intro{text-align:center;margin-bottom:1.5rem}.fq-intro h2{margin:0 0 .5rem;font-size:1.25rem;color:#fff}.fq-intro p{margin:0;font-size:.875rem;color:#888;line-height:1.5}.fq-progress{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.fq-progress-bar{flex:1;height:8px;background:#2a2a2a;border-radius:4px;overflow:hidden}.fq-progress-fill{height:100%;background:linear-gradient(90deg,#ff4b6e,#ff6b8a);transition:width .3s ease}.fq-progress-text{font-size:.875rem;color:#888;white-space:nowrap}.fq-error{background:#ff4b6e1a;border:1px solid rgba(255,75,110,.3);color:#ff6b8a;padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.875rem}.fq-question-card{background:#1a1a1a;border-radius:12px;padding:1.5rem}.fq-question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.fq-category{background:#ff4b6e26;color:#ff6b8a;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.fq-question-num{font-size:.875rem;color:#666}.fq-question-text{font-size:1.125rem;font-weight:500;color:#fff;margin:0 0 1.25rem;line-height:1.4}.fq-phase-indicator{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1.25rem;padding:.75rem;background:#222;border-radius:8px}.fq-phase{display:flex;align-items:center;gap:.5rem;opacity:.4;transition:opacity .2s}.fq-phase.active{opacity:1}.fq-phase.done{opacity:.7}.fq-phase-num{width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:#333;border-radius:50%;font-size:.75rem;font-weight:600;color:#888}.fq-phase.active .fq-phase-num{background:#ff4b6e;color:#fff}.fq-phase.done .fq-phase-num{background:#10b981;color:#fff}.fq-phase-label{font-size:.8rem;color:#888}.fq-phase.active .fq-phase-label{color:#fff;font-weight:500}.fq-phase-connector{width:30px;height:2px;background:#333}.fq-options{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.fq-option{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem;background:#252525;border:2px solid #333;border-radius:8px;text-align:left;font-size:.9rem;color:#ccc;cursor:pointer;transition:all .2s}.fq-option:hover:not(:disabled){background:#2a2a2a;border-color:#444}.fq-option.yours{background:#ff4b6e1a;border-color:#ff4b6e;color:#fff}.fq-option.acceptable{background:#10b9811a;border-color:#10b981}.fq-option:disabled{opacity:.7;cursor:not-allowed}.fq-option-text{flex:1;line-height:1.4}.fq-option-badges{display:flex;gap:.5rem;margin-left:.75rem}.fq-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase}.fq-badge.yours{background:#ff4b6e;color:#fff}.fq-badge.ok{background:#10b981;color:#fff;padding:.2rem .35rem}.fq-badge.ok svg{width:14px;height:14px}.fq-hint{text-align:center;font-size:.8rem;color:#666;padding:.5rem;background:#222;border-radius:6px;margin-bottom:1rem}.fq-importance{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding-top:.75rem;border-top:1px solid #333}.fq-importance-label{font-size:.8rem;color:#888}.fq-importance-pills{display:flex;gap:.35rem}.fq-pill{padding:.35rem .75rem;background:#252525;border:1px solid #333;border-radius:20px;font-size:.75rem;color:#888;cursor:pointer;transition:all .2s}.fq-pill:hover{background:#2a2a2a;color:#ccc}.fq-pill.selected{background:#ff4b6e;border-color:#ff4b6e;color:#fff}.fq-footer{display:flex;justify-content:space-between;gap:1rem;padding-top:1rem;border-top:1px solid #333}.fq-skip,.fq-back{padding:.625rem 1.25rem;background:transparent;border:1px solid #444;border-radius:6px;color:#888;font-size:.875rem;cursor:pointer;transition:all .2s}.fq-skip:hover:not(:disabled),.fq-back:hover:not(:disabled){background:#252525;color:#ccc}.fq-next{padding:.625rem 1.5rem;background:#ff4b6e;border:none;border-radius:6px;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.fq-next:hover:not(:disabled){background:#ff6b8a}.fq-next:disabled,.fq-skip:disabled,.fq-back:disabled{opacity:.5;cursor:not-allowed}.fq-skip-all{margin-top:1.5rem;text-align:center}.fq-skip-all-btn{background:transparent;border:none;color:#666;font-size:.85rem;cursor:pointer;text-decoration:underline;transition:color .2s}.fq-skip-all-btn:hover{color:#888}@media(max-width:600px){.feature-questionnaire{padding:1rem}.fq-phase-indicator{padding:.5rem}.fq-phase-label{font-size:.7rem}.fq-phase-connector{width:15px}.fq-importance{flex-direction:column;align-items:flex-start}.fq-footer{flex-wrap:wrap}.fq-back,.fq-next{flex:1}}.wizard-page{min-height:100vh;background-color:var(--color-bg-page);color:#ffffffde}.wizard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:var(--spacing-lg);color:var(--color-text-muted)}.wizard-back-link{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:.95rem;padding:0;margin-bottom:var(--spacing-lg);display:inline-flex;align-items:center;gap:var(--spacing-xs)}.wizard-back-link:hover{color:var(--color-text-primary)}.wizard-intro,.wizard-existing{max-width:600px;margin:0 auto;padding:var(--spacing-2xl) var(--spacing-xl)}.wizard-intro h1,.wizard-existing h1{color:var(--color-text-primary);font-size:var(--text-3xl);margin-bottom:var(--spacing-xl)}.wizard-intro-content,.wizard-existing-content{background:var(--color-bg-card);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.wizard-intro-lead{font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--spacing-xl)}.wizard-features{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.wizard-feature{display:flex;gap:var(--spacing-lg);align-items:flex-start}.wizard-feature svg{width:24px;height:24px;color:var(--color-primary);flex-shrink:0;margin-top:var(--spacing-xs)}.wizard-feature strong{display:block;color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.wizard-feature p{color:var(--color-text-muted);font-size:var(--text-sm);margin:0}.wizard-selector{margin-bottom:var(--spacing-xl)}.wizard-selector h3{color:var(--color-text-primary);font-size:var(--text-base);margin-bottom:var(--spacing-lg)}.wizard-options{display:flex;flex-direction:column;gap:var(--spacing-sm)}.wizard-option{display:flex;flex-direction:column;align-items:flex-start;padding:.875rem var(--spacing-lg);background:var(--color-bg-page);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);text-align:left}.wizard-option:hover{border-color:var(--color-primary);background:var(--color-bg-elevated)}.wizard-option.selected{border-color:var(--color-primary);background:var(--color-primary-light)}.wizard-option-label{font-weight:600;color:var(--color-text-primary);font-size:.95rem}.wizard-option-description{font-size:.8rem;color:var(--color-text-muted);margin-top:var(--spacing-xs)}.wizard-start-btn{width:100%;padding:.875rem var(--spacing-xl);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all var(--transition-base)}.wizard-start-btn:hover:not(:disabled){background:var(--color-primary-hover)}.wizard-start-btn:disabled{opacity:.7;cursor:not-allowed}.wizard-complete-badge{display:inline-flex;align-items:center;gap:var(--spacing-sm);background:var(--color-success-light);color:var(--color-success);padding:var(--spacing-sm) var(--spacing-lg);border-radius:20px;font-weight:600;margin-bottom:var(--spacing-xl)}.wizard-complete-badge svg{width:20px;height:20px}.wizard-overview-preview{background:var(--color-bg-page);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);border-left:3px solid var(--color-primary)}.wizard-overview-preview h3{color:var(--color-text-primary);font-size:var(--text-sm);margin-bottom:var(--spacing-sm)}.wizard-overview-preview p{color:var(--color-text-secondary);line-height:1.6;margin:0}.wizard-overview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.wizard-overview-header h3{margin-bottom:0}.wizard-edit-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);background:transparent;border:1px solid var(--color-border);color:var(--color-text-muted);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--text-xs);cursor:pointer;transition:all .2s}.wizard-edit-btn:hover{background:var(--color-bg-secondary);color:var(--color-text-primary);border-color:var(--color-text-muted)}.wizard-edit-btn svg{width:14px;height:14px}.wizard-overview-edit textarea{width:100%;padding:var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--text-sm);line-height:1.6;resize:vertical;min-height:120px;font-family:inherit}.wizard-overview-edit textarea:focus{outline:none;border-color:var(--color-primary)}.wizard-overview-edit-footer{display:flex;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-sm);flex-wrap:wrap}.wizard-char-count{font-size:var(--text-xs);color:var(--color-text-dim)}.wizard-edit-error{font-size:var(--text-xs);color:var(--color-error);flex:1}.wizard-edit-actions{display:flex;gap:var(--spacing-sm);margin-left:auto}.wizard-edit-cancel{background:transparent;border:1px solid var(--color-border);color:var(--color-text-muted);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-sm);font-size:var(--text-sm);cursor:pointer;transition:all .2s}.wizard-edit-cancel:hover:not(:disabled){background:var(--color-bg-secondary);color:var(--color-text-primary)}.wizard-edit-save{background:var(--color-primary);border:none;color:#fff;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-sm);font-size:var(--text-sm);cursor:pointer;transition:all .2s}.wizard-edit-save:hover:not(:disabled){background:var(--color-primary-hover)}.wizard-edit-cancel:disabled,.wizard-edit-save:disabled{opacity:.5;cursor:not-allowed}.wizard-visibility-note{display:block;font-size:var(--text-xs);color:var(--color-text-dim);margin-top:var(--spacing-md);font-style:italic}.wizard-actions{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.wizard-btn{flex:1;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all var(--transition-base)}.wizard-btn.secondary{background:var(--color-border);color:var(--color-text-primary);border:1px solid var(--color-border-light)}.wizard-btn.secondary:hover{background:var(--color-border-light)}.wizard-btn.danger{background:var(--color-error-light);color:var(--color-error);border:1px solid rgba(220,38,38,.3)}.wizard-btn.danger:hover{background:#dc26264d}.wizard-recalculate-btn{width:100%;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-page);color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:all var(--transition-base)}.wizard-recalculate-btn:hover:not(:disabled){background:var(--color-border);color:var(--color-text-primary)}.wizard-recalculate-btn:disabled{opacity:.7;cursor:not-allowed}.wizard-chat-container{max-width:700px;margin:0 auto;padding:var(--spacing-lg);display:flex;flex-direction:column;min-height:100vh}.wizard-chat-header{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-sm) 0 var(--spacing-lg);border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-lg)}.wizard-chat-header h1{color:var(--color-text-primary);font-size:var(--text-xl);margin:0}.wizard-chat{flex:1;display:flex;flex-direction:column}.wizard-chat-messages{flex:1;overflow-y:auto;padding:var(--spacing-lg) 0;display:flex;flex-direction:column;gap:var(--spacing-lg)}.wizard-chat-message{max-width:85%;padding:var(--spacing-lg) 1.25rem;border-radius:var(--radius-lg);line-height:1.5;white-space:pre-wrap}.wizard-chat-message.assistant{background:var(--color-bg-card);color:#ddd;align-self:flex-start;border:1px solid var(--color-border)}.wizard-chat-message.user{background:var(--color-primary);color:#fff;align-self:flex-end}.wizard-chat-input-container{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg) 0;background:var(--color-bg-page);position:sticky;bottom:0}.wizard-chat-input{flex:1;padding:.875rem var(--spacing-lg);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base);background:var(--color-bg-card);color:var(--color-text-primary);transition:border-color var(--transition-base)}.wizard-chat-input:focus{outline:none;border-color:var(--color-primary)}.wizard-chat-input::placeholder{color:var(--color-text-dim)}.wizard-send-btn{padding:.875rem;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center}.wizard-send-btn:hover:not(:disabled){background:var(--color-primary-hover)}.wizard-send-btn:disabled{opacity:.5;cursor:not-allowed}.wizard-send-btn svg{width:20px;height:20px}.generate-summary-container{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-top:var(--spacing-lg);text-align:center}.generate-summary-text{color:var(--color-text-secondary);margin:0 0 var(--spacing-lg) 0}.generate-summary-btn{padding:.875rem var(--spacing-2xl);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all var(--transition-base)}.generate-summary-btn:hover:not(:disabled){background:var(--color-primary-hover)}.generate-summary-btn:disabled{opacity:.7;cursor:not-allowed}.wizard-complete-screen{max-width:500px;margin:0 auto;padding:var(--spacing-3xl) var(--spacing-xl);text-align:center}.wizard-complete-icon{width:80px;height:80px;background:var(--color-success-light);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-xl)}.wizard-complete-icon svg{width:40px;height:40px;color:var(--color-success)}.wizard-complete-screen h2{color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.wizard-complete-subtitle{color:var(--color-text-muted);margin-bottom:var(--spacing-2xl)}.wizard-done-btn{padding:.875rem var(--spacing-2xl);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all var(--transition-base)}.wizard-done-btn:hover{background:var(--color-primary-hover)}.wizard-error-banner{background:var(--color-error-light);color:var(--color-error);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-lg)}.wizard-error-banner button{background:none;border:none;color:var(--color-error);font-size:var(--text-xl);cursor:pointer;padding:0;line-height:1}.wizard-questions-container{max-width:600px;margin:0 auto;padding:var(--spacing-2xl) var(--spacing-xl)}.wizard-questions-container h1{color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.wizard-page-subtitle{color:var(--color-text-muted);margin-bottom:var(--spacing-xl)}@media(max-width:640px){.wizard-intro,.wizard-existing,.wizard-intro-content,.wizard-existing-content{padding:1rem}.wizard-chat-message{max-width:90%}.wizard-actions{flex-direction:column}}.messages-page{display:flex;height:calc(100vh - 80px);max-height:calc(100vh - 80px);overflow:hidden}.messages-sidebar{width:320px;min-width:320px;border-right:1px solid var(--color-border);display:flex;flex-direction:column;overflow:hidden;background:var(--color-bg-card)}.messages-sidebar-header{padding:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.messages-sidebar-header h2{margin:0;font-size:var(--text-xl);color:var(--color-text-primary)}.new-matches-section{padding:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.new-matches-title{font-size:var(--text-sm);color:var(--color-text-muted);margin:0 0 var(--spacing-md) 0;text-transform:uppercase;letter-spacing:.05em}.new-matches-row{display:flex;gap:var(--spacing-md);overflow-x:auto;padding-bottom:var(--spacing-sm);scrollbar-width:thin}.new-matches-row::-webkit-scrollbar{height:4px}.new-matches-row::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}.new-match-avatar{width:56px;height:56px;min-width:56px;border-radius:var(--radius-full);border:2px solid var(--color-primary);cursor:pointer;transition:transform var(--transition-fast),border-color var(--transition-fast);object-fit:cover;background:var(--color-bg-elevated)}.new-match-avatar:hover{transform:scale(1.1);border-color:var(--color-primary-hover)}.new-match-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.new-match-name{font-size:var(--text-xs);color:var(--color-text-secondary);max-width:56px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.conversations-list{flex:1;overflow-y:auto}.conversation-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);cursor:pointer;transition:background var(--transition-fast);border-bottom:1px solid var(--color-border)}.conversation-item:hover{background:var(--color-bg-elevated)}.conversation-item.active{background:var(--color-bg-elevated);border-left:3px solid var(--color-primary)}.conversation-avatar-wrapper{position:relative;flex-shrink:0}.conversation-avatar{width:48px;height:48px;min-width:48px;border-radius:var(--radius-full);object-fit:cover;background:var(--color-bg-elevated)}.online-indicator{position:absolute;bottom:2px;right:2px;width:12px;height:12px;background:#22c55e;border:2px solid var(--color-bg-card);border-radius:var(--radius-full)}.conversation-info{flex:1;min-width:0}.conversation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.conversation-name{font-weight:500;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-time{font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap}.conversation-preview{font-size:var(--text-sm);color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-item.unread .conversation-preview{color:var(--color-text-secondary);font-weight:500}.unread-badge{background:var(--color-primary);color:#fff;font-size:var(--text-xs);font-weight:600;padding:2px 6px;border-radius:var(--radius-full);min-width:18px;text-align:center}.chat-view{flex:1;display:flex;flex-direction:column;background:var(--color-bg-page);overflow:hidden}.chat-view-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color-text-muted);gap:var(--spacing-lg)}.chat-view-empty-icon{font-size:3rem;opacity:.5}.chat-header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);border-bottom:1px solid var(--color-border);background:var(--color-bg-card)}.chat-back-button{display:none;background:none;border:none;color:var(--color-text-primary);padding:var(--spacing-sm);cursor:pointer;font-size:var(--text-lg)}.chat-header-avatar{width:40px;height:40px;border-radius:var(--radius-full);object-fit:cover}.chat-header-info{flex:1}.chat-header-name{font-weight:600;color:var(--color-text-primary)}.chat-header-status{font-size:var(--text-sm);color:var(--color-text-muted)}.messages-area{flex:1;overflow-y:auto;padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.message-bubble{max-width:70%;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);word-wrap:break-word}.message-bubble.sent{align-self:flex-end;background:var(--color-primary);color:#fff;border-bottom-right-radius:var(--radius-sm)}.message-bubble.received{align-self:flex-start;background:var(--color-bg-elevated);color:var(--color-text-primary);border-bottom-left-radius:var(--radius-sm)}.message-content{margin:0;line-height:1.4}.message-image{max-width:100%;max-height:300px;border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);cursor:pointer}.message-meta{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-xs);font-size:var(--text-xs);opacity:.7}.message-time,.message-read-status{font-size:var(--text-xs)}.message-input-container{padding:var(--spacing-lg);border-top:1px solid var(--color-border);background:var(--color-bg-card)}.message-input-form{display:flex;align-items:flex-end;gap:var(--spacing-md)}.message-input-wrapper{flex:1;display:flex;align-items:flex-end;gap:var(--spacing-sm);background:var(--color-bg-elevated);border-radius:var(--radius-lg);padding:var(--spacing-sm)}.image-upload-button{background:none;border:none;color:var(--color-text-muted);padding:var(--spacing-sm);cursor:pointer;font-size:var(--text-lg);transition:color var(--transition-fast)}.image-upload-button:hover{color:var(--color-primary)}.message-input{flex:1;background:none;border:none;color:var(--color-text-primary);padding:var(--spacing-sm);font-size:var(--text-base);resize:none;min-height:24px;max-height:120px;line-height:1.4}.message-input:focus{outline:none}.message-input::placeholder{color:var(--color-text-muted)}.send-button{background:var(--color-primary);border:none;color:#fff;padding:.625rem;min-width:44px;min-height:44px;border-radius:var(--radius-full);cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast);display:flex;align-items:center;justify-content:center}.send-button:hover:not(:disabled){background:var(--color-primary-hover);transform:scale(1.05)}.send-button:disabled{opacity:.5;cursor:not-allowed}.image-preview-container{padding:var(--spacing-md);border-top:1px solid var(--color-border);background:var(--color-bg-card)}.image-preview-wrapper{display:inline-flex;position:relative}.image-preview{max-height:100px;border-radius:var(--radius-md)}.image-preview-remove{position:absolute;top:-8px;right:-8px;background:var(--color-error);color:#fff;border:none;border-radius:var(--radius-full);width:24px;height:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm)}.first-message-helper{padding:var(--spacing-lg);border-top:1px solid var(--color-border);background:var(--color-bg-subtle)}.first-message-helper-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.first-message-helper-title{font-size:var(--text-sm);color:var(--color-primary);font-weight:500;display:flex;align-items:center;gap:var(--spacing-sm)}.first-message-helper-dismiss{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:var(--spacing-xs)}.first-message-suggestions{display:flex;flex-direction:column;gap:var(--spacing-sm)}.first-message-suggestion{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);cursor:pointer;text-align:left;color:var(--color-text-secondary);transition:border-color var(--transition-fast),background var(--transition-fast)}.first-message-suggestion:hover{border-color:var(--color-primary);background:var(--color-bg-elevated)}.suggestion-approach{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-xs)}.suggestion-text{font-size:var(--text-sm);line-height:1.4}.first-message-loading{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-lg);color:var(--color-text-muted)}.nav-badge{background:var(--color-primary);color:#fff;font-size:10px;font-weight:600;padding:2px 5px;border-radius:var(--radius-full);margin-left:4px;min-width:16px;text-align:center}@media(max-width:768px){.messages-page{position:relative}.messages-sidebar{width:100%;min-width:100%;position:absolute;inset:0;z-index:1;transition:transform var(--transition-base)}.messages-sidebar.hidden{transform:translate(-100%)}.chat-view{position:absolute;inset:0;z-index:2;transform:translate(100%);transition:transform var(--transition-base)}.chat-view.active{transform:translate(0)}.chat-back-button{display:block}.message-bubble{max-width:85%}.new-match-avatar{width:48px;height:48px;min-width:48px}.new-match-name{max-width:48px}}@media(max-width:400px){.message-bubble{max-width:88%}.messages-area{padding:.5rem}}.date-separator{display:flex;align-items:center;justify-content:center;margin:var(--spacing-lg) 0}.date-separator-text{font-size:var(--text-xs);color:var(--color-text-muted);background:var(--color-bg-page);padding:var(--spacing-xs) var(--spacing-md)}.typing-indicator{display:flex;align-items:center;gap:4px;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-elevated);border-radius:var(--radius-lg);width:fit-content;align-self:flex-start}.typing-indicator span{width:8px;height:8px;background:var(--color-text-muted);border-radius:var(--radius-full);animation:typing 1.4s infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-4px);opacity:1}}.avatar{border-radius:var(--radius-full);object-fit:cover}.avatar-sm{width:32px;height:32px;min-width:32px;font-size:var(--text-sm)}.avatar-md{width:40px;height:40px;min-width:40px;font-size:var(--text-base)}.avatar-lg{width:48px;height:48px;min-width:48px;font-size:var(--text-lg)}.avatar-xl{width:56px;height:56px;min-width:56px;font-size:var(--text-xl)}.avatar-placeholder{display:flex;align-items:center;justify-content:center;font-weight:600;background:var(--color-bg-elevated);color:var(--color-text-muted)}.new-match-avatar.avatar-placeholder{color:var(--color-primary)}.conversation-avatar.avatar-placeholder,.chat-header-avatar.avatar-placeholder{background:var(--color-bg-elevated)}.chat-header-info{text-decoration:none;flex:1}.chat-header-info:hover .chat-header-name{color:var(--color-primary)}.conversations-list-empty{padding:2rem;text-align:center;color:var(--color-text-muted)}.conversations-list-empty .empty-hint{font-size:var(--text-sm);margin-top:var(--spacing-sm)}.conversation-preview-row{display:flex;align-items:center;gap:var(--spacing-sm)}.messages-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color-text-muted);text-align:center}.messages-empty-hint{font-size:var(--text-sm);margin-top:var(--spacing-sm)}.loading-spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.loading-spinner-sm{width:16px;height:16px;border-width:2px}.first-message-error{display:flex;align-items:center;justify-content:space-between;color:var(--color-text-muted)}.first-message-error button{background:var(--color-bg-elevated);border:1px solid var(--color-border);color:var(--color-text-secondary);padding:.25rem .75rem;border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm)}.send-error{background:var(--color-error-light);border:1px solid var(--color-error);color:var(--color-error);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);font-size:var(--text-sm);display:flex;justify-content:space-between;align-items:center}.send-error button{background:none;border:none;color:var(--color-error);cursor:pointer;font-size:var(--text-sm)}.verification-required-input{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(90deg,#b45309,#d97706);color:#fff;font-size:var(--text-sm);font-weight:500;border-radius:var(--radius-md)}.verification-required-input .verification-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;background:#fff3;border-radius:50%;font-weight:700;font-size:.75rem}.profile-views-page{max-width:800px;margin:0 auto;padding:var(--spacing-xl)}.profile-views-header{margin-bottom:var(--spacing-xl)}.profile-views-header h1{font-size:var(--text-2xl);color:var(--color-text-primary);margin:0 0 var(--spacing-lg) 0}.profile-views-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.stat-value{display:block;font-size:var(--text-2xl);font-weight:700;color:var(--color-primary);margin-bottom:var(--spacing-xs)}.stat-label{font-size:var(--text-sm);color:var(--color-text-muted)}.viewers-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.viewer-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-decoration:none;transition:border-color var(--transition-fast),background var(--transition-fast)}.viewer-card:hover{border-color:var(--color-primary);background:var(--color-bg-elevated)}.viewer-avatar{flex-shrink:0}.viewer-info{flex:1;min-width:0}.viewer-name{font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.viewer-details{display:flex;gap:var(--spacing-md);font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.viewer-details span:not(:last-child):after{content:"•";margin-left:var(--spacing-md);color:var(--color-text-muted)}.viewer-meta{display:flex;gap:var(--spacing-md);font-size:var(--text-xs);color:var(--color-text-muted)}.view-time{color:var(--color-text-muted)}.view-count{background:var(--color-bg-elevated);padding:2px 8px;border-radius:var(--radius-full)}.viewer-action{color:var(--color-text-muted);font-size:var(--text-lg)}.viewer-card:hover .viewer-action{color:var(--color-primary)}.empty-state{text-align:center;padding:var(--spacing-2xl) var(--spacing-lg)}.empty-icon{font-size:3rem;margin-bottom:var(--spacing-lg);opacity:.5}.empty-state h3{color:var(--color-text-primary);margin:0 0 var(--spacing-sm) 0}.empty-state p{color:var(--color-text-muted);margin:0 0 var(--spacing-lg) 0}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.pagination button{background:var(--color-bg-card);border:1px solid var(--color-border);color:var(--color-text-secondary);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.pagination button:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.pagination button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:640px){.profile-views-page{padding:var(--spacing-lg)}.profile-views-stats{grid-template-columns:1fr}.viewer-card{flex-wrap:wrap}.viewer-details{flex-direction:column;gap:var(--spacing-xs)}.viewer-details span:not(:last-child):after{display:none}}.admin-analytics-page{max-width:1200px;margin:0 auto;padding:var(--spacing-xl)}.analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.analytics-header h1{font-size:var(--text-2xl);color:var(--color-text-primary);margin:0}.analytics-actions{display:flex;gap:var(--spacing-md)}.analytics-section{margin-bottom:var(--spacing-2xl)}.analytics-section h2{font-size:var(--text-lg);color:var(--color-text-primary);margin:0 0 var(--spacing-lg) 0;padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border)}.section-header h2{margin:0;border:none;padding:0}.section-action{margin-top:var(--spacing-lg);text-align:center}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md)}.stats-grid.cols-3{grid-template-columns:repeat(3,1fr)}.stats-grid.cols-4{grid-template-columns:repeat(4,1fr)}.stat-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:center}.stat-card.primary{border-color:var(--color-primary);background:#8b5cf61a}.stat-card.success{border-color:#22c55e;background:#22c55e1a}.stat-card.warning{border-color:#f59e0b;background:#f59e0b1a}.stat-card.danger{border-color:#ef4444;background:#ef44441a}.stat-value{font-size:var(--text-2xl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.stat-card.primary .stat-value{color:var(--color-primary)}.stat-card.success .stat-value{color:#22c55e}.stat-card.warning .stat-value{color:#f59e0b}.stat-card.danger .stat-value{color:#ef4444}.stat-label{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.stat-detail{font-size:var(--text-xs);color:var(--color-text-muted)}.data-table{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.data-table table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:var(--spacing-md) var(--spacing-lg);text-align:left;border-bottom:1px solid var(--color-border)}.data-table th{background:var(--color-bg-elevated);font-weight:600;color:var(--color-text-secondary);font-size:var(--text-sm)}.data-table tr:last-child td{border-bottom:none}.data-table a{color:var(--color-primary);text-decoration:none}.data-table a:hover{text-decoration:underline}.trend-select{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-card);color:var(--color-text-primary);font-size:var(--text-sm)}.trends-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg)}.trend-chart{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.trend-bars{display:flex;align-items:flex-end;gap:2px;height:60px}.trend-bar{flex:1;min-height:2px;border-radius:2px 2px 0 0;transition:opacity var(--transition-fast)}.trend-empty{color:var(--color-text-muted);font-size:var(--text-sm);height:60px;display:flex;align-items:center;justify-content:center}.analytics-footer{text-align:center;padding-top:var(--spacing-xl);border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:var(--text-sm)}.loading-state,.error-state{text-align:center;padding:var(--spacing-2xl);color:var(--color-text-muted)}@media(max-width:1024px){.stats-grid,.stats-grid.cols-3,.stats-grid.cols-4,.trends-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.admin-analytics-page{padding:var(--spacing-lg)}.analytics-header{flex-direction:column;gap:var(--spacing-md);align-items:flex-start}.stats-grid,.stats-grid.cols-3,.stats-grid.cols-4,.trends-grid{grid-template-columns:1fr}.data-table{overflow-x:auto}.data-table table{min-width:400px}}.admin-llm-usage-page{max-width:1200px;margin:0 auto;padding:var(--spacing-xl)}.llm-usage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.llm-usage-header h1{font-size:var(--text-2xl);color:var(--color-text-primary);margin:0}.llm-usage-controls{display:flex;gap:var(--spacing-md);align-items:center}.period-select{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-card);color:var(--color-text-primary);font-size:var(--text-sm)}.llm-usage-section{margin-bottom:var(--spacing-2xl)}.llm-usage-section h2{font-size:var(--text-lg);color:var(--color-text-primary);margin:0 0 var(--spacing-lg) 0;padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border)}.llm-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md)}.llm-stat-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:center}.llm-stat-card.primary{border-color:var(--color-primary);background:#8b5cf61a}.llm-stat-card.success{border-color:#22c55e;background:#22c55e1a}.llm-stat-card.warning{border-color:#f59e0b;background:#f59e0b1a}.llm-stat-card.info{border-color:#3b82f6;background:#3b82f61a}.llm-stat-value{font-size:var(--text-2xl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.llm-stat-card.primary .llm-stat-value{color:var(--color-primary)}.llm-stat-card.success .llm-stat-value{color:#22c55e}.llm-stat-card.warning .llm-stat-value{color:#f59e0b}.llm-stat-card.info .llm-stat-value{color:#3b82f6}.llm-stat-label{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.llm-stat-detail{font-size:var(--text-xs);color:var(--color-text-muted)}.feature-table{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.feature-table table{width:100%;border-collapse:collapse}.feature-table th,.feature-table td{padding:var(--spacing-md) var(--spacing-lg);text-align:left;border-bottom:1px solid var(--color-border)}.feature-table th{background:var(--color-bg-elevated);font-weight:600;color:var(--color-text-secondary);font-size:var(--text-sm)}.feature-table tr:last-child td{border-bottom:none}.feature-table td.number{text-align:right;font-variant-numeric:tabular-nums}.feature-table .cost-value{color:#22c55e;font-weight:600}.feature-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-elevated);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.top-users-table{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.top-users-table table{width:100%;border-collapse:collapse}.top-users-table th,.top-users-table td{padding:var(--spacing-md) var(--spacing-lg);text-align:left;border-bottom:1px solid var(--color-border)}.top-users-table th{background:var(--color-bg-elevated);font-weight:600;color:var(--color-text-secondary);font-size:var(--text-sm)}.top-users-table tr:last-child td{border-bottom:none}.top-users-table .view-btn{padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:var(--text-xs);cursor:pointer;transition:background var(--transition-fast)}.top-users-table .view-btn:hover{background:var(--color-primary-hover)}.trends-container{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.trends-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.trend-chart{padding:var(--spacing-md)}.trend-chart h4{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0 0 var(--spacing-xs) 0}.trend-total{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.trend-bars{display:flex;align-items:flex-end;gap:2px;height:80px}.trend-bar{flex:1;min-height:2px;border-radius:2px 2px 0 0;transition:opacity var(--transition-fast);position:relative}.trend-bar:hover{opacity:.8}.trend-bar[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:var(--color-bg-elevated);border:1px solid var(--color-border);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--text-xs);white-space:nowrap;z-index:10}.trend-empty{color:var(--color-text-muted);font-size:var(--text-sm);height:80px;display:flex;align-items:center;justify-content:center}.user-detail-modal{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.user-detail-content{background:var(--color-bg-card);border-radius:var(--radius-lg);max-width:800px;width:90%;max-height:80vh;overflow-y:auto;padding:var(--spacing-xl)}.user-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.user-detail-header h3{margin:0;font-size:var(--text-xl)}.user-detail-close{background:none;border:none;font-size:var(--text-xl);color:var(--color-text-secondary);cursor:pointer}.user-detail-close:hover{color:var(--color-text-primary)}.user-detail-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.user-detail-section{margin-bottom:var(--spacing-xl)}.user-detail-section h4{font-size:var(--text-md);color:var(--color-text-secondary);margin:0 0 var(--spacing-md) 0}.history-table{background:var(--color-bg-elevated);border-radius:var(--radius-md);overflow:hidden}.history-table table{width:100%;border-collapse:collapse}.history-table th,.history-table td{padding:var(--spacing-sm) var(--spacing-md);text-align:left;border-bottom:1px solid var(--color-border);font-size:var(--text-sm)}.history-table th{background:var(--color-bg-card);font-weight:600;color:var(--color-text-secondary);font-size:var(--text-xs)}.history-table tr:last-child td{border-bottom:none}.llm-empty-state,.llm-loading-state{text-align:center;padding:var(--spacing-2xl);color:var(--color-text-muted)}.llm-error-state{text-align:center;padding:var(--spacing-2xl);color:var(--color-error)}@media(max-width:1024px){.llm-stats-grid{grid-template-columns:repeat(2,1fr)}.trends-grid{grid-template-columns:1fr}}@media(max-width:640px){.admin-llm-usage-page{padding:var(--spacing-lg)}.llm-usage-header{flex-direction:column;gap:var(--spacing-md);align-items:flex-start}.llm-stats-grid,.user-detail-stats{grid-template-columns:1fr}.feature-table,.top-users-table{overflow-x:auto}.feature-table table,.top-users-table table{min-width:500px}}.articles-index{max-width:900px;margin:0 auto;padding:2rem 1rem}.articles-hero{text-align:center;margin-bottom:3rem;padding:2rem 0}.articles-hero h1{font-size:2.5rem;margin:0 0 .75rem;background:linear-gradient(135deg,#ff4b6e,#646cff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.articles-hero p{color:var(--color-text-secondary, #aaa);font-size:1.15rem;margin:0}.articles-grid{display:flex;flex-direction:column;gap:1.5rem}.article-card{display:block;background:var(--color-bg-card, #1a1a1a);border:1px solid var(--color-border, #333);border-radius:16px;padding:2rem;text-decoration:none;transition:all .3s ease;position:relative;overflow:hidden}.article-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#ff4b6e,#646cff);opacity:0;transition:opacity .3s ease}.article-card:hover{border-color:#ff4b6e4d;transform:translateY(-4px);box-shadow:0 12px 40px #0000004d}.article-card:hover:before{opacity:1}.article-card-category{display:inline-block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#ff4b6e;margin-bottom:.75rem}.article-card-title{font-size:1.5rem;font-weight:700;color:var(--color-text-primary, #fff);margin:0 0 .75rem;line-height:1.3}.article-card-excerpt{color:var(--color-text-secondary, #aaa);font-size:1rem;line-height:1.6;margin:0 0 1.25rem}.article-card-meta{display:flex;align-items:center;gap:.75rem;font-size:.85rem;color:var(--color-text-muted, #666)}.article-card-meta .meta-divider{color:var(--color-border, #333)}.article-card-arrow{position:absolute;right:2rem;bottom:2rem;width:40px;height:40px;border-radius:50%;background:#ff4b6e1a;display:flex;align-items:center;justify-content:center;color:#ff4b6e;opacity:0;transform:translate(-10px);transition:all .3s ease}.article-card:hover .article-card-arrow{opacity:1;transform:translate(0)}.article-page{max-width:800px;margin:0 auto;padding:1rem}.article-nav{margin-bottom:2rem}.article-nav .back-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--color-text-secondary, #aaa);text-decoration:none;font-size:.9rem;transition:color .2s}.article-nav .back-link:hover{color:#ff4b6e}.article-content{background:var(--color-bg-card, #1a1a1a);border:1px solid var(--color-border, #333);border-radius:20px;overflow:hidden}.article-header{padding:3rem 2.5rem 2rem;background:linear-gradient(180deg,rgba(255,75,110,.08) 0%,transparent 100%);border-bottom:1px solid var(--color-border, #333)}.article-category{display:inline-block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#ff4b6e;background:#ff4b6e26;padding:.35rem .75rem;border-radius:20px;margin-bottom:1rem}.article-title{font-size:2.25rem;font-weight:800;color:var(--color-text-primary, #fff);margin:0 0 1rem;line-height:1.2}.article-subtitle{font-size:1.2rem;color:var(--color-text-secondary, #aaa);margin:0 0 1.5rem;font-style:italic}.article-meta{display:flex;align-items:center;gap:.75rem;font-size:.9rem;color:var(--color-text-muted, #666)}.meta-divider{color:var(--color-border, #444)}.article-body{padding:2.5rem;font-size:1.1rem;line-height:1.8;color:var(--color-text-secondary, #ccc)}.article-body h2{font-size:1.6rem;font-weight:700;color:var(--color-text-primary, #fff);margin:2.5rem 0 1rem;padding-top:1rem;border-top:1px solid var(--color-border, #333)}.article-body h2:first-child{margin-top:0;padding-top:0;border-top:none}.article-body h3{font-size:1.3rem;font-weight:600;color:var(--color-text-primary, #fff);margin:2rem 0 .75rem}.article-body p{margin:0 0 1.25rem}.article-body strong{color:var(--color-text-primary, #fff);font-weight:600}.article-body ul,.article-body ol{margin:0 0 1.25rem;padding-left:1.5rem}.article-body li{margin-bottom:.5rem}.article-body blockquote{margin:1.5rem 0;padding:1.25rem 1.5rem;background:#646cff1a;border-left:4px solid #646cff;border-radius:0 12px 12px 0;font-style:italic;color:var(--color-text-secondary, #bbb)}.article-body blockquote p{margin:0}.article-body a{color:#ff4b6e;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s}.article-body a:hover{border-bottom-color:#ff4b6e}.article-body .data-table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.95rem}.article-body .data-table th,.article-body .data-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--color-border, #333)}.article-body .data-table th{background:#ffffff0d;color:var(--color-text-primary, #fff);font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em}.article-body .data-table tr:hover td{background:#ffffff05}.callout{margin:1.5rem 0;padding:1.25rem 1.5rem;border-radius:12px;display:flex;gap:1rem;align-items:flex-start}.callout-icon{font-size:1.5rem;flex-shrink:0}.callout-content{flex:1}.callout-content p{margin:0}.callout.warning{background:#eab3081a;border:1px solid rgba(234,179,8,.3)}.callout.info{background:#646cff1a;border:1px solid rgba(100,108,255,.3)}.callout.success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3)}.pull-quote{margin:2rem 0;padding:2rem;text-align:center;font-size:1.4rem;font-weight:600;color:var(--color-text-primary, #fff);background:linear-gradient(135deg,#ff4b6e1a,#646cff1a);border-radius:16px;line-height:1.4}.styled-list{counter-reset:item;list-style:none;padding-left:0}.styled-list li{counter-increment:item;display:flex;gap:1rem;margin-bottom:1rem;padding:1rem;background:#ffffff08;border-radius:12px}.styled-list li:before{content:counter(item);display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;background:linear-gradient(135deg,#ff4b6e,#646cff);color:#fff;font-weight:700;font-size:.9rem;border-radius:50%;flex-shrink:0}.article-footer{padding:2.5rem;background:#ffffff05;border-top:1px solid var(--color-border, #333)}.article-cta{text-align:center;padding:2rem;background:linear-gradient(135deg,#ff4b6e26,#646cff26);border-radius:16px;margin-bottom:2rem}.article-cta h3{font-size:1.5rem;color:var(--color-text-primary, #fff);margin:0 0 .5rem}.article-cta p{color:var(--color-text-secondary, #aaa);margin:0 0 1.5rem}.cta-button{display:inline-block;padding:.875rem 2rem;background:linear-gradient(135deg,#ff4b6e,#e6435f);color:#fff;font-weight:600;text-decoration:none;border-radius:12px;transition:all .2s}.cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ff4b6e4d}.article-share{display:flex;align-items:center;justify-content:center;gap:1rem;color:var(--color-text-muted, #666);font-size:.9rem}.share-buttons{display:flex;gap:.5rem}.share-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--color-bg-subtle, #252525);color:var(--color-text-secondary, #aaa);transition:all .2s}.share-btn:hover{transform:translateY(-2px)}.share-btn.twitter:hover{background:#1da1f2;color:#fff}.share-btn.linkedin:hover{background:#0077b5;color:#fff}.article-bottom-nav{text-align:center;padding:2rem 0}.view-all-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--color-text-secondary, #aaa);text-decoration:none;font-size:.95rem;transition:color .2s}.view-all-link:hover{color:#ff4b6e}.article-body hr{border:none;border-top:1px solid var(--color-border, #333);margin:2rem 0}.article-body figure{margin:1.5rem 0}.article-body figcaption{text-align:center;font-size:.9rem;color:var(--color-text-muted, #666);margin-top:.5rem}.article-media{margin:2rem 0;text-align:center}.article-media img,.article-media video{max-width:100%;height:auto;border-radius:12px;box-shadow:0 8px 32px #0000004d}.article-media video{display:block;margin:0 auto}@media(max-width:768px){.articles-hero h1{font-size:2rem}.article-card{padding:1.5rem}.article-card-title{font-size:1.25rem}.article-card-arrow{display:none}.article-header{padding:2rem 1.5rem 1.5rem}.article-title{font-size:1.75rem}.article-body{padding:1.5rem;font-size:1rem}.article-body h2{font-size:1.4rem}.article-body h3{font-size:1.15rem}.pull-quote{font-size:1.2rem;padding:1.5rem}.article-footer,.article-cta{padding:1.5rem}}.profile-generator-page{min-height:100vh;background:var(--color-bg-page);color:var(--color-text-primary)}.generator-nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;max-width:1200px;margin:0 auto}.generator-logo{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);text-decoration:none;display:flex;align-items:center;gap:.25rem}.generator-nav .nav-links{display:flex;align-items:center;gap:1rem}.generator-nav .nav-link-login{color:var(--color-text-secondary);text-decoration:none;font-weight:500;padding:.5rem 1rem;transition:color .2s}.generator-nav .nav-link-login:hover{color:var(--color-text-primary)}.generator-nav .nav-cta{background:var(--color-primary);color:#fff;padding:.6rem 1.25rem;border-radius:var(--radius-md);font-weight:600;text-decoration:none;transition:background .2s}.generator-nav .nav-cta:hover{background:var(--color-primary-hover)}.generator-hero{padding:5rem 2rem 6rem;text-align:center;background:linear-gradient(180deg,rgba(255,75,110,.08) 0%,transparent 100%)}.generator-hero .hero-content{max-width:800px;margin:0 auto}.generator-hero h1{font-size:3.25rem;font-weight:800;line-height:1.15;margin-bottom:1.5rem}.generator-hero .highlight{background:linear-gradient(135deg,#ff4b6e,#9333ea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.generator-hero .hero-subtitle{font-size:1.35rem;color:var(--color-text-secondary);line-height:1.6;margin-bottom:2.5rem;max-width:650px;margin-left:auto;margin-right:auto}.cta-primary{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#ff4b6e,#e6435f);color:#fff;padding:.875rem 2rem;border-radius:12px;font-weight:600;font-size:1.1rem;text-decoration:none;transition:all .2s;border:none;cursor:pointer}.cta-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ff4b6e66}.cta-primary.large{padding:1.1rem 2.5rem;font-size:1.2rem}.section-content{max-width:900px;margin:0 auto;padding:0 1.5rem}.profile-generator-page section h2{font-size:2.25rem;font-weight:700;text-align:center;margin-bottom:2rem}.profile-generator-page .highlight-subtle{color:var(--color-text-muted)}.problem-section{padding:5rem 2rem;background:var(--color-bg-card)}.problem-section .section-lead{font-size:1.25rem;text-align:center;color:var(--color-text-secondary);margin-bottom:2.5rem}.pain-points{list-style:none;padding:0;margin:0 0 2rem;display:flex;flex-direction:column;gap:1rem;max-width:550px;margin-left:auto;margin-right:auto}.pain-points li{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--color-bg-elevated);border-radius:12px;font-size:1.05rem;color:var(--color-text-secondary)}.pain-icon{font-size:1.5rem;flex-shrink:0}.problem-conclusion{text-align:center;font-size:1.1rem;color:var(--color-text-secondary);max-width:550px;margin:0 auto}.how-it-works-section{padding:5rem 2rem}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.step-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:16px;padding:2rem;position:relative}.step-number{position:absolute;top:-16px;left:24px;width:32px;height:32px;background:linear-gradient(135deg,#ff4b6e,#9333ea);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.95rem;color:#fff}.step-card h3{font-size:1.15rem;font-weight:600;margin-bottom:.75rem;color:var(--color-text-primary)}.step-card p{color:var(--color-text-secondary);line-height:1.6;font-size:.95rem}.what-you-get-section{padding:5rem 2rem;background:linear-gradient(180deg,var(--color-bg-card) 0%,var(--color-bg-page) 100%)}.profile-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin-bottom:2.5rem}.profile-card{border-radius:16px;overflow:hidden;transition:transform .2s}.profile-card:hover{transform:translateY(-4px)}.profile-card .card-header{padding:1rem 1.25rem}.profile-card .card-content{padding:1.25rem;background:var(--color-bg-card);border:1px solid;border-top:none;border-radius:0 0 16px 16px}.profile-card h4{font-size:.95rem;font-weight:600;margin-bottom:.5rem;color:var(--color-text-primary)}.profile-card p{font-size:.9rem;color:var(--color-text-secondary);line-height:1.5}.profile-card.tinder .card-header{background:linear-gradient(135deg,#fe3c54,#ff655b)}.profile-card.tinder .card-content{border-color:#fe3c544d}.profile-card.tinder .app-badge{color:#fe3c54}.profile-card.hinge .card-header{background:linear-gradient(135deg,#7456ae,#9370db)}.profile-card.hinge .card-content{border-color:#7456ae4d}.profile-card.hinge .app-badge{color:#7456ae}.profile-card.bumble .card-header{background:linear-gradient(135deg,#ffc800,#ffd500)}.profile-card.bumble .card-content{border-color:#ffc8004d}.profile-card.bumble .app-badge{color:#c99700}.app-badge{font-weight:700;font-size:1.1rem;color:#fff}.free-callout{text-align:center;padding:2rem;background:linear-gradient(135deg,#ff4b6e1a,#9333ea1a);border-radius:16px;border:1px solid rgba(255,75,110,.2)}.free-badge{display:inline-block;background:linear-gradient(135deg,#ff4b6e,#9333ea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:1.5rem;font-weight:700;margin-bottom:.75rem}.free-callout p{color:var(--color-text-secondary);font-size:1rem}.why-works-section{padding:5rem 2rem}.reasons-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.reason-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:16px;padding:1.75rem;text-align:center;transition:border-color .2s}.reason-card:hover{border-color:#ff4b6e66}.reason-icon{font-size:2.5rem;margin-bottom:1rem}.reason-card h4{font-size:1.05rem;font-weight:600;margin-bottom:.75rem;color:var(--color-text-primary)}.reason-card p{font-size:.9rem;color:var(--color-text-secondary);line-height:1.55}.trust-section{padding:5rem 2rem;background:var(--color-bg-card)}.trust-items{display:flex;flex-direction:column;gap:1.25rem;max-width:600px;margin:0 auto}.trust-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;background:var(--color-bg-elevated);border-radius:12px}.trust-icon{width:24px;height:24px;border-radius:50%;background:#22c55e33;color:#22c55e;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;flex-shrink:0}.trust-item div{display:flex;flex-direction:column;gap:.25rem}.trust-item strong{color:var(--color-text-primary);font-size:1rem}.trust-item span:not(.trust-icon){color:var(--color-text-muted);font-size:.9rem}.faq-section{padding:5rem 2rem}.faq-list{max-width:700px;margin:0 auto;display:flex;flex-direction:column;gap:.75rem}.faq-item{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:12px;cursor:pointer;transition:border-color .2s;overflow:hidden}.faq-item:hover{border-color:#ff4b6e4d}.faq-question{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;font-weight:600;color:var(--color-text-primary)}.faq-chevron{transition:transform .2s;color:var(--color-text-muted)}.faq-item.open .faq-chevron{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}.faq-item.open .faq-answer{max-height:200px}.faq-answer p{padding:0 1.5rem 1.25rem;margin:0;color:var(--color-text-secondary);line-height:1.6}.final-cta-section{padding:6rem 2rem;text-align:center;background:linear-gradient(180deg,transparent 0%,rgba(255,75,110,.1) 100%)}.final-cta-section h2{font-size:2.5rem}.final-cta-section>.section-content>p{font-size:1.15rem;color:var(--color-text-secondary);margin-bottom:2rem}.social-proof-line{margin-top:1.5rem;font-size:.9rem;color:var(--color-text-muted);font-style:italic}.generator-footer{padding:2rem;text-align:center;border-top:1px solid var(--color-border)}.generator-footer .footer-content{display:flex;justify-content:space-between;align-items:center;max-width:900px;margin:0 auto 1rem}.generator-footer .footer-brand{font-size:1.1rem;font-weight:600;display:flex;align-items:center;gap:.25rem}.generator-footer .footer-links{display:flex;gap:1.5rem}.generator-footer .footer-links a{color:var(--color-text-muted);text-decoration:none;font-size:.9rem;transition:color .2s}.generator-footer .footer-links a:hover{color:var(--color-primary)}.footer-copyright{color:var(--color-text-muted);font-size:.85rem}@media(max-width:768px){.generator-nav{padding:1rem}.generator-hero{padding:3rem 1rem 4rem}.generator-hero h1{font-size:2rem}.generator-hero .hero-subtitle{font-size:1.1rem}.profile-generator-page section{padding:3.5rem 1rem}.profile-generator-page section h2{font-size:1.75rem}.steps-grid,.profile-cards,.reasons-grid{grid-template-columns:1fr}.cta-primary.large{padding:1rem 2rem;font-size:1.1rem}.final-cta-section h2{font-size:1.75rem}.generator-footer .footer-content{flex-direction:column;gap:1rem}}:root{--kc-color-hl: #ef4444;--kc-color-1: #60a5fa;--kc-color-2: #2dd4bf;--kc-color-3: #fbbf24;--kc-color-4: #f97316;--kc-color-5: #ff4b6e;--kc-sidebar-width: 260px}.kink-checklist-page{min-height:100vh;background:var(--color-bg-page);color:var(--color-text-primary);display:flex;flex-direction:column}.kink-checklist-body{flex:1;max-width:1400px;width:100%;margin:0 auto;padding:0 var(--spacing-lg);padding-left:calc(var(--kc-sidebar-width) + var(--spacing-xl))}.kink-checklist-main{flex:1;min-width:0;padding:var(--spacing-xl) 0}.kc-header{position:sticky;top:0;z-index:100;background:var(--color-bg-page);border-bottom:1px solid var(--color-border);padding:var(--spacing-lg) var(--spacing-xl)}.kc-header-inner{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);flex-wrap:wrap}.kc-header-left{display:flex;align-items:center;gap:var(--spacing-lg);min-width:0}.kc-logo-link{color:var(--color-text-primary);text-decoration:none;font-size:var(--text-xl);font-weight:700;white-space:nowrap;display:flex;align-items:center;gap:var(--spacing-sm)}.kc-logo-link:hover{color:var(--color-primary)}.kc-title{font-size:var(--text-lg);font-weight:600;color:var(--color-text-secondary);white-space:nowrap}.kc-header-right{display:flex;align-items:center;gap:var(--spacing-md)}.kc-progress{display:flex;align-items:center;gap:var(--spacing-sm)}.kc-progress-bar{width:120px;height:6px;background:var(--color-bg-elevated);border-radius:var(--radius-full);overflow:hidden}.kc-progress-fill{height:100%;background:var(--color-primary);border-radius:var(--radius-full);transition:width var(--transition-slow)}.kc-progress-text{font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap}.kc-btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;cursor:pointer;border:1px solid var(--color-border);background:var(--color-bg-card);color:var(--color-text-secondary);transition:all var(--transition-base);white-space:nowrap}.kc-btn:hover{background:var(--color-bg-elevated);color:var(--color-text-primary)}.kc-btn--primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.kc-btn--primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.kc-btn--danger{color:var(--color-error);border-color:var(--color-error);background:transparent}.kc-btn--danger:hover{background:var(--color-error-light)}.kc-btn svg{width:16px;height:16px;flex-shrink:0}.kc-legend{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);flex-wrap:wrap;max-width:1400px;margin:0 auto;padding-top:var(--spacing-sm)}.kc-legend-item{display:flex;align-items:center;gap:4px;font-size:var(--text-xs);color:var(--color-text-muted)}.kc-legend-swatch{width:14px;height:14px;border-radius:var(--radius-sm);display:inline-block}.kc-sidebar{width:var(--kc-sidebar-width);position:fixed;top:62px;left:0;bottom:0;overflow-y:auto;padding:var(--spacing-xl) 0;padding-left:var(--spacing-lg);padding-right:var(--spacing-lg);border-right:1px solid var(--color-border);background:var(--color-bg-page);z-index:50;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.kc-sidebar-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px}.kc-sidebar-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-base);text-decoration:none;-webkit-user-select:none;user-select:none}.kc-sidebar-item:hover{background:var(--color-bg-elevated);color:var(--color-text-primary)}.kc-sidebar-item--active{background:var(--color-primary-light);color:var(--color-primary);font-weight:500}.kc-sidebar-item--active:hover{background:var(--color-primary-light)}.kc-sidebar-dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-border);flex-shrink:0;transition:background var(--transition-base)}.kc-sidebar-dot--partial{background:var(--color-warning)}.kc-sidebar-dot--complete{background:var(--color-success)}.kc-sidebar-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kc-mobile-tabs{display:none;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:var(--spacing-sm) var(--spacing-lg);gap:var(--spacing-sm);border-top:1px solid var(--color-border);scrollbar-width:none}.kc-mobile-tabs::-webkit-scrollbar{display:none}.kc-mobile-tab{flex-shrink:0;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-2xl);font-size:var(--text-xs);color:var(--color-text-muted);background:var(--color-bg-card);border:1px solid var(--color-border);cursor:pointer;white-space:nowrap;transition:all var(--transition-base)}.kc-mobile-tab:hover{color:var(--color-text-primary);border-color:var(--color-border-light)}.kc-mobile-tab--active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.kc-category{margin-bottom:var(--spacing-3xl);content-visibility:auto;contain-intrinsic-size:auto 500px}.kc-category-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border)}.kc-category-name{font-size:var(--text-xl);font-weight:600;color:var(--color-text-primary)}.kc-category-count{font-size:var(--text-xs);color:var(--color-text-muted)}.kc-column-labels{display:grid;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) 0;margin-bottom:var(--spacing-sm)}.kc-column-labels--general{grid-template-columns:1fr 268px}.kc-column-labels--dual{grid-template-columns:1fr 268px 268px}.kc-column-label{font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;text-align:center}.kc-column-label:first-child{text-align:left}.kc-item{display:grid;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) 0;border-bottom:1px solid rgba(255,255,255,.03)}.kc-item--general{grid-template-columns:1fr 268px}.kc-item--dual{grid-template-columns:1fr 268px 268px}.kc-item:hover{background:#ffffff05}.kc-item-name{font-size:var(--text-sm);color:var(--color-text-secondary);padding-left:var(--spacing-sm)}.kc-rating-buttons{display:flex;gap:3px;justify-content:center}.kc-rating-btn{width:34px;height:32px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg-card);color:var(--color-text-muted);font-size:var(--text-xs);font-weight:600;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;padding:0}.kc-rating-btn:hover{border-color:var(--color-border-light);color:var(--color-text-primary);transform:scale(1.05)}.kc-rating-btn--hl{font-size:10px}.kc-rating-btn--hl.kc-rating-btn--selected{background:var(--kc-color-hl);border-color:var(--kc-color-hl);color:#fff}.kc-rating-btn--1.kc-rating-btn--selected{background:var(--kc-color-1);border-color:var(--kc-color-1);color:#fff}.kc-rating-btn--2.kc-rating-btn--selected{background:var(--kc-color-2);border-color:var(--kc-color-2);color:#1a1a1a}.kc-rating-btn--3.kc-rating-btn--selected{background:var(--kc-color-3);border-color:var(--kc-color-3);color:#1a1a1a}.kc-rating-btn--4.kc-rating-btn--selected{background:var(--kc-color-4);border-color:var(--kc-color-4);color:#fff}.kc-rating-btn--5.kc-rating-btn--selected{background:var(--kc-color-5);border-color:var(--kc-color-5);color:#fff}.kc-note-btn{background:transparent;border:1px solid var(--color-border);color:var(--color-text-muted);font-weight:700;font-size:var(--text-xs);margin-left:2px}.kc-note-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.kc-note-btn--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.kc-note-btn--active:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);color:#fff}.kc-note-spacer{visibility:hidden;pointer-events:none}.kc-item-wrapper{border-bottom:1px solid rgba(255,255,255,.03)}.kc-item-wrapper .kc-item{border-bottom:none}.kc-note-input-row{padding:var(--spacing-xs) var(--spacing-sm) var(--spacing-sm)}.kc-note-input{width:100%;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--text-sm);padding:var(--spacing-sm) var(--spacing-md);font-family:inherit;transition:border-color var(--transition-base)}.kc-note-input::placeholder{color:var(--color-text-muted)}.kc-note-input:focus{outline:none;border-color:var(--color-primary)}.kc-legend-label{font-weight:600}.kc-legend-desc{color:var(--color-text-muted);font-size:10px}.kc-info-btn{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:var(--radius-full);border:1px solid var(--color-border);background:transparent;color:var(--color-text-muted);font-size:11px;font-weight:700;font-style:italic;font-family:Georgia,Times New Roman,serif;cursor:pointer;margin-left:6px;padding:0;flex-shrink:0;transition:all var(--transition-fast);vertical-align:middle;line-height:1}.kc-info-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:#6366f11a}.kc-modal-backdrop{position:fixed;inset:0;background:#0009;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);animation:kc-fade-in .15s ease-out}@keyframes kc-fade-in{0%{opacity:0}to{opacity:1}}@keyframes kc-slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.kc-modal-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-xl);max-width:420px;width:100%;position:relative;animation:kc-slide-up .2s ease-out}.kc-modal-close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);width:32px;height:32px;border:none;background:transparent;color:var(--color-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:all var(--transition-fast);padding:0}.kc-modal-close:hover{background:var(--color-bg-elevated);color:var(--color-text-primary)}.kc-modal-close svg{width:20px;height:20px}.kc-modal-title{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--spacing-md) 0;padding-right:32px}.kc-modal-desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6;margin:0 0 var(--spacing-lg) 0}.kc-modal-link{display:inline-flex;align-items:center;gap:var(--spacing-sm);font-size:var(--text-sm);font-weight:500;color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}.kc-modal-link:hover{color:var(--color-primary-hover)}.kc-modal-link svg{width:14px;height:14px}.kc-gate-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);margin-top:var(--spacing-sm);background:var(--color-bg-elevated);border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--text-sm)}.kc-gate-bar-text{font-style:italic}.kc-gate-bar-expand{background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:500;padding:var(--spacing-xs) var(--spacing-md);cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.kc-gate-bar-expand:hover{background:var(--color-bg-card);color:var(--color-primary);border-color:var(--color-primary)}.kc-cascade-hint{padding:var(--spacing-sm) var(--spacing-md);margin-top:var(--spacing-sm);font-size:var(--text-xs);color:var(--color-text-muted);font-style:italic;text-align:center}.kc-category--hidden{display:none}.kc-btn--toggle{background:var(--color-bg-card);color:var(--color-text-secondary);border:1px solid var(--color-border)}.kc-btn--toggle:hover{background:var(--color-bg-elevated);color:var(--color-text-primary)}.kc-btn--toggle-active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.kc-btn--toggle-active:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);color:#fff}.kc-sidebar-item--dimmed{opacity:.35}.kc-sidebar-item--dimmed:hover{opacity:.6}.kc-mobile-tab--dimmed{opacity:.35}.kc-mobile-tab--dimmed:hover{opacity:.6}.kc-safety-section{margin-bottom:var(--spacing-3xl)}.kc-safety-header{font-size:var(--text-xl);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border)}.kc-safety-fields{display:flex;flex-direction:column;gap:var(--spacing-lg)}.kc-safety-field{display:flex;flex-direction:column;gap:var(--spacing-sm)}.kc-safety-label{font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary)}.kc-safety-input{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--text-sm);padding:var(--spacing-md);resize:vertical;min-height:60px;font-family:inherit;transition:border-color var(--transition-base)}.kc-safety-input:focus{outline:none;border-color:var(--color-primary)}.kc-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(100px);background:var(--color-success);color:#fff;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:500;z-index:1000;opacity:0;transition:all var(--transition-slow);pointer-events:none}.kc-toast--visible{transform:translate(-50%) translateY(0);opacity:1}.kc-mobile-bottom-bar{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--color-bg-card);border-top:1px solid var(--color-border);padding:var(--spacing-sm) var(--spacing-lg);gap:var(--spacing-sm);z-index:100}.kc-mobile-bottom-bar .kc-btn{flex:1;justify-content:center}@media(max-width:1024px){.kc-sidebar{width:52px;padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.kink-checklist-body{padding-left:calc(52px + var(--spacing-lg))}.kc-sidebar-name{display:none}.kc-sidebar-item{justify-content:center;padding:var(--spacing-sm)}.kc-sidebar-dot{width:10px;height:10px}.kc-column-labels--dual,.kc-item--dual{grid-template-columns:1fr 240px 240px}}@media(max-width:768px){.kc-header-inner{flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}.kc-header-left{justify-content:space-between}.kc-header-right{display:none}.kc-legend{gap:var(--spacing-sm);padding-top:var(--spacing-xs)}.kc-legend-item:not(:first-child):not(:last-child) .kc-legend-desc{display:none}.kc-sidebar{display:none}.kc-mobile-tabs,.kc-mobile-bottom-bar{display:flex}.kink-checklist-body{padding:0}.kink-checklist-main{padding:var(--spacing-lg);padding-bottom:72px}.kc-column-labels--dual{display:none}.kc-item--dual{grid-template-columns:1fr;gap:var(--spacing-xs);padding:var(--spacing-md) 0}.kc-item--dual .kc-item-name{margin-bottom:var(--spacing-xs)}.kc-item--dual .kc-rating-col{display:flex;align-items:center;gap:var(--spacing-sm)}.kc-rating-col-label{display:none}.kc-item--dual .kc-rating-col-label{display:block;font-size:var(--text-xs);color:var(--color-text-muted);min-width:70px}.kc-item--general{grid-template-columns:1fr;gap:var(--spacing-xs)}.kc-column-labels--general{display:none}.kc-rating-btn{width:38px;height:36px;min-width:38px}.kc-progress-bar{width:80px}.kc-title{font-size:var(--text-base)}.kc-modal-backdrop{align-items:flex-end;padding:0}.kc-modal-card{border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-width:100%;padding:var(--spacing-xl) var(--spacing-lg);padding-bottom:calc(var(--spacing-xl) + env(safe-area-inset-bottom,0px));animation:kc-slide-up-mobile .25s ease-out}@keyframes kc-slide-up-mobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}}@media(max-width:400px){.kc-rating-btn{width:34px;height:34px;min-width:34px}.kc-rating-buttons{gap:2px}.kc-item--dual .kc-rating-col-label{min-width:55px;font-size:10px}}.kc-sti-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.kc-sti-title{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--spacing-md) 0}.kc-sti-edu-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-base)}.kc-sti-edu-toggle:hover{color:var(--color-text-primary);border-color:var(--color-border-light)}.kc-sti-chevron{width:16px;height:16px;transition:transform var(--transition-base);flex-shrink:0}.kc-sti-chevron--open{transform:rotate(180deg)}.kc-sti-edu-content{padding:var(--spacing-md) var(--spacing-md) var(--spacing-sm);font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6}.kc-sti-edu-content p{margin:0 0 var(--spacing-sm) 0}.kc-sti-edu-content p:last-child{margin-bottom:0}.kc-sti-legend{display:flex;align-items:center;gap:var(--spacing-lg);flex-wrap:wrap;padding:var(--spacing-md) 0;margin-top:var(--spacing-sm);border-bottom:1px solid rgba(255,255,255,.05)}.kc-sti-legend-item{display:flex;align-items:center;gap:6px;font-size:var(--text-xs);color:var(--color-text-muted)}.kc-sti-legend-swatch{width:14px;height:14px;border-radius:var(--radius-sm);display:inline-block}.kc-sti-legend-swatch.kc-sti-btn--neg{background:#22c55e}.kc-sti-legend-swatch.kc-sti-btn--pos{background:#fbbf24}.kc-sti-legend-swatch.kc-sti-btn--unsure{background:var(--color-text-muted)}.kc-sti-legend-swatch.kc-sti-btn--nt{background:var(--color-bg-elevated);border:1px solid var(--color-border)}.kc-sti-group-label{font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;padding:var(--spacing-md) 0 var(--spacing-sm)}.kc-sti-tests{display:flex;flex-direction:column}.kc-sti-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-sm) 0;border-bottom:1px solid rgba(255,255,255,.03)}.kc-sti-row:last-child{border-bottom:none}.kc-sti-row-left{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.kc-sti-test-name{font-size:var(--text-sm);color:var(--color-text-secondary)}.kc-sti-hint{font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.4;font-style:italic}.kc-sti-buttons{display:flex;gap:3px;flex-shrink:0}.kc-sti-btn{min-width:42px;height:32px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg-card);color:var(--color-text-muted);font-size:var(--text-xs);font-weight:600;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;padding:0 var(--spacing-xs)}.kc-sti-btn:hover{border-color:var(--color-border-light);color:var(--color-text-primary);transform:scale(1.05)}.kc-sti-btn--neg.kc-sti-btn--selected{background:#22c55e;border-color:#22c55e;color:#fff}.kc-sti-btn--pos.kc-sti-btn--selected{background:#fbbf24;border-color:#fbbf24;color:#1a1a1a}.kc-sti-btn--unsure.kc-sti-btn--selected{background:var(--color-text-muted);border-color:var(--color-text-muted);color:#fff}.kc-sti-btn--nt.kc-sti-btn--selected{background:var(--color-bg-elevated);border-color:var(--color-border-light);color:var(--color-text-secondary)}.kc-sti-divider{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg) 0 var(--spacing-sm);color:var(--color-text-muted);font-size:var(--text-xs);font-style:italic}.kc-sti-divider:before,.kc-sti-divider:after{content:"";flex:1;border-top:1px dashed var(--color-border)}.kc-sti-date-field{display:flex;align-items:center;gap:var(--spacing-md);padding-top:var(--spacing-lg);margin-top:var(--spacing-sm);border-top:1px solid rgba(255,255,255,.05)}.kc-sti-date-label{font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);white-space:nowrap}.kc-sti-date-input{flex:1;max-width:240px;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--text-sm);padding:var(--spacing-sm) var(--spacing-md);font-family:inherit;transition:border-color var(--transition-base)}.kc-sti-date-input::placeholder{color:var(--color-text-muted)}.kc-sti-date-input:focus{outline:none;border-color:var(--color-primary)}@media(max-width:768px){.kc-sti-card{padding:var(--spacing-lg);border-radius:var(--radius-md)}.kc-sti-row{flex-direction:column;align-items:stretch;gap:var(--spacing-sm);padding:var(--spacing-md) 0}.kc-sti-buttons{justify-content:stretch}.kc-sti-btn{flex:1;min-width:0;height:36px}.kc-sti-legend{gap:var(--spacing-md)}.kc-sti-date-field{flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}.kc-sti-date-input{max-width:100%}}@media(max-width:400px){.kc-sti-btn{font-size:10px;height:34px;padding:0 2px}.kc-sti-buttons{gap:2px}}.kc-profile-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.kc-profile-title{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--spacing-xs) 0}.kc-profile-desc{font-size:var(--text-sm);color:var(--color-text-muted);margin:0 0 var(--spacing-lg) 0}.kc-profile-field{margin-bottom:var(--spacing-lg)}.kc-profile-field:last-child{margin-bottom:0}.kc-profile-label{display:block;font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.kc-profile-pronoun-row{display:flex;align-items:center;gap:var(--spacing-md)}.kc-profile-select{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--text-sm);padding:var(--spacing-sm) var(--spacing-md);font-family:inherit;cursor:pointer;transition:border-color var(--transition-base);min-width:140px}.kc-profile-select:focus{outline:none;border-color:var(--color-primary)}.kc-profile-custom-input{flex:1;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--text-sm);padding:var(--spacing-sm) var(--spacing-md);font-family:inherit;transition:border-color var(--transition-base)}.kc-profile-custom-input::placeholder{color:var(--color-text-muted)}.kc-profile-custom-input:focus{outline:none;border-color:var(--color-primary)}.kc-profile-chips{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.kc-profile-chip{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-2xl);border:1px solid var(--color-border);background:var(--color-bg-card);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.kc-profile-chip:hover{border-color:var(--color-border-light);color:var(--color-text-primary)}.kc-profile-chip--selected{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.kc-profile-chip--selected:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);color:#fff}@media(max-width:768px){.kc-profile-card{padding:var(--spacing-lg);border-radius:var(--radius-md)}.kc-profile-pronoun-row{flex-direction:column;align-items:stretch}.kc-profile-select{width:100%;min-width:0}.kc-profile-chips{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xs)}.kc-profile-chip{text-align:center;min-width:0}}@media(max-width:400px){.kc-profile-chip{font-size:var(--text-xs);padding:var(--spacing-sm) var(--spacing-xs)}}:root{--color-primary: #ff4b6e;--color-primary-hover: #ff3359;--color-primary-light: rgba(255, 75, 110, .15);--color-primary-gradient: linear-gradient(135deg, #ff4b6e, #ff6b8a);--color-accent: #9333ea;--color-accent-hover: #7c22d3;--color-accent-light: rgba(147, 51, 234, .15);--color-link: var(--color-primary);--color-link-hover: var(--color-primary-hover);--color-success: #22c55e;--color-success-light: rgba(34, 197, 94, .2);--color-success-alt: #6ee7b7;--color-success-alt-light: rgba(110, 231, 183, .15);--color-warning: #fbbf24;--color-warning-light: rgba(251, 191, 36, .2);--color-warning-alt: #ffd93d;--color-error: #ef4444;--color-error-light: rgba(239, 68, 68, .2);--color-error-alt: #ff6b6b;--color-bg-page: #242424;--color-bg-dark: #121212;--color-bg-card: #1a1a1a;--color-bg-elevated: #2a2a2a;--color-bg-subtle: #252525;--color-border: #333;--color-border-light: #444;--color-text-primary: #ffffff;--color-text-secondary: #cccccc;--color-text-muted: #888888;--color-text-dim: #666666;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: .75rem;--spacing-lg: 1rem;--spacing-xl: 1.5rem;--spacing-2xl: 2rem;--spacing-3xl: 3rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 50%;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.75rem;--transition-fast: .1s;--transition-base: .2s;--transition-slow: .3s;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 8px rgba(0, 0, 0, .15);--shadow-lg: 0 4px 12px rgba(255, 75, 110, .3)}@media(max-width:400px){:root{--spacing-lg: .75rem;--spacing-xl: 1rem;--spacing-2xl: 1.25rem}}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:spin 1s linear infinite}.loading-spinner.small{width:24px;height:24px;border-width:2px}@keyframes spin{to{transform:rotate(360deg)}}.badge{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-lg);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.badge.optional{background:var(--color-bg-elevated);color:var(--color-text-muted)}.badge.in-progress{background:var(--color-warning-light);color:var(--color-warning-alt)}.badge.completed{background:var(--color-success-light);color:var(--color-success)}.badge.matches-only{background:var(--color-primary-light);color:#ff6b8a}.btn,button[type=submit]{min-height:44px;padding:.75rem 1.25rem;border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:all var(--transition-base);border:none}@media(max-width:600px){.btn,button[type=submit]{min-height:48px;padding:.875rem 1.25rem}}.btn-primary{background:var(--color-primary);color:var(--color-text-primary)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-secondary{background:var(--color-border);color:var(--color-text-secondary);border:1px solid var(--color-border-light)}.btn-secondary:hover:not(:disabled){background:var(--color-border-light);color:var(--color-text-primary)}.btn-danger{background:var(--color-error-light);color:var(--color-error);border:1px solid rgba(220,38,38,.3)}.btn-danger:hover:not(:disabled){background:#dc26264d}.btn:disabled{opacity:.6;cursor:not-allowed}.card{background:var(--color-bg-card);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.highlight-box{background:var(--color-bg-page);border-radius:var(--radius-md);padding:var(--spacing-lg);border-left:3px solid var(--color-primary)}.highlight-box p{margin:0;font-size:var(--text-sm);line-height:1.6;color:var(--color-text-secondary)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.metric{background:var(--color-bg-page);border-radius:var(--radius-md);padding:var(--spacing-md)}.metric-label{display:block;font-size:var(--text-xs);color:var(--color-text-dim);margin-bottom:var(--spacing-xs);text-transform:uppercase;letter-spacing:.05em}.metric-value{font-size:var(--text-sm);color:var(--color-text-secondary)}.text-section{background:var(--color-bg-page);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-md)}.text-label{display:block;font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.text-value{margin:0;font-size:var(--text-sm);line-height:1.5;color:var(--color-text-secondary)}.locked-section{background:linear-gradient(135deg,var(--color-primary-light),rgba(255,75,110,.05));border:1px dashed rgba(255,75,110,.3)}.locked-content{text-align:center;padding:var(--spacing-lg)}.locked-content svg{width:32px;height:32px;fill:var(--color-primary);margin-bottom:var(--spacing-md)}.locked-content h4{margin:0 0 var(--spacing-sm);color:var(--color-text-primary)}.locked-content p{margin:0;color:var(--color-text-muted);font-size:var(--text-sm)}.empty-state{text-align:center;padding:var(--spacing-xl)}.empty-state h4{margin:0 0 var(--spacing-sm);color:var(--color-text-muted)}.empty-state p{margin:0;color:var(--color-text-dim);font-size:var(--text-sm)}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:var(--color-bg-page);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}a{font-weight:500;color:var(--color-link, var(--color-primary));text-decoration:inherit}a:hover{color:var(--color-link-hover, var(--color-primary-hover))}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--color-bg-page);color:#ffffffde}#root{min-height:100vh}h1{font-size:2rem;line-height:1.1}button{border-radius:var(--radius-md);border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--color-bg-card);cursor:pointer;transition:border-color var(--transition-base)}button:hover{border-color:var(--color-primary, #ff4b6e)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.loading{display:flex;justify-content:center;align-items:center;min-height:200px;color:var(--color-text-muted)}