@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700;800&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&display=swap";:root{--bg-cream:#fdfbf7;--primary-burgundy:#800a3f;--primary-hover:#5e062d;--secondary-gold:#d4a373;--secondary-gold-light:#f4eae1;--text-dark:#2b1d24;--text-medium:#6e5f67;--text-light:#a3969e;--white:#fff;--accent-pink:#fde8e9;--accent-pink-text:#b23b44;--accent-success:#e6f4ea;--accent-success-text:#137333;--card-shadow:0 10px 40px #800a3f0a;--hover-shadow:0 18px 45px #800a3f14;--button-shadow:0 4px 15px #800a3f33;--border-radius-sm:8px;--border-radius-md:14px;--border-radius-lg:24px;--font-serif:"Playfair Display", Georgia, serif;--font-display:"Outfit", "Inter", sans-serif;--font-body:"Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-cream);color:var(--text-dark);font-family:var(--font-body);-webkit-font-smoothing:antialiased;line-height:1.6}button,input,select,textarea{font-family:inherit}.font-serif{font-family:var(--font-serif)}.font-display{font-family:var(--font-display)}.app-container{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1}.premium-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background-color:#fdfbf7d9;border-bottom:1px solid #800a3f0d;justify-content:space-between;align-items:center;padding:1rem 2rem;transition:all .3s;display:flex;position:sticky;top:0}.header-brand{color:var(--primary-burgundy);font-family:var(--font-serif);align-items:center;gap:.5rem;font-size:1.8rem;font-weight:700;text-decoration:none;display:flex}.header-brand .brand-logo-heart{color:var(--primary-burgundy);animation:1.5s infinite heartbeat;display:inline-block}.header-nav{align-items:center;gap:2rem;display:flex}.nav-link{color:var(--text-medium);font-family:var(--font-display);padding:.25rem 0;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .3s;position:relative}.nav-link:hover,.nav-link.active{color:var(--primary-burgundy)}.nav-link:after{content:"";background-color:var(--primary-burgundy);width:0;height:2px;transition:width .3s;position:absolute;bottom:0;left:0}.nav-link:hover:after,.nav-link.active:after{width:100%}.header-actions{align-items:center;gap:1rem;display:flex}.btn{border-radius:var(--border-radius-lg);font-family:var(--font-display);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.75rem;font-size:.95rem;font-weight:600;transition:all .3s cubic-bezier(.165,.84,.44,1);display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary-burgundy) 0%, #a31d56 100%);color:var(--white);box-shadow:var(--button-shadow)}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 20px #800a3f4d}.btn-primary:active{transform:translateY(0)}.btn-secondary{border:1.5px solid var(--primary-burgundy);color:var(--primary-burgundy);background-color:#0000}.btn-secondary:hover{background-color:#800a3f0a;transform:translateY(-1px)}.btn-outline{background-color:var(--white);color:var(--text-medium);border:1px solid #800a3f26}.btn-outline:hover{border-color:var(--primary-burgundy);color:var(--primary-burgundy);background-color:var(--bg-cream)}.btn-text{color:var(--primary-burgundy);background:0 0;border:none;padding:.5rem;font-weight:600}.btn-text:hover{color:var(--primary-hover);text-decoration:underline}.badge-premium{color:#8c6031;letter-spacing:.05em;text-transform:uppercase;background:linear-gradient(135deg,#f9f3ea 0%,#f3dfcc 100%);border:1px solid #d4a3734d;border-radius:20px;padding:.25rem .75rem;font-size:.75rem;font-weight:700}.form-group{width:100%;margin-bottom:1.5rem}.form-label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;color:var(--text-medium);margin-bottom:.5rem;font-size:.85rem;font-weight:600;display:block}.form-control{border-radius:var(--border-radius-md);width:100%;color:var(--text-dark);background-color:#fdfbf780;border:1px solid #800a3f1a;padding:.85rem 1.25rem;font-size:1rem;transition:all .3s}.form-control:focus{border-color:var(--primary-burgundy);background-color:var(--white);outline:none;box-shadow:0 0 0 4px #800a3f0f}.form-control::placeholder{color:var(--text-light)}.gender-tabs{gap:1rem;margin-top:.25rem;display:flex}.gender-tab-btn{border-radius:var(--border-radius-md);background-color:var(--white);color:var(--text-medium);cursor:pointer;text-align:center;border:1.5px solid #800a3f1a;flex:1;padding:.85rem;font-weight:600;transition:all .3s}.gender-tab-btn.active{border-color:var(--primary-burgundy);color:var(--primary-burgundy);background-color:#800a3f08}.premium-card{background-color:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--card-shadow);border:1px solid #800a3f05;padding:2.5rem;transition:transform .3s cubic-bezier(.165,.84,.44,1),box-shadow .3s}.premium-card:hover{box-shadow:var(--hover-shadow);transform:translateY(-4px)}@keyframes heartbeat{0%{transform:scale(1)}14%{transform:scale(1.12)}28%{transform:scale(1)}42%{transform:scale(1.12)}70%{transform:scale(1)}}@keyframes fade-in{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.6s cubic-bezier(.165,.84,.44,1) forwards fade-in}.scroll-container{scrollbar-width:thin;scrollbar-color:#800a3f33 transparent;gap:1.5rem;padding:1rem .25rem 2rem;display:flex;overflow-x:auto}.scroll-container::-webkit-scrollbar{height:6px}.scroll-container::-webkit-scrollbar-thumb{background-color:#800a3f26;border-radius:10px}.grid-cols-3{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}@media (width<=992px){.grid-cols-3{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.grid-cols-3{grid-template-columns:1fr}}.mobile-menu-btn{cursor:pointer;color:var(--primary-burgundy);background:0 0;border:none;display:none}.mobile-logout-btn{display:none!important}@media (width<=768px){.mobile-menu-btn{display:block}.premium-header{flex-wrap:wrap;padding:1rem}.header-nav{flex-direction:column;gap:1rem;width:100%;margin-top:1rem;display:none}.header-nav.mobile-open{display:flex}.header-actions{display:none}.mobile-logout-btn{justify-content:center;width:100%;display:inline-flex!important}}.auth-card{background-color:var(--white);width:100%;max-width:1000px;box-shadow:var(--card-shadow);border:1px solid #800a3f08;border-radius:24px;flex-direction:row;min-height:650px;display:flex;overflow:hidden}.auth-banner{background:linear-gradient(135deg, var(--primary-burgundy) 0%, #5e062d 100%);color:var(--white);flex-direction:column;flex:1.1;justify-content:space-between;padding:3rem;display:flex;position:relative}.auth-form-container{flex-direction:column;flex:1.2;justify-content:center;padding:3.5rem 3rem;display:flex}.auth-flex-row{gap:1rem;display:flex}@media (width<=768px){.auth-card{border-radius:16px;flex-direction:column;min-height:auto}.auth-banner{display:none}.auth-form-container{padding:2rem 1.5rem}.auth-flex-row{flex-direction:column;gap:0}}.mobile-only,.mobile-only-flex{display:none!important}.desktop-only{display:flex!important}@media (width<=768px){.mobile-only{display:block!important}.mobile-only-flex{display:flex!important}.desktop-only{display:none!important}.app-container{padding-bottom:70px}}.mobile-dashboard{min-height:100vh;font-family:var(--font-body);background-color:#fef6f0;padding:1.5rem 1.5rem 80px}.mobile-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.mobile-bottom-nav{z-index:100;background:#fff;border-top:1px solid #0000000d;justify-content:space-around;align-items:center;height:70px;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0000000f}@media (width<=768px){.mobile-bottom-nav{display:flex}}.mobile-bottom-nav .nav-item{color:#8e8e93;cursor:pointer;flex-direction:column;align-items:center;gap:4px;font-size:.7rem;transition:color .15s;display:flex}.chats-main{flex-direction:column;flex:1;display:flex}.chats-outer{background-color:var(--bg-cream);flex-direction:column;width:100%;max-width:100%;height:calc(100vh - 71px);margin:0;padding:0;display:flex;overflow:hidden}.chats-title-block{display:none!important}.chats-panel{flex:1;gap:0;width:100%;height:100%;display:flex;overflow:hidden}.chats-sidebar{background:var(--white);border-right:1px solid #800a3f14;flex-direction:column;flex-shrink:0;width:360px;min-width:300px;height:100%;display:flex}.chats-content{background:#f8f5f0;flex-direction:column;flex:1;min-width:0;height:100%;display:flex}@media (width<=768px){.chats-outer{height:calc(100vh - 128px);padding:0}.chats-sidebar{width:100%;min-width:unset;border-right:none;height:100%}.chats-content,.chats-sidebar-hidden-mobile,.chats-content-hidden-mobile{display:none!important}}.mobile-bottom-nav .nav-item.active{color:#b23b44}.mobile-search-bar{color:#a0a0a0;background:#fff;border-radius:30px;align-items:center;gap:.8rem;margin-bottom:1.5rem;padding:.8rem 1.5rem;display:flex;box-shadow:0 4px 15px #00000008}.mobile-premium-card{color:#fff;background:linear-gradient(135deg,#8b184f 0%,#680530 100%);border-radius:20px;margin-bottom:2rem;padding:1.5rem;position:relative}.premium-chip{background:#ffffff26;border-radius:20px;align-items:center;gap:4px;margin-bottom:1rem;padding:4px 12px;font-size:.7rem;font-weight:700;display:inline-flex}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{border:3.5px solid #800a3f1f;border-top:3.5px solid var(--primary-burgundy);border-radius:50%}.profile-preview-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background-color:#2b1d24a6;justify-content:center;align-items:center;padding:1.5rem;animation:.25s ease-out fadeIn;display:flex;position:fixed;inset:0}.profile-preview-modal{background-color:#faf6f0;border-radius:28px;width:100%;max-width:900px;height:90vh;max-height:680px;animation:.3s cubic-bezier(.165,.84,.44,1) scaleUp;position:relative;overflow:hidden;box-shadow:0 30px 80px #2b1d244d}.profile-preview-container{flex-direction:row-reverse;width:100%;height:100%;display:flex}.profile-info-column{background-color:#fcfaf7;flex-direction:column;flex:1.25;height:100%;padding:2.75rem 2.5rem;display:flex;overflow-y:auto}.profile-photo-column{background-color:#2b1d24;flex:1;height:100%;position:relative;overflow:hidden}.profile-preview-modal img{object-fit:cover;width:100%;height:100%;display:block}.profile-verified-badge{font-family:var(--font-display);letter-spacing:.08em;color:#b58450;text-transform:uppercase;margin-bottom:.4rem;font-size:.75rem;font-weight:800}.profile-preview-name{font-family:var(--font-serif);color:var(--primary-burgundy);margin-bottom:.4rem;font-size:2.4rem;font-weight:700;line-height:1.15}.profile-preview-subtitle{font-family:var(--font-body);color:var(--text-medium);margin-bottom:1.25rem;font-size:.95rem;font-weight:500}.profile-preview-divider{background-color:#800a3f14;border:none;height:1px;margin:1.25rem 0}.profile-info-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem;margin-bottom:.5rem;display:grid}.profile-grid-item{align-items:flex-start;gap:.85rem;display:flex}.profile-grid-item-icon-wrapper{color:var(--primary-burgundy);opacity:.85;flex-shrink:0;margin-top:.15rem}.profile-grid-item-label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;color:var(--text-light);margin-bottom:.15rem;font-size:.65rem;font-weight:700}.profile-grid-item-value{font-family:var(--font-body);color:var(--text-dark);font-size:.95rem;font-weight:600;line-height:1.25}.profile-grid-item-subtext{font-family:var(--font-body);color:var(--text-medium);margin-top:.1rem;font-size:.8rem}.profile-preview-section-title{font-family:var(--font-serif);color:var(--primary-burgundy);margin-bottom:.6rem;font-size:1.4rem;font-weight:700}.profile-preview-about-text{font-family:var(--font-body);color:var(--text-medium);font-size:.9rem;line-height:1.6}.profile-hobbies-container{flex-wrap:wrap;gap:.5rem;display:flex}.profile-hobby-tag{font-family:var(--font-display);color:var(--primary-burgundy);text-transform:uppercase;letter-spacing:.02em;background-color:#f5efeb;border:1px solid #800a3f0f;border-radius:20px;padding:.35rem .8rem;font-size:.7rem;font-weight:600}.profile-preview-actions-row{gap:.75rem;margin-top:auto;padding-top:1.5rem;display:flex}.profile-preview-btn-connect{background:linear-gradient(135deg, var(--primary-burgundy) 0%, #a31d56 100%);color:var(--white);cursor:pointer;height:48px;font-weight:700;font-family:var(--font-display);border:none;border-radius:12px;flex:1.3;justify-content:center;align-items:center;gap:.5rem;font-size:.95rem;transition:all .2s;display:flex;box-shadow:0 4px 12px #800a3f26}.profile-preview-btn-connect:hover{filter:brightness(1.1);transform:translateY(-1px)}.profile-preview-btn-message{border:1.5px solid var(--secondary-gold);color:#8c6031;cursor:pointer;height:48px;font-weight:700;font-family:var(--font-display);background-color:#0000;border-radius:12px;flex:1.3;justify-content:center;align-items:center;gap:.5rem;font-size:.95rem;transition:all .2s;display:flex}.profile-preview-btn-message:hover{background-color:#d4a3730d;transform:translateY(-1px)}.profile-preview-btn-bookmark{width:48px;height:48px;color:var(--text-dark);cursor:pointer;background-color:#f3efea;border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.profile-preview-btn-bookmark:hover{background-color:#e9e4dc;transform:translateY(-1px)}.profile-photo-overlay-card{-webkit-backdrop-filter:blur(12px);color:var(--white);z-index:5;background:#2b1d2499;border:1px solid #ffffff26;border-radius:16px;padding:1.1rem 1.25rem;position:absolute;bottom:2rem;left:2rem;right:2rem}.profile-photo-overlay-badge{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--secondary-gold);margin-bottom:.3rem;font-size:.65rem;font-weight:700}.profile-photo-overlay-quote{font-family:var(--font-serif);font-size:1.1rem;font-style:italic;font-weight:600;line-height:1.35}.profile-modal-close-btn{z-index:10;cursor:pointer;width:36px;height:36px;color:var(--white);background-color:#2b1d2466;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:1.5rem;right:1.5rem}.profile-modal-close-btn:hover{background-color:#2b1d2499;transform:scale(1.05)}.profile-info-column::-webkit-scrollbar{width:4px}.profile-info-column::-webkit-scrollbar-thumb{background-color:#800a3f1a;border-radius:10px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media (width<=768px){.profile-preview-modal{border-radius:20px;width:92%;height:90vh;max-height:90vh}.profile-preview-container{flex-direction:column;overflow-y:auto}.profile-photo-column{flex:none;height:340px;min-height:300px}.profile-info-column{flex:none;height:auto;padding:1.75rem 1.5rem;overflow-y:visible}.profile-info-grid{grid-template-columns:1fr;gap:1.15rem}.profile-preview-name{font-size:2rem}.profile-preview-actions-row{border-top:1px solid #800a3f14;margin-top:1.5rem;padding-top:1.25rem}.profile-modal-close-btn{top:1rem;right:1rem}}.profile-section-card{background-color:var(--white);border-radius:var(--border-radius-md);box-shadow:var(--card-shadow);border:1px solid #800a3f0d;margin-bottom:1.25rem;padding:1.5rem;transition:all .25s}.profile-section-card:hover{box-shadow:var(--hover-shadow);transform:translateY(-2px)}.profile-section-card-title{font-family:var(--font-serif);color:var(--primary-burgundy);border-bottom:1px solid #800a3f0f;margin-bottom:1rem;padding-bottom:.4rem;font-size:1.25rem;font-weight:700}.profile-section-card-grid{grid-template-columns:repeat(2,1fr);gap:.85rem 1.5rem;display:grid}.profile-section-card-item{flex-direction:column;gap:.15rem;display:flex}.profile-section-card-label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em;color:var(--text-light);font-size:.72rem;font-weight:700}.profile-section-card-value{font-family:var(--font-body);color:var(--text-dark);font-size:.92rem;font-weight:600}.about-me-card{border:1px solid var(--secondary-gold);background:linear-gradient(135deg, var(--white) 0%, var(--secondary-gold-light) 100%)}.profile-about-bio{font-family:var(--font-body);color:var(--text-medium);margin-bottom:0;font-size:.95rem;font-style:normal;line-height:1.6}.profile-about-subheading{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em;color:var(--text-light);margin-bottom:.6rem;font-size:.72rem;font-weight:700}.profile-privacy-notice{border-radius:var(--border-radius-md);border:1px dashed var(--secondary-gold);background-color:#d4a37314;align-items:center;gap:1rem;margin-top:1.5rem;margin-bottom:1rem;padding:1.25rem;display:flex}.profile-privacy-icon{color:var(--primary-burgundy);flex-shrink:0}.profile-privacy-title{font-family:var(--font-display);color:var(--primary-burgundy);margin-bottom:.15rem;font-size:.9rem;font-weight:700;display:block}.profile-privacy-desc{font-family:var(--font-body);color:var(--text-medium);font-size:.82rem;line-height:1.4;display:block}.profile-fallback-avatar{background:linear-gradient(135deg, var(--primary-burgundy) 0%, var(--secondary-gold) 100%);width:100%;height:100%;font-size:6rem;font-family:var(--font-serif);color:var(--white);opacity:.9;justify-content:center;align-items:center;font-weight:700;display:flex}@media (width<=768px){.profile-section-card{padding:1.15rem}.profile-section-card-grid{grid-template-columns:1fr;gap:.85rem}.profile-about-bio{font-size:1rem}}@keyframes dialog-fade-in{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}}@keyframes dialog-scale-up{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}