@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&family=Dancing+Script:wght@600;700&display=swap";:root{--color-primary-dark: #890F4F;--color-primary: #C2185B;--color-primary-light: #ED417A;--color-pink-light: #F48FB1;--color-pink-pale: #FCE3EA;--color-bg-pink: #F8BEBB;--color-text-dark: #2F2930;--color-text-muted: #8B7B80;--color-white: #FFFFFF;--gradient-primary: linear-gradient(135deg, #890F4F 0%, #C2185B 50%, #ED417A 100%);--gradient-soft: linear-gradient(180deg, #FCE3EA 0%, #F8BEBB 100%);--gradient-wave: linear-gradient(180deg, transparent 0%, #F48FB1 40%, #ED417A 80%, #C2185B 100%);--gradient-card: linear-gradient(180deg, transparent 30%, rgba(137,15,79,.85) 100%);--shadow-sm: 0 2px 8px rgba(194,24,91,.15);--shadow-md: 0 4px 20px rgba(194,24,91,.2);--shadow-lg: 0 8px 32px rgba(194,24,91,.25);--shadow-card: 0 8px 24px rgba(47,41,48,.12);--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--radius-full: 9999px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--font-primary: "Poppins", sans-serif;--font-script: "Dancing Script", cursive;--z-base: 1;--z-card: 10;--z-nav: 100;--z-modal: 200;--z-toast: 300;--transition-fast: .15s ease;--transition-med: .3s ease;--transition-slow: .5s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%;height:100%}body{font-family:var(--font-primary);background:var(--color-pink-pale);color:var(--color-text-dark);min-height:100%;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100%;display:flex;flex-direction:column}img{max-width:100%;height:auto;display:block}button{font-family:var(--font-primary);cursor:pointer;border:none;outline:none;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}button:active{transform:scale(.96)}input,textarea,select{font-family:var(--font-primary);outline:none}a{text-decoration:none;color:inherit}#app{width:100%;min-height:100vh;position:relative}.screen{width:100%;min-height:100vh;position:relative;display:flex;flex-direction:column;background:var(--color-pink-pale);overflow:hidden}.heart-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.heart-bg .heart-decor{position:absolute;border-radius:50% 50% 0 0;background:#f48fb140;animation:floatHeart 6s ease-in-out infinite}.heart-decor:before,.heart-decor:after{content:"";position:absolute;width:100%;height:100%;border-radius:50%;background:inherit}.heart-decor:before{left:-50%;top:0}.heart-decor:after{left:0;top:-50%}.hearts-container{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.h-decor{position:absolute;font-size:80px;opacity:.18;animation:floatHeart linear infinite;-webkit-user-select:none;user-select:none;filter:blur(0px)}.h-decor.large{font-size:110px;opacity:.14}.h-decor.medium{font-size:80px;opacity:.18}.h-decor.small{font-size:55px;opacity:.22}.wave-section{position:absolute;bottom:0;left:0;right:0;pointer-events:none}.wave-section svg{width:100%;display:block}.splash-screen{background:var(--color-pink-pale);justify-content:center;align-items:center}.splash-logo-wrap{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);z-index:1;animation:splashEntrance .8s cubic-bezier(.34,1.56,.64,1) both}.splash-logo-img{width:100px;height:100px;object-fit:contain;filter:drop-shadow(0 4px 16px rgba(194,24,91,.3))}.splash-wordmark{font-family:var(--font-script);font-size:42px;font-weight:700;color:var(--color-primary);letter-spacing:1px;text-shadow:0 2px 8px rgba(194,24,91,.2)}.onboarding-screen{background:var(--color-pink-pale);padding:var(--space-lg) var(--space-lg) 0}.onboarding-skip{position:absolute;top:var(--space-lg);left:var(--space-lg);font-size:14px;color:var(--color-text-muted);font-weight:500;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);background:#ffffffb3;transition:background var(--transition-fast);z-index:10}.onboarding-skip:hover{background:#ffffffe6}.onboarding-illustration{width:240px;height:240px;object-fit:contain;margin:60px auto var(--space-xl);z-index:1;position:relative;animation:fadeInUp .6s ease both;background:#fff9;border-radius:50%;padding:16px;box-shadow:0 8px 32px #c2185b26;display:block}.onboarding-content{position:relative;z-index:1;text-align:left;padding:0 var(--space-sm)}.onboarding-heading{font-size:26px;font-weight:700;color:var(--color-primary);line-height:1.3;margin-bottom:var(--space-md)}.onboarding-heading span{color:var(--color-primary-dark);font-style:italic}.onboarding-subtext{font-size:14px;color:var(--color-text-muted);line-height:1.7;font-weight:400;max-width:300px}.page-indicators{display:flex;align-items:center;gap:8px;margin:var(--space-lg) 0;z-index:1}.page-dot{width:8px;height:8px;border-radius:var(--radius-full);border:2px solid var(--color-primary);background:transparent;transition:all var(--transition-med)}.page-dot.active{width:28px;background:var(--color-primary);border-color:var(--color-primary)}.onboarding-bottom{position:absolute;bottom:0;left:0;right:0;padding:100px var(--space-lg) 40px;background:var(--gradient-wave)}.onboarding-actions{display:flex;justify-content:space-between;align-items:center;position:absolute;bottom:40px;left:var(--space-lg);right:var(--space-lg)}.btn-skip{font-size:14px;color:#ffffffd9;background:transparent;padding:var(--space-sm) var(--space-md);font-weight:500}.btn-next{background:var(--color-white);color:var(--color-primary);font-size:14px;font-weight:600;padding:12px 32px;border-radius:var(--radius-full);box-shadow:var(--shadow-md);letter-spacing:.5px;text-transform:uppercase}.btn-next:hover{background:var(--color-pink-pale);box-shadow:var(--shadow-lg)}.btn-get-started{width:100%;background:var(--color-white);color:var(--color-primary);font-size:15px;font-weight:700;padding:16px;border-radius:var(--radius-full);box-shadow:var(--shadow-lg);letter-spacing:.5px}.auth-screen{background:#f8f4f5;min-height:100vh;display:flex;flex-direction:column}.auth-top{flex:0 0 auto;background:linear-gradient(135deg,#fce3ea,#f8bebb 40%,#f48fb1);padding:var(--space-2xl) var(--space-lg) var(--space-xl);display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden;min-height:220px}.auth-top:after{content:"";position:absolute;bottom:-30px;left:0;right:0;height:60px;background:#890f4f;border-radius:50% 50% 0 0/60px 60px 0 0}.auth-marble-decor{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 30%,rgba(255,255,255,.3) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(194,24,91,.15) 0%,transparent 50%);pointer-events:none}.auth-logo-img{width:80px;height:80px;object-fit:contain;z-index:1;filter:drop-shadow(0 4px 12px rgba(137,15,79,.35))}.auth-wordmark{font-family:var(--font-script);font-size:34px;font-weight:700;color:var(--color-primary-dark);z-index:1;margin-top:var(--space-sm)}.auth-panel{flex:1;background:linear-gradient(180deg,#890f4f,#c2185b);padding:var(--space-2xl) var(--space-lg) var(--space-xl);border-radius:var(--radius-xl) var(--radius-xl) 0 0;position:relative;z-index:1;margin-top:-2px}.auth-title{font-size:22px;font-weight:700;color:var(--color-white);margin-bottom:var(--space-lg)}.form-group{margin-bottom:var(--space-md);position:relative}.form-input-wrap{position:relative;display:flex;align-items:center}.form-icon{position:absolute;left:14px;color:#fff9;font-size:16px;pointer-events:none;z-index:1}.form-input{width:100%;background:#ffffff26;border:1.5px solid rgba(255,255,255,.35);border-radius:var(--radius-full);color:var(--color-white);font-size:14px;padding:13px 44px;transition:border-color var(--transition-fast),background var(--transition-fast)}.form-input::placeholder{color:#ffffff80}.form-input:focus{border-color:#fffc;background:#fff3}.form-input.input-error{border-color:#ff8a80}.toggle-password{position:absolute;right:14px;background:transparent;color:#fff9;font-size:14px;padding:4px;z-index:2}.toggle-password:hover{color:#fff}.form-error{color:#ff8a80;font-size:12px;margin-top:4px;padding-left:var(--space-md);display:none}.form-error.visible{display:block}.forgot-link{text-align:right;margin-top:-8px;margin-bottom:var(--space-md)}.forgot-link a{color:#ffffffbf;font-size:12px;font-weight:500}.forgot-link a:hover{color:#fff}.btn-primary{width:100%;background:var(--gradient-primary);color:var(--color-white);font-size:15px;font-weight:600;padding:14px;border-radius:var(--radius-full);box-shadow:var(--shadow-md);letter-spacing:.5px;transition:opacity var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.btn-primary:hover{opacity:.92;box-shadow:var(--shadow-lg)}.btn-primary:active{transform:scale(.97)}.btn-outline{width:100%;background:transparent;color:var(--color-white);font-size:15px;font-weight:600;padding:13px;border-radius:var(--radius-full);border:2px solid rgba(255,255,255,.7);letter-spacing:.5px;transition:background var(--transition-fast),border-color var(--transition-fast)}.btn-outline:hover{background:#ffffff1a;border-color:#fff}.btn-white-outline{width:100%;background:var(--color-white);color:var(--color-primary);font-size:15px;font-weight:600;padding:14px;border-radius:var(--radius-full);box-shadow:var(--shadow-md)}.btn-white-outline:hover{background:var(--color-pink-pale)}.auth-link-text{text-align:center;color:#ffffffb3;font-size:13px;margin:var(--space-md) 0}.auth-link-text a,.auth-link-text span{color:#fff;font-weight:600;cursor:pointer;text-decoration:underline}.social-divider{display:flex;align-items:center;gap:var(--space-md);margin:var(--space-lg) 0}.social-divider span{color:#ffffff80;font-size:13px;white-space:nowrap}.social-divider:before,.social-divider:after{content:"";flex:1;height:1px;background:#ffffff40}.social-buttons{display:flex;justify-content:center;gap:var(--space-md);margin-top:var(--space-sm)}.social-btn{width:44px;height:44px;border-radius:var(--radius-full);background:#ffffff26;border:1.5px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;font-size:18px;transition:background var(--transition-fast),transform var(--transition-fast)}.social-btn:hover{background:#ffffff40;transform:translateY(-2px)}.otp-screen{background:#f8f4f5}.otp-back-btn{background:transparent;color:var(--color-primary);font-size:22px;padding:var(--space-md);position:absolute;top:var(--space-md);left:var(--space-md);z-index:10}.otp-top{background:linear-gradient(135deg,#fce3ea,#f8bebb 40%,#f48fb1);padding:80px var(--space-lg) var(--space-xl);display:flex;flex-direction:column;align-items:center;position:relative}.otp-logo{width:70px;height:70px;object-fit:contain}.otp-wordmark{font-family:var(--font-script);font-size:28px;color:var(--color-primary-dark);font-weight:700}.otp-panel{flex:1;background:linear-gradient(180deg,#890f4f,#c2185b);padding:var(--space-xl) var(--space-lg);border-radius:var(--radius-xl) var(--radius-xl) 0 0;margin-top:-2px}.otp-title{font-size:22px;font-weight:700;color:#fff;margin-bottom:var(--space-sm)}.otp-subtitle{font-size:13px;color:#ffffffb3;line-height:1.6;margin-bottom:var(--space-xl)}.otp-subtitle strong{color:#fff;font-weight:600}.otp-inputs{display:flex;gap:var(--space-md);justify-content:center;margin:var(--space-xl) 0}.otp-input{width:56px;height:60px;text-align:center;font-size:24px;font-weight:700;color:var(--color-primary);background:#fff;border:2px solid rgba(255,255,255,.5);border-radius:var(--radius-md);box-shadow:0 4px 12px #00000026;transition:border-color var(--transition-fast),transform var(--transition-fast)}.otp-input:focus{border-color:var(--color-pink-light);transform:scale(1.05);box-shadow:0 4px 16px #f48fb166}.otp-input.filled{border-color:var(--color-primary-light)}.otp-resend{text-align:center;color:#ffffffb3;font-size:13px;margin-top:var(--space-lg)}.otp-resend button{color:#fff;font-weight:600;background:transparent;font-size:13px;text-decoration:underline;padding:0}.otp-resend button:disabled{color:#fff6;text-decoration:none;cursor:not-allowed}.change-number-btn{position:absolute;top:var(--space-md);right:var(--space-lg);color:var(--color-primary-dark);font-size:13px;font-weight:600;background:transparent;padding:var(--space-sm);text-decoration:underline}.profile-setup-screen{background:var(--color-pink-pale)}.profile-setup-header{background:var(--gradient-primary);padding:50px var(--space-lg) var(--space-lg);display:flex;align-items:center;gap:var(--space-md);position:relative}.profile-setup-back{background:#fff3;color:#fff;width:36px;height:36px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.profile-setup-title{font-size:20px;font-weight:700;color:#fff}.profile-setup-body{flex:1;overflow-y:auto;padding:var(--space-lg);-webkit-overflow-scrolling:touch}.profile-section-label{font-size:16px;font-weight:600;color:var(--color-text-dark);margin-bottom:var(--space-md)}.photo-upload-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);margin-bottom:var(--space-xl)}.photo-upload-box{aspect-ratio:1;background:#c2185b14;border:2px dashed var(--color-primary-light);border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;position:relative;overflow:hidden;transition:border-color var(--transition-fast),background var(--transition-fast)}.photo-upload-box:hover{border-color:var(--color-primary);background:#c2185b1f}.photo-upload-box img.uploaded-photo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.photo-upload-icon{font-size:28px;color:var(--color-primary-light);margin-bottom:4px}.photo-upload-text{font-size:11px;color:var(--color-primary-light);font-weight:500}.photo-remove-btn{position:absolute;top:6px;right:6px;background:#890f4fd9;color:#fff;width:22px;height:22px;border-radius:var(--radius-full);font-size:12px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-fast)}.photo-upload-box:hover .photo-remove-btn{opacity:1}.profile-field{margin-bottom:var(--space-md)}.profile-label{display:block;font-size:13px;font-weight:500;color:var(--color-text-muted);margin-bottom:6px;padding-left:4px}.profile-input{width:100%;border:1.5px solid rgba(194,24,91,.25);border-radius:var(--radius-full);background:#fff;font-size:14px;color:var(--color-text-dark);padding:13px var(--space-md);transition:border-color var(--transition-fast)}.profile-input:focus{border-color:var(--color-primary)}.profile-textarea{width:100%;border:1.5px solid rgba(194,24,91,.25);border-radius:var(--radius-lg);background:#fff;font-size:14px;color:var(--color-text-dark);padding:var(--space-md);min-height:100px;resize:vertical;transition:border-color var(--transition-fast)}.profile-textarea:focus{border-color:var(--color-primary)}.profile-select{width:100%;border:1.5px solid rgba(194,24,91,.25);border-radius:var(--radius-full);background:#fff;font-size:14px;color:var(--color-text-dark);padding:13px var(--space-md);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C2185B' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:16px;cursor:pointer}.profile-select:focus{border-color:var(--color-primary)}.dob-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-sm)}.gender-chips{display:flex;gap:var(--space-sm)}.gender-chip{flex:1;padding:12px 8px;border-radius:var(--radius-full);font-size:14px;font-weight:500;border:1.5px solid rgba(194,24,91,.3);background:#fff;color:var(--color-text-muted);transition:all var(--transition-fast);text-align:center}.gender-chip.selected{background:var(--gradient-primary);color:#fff;border-color:transparent;box-shadow:var(--shadow-sm)}.home-screen{background:var(--color-pink-pale);padding-bottom:90px}.app-header{display:flex;align-items:center;justify-content:space-between;padding:50px var(--space-lg) var(--space-md);background:var(--color-pink-pale);position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-logo{display:flex;align-items:center;gap:8px}.header-logo-img{width:36px;height:36px;object-fit:contain}.header-logo-text{font-family:var(--font-script);font-size:22px;font-weight:700;color:var(--color-primary)}.header-actions{display:flex;align-items:center;gap:var(--space-sm)}.header-icon-btn{width:38px;height:38px;border-radius:var(--radius-full);background:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;box-shadow:var(--shadow-sm);position:relative;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.header-icon-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.notif-badge{position:absolute;top:-2px;right:-2px;background:var(--color-primary);color:#fff;font-size:9px;font-weight:700;width:16px;height:16px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;border:2px solid var(--color-pink-pale)}.header-avatar{width:38px;height:38px;border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--color-primary);cursor:pointer;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast)}.header-avatar:hover{transform:scale(1.05)}.stories-section{padding:var(--space-sm) var(--space-md);overflow-x:auto;display:flex;gap:var(--space-md);scrollbar-width:none;-ms-overflow-style:none}.stories-section::-webkit-scrollbar{display:none}.story-item{display:flex;flex-direction:column;align-items:center;gap:6px;flex-shrink:0;cursor:pointer}.story-ring{width:62px;height:62px;border-radius:var(--radius-full);border:2.5px solid var(--color-primary);padding:2px;position:relative;transition:transform var(--transition-fast)}.story-ring:hover{transform:scale(1.05)}.story-ring.add-story{border-style:dashed;border-color:var(--color-primary-light);background:#fff;display:flex;align-items:center;justify-content:center}.story-ring.add-story .story-plus{font-size:24px;color:var(--color-primary);font-weight:300;line-height:1}.story-img{width:100%;height:100%;border-radius:var(--radius-full);object-fit:cover}.story-name{font-size:11px;color:var(--color-text-muted);font-weight:500;max-width:62px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.section-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-md) var(--space-sm)}.section-title{font-size:18px;font-weight:700;color:var(--color-text-dark)}.section-see-all{font-size:13px;font-weight:600;color:var(--color-primary);background:transparent;padding:4px 8px}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);padding:var(--space-sm) var(--space-md) var(--space-md)}.profile-card{background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-card);cursor:pointer;position:relative;transition:transform var(--transition-med),box-shadow var(--transition-med)}.profile-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.profile-card-img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block}.profile-card-info{padding:var(--space-sm) var(--space-md) var(--space-md);background:#fff}.profile-card-name{font-size:15px;font-weight:700;color:var(--color-text-dark);margin-bottom:2px}.profile-card-meta{font-size:12px;color:var(--color-text-muted);display:flex;align-items:center;gap:4px}.verified-badge{background:var(--color-primary);color:#fff;font-size:9px;font-weight:700;padding:2px 6px;border-radius:var(--radius-full);letter-spacing:.3px}.discover-screen{background:var(--color-pink-pale);padding-bottom:90px}.discover-profile-card{position:relative;margin:0 var(--space-md) var(--space-md);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg);flex:1;min-height:460px;cursor:grab}.discover-profile-card:active{cursor:grabbing}.discover-profile-img{width:100%;height:100%;min-height:460px;object-fit:cover;display:block}.discover-distance-badge{position:absolute;top:var(--space-md);left:var(--space-md);background:#ffffffe6;color:var(--color-primary);font-size:13px;font-weight:700;padding:6px 14px;border-radius:var(--radius-full);box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:4px}.discover-profile-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient-card);pointer-events:none}.discover-profile-info{position:absolute;bottom:0;left:0;right:0;padding:var(--space-lg) var(--space-lg) var(--space-xl);color:#fff}.discover-profile-name{font-size:26px;font-weight:700;margin-bottom:4px}.discover-profile-age{font-size:15px;opacity:.85;margin-bottom:6px}.discover-profile-about{font-size:13px;opacity:.75;font-weight:400;display:flex;align-items:center;gap:4px}.discover-actions{display:flex;justify-content:center;align-items:center;gap:var(--space-xl);padding:var(--space-md) var(--space-lg)}.action-btn{width:60px;height:60px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:22px;box-shadow:var(--shadow-md);transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow var(--transition-fast)}.action-btn:hover{transform:scale(1.15);box-shadow:var(--shadow-lg)}.action-btn:active{transform:scale(.9)}.action-btn.pass{background:#fff;width:54px;height:54px;font-size:20px}.action-btn.like{background:var(--gradient-primary);width:70px;height:70px;font-size:28px}.action-btn.interested{background:#fff;width:54px;height:54px;font-size:20px;color:var(--color-primary)}.swipe-like-indicator{position:absolute;top:40px;left:20px;background:#ed417ae6;color:#fff;font-size:24px;font-weight:800;padding:8px 20px;border-radius:12px;border:3px solid white;opacity:0;transform:rotate(-10deg);transition:opacity .2s;pointer-events:none}.swipe-pass-indicator{position:absolute;top:40px;right:20px;background:#646464e6;color:#fff;font-size:24px;font-weight:800;padding:8px 20px;border-radius:12px;border:3px solid white;opacity:0;transform:rotate(10deg);transition:opacity .2s;pointer-events:none}.match-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center}.match-modal.hidden{display:none}.match-modal-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#890f4f,#c2185b,#ed417a);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);animation:matchEntrance .6s cubic-bezier(.34,1.56,.64,1) both}.match-hearts-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.mh{position:absolute;font-size:40px;animation:matchHeartFloat 3s ease-in-out infinite;opacity:.4}.mh1{top:8%;left:10%;animation-delay:0s}.mh2{top:15%;right:12%;animation-delay:.5s}.mh3{top:40%;left:5%;animation-delay:1s}.mh4{top:35%;right:8%;animation-delay:1.5s}.mh5{bottom:20%;left:15%;animation-delay:2s}.mh6{bottom:25%;right:10%;animation-delay:.3s}.match-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;width:100%;max-width:320px}.match-title{font-family:var(--font-script);font-size:48px;font-weight:700;color:#fff;text-align:center;margin-bottom:var(--space-xl);text-shadow:0 2px 16px rgba(0,0,0,.2);animation:fadeInDown .8s ease .3s both}.match-profiles{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-xl);animation:fadeInUp .8s ease .5s both}.match-profile-ring{width:120px;height:120px;border-radius:var(--radius-full);border:4px solid white;overflow:hidden;box-shadow:var(--shadow-lg)}.match-profile-img{width:100%;height:100%;object-fit:cover}.match-heart-center{font-size:36px;animation:heartBeat 1s ease-in-out infinite}.match-subtitle{color:#ffffffd9;font-size:15px;text-align:center;margin-bottom:var(--space-xl);animation:fadeIn .8s ease .7s both}.match-btn{margin-bottom:var(--space-md);display:flex;align-items:center;justify-content:center;gap:var(--space-sm);max-width:280px;animation:fadeInUp .8s ease .9s both}.chats-screen{background:var(--color-pink-pale);padding-bottom:90px}.chat-search-bar{padding:var(--space-sm) var(--space-md);display:flex;gap:var(--space-sm);align-items:center}.search-input-wrap{flex:1;position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:14px;color:var(--color-text-muted);font-size:16px;pointer-events:none}.search-input{width:100%;background:#fff;border:1.5px solid rgba(194,24,91,.2);border-radius:var(--radius-full);padding:11px 14px 11px 42px;font-size:14px;color:var(--color-text-dark);box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast)}.search-input::placeholder{color:var(--color-text-muted)}.search-input:focus{border-color:var(--color-primary)}.filter-btn{width:42px;height:42px;background:var(--gradient-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;box-shadow:var(--shadow-sm);flex-shrink:0}.active-users-section{padding:var(--space-sm) var(--space-md)}.active-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.active-title{font-size:16px;font-weight:700;color:var(--color-text-dark)}.active-see-all{font-size:13px;font-weight:600;color:var(--color-primary);background:transparent}.active-users-row,.now-active-scroll{display:flex;flex-direction:row;align-items:center;gap:20px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;padding-bottom:var(--space-sm);scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.active-users-row::-webkit-scrollbar,.now-active-scroll::-webkit-scrollbar{display:none}.active-user-item{display:flex;flex-direction:column;align-items:center;gap:6px;flex-shrink:0;cursor:pointer}.active-user-avatar-wrap{position:relative}.active-user-avatar{width:52px;height:52px;border-radius:var(--radius-full);object-fit:cover;border:2.5px solid var(--color-primary)}.active-dot{position:absolute;bottom:2px;right:2px;width:12px;height:12px;background:#4caf50;border-radius:var(--radius-full);border:2px solid var(--color-pink-pale)}.active-user-name{font-size:11px;color:var(--color-text-muted);font-weight:500;max-width:52px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-list{padding:var(--space-sm) var(--space-md)}.chat-list-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) 0;border-bottom:1px solid rgba(194,24,91,.08);cursor:pointer;transition:background var(--transition-fast);border-radius:var(--radius-md);padding-left:0}.chat-list-item:hover{background:#c2185b0d;padding-left:var(--space-sm)}.chat-avatar-wrap{position:relative;flex-shrink:0}.chat-avatar{width:56px;height:56px;border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--color-pink-light)}.chat-active-dot{position:absolute;bottom:2px;right:2px;width:13px;height:13px;background:#4caf50;border-radius:var(--radius-full);border:2px solid var(--color-pink-pale)}.chat-item-body{flex:1;min-width:0}.chat-item-name{font-size:15px;font-weight:600;color:var(--color-text-dark);margin-bottom:3px}.chat-item-last{font-size:13px;color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-item-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.chat-item-time{font-size:11px;color:var(--color-text-muted)}.unread-badge{background:var(--color-primary);color:#fff;font-size:11px;font-weight:700;min-width:20px;height:20px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;padding:0 5px}.chat-screen{background:#fff;display:flex;flex-direction:column;height:100vh;max-height:100vh;overflow:hidden}.chat-header{flex:0 0 auto;background:var(--gradient-primary);padding:50px var(--space-md) var(--space-md);display:flex;align-items:center;gap:var(--space-md);box-shadow:var(--shadow-md)}.chat-back-btn{background:#fff3;color:#fff;width:36px;height:36px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.chat-user-info{flex:1;display:flex;align-items:center;gap:var(--space-sm)}.chat-user-avatar{width:40px;height:40px;border-radius:var(--radius-full);object-fit:cover;border:2px solid rgba(255,255,255,.6)}.chat-user-name{font-size:16px;font-weight:700;color:#fff}.chat-user-status{font-size:12px;color:#ffffffbf}.chat-header-actions{display:flex;gap:var(--space-sm)}.chat-header-btn{background:#fff3;color:#fff;width:36px;height:36px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:16px}.chat-header-btn:hover{background:#ffffff4d}.chat-messages{flex:1;overflow-y:auto;padding:var(--space-md);background:#fff9fb;display:flex;flex-direction:column;gap:var(--space-sm);-webkit-overflow-scrolling:touch}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-thumb{background:var(--color-pink-light);border-radius:4px}.chat-bubble-wrap{display:flex;gap:var(--space-sm);max-width:80%;align-items:flex-end}.chat-bubble-wrap.incoming{align-self:flex-start}.chat-bubble-wrap.outgoing{align-self:flex-end;flex-direction:row-reverse}.bubble-avatar{width:30px;height:30px;border-radius:var(--radius-full);object-fit:cover;flex-shrink:0}.chat-bubble{padding:10px 14px;border-radius:18px;font-size:14px;line-height:1.5;max-width:220px;animation:bubbleIn .3s cubic-bezier(.34,1.56,.64,1) both}.chat-bubble.incoming{background:var(--color-pink-pale);color:var(--color-text-dark);border-bottom-left-radius:4px}.chat-bubble.outgoing{background:var(--gradient-primary);color:#fff;border-bottom-right-radius:4px}.bubble-time{font-size:10px;color:var(--color-text-muted);margin-top:2px;padding:0 4px}.chat-input-area{flex:0 0 auto;background:#fff;border-top:1px solid rgba(194,24,91,.1);padding:var(--space-sm) var(--space-md);padding-bottom:calc(var(--space-sm) + env(safe-area-inset-bottom))}.chat-input-row{display:flex;align-items:center;gap:var(--space-sm);background:var(--color-pink-pale);border-radius:var(--radius-full);padding:8px 8px 8px 14px}.chat-input{flex:1;background:transparent;border:none;font-size:14px;color:var(--color-text-dark);outline:none;max-height:80px;resize:none}.chat-input::placeholder{color:var(--color-text-muted)}.chat-attach-btns{display:flex;gap:4px}.chat-attach-btn{background:transparent;color:var(--color-text-muted);width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:16px;border-radius:var(--radius-full);transition:color var(--transition-fast)}.chat-attach-btn:hover{color:var(--color-primary)}.chat-send-btn{width:38px;height:38px;background:var(--gradient-primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;flex-shrink:0;box-shadow:var(--shadow-sm);transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.chat-send-btn:hover{transform:scale(1.1)}.likes-screen{background:var(--color-pink-pale);padding-bottom:90px}.likes-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);padding:var(--space-sm) var(--space-md) var(--space-md)}.likes-card{background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-card);cursor:pointer;position:relative;transition:transform var(--transition-med),box-shadow var(--transition-med)}.likes-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.likes-card-img-wrap{position:relative}.likes-card-img{width:100%;aspect-ratio:3/4;object-fit:cover}.likes-card-like-btn{position:absolute;bottom:-16px;right:var(--space-md);width:36px;height:36px;background:var(--gradient-primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:16px;box-shadow:var(--shadow-md);border:2px solid white;z-index:1;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.likes-card-like-btn:hover{transform:scale(1.2)}.likes-card-info{padding:var(--space-lg) var(--space-md) var(--space-md)}.likes-card-name{font-size:14px;font-weight:700;color:var(--color-text-dark)}.likes-card-detail{font-size:12px;color:var(--color-text-muted);margin-top:2px}.profile-page{background:var(--color-pink-pale);padding-bottom:90px}.profile-page-header{background:var(--gradient-primary);padding:50px var(--space-lg) 80px;display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden}.profile-page-cover-decor{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 30% 50%,rgba(255,255,255,.15) 0%,transparent 60%);pointer-events:none}.profile-page-avatar-wrap{position:relative;margin-bottom:var(--space-md)}.profile-page-avatar{width:100px;height:100px;border-radius:var(--radius-full);object-fit:cover;border:4px solid white;box-shadow:var(--shadow-lg)}.profile-edit-badge{position:absolute;bottom:4px;right:4px;background:var(--color-primary-dark);color:#fff;width:28px;height:28px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:13px;border:2px solid white;cursor:pointer}.profile-page-name{font-size:22px;font-weight:700;color:#fff;margin-bottom:4px}.profile-page-sub{font-size:14px;color:#fffc;display:flex;align-items:center;gap:var(--space-sm)}.verified-tag{background:#fff3;color:#fff;font-size:11px;font-weight:600;padding:3px 10px;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.4)}.profile-body{padding:var(--space-md);margin-top:-40px;position:relative;z-index:1}.profile-info-card{background:#fff;border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-card);margin-bottom:var(--space-md)}.profile-info-card-title{font-size:16px;font-weight:700;color:var(--color-text-dark);margin-bottom:var(--space-md);display:flex;align-items:center;gap:var(--space-sm)}.profile-info-card-title span{color:var(--color-primary)}.profile-info-text{font-size:14px;color:var(--color-text-muted);line-height:1.7}.interests-wrap{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.interest-chip{background:var(--color-pink-pale);color:var(--color-primary);font-size:13px;font-weight:500;padding:6px 14px;border-radius:var(--radius-full);border:1px solid rgba(194,24,91,.2)}.profile-action-row{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-md)}.profile-action-btn{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);font-size:15px;color:var(--color-text-dark);font-weight:500;cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast)}.profile-action-btn:hover{background:var(--color-pink-pale);transform:translate(4px)}.profile-action-btn .action-icon{font-size:20px}.profile-action-btn.danger{color:#e53935}.notifications-screen{background:var(--color-pink-pale);padding-bottom:90px}.notif-list{padding:var(--space-sm) var(--space-md)}.notif-item{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-sm);background:#fff;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast);cursor:pointer}.notif-item:hover{transform:translateY(-1px)}.notif-item.unread{background:#f48fb126;border-left:3px solid var(--color-primary)}.notif-icon-wrap{width:46px;height:46px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:22px;background:var(--color-pink-pale);flex-shrink:0;overflow:hidden}.notif-icon-wrap img{width:100%;height:100%;object-fit:cover}.notif-body{flex:1}.notif-title{font-size:14px;font-weight:600;color:var(--color-text-dark);margin-bottom:3px}.notif-msg{font-size:13px;color:var(--color-text-muted);line-height:1.5}.notif-time{font-size:11px;color:var(--color-text-muted);flex-shrink:0;margin-top:2px}.bottom-nav{position:fixed;bottom:var(--space-md);left:50%;transform:translate(-50%);background:#fff;border-radius:var(--radius-full);padding:var(--space-sm) var(--space-lg);display:flex;align-items:center;gap:var(--space-xs);box-shadow:0 8px 32px #c2185b33,0 2px 8px #00000014;z-index:var(--z-nav);padding-bottom:calc(var(--space-sm) + env(safe-area-inset-bottom,0px));width:calc(100% - var(--space-xl) * 2);max-width:360px}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-lg);cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast);background:transparent;border:none}.nav-item:hover{background:#c2185b0f}.nav-item:active{transform:scale(.92)}.nav-icon{font-size:22px;color:#c2185b66;transition:color var(--transition-fast),transform var(--transition-fast);line-height:1}.nav-label{font-size:10px;font-weight:600;color:#c2185b66;transition:color var(--transition-fast)}.nav-item.active .nav-icon{color:var(--color-primary);transform:scale(1.1)}.nav-item.active .nav-label{color:var(--color-primary)}.nav-item.active{background:#c2185b14}.filter-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal)}.filter-modal.hidden{display:none}.filter-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#2f293080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.filter-panel{position:absolute;bottom:0;left:0;right:0;background:#fff;border-radius:var(--radius-xl) var(--radius-xl) 0 0;display:flex;flex-direction:column;max-height:85vh;animation:slideUp .4s cubic-bezier(.34,1.56,.64,1) both}.filter-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) var(--space-lg) var(--space-md);border-bottom:1px solid rgba(194,24,91,.1)}.filter-header h2{font-size:20px;font-weight:700;color:var(--color-text-dark)}.filter-close-btn{width:32px;height:32px;border-radius:var(--radius-full);background:#c2185b1a;color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600}.filter-body{flex:1;overflow-y:auto;padding:var(--space-lg);-webkit-overflow-scrolling:touch}.filter-section{margin-bottom:var(--space-lg)}.filter-label{display:block;font-size:14px;font-weight:600;color:var(--color-text-dark);margin-bottom:var(--space-sm)}.range-display{font-size:14px;font-weight:600;color:var(--color-primary);margin-bottom:var(--space-sm)}.range-row{display:flex;flex-direction:column;gap:var(--space-sm)}.range-input{width:100%;-webkit-appearance:none;height:4px;border-radius:4px;background:linear-gradient(to right,var(--color-primary),var(--color-primary-light));outline:none;cursor:pointer}.range-input::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--color-primary);box-shadow:0 2px 6px #c2185b66;cursor:pointer;transition:transform var(--transition-fast)}.range-input::-webkit-slider-thumb:hover{transform:scale(1.2)}.filter-chips{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.chip{padding:8px 16px;border-radius:var(--radius-full);font-size:13px;font-weight:500;border:1.5px solid rgba(194,24,91,.3);background:#fff;color:var(--color-text-muted);transition:all var(--transition-fast);cursor:pointer}.chip:hover{border-color:var(--color-primary);color:var(--color-primary)}.chip.chip-active,.chip.selected{background:var(--gradient-primary);color:#fff;border-color:transparent;box-shadow:var(--shadow-sm)}.toggle-switch{position:relative;display:inline-block;width:52px;height:28px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:#c2185b33;border-radius:var(--radius-full);cursor:pointer;transition:background var(--transition-med)}.toggle-slider:before{content:"";position:absolute;height:20px;width:20px;left:4px;bottom:4px;background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;transition:transform var(--transition-med)}.toggle-switch input:checked+.toggle-slider{background:var(--gradient-primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.filter-footer{display:flex;gap:var(--space-md);padding:var(--space-md) var(--space-lg);padding-bottom:calc(var(--space-md) + env(safe-area-inset-bottom,0px));border-top:1px solid rgba(194,24,91,.1)}.filter-footer-btn{flex:1}.toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%) translateY(20px);background:#2f2930e6;color:#fff;font-size:14px;font-weight:500;padding:12px 24px;border-radius:var(--radius-full);z-index:var(--z-toast);opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;max-width:90vw;text-align:center}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.skeleton{background:linear-gradient(90deg,#c2185b14 25%,#f48fb126,#c2185b14 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl) var(--space-xl);text-align:center;min-height:300px}.empty-state-icon{font-size:64px;margin-bottom:var(--space-md)}.empty-state-title{font-size:20px;font-weight:700;color:var(--color-text-dark);margin-bottom:var(--space-sm)}.empty-state-text{font-size:14px;color:var(--color-text-muted);line-height:1.6;max-width:260px}.loading-spinner{width:40px;height:40px;border:3px solid rgba(194,24,91,.2);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite;margin:var(--space-xl) auto}.page-title-bar{background:var(--gradient-primary);padding:50px var(--space-lg) var(--space-md);display:flex;align-items:center;gap:var(--space-md);position:sticky;top:0;z-index:50}.page-title-bar-back{background:#fff3;color:#fff;width:36px;height:36px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.page-title-bar h1{font-size:20px;font-weight:700;color:#fff}@media(min-width:600px){body{background:linear-gradient(135deg,#f8bebb,#fce3ea,#f8bebb);min-height:100vh;min-height:100dvh;margin:0;padding:0}#root{display:flex;justify-content:center;align-items:center;min-height:100vh;min-height:100dvh;padding:16px 0;box-sizing:border-box;width:100%}.screen,.app-page-wrapper,.chat-screen-page,.user-view-profile-page{max-width:440px;width:100%;margin:auto;height:calc(100vh - 32px);height:calc(100dvh - 32px);max-height:880px;border-radius:36px;overflow:hidden;box-shadow:0 20px 60px #c2185b2e,0 4px 16px #00000014;border:1px solid rgba(244,143,177,.35)}.filter-panel{max-width:440px;left:50%;transform:translate(-50%);right:auto;width:100%}.filter-overlay{background:#2f293099}.match-modal-bg{max-width:440px;margin:0 auto}}@keyframes splashEntrance{0%{opacity:0;transform:scale(.7)}60%{opacity:1;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes screenIn{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:translate(0)}}@keyframes screenBack{0%{opacity:0;transform:translate(-32px)}to{opacity:1;transform:translate(0)}}.screen-enter{animation:screenIn .35s cubic-bezier(.4,0,.2,1) both}.screen-enter-back{animation:screenBack .35s cubic-bezier(.4,0,.2,1) both}@keyframes floatHeart{0%,to{transform:translateY(0) rotate(-5deg) scale(1)}33%{transform:translateY(-14px) rotate(5deg) scale(1.05)}66%{transform:translateY(-6px) rotate(-3deg) scale(.97)}}@keyframes floatHeartFast{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(8deg)}}@keyframes matchEntrance{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes matchHeartFloat{0%{transform:translateY(0) scale(1) rotate(-5deg)}50%{transform:translateY(-20px) scale(1.2) rotate(5deg)}to{transform:translateY(0) scale(1) rotate(-5deg)}}@keyframes heartBeat{0%{transform:scale(1)}15%{transform:scale(1.3)}30%{transform:scale(1)}45%{transform:scale(1.2)}60%{transform:scale(1)}to{transform:scale(1)}}@keyframes bubbleIn{0%{opacity:0;transform:scale(.8) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes likeHeartPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.4);opacity:1}70%{transform:scale(.9)}to{transform:scale(1);opacity:0}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.08);opacity:1}70%{transform:scale(.95)}to{transform:scale(1)}}@keyframes swipeLeft{to{transform:translate(-150%) rotate(-20deg);opacity:0}}@keyframes swipeRight{to{transform:translate(150%) rotate(20deg);opacity:0}}.swiping-left{animation:swipeLeft .4s ease-in forwards}.swiping-right{animation:swipeRight .4s ease-in forwards}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes waveMove{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes otpFill{0%{transform:scale(.9)}50%{transform:scale(1.1)}to{transform:scale(1)}}.otp-input.fill-anim{animation:otpFill .2s ease both}.photo-upload-box{transition:transform .2s ease,box-shadow .2s ease}.photo-upload-box:hover{transform:translateY(-2px);box-shadow:0 4px 16px #c2185b33}.btn-press-anim{transition:transform .15s cubic-bezier(.34,1.56,.64,1)}.btn-press-anim:active{transform:scale(.94)}.action-btn-pop{animation:bounceIn .4s cubic-bezier(.34,1.56,.64,1) both}.nav-item.active .nav-icon{animation:bounceIn .3s cubic-bezier(.34,1.56,.64,1) both}.splash-heart{position:absolute;pointer-events:none;opacity:.2;animation:floatHeart ease-in-out infinite}.like-indicator{animation:fadeIn .2s ease both}.notif-badge{animation:pulse 2s ease-in-out infinite}.story-ring.new{border-color:var(--color-primary-light);animation:pulse 2s ease-in-out infinite}.profile-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-lg);background:transparent;transition:background .2s ease;pointer-events:none}.profile-card:hover:after{background:#c2185b0a}.chat-list-item{transition:background .2s ease,padding-left .2s ease}.chip{transition:background .2s ease,color .2s ease,transform .15s ease,box-shadow .2s ease}.chip:active{transform:scale(.94)}.form-input:focus,.profile-input:focus,.profile-textarea:focus,.search-input:focus{box-shadow:0 0 0 3px #c2185b26}.social-btn:hover{transform:translateY(-3px) scale(1.05)}.fade-enter{animation:fadeIn .3s ease both}.slide-enter{animation:screenIn .35s cubic-bezier(.4,0,.2,1) both}.app-page-wrapper{position:relative;width:100%;max-width:480px;margin:0 auto;height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;background:var(--color-pink-pale);display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box;box-shadow:0 10px 40px #c2185b1f}.main-content-scrollable{flex:1 1 0%;min-height:0;overflow-y:auto;overflow-x:hidden;padding-bottom:calc(76px + env(safe-area-inset-bottom,12px));-webkit-overflow-scrolling:touch;box-sizing:border-box;width:100%}.app-header-hs{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;padding-top:max(12px,env(safe-area-inset-top,12px));background:#fce3eaeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:sticky;top:0;z-index:90;border-bottom:1px solid rgba(244,143,177,.25);position:relative;min-height:60px;width:100%;box-sizing:border-box}.header-left{display:flex;align-items:center;cursor:pointer;z-index:3}.header-logo-container{display:flex;align-items:center;gap:8px;cursor:pointer}.header-logo-img{width:34px;height:34px;border-radius:50%;object-fit:cover;box-shadow:var(--shadow-sm);flex-shrink:0}.brand-wordmark{font-family:var(--font-script);font-size:1.75rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1;white-space:nowrap}.header-center-title{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;font-size:1.25rem;font-weight:700;color:var(--color-primary-dark);text-align:center;white-space:nowrap;pointer-events:none;z-index:2;letter-spacing:-.2px}.header-right-actions{display:flex;align-items:center;gap:10px;z-index:3}.icon-action-btn{width:38px;height:38px;border-radius:50%;background:#ffffffd9;display:flex;align-items:center;justify-content:center;color:var(--color-primary);box-shadow:var(--shadow-sm);transition:all var(--transition-fast);border:none;cursor:pointer}.icon-action-btn:hover{background:#fff;transform:translateY(-2px)}.relative-badge{position:relative}.notification-bubble-badge{position:absolute;top:-4px;right:-4px;background:var(--color-primary);color:#fff;font-size:11px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid #fff}.header-avatar-circle{width:38px;height:38px;border-radius:50%;padding:2px;background:var(--gradient-primary);cursor:pointer;transition:transform var(--transition-fast)}.header-avatar-circle:hover{transform:scale(1.05)}.header-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover}.header-desktop-only{display:flex}@media(max-width:639px){.header-desktop-only{display:none!important}}.header-center-title.clickable-title{pointer-events:auto;cursor:pointer;transition:transform var(--transition-fast),color var(--transition-fast)}.header-center-title.clickable-title:hover{color:var(--color-primary);transform:translate(-50%,-50%) scale(1.02)}.header-menu-container{position:relative;display:flex;align-items:center}.header-menu-trigger-btn.active{background:var(--color-primary);color:#fff}.header-dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:140;background:#00000014}.profile-header-dropdown{position:absolute;top:calc(100% + 10px);right:0;width:285px;max-width:calc(100vw - 20px);max-height:calc(85vh - 60px);overflow-y:auto;background:#fffffffa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:18px;border:1px solid rgba(237,65,122,.22);box-shadow:0 16px 40px #c2185b2e,0 4px 12px #0000000f;padding:8px;z-index:150;animation:profileDropdownIn .2s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;gap:3px;box-sizing:border-box}@keyframes profileDropdownIn{0%{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-user-header{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;cursor:pointer;background:#fce3ea8c;transition:background var(--transition-fast)}.dropdown-user-header:hover{background:#fce3eae6}.dropdown-avatar-thumb{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid #ED417A;flex-shrink:0}.dropdown-user-info{display:flex;flex-direction:column;min-width:0}.dropdown-user-name{font-size:14px;font-weight:700;color:var(--color-primary-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-user-sub{font-size:11px;color:var(--color-neutral-dark)}.dropdown-menu-divider{height:1px;background:#ed417a26;margin:3px 0}.dropdown-menu-item{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:12px;background:transparent;border:none;cursor:pointer;text-align:left;width:100%;box-sizing:border-box;transition:all var(--transition-fast);color:inherit}.dropdown-menu-item:hover,.dropdown-menu-item:focus{background:#fce3ea99;transform:translate(2px)}.dropdown-item-icon-wrap{width:34px;height:34px;border-radius:50%;background:#ed417a1a;display:flex;align-items:center;justify-content:center;color:#ed417a;flex-shrink:0;transition:background var(--transition-fast),color var(--transition-fast)}.dropdown-menu-item:hover .dropdown-item-icon-wrap{background:#ed417a;color:#fff}.dropdown-item-text-group{display:flex;flex-direction:column;min-width:0;flex:1}.dropdown-item-label-row{display:flex;align-items:center;justify-content:space-between;gap:6px}.dropdown-item-label{font-size:13.5px;font-weight:600;color:var(--color-text-dark, #2d3748)}.dropdown-item-desc{font-size:11px;color:#718096;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-badge-pill{font-size:10px;font-weight:700;background:#ed417a;color:#fff;padding:1px 6px;border-radius:10px}.notification-bubble-badge.mini{min-width:15px;height:15px;font-size:9px;top:-2px;right:-2px;padding:0 3px}.bottom-nav-container-hs{position:absolute;bottom:max(12px,env(safe-area-inset-bottom,12px));left:0;right:0;max-width:480px;width:100%;margin:0 auto;display:flex;justify-content:center;z-index:100;pointer-events:none;padding:0 16px;box-sizing:border-box}.bottom-nav-pill{pointer-events:auto;background:#fffffff2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-full);display:flex;align-items:center;padding:6px 8px;gap:4px;box-shadow:0 8px 32px #c2185b38,0 2px 8px #0000000a;border:1px solid rgba(244,143,177,.35);max-width:380px;width:100%;justify-content:space-around;box-sizing:border-box}.nav-item-hs{display:flex;flex-direction:column;align-items:center;padding:5px 8px;border-radius:var(--radius-full);color:var(--color-text-muted);font-size:11px;font-weight:500;text-decoration:none;transition:all var(--transition-fast);flex:1;text-align:center;min-width:0}.nav-item-hs .nav-icon{margin-bottom:2px;transition:transform var(--transition-fast);flex-shrink:0}.nav-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.nav-item-hs.active{color:var(--color-primary);background:var(--color-pink-pale);font-weight:600}.nav-item-hs.active .nav-icon{transform:scale(1.1);stroke:var(--color-primary)}.form-group-hs{margin-bottom:16px;display:flex;flex-direction:column;width:100%;max-width:100%;box-sizing:border-box;min-width:0}.form-label-hs{font-size:13px;font-weight:600;color:var(--color-text-dark);margin-bottom:6px}.req-star{color:var(--color-primary)}.input-wrapper-hs{position:relative;display:flex;align-items:center;width:100%;max-width:100%;box-sizing:border-box;min-width:0;background:#ffffffe6;border:1.5px solid rgba(244,143,177,.4);border-radius:var(--radius-md);padding:0 14px;transition:all var(--transition-fast)}.input-wrapper-hs:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #c2185b1f;background:#fff}.input-wrapper-hs.has-error{border-color:#d32f2f}.input-icon-hs{color:var(--color-primary-light);margin-right:10px;display:flex;align-items:center;flex-shrink:0}.form-control-hs{flex:1;min-width:0;width:100%;max-width:100%;box-sizing:border-box;border:none;background:transparent;padding:12px 0;font-size:14px;color:var(--color-text-dark)}.form-control-hs:focus{outline:none}input[type=date].form-control-hs{min-width:0;max-width:100%;box-sizing:border-box}.hs-textarea{width:100%;max-width:100%;box-sizing:border-box;min-width:0;background:#fff;border:1.5px solid rgba(244,143,177,.4);border-radius:var(--radius-md);padding:12px 14px;resize:vertical;display:block}.password-toggle-btn{background:none;border:none;color:var(--color-text-muted);padding:4px;display:flex;align-items:center}.input-error-msg{color:#d32f2f;font-size:12px;margin-top:4px;font-weight:500}.btn-heartsync{padding:13px 24px;border-radius:var(--radius-full);font-size:15px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);border:none}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 6px 20px #c2185b59}.btn-primary:hover:not(:disabled){box-shadow:0 8px 26px #c2185b73;transform:translateY(-2px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-full{width:100%}.btn-spinner-content{display:flex;align-items:center;gap:8px}.btn-mini-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.auth-page-container{min-height:100vh;position:relative;display:flex;align-items:center;justify-content:center;padding:24px 16px 80px}.auth-card-wrapper{position:relative;z-index:10;width:100%;max-width:440px;box-sizing:border-box;background:#fffffff2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-lg);padding:28px 24px;box-shadow:0 16px 40px #c2185b29;border:1px solid rgba(244,143,177,.3);margin:0 auto}.profile-setup-wrapper{max-width:460px}.auth-form-body{width:100%;max-width:100%;box-sizing:border-box}.auth-header-block{text-align:center;margin-bottom:20px}.auth-logo-circle{width:64px;height:64px;margin:0 auto 12px;border-radius:50%;padding:3px;background:var(--gradient-primary);box-shadow:var(--shadow-md)}.auth-logo-img{width:100%;height:100%;border-radius:50%;object-fit:cover}.auth-main-title{font-size:1.5rem;font-weight:700;color:var(--color-primary-dark)}.auth-sub-title{font-size:13px;color:var(--color-text-muted);margin-top:4px}.alert-box-error{background:#ffebee;color:#c62828;padding:10px 14px;border-radius:var(--radius-md);font-size:13px;font-weight:500;margin-bottom:16px;border:1px solid #ffcdd2}.alert-box-success{background:#e8f5e9;color:#2e7d32;padding:10px 14px;border-radius:var(--radius-md);font-size:13px;font-weight:500;margin-bottom:16px;border:1px solid #c8e6c9}.auth-row-actions{display:flex;justify-content:flex-end;margin-bottom:16px}.link-forgot-password{background:none;border:none;font-size:13px;color:var(--color-primary);font-weight:600;cursor:pointer}.auth-divider-line{display:flex;align-items:center;text-align:center;margin:18px 0;color:var(--color-text-muted);font-size:13px}.auth-divider-line:before,.auth-divider-line:after{content:"";flex:1;border-bottom:1px solid rgba(244,143,177,.4)}.auth-divider-line span{padding:0 10px}.google-signin-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:12px;border-radius:var(--radius-full);background:#fff;border:1.5px solid rgba(244,143,177,.4);font-size:14px;font-weight:600;color:var(--color-text-dark);box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.google-signin-btn:hover{background:#fdf5f7;border-color:var(--color-primary-light)}.auth-footer-prompt{text-align:center;margin-top:20px;font-size:14px;color:var(--color-text-muted)}.auth-accent-link{color:var(--color-primary);font-weight:700}.otp-container-hs{display:flex;justify-content:center;gap:12px;margin:24px 0 16px}.otp-digit-input{width:52px;height:56px;border-radius:var(--radius-md);border:2px solid rgba(244,143,177,.5);background:#fff;text-align:center;font-size:24px;font-weight:700;color:var(--color-primary-dark);box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.otp-digit-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #c2185b26}.resend-countdown-row{text-align:center;margin-bottom:20px}.resend-active-btn{background:none;border:none;color:var(--color-primary);font-weight:600;font-size:14px;cursor:pointer;text-decoration:underline}.resend-timer-text{font-size:13px;color:var(--color-text-muted)}.profile-photos-upload-row{margin-bottom:20px;width:100%;box-sizing:border-box}.photo-slots-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:8px;width:100%;box-sizing:border-box}.photo-slot-card{aspect-ratio:3/4;width:100%;max-width:100%;box-sizing:border-box;border-radius:var(--radius-md);border:2px dashed rgba(244,143,177,.6);background:#fff;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.photo-slot-card:hover{border-color:var(--color-primary);background:#fff5f8}.slot-img-preview{width:100%;height:100%;object-fit:cover}.slot-primary-badge{position:absolute;top:6px;left:6px;background:var(--color-primary);color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px}.slot-remove-btn{position:absolute;top:6px;right:6px;background:#0009;color:#fff;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer}.slot-empty-content{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--color-primary-light);font-size:12px;font-weight:600}.photo-upload-hint{font-size:11px;color:var(--color-text-muted);margin-top:6px;display:block}.gender-pill-group{display:flex;gap:8px;width:100%;box-sizing:border-box}.gender-pill-btn{flex:1 1 0;min-width:0;padding:10px 4px;border-radius:var(--radius-full);border:1.5px solid rgba(244,143,177,.4);background:#fff;font-size:13px;font-weight:500;color:var(--color-text-dark);cursor:pointer;transition:all var(--transition-fast);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gender-pill-btn.active{background:var(--gradient-primary);color:#fff;border-color:transparent;box-shadow:var(--shadow-sm)}.form-row-two-col{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;width:100%;max-width:100%;box-sizing:border-box}.form-row-two-col>.form-group-hs{min-width:0;width:100%;box-sizing:border-box}@media(max-width:600px){.form-row-two-col{grid-template-columns:1fr;gap:0}}@media(max-width:440px){.auth-card-wrapper{padding:24px 16px}.photo-slots-grid{gap:8px}.gender-pill-btn{font-size:12px;padding:9px 2px}}.now-active-section{padding:8px 16px 12px}.section-label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.section-label{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:700;color:var(--color-text-dark, #212121);letter-spacing:.1px}.online-pulse-dot{width:8px;height:8px;border-radius:50%;background:#4caf50;box-shadow:0 0 #4caf5099;animation:onlinePulse 2s infinite;flex-shrink:0}@keyframes onlinePulse{0%{box-shadow:0 0 #4caf5099}70%{box-shadow:0 0 0 6px #4caf5000}to{box-shadow:0 0 #4caf5000}}.online-count-badge{font-size:11px;font-weight:600;color:#4caf50;background:#4caf501a;padding:2px 8px;border-radius:10px}.now-active-scroll{display:flex;gap:14px;overflow-x:auto;padding:4px 2px 6px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.now-active-item{display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;flex-shrink:0;transition:transform .18s ease}.now-active-item:hover{transform:translateY(-2px)}.now-active-avatar-wrap{position:relative;width:58px;height:58px}.now-active-avatar-img{width:58px;height:58px;border-radius:50%;object-fit:cover;border:2.5px solid #ffffff;box-shadow:0 2px 8px #0000001f}.now-active-green-dot{position:absolute;bottom:1px;right:1px;width:13px;height:13px;border-radius:50%;background:#4caf50;border:2px solid #ffffff;box-shadow:0 0 #4caf5080;animation:onlinePulse 2.5s infinite}.now-active-name{font-size:11px;font-weight:500;color:var(--color-text-dark, #212121);max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.now-active-empty{font-size:12px;color:#9e9e9e;padding:6px 4px;font-style:italic}.skeleton-item{opacity:.6}.skeleton-circle{width:58px;height:58px;border-radius:50%;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}.skeleton-text{width:44px;height:10px;border-radius:5px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.now-active-title-wrap{display:flex;align-items:center;gap:8px}.active-users-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:var(--color-surface, #ffffff);border-bottom:1px solid rgba(0,0,0,.06);position:sticky;top:0;z-index:20}.active-users-header-left{display:flex;align-items:center;gap:14px}.active-users-back-btn{background:none;border:none;padding:6px;margin:-6px;border-radius:50%;cursor:pointer;color:var(--color-text-dark, #212121);display:flex;align-items:center;justify-content:center;transition:background-color .15s}.active-users-back-btn:hover{background-color:#0000000d}.active-users-title-group{display:flex;align-items:center;gap:10px}.active-users-title{font-size:19px;font-weight:700;color:var(--color-primary-dark, #880e4f);margin:0;letter-spacing:-.3px}.active-users-count-chip{display:inline-flex;align-items:center;gap:6px;background:#4caf501f;color:#2e7d32;font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:12px}.active-users-page-layout{padding:12px 16px calc(80px + env(safe-area-inset-bottom,14px));max-width:600px;margin:0 auto}.active-users-search-wrap{position:relative;margin-bottom:16px}.active-users-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#9e9e9e;pointer-events:none}.active-users-search-input{width:100%;box-sizing:border-box;padding:10px 14px 10px 38px;border-radius:24px;border:1px solid rgba(0,0,0,.08);background:#ffffffe6;font-size:14px;outline:none;transition:border-color .2s,box-shadow .2s}.active-users-search-input:focus{border-color:#c2185b;box-shadow:0 0 0 3px #c2185b1f}.active-users-grid{display:flex;flex-direction:column;gap:12px}.active-user-card{display:flex;align-items:center;gap:14px;background:#ffffffeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 14px;border-radius:16px;box-shadow:0 2px 10px #0000000a;border:1px solid rgba(233,30,99,.08);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.active-user-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #c2185b1f}.active-user-avatar-box{position:relative;width:54px;height:54px;flex-shrink:0}.active-user-photo{width:54px;height:54px;border-radius:50%;object-fit:cover;border:2px solid #ffffff;box-shadow:0 2px 8px #0000001f}.active-user-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.active-user-name-line{display:flex;align-items:baseline;gap:3px}.active-user-name{font-size:15px;font-weight:700;color:var(--color-text-dark, #212121)}.active-user-age{font-size:14px;font-weight:500;color:#757575}.active-user-location{font-size:12px;color:#757575}.active-user-bio{font-size:12px;color:#616161;margin:3px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.active-user-actions{flex-shrink:0}.active-user-chat-btn{display:inline-flex;align-items:center;gap:5px;padding:7px 13px;border-radius:20px;border:none;background:linear-gradient(135deg,#e91e63,#c2185b);color:#fff;font-size:12.5px;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #e91e6340;transition:transform .15s,box-shadow .15s}.active-user-chat-btn:hover{transform:scale(1.04);box-shadow:0 3px 12px #e91e6359}.active-users-empty{text-align:center;padding:48px 24px;display:flex;flex-direction:column;align-items:center;gap:10px}.active-users-empty-icon{width:68px;height:68px;border-radius:50%;background:#e91e6314;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.active-users-empty-title{font-size:17px;font-weight:700;color:var(--color-text-dark, #212121);margin:0}.active-users-empty-desc{font-size:13.5px;color:#757575;max-width:320px;line-height:1.5;margin:0}.stories-section{padding:12px 16px}.stories-horizontal-scroll{display:flex;gap:14px;overflow-x:auto;padding:4px 2px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.stories-horizontal-scroll::-webkit-scrollbar{display:none}.story-item{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;flex-shrink:0}.story-avatar-wrapper{width:62px;height:62px;border-radius:50%;padding:2.5px;position:relative}.has-story-ring{background:var(--gradient-primary)}.has-story-ring-offline{background:#f48fb180}.add-story-wrapper{background:#fff;border:2px dashed var(--color-primary-light)}.add-story-inner{width:100%;height:100%;border-radius:50%;background:var(--color-pink-pale);display:flex;align-items:center;justify-content:center}.story-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid #fff}.online-dot-story{position:absolute;bottom:2px;right:2px;width:12px;height:12px;border-radius:50%;background:#4caf50;border:2px solid #fff}.story-name{font-size:11px;font-weight:500;color:var(--color-text-dark);max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chats-top-header{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;padding-top:max(12px,env(safe-area-inset-top,12px));background:#fdebf0f2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(244,143,177,.25);position:sticky;top:0;z-index:90;width:100%;box-sizing:border-box}.chats-header-left{display:flex;align-items:center;gap:10px;cursor:pointer}.chats-header-icon{color:#c2185b}.chats-header-title{font-size:1.45rem;font-weight:700;color:#880e4f;margin:0;line-height:1}.chats-header-right{display:flex;align-items:center;gap:12px}.chats-header-action-btn{background:#fffc;border:1px solid rgba(244,143,177,.4);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#880e4f;cursor:pointer;transition:all .2s ease;padding:0}.chats-header-action-btn:hover{background:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #c2185b26}.chats-avatar-circle{width:36px;height:36px;border-radius:50%;padding:2px;background:var(--gradient-primary, linear-gradient(135deg, #ec407a 0%, #c2185b 100%));cursor:pointer;box-shadow:0 2px 8px #c2185b33}.chats-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:1.5px solid #fff}.chats-search-bar-wrap{display:flex;align-items:center;gap:10px;margin:12px 16px 4px;padding:8px 14px;background:#fff;border:1.5px solid rgba(244,143,177,.4);border-radius:999px;box-shadow:0 2px 8px #c2185b14}.chats-search-bar-icon{color:#c2185b;flex-shrink:0}.chats-search-input{border:none;background:transparent;width:100%;font-size:13.5px;color:#2b1b24;outline:none}.now-active-section{padding:12px 16px 6px;width:100%;box-sizing:border-box}.now-active-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.now-active-see-all{background:none;border:none;font-size:13.5px;font-weight:600;color:#c2185b;cursor:pointer;padding:2px 4px;transition:opacity .2s}.now-active-see-all:hover{opacity:.8;text-decoration:underline}.subheading-active{font-size:15px;font-weight:700;color:var(--color-primary-dark, #880e4f);margin:0}.now-active-scroll{display:flex;flex-direction:row;align-items:center;gap:14px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;padding-bottom:6px;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.now-active-scroll::-webkit-scrollbar{display:none}.now-active-scroll .story-item{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0;cursor:pointer}.chats-page-layout{padding:8px 0 calc(76px + env(safe-area-inset-bottom,12px));width:100%;box-sizing:border-box}.chat-threads-section{padding:8px 16px 20px;width:100%;box-sizing:border-box}.subheading-messages{font-size:15px;font-weight:700;color:var(--color-primary-dark, #880e4f);margin-bottom:12px;padding-left:4px}.card-deck-section{padding:6px 16px 28px;display:flex;justify-content:center;width:100%;box-sizing:border-box}.heartsync-card-container{width:100%;max-width:380px;position:relative;box-sizing:border-box}.heartsync-card{width:100%;height:510px;max-height:min(510px,calc(100dvh - 200px));min-height:380px;border-radius:var(--radius-xl);overflow:hidden;position:relative;box-shadow:0 16px 40px #c2185b38;background:#fff;cursor:pointer;box-sizing:border-box}.card-image-box{width:100%;height:100%;position:relative}.card-main-image{width:100%;height:100%;object-fit:cover}.card-gradient-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(0,0,0,.05) 0%,transparent 40%,rgba(47,41,48,.4) 65%,rgba(137,15,79,.92) 100%)}.card-top-badges{position:absolute;top:16px;left:16px;right:16px;display:flex;justify-content:space-between;align-items:center;z-index:2}.badge-verified{background:#ffffffe6;color:var(--color-primary-dark);padding:4px 10px;border-radius:var(--radius-full);font-size:12px;font-weight:700;display:flex;align-items:center;gap:4px;box-shadow:var(--shadow-sm)}.badge-distance{background:#0006;color:#fff;padding:4px 10px;border-radius:var(--radius-full);font-size:12px;display:flex;align-items:center;gap:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.card-text-details{position:absolute;bottom:85px;left:20px;right:20px;color:#fff;z-index:2}.card-name-row{display:flex;align-items:baseline;gap:8px}.card-profile-name{font-size:1.6rem;font-weight:700;line-height:1.2}.card-profile-age{font-size:1.4rem;font-weight:400;opacity:.9}.card-profile-location{font-size:13px;opacity:.9;margin-top:2px}.card-profile-bio{font-size:13px;line-height:1.4;margin-top:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;opacity:.95}.card-interests-tags{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.interest-pill{background:#ffffff40;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:3px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:500}.card-floating-actions{position:absolute;bottom:-24px;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:20px;z-index:10}.card-action-btn{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #2f29302e;cursor:pointer;transition:all var(--transition-fast);border:none}.action-pass{background:#fff;color:#757575}.action-pass:hover{background:#f5f5f5;color:#d32f2f;transform:scale(1.08)}.action-interested{background:#fff;color:#fbc02d}.action-interested:hover{transform:scale(1.1)}.action-like{background:var(--gradient-primary);color:#fff;box-shadow:0 8px 28px #c2185b73}.action-like:hover{transform:scale(1.1);box-shadow:0 10px 32px #c2185b99}.btn-action-sm{width:48px;height:48px}.profile-grid-hs{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:0 16px}.grid-profile-card{background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);display:flex;flex-direction:column}.grid-card-media{position:relative;aspect-ratio:3/4;cursor:pointer}.grid-card-img{width:100%;height:100%;object-fit:cover}.grid-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 40%,rgba(47,41,48,.8) 100%)}.grid-verified-badge{position:absolute;top:8px;left:8px;background:var(--color-primary);color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center}.grid-card-info{position:absolute;bottom:8px;left:10px;right:10px;color:#fff}.grid-card-name{font-size:14px;font-weight:700;line-height:1.2}.grid-card-name span{font-weight:400;font-size:13px}.grid-card-city{font-size:11px;opacity:.85;display:flex;align-items:center;gap:2px;margin-top:2px}.grid-card-actions{display:flex;justify-content:space-around;padding:8px 12px;background:#fff}.grid-action-btn{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.grid-pass-btn{background:#f5f5f5;color:#757575}.grid-like-btn{background:var(--color-pink-pale);color:var(--color-primary)}.search-bar-container-hs{padding:8px 16px 14px}.search-input-wrapper{display:flex;align-items:center;background:#fff;border-radius:var(--radius-full);padding:0 16px;box-shadow:var(--shadow-sm);border:1.5px solid rgba(244,143,177,.3)}.search-icon-hs{color:var(--color-primary-light);margin-right:10px}.search-input-field{flex:1;padding:12px 0;border:none;font-size:14px;color:var(--color-text-dark)}.search-clear-btn{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:4px}.modal-backdrop-hs,.match-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#2f2930a6;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:200;padding:16px}.filter-modal-card{background:#fff;border-radius:var(--radius-xl);width:100%;max-width:440px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000040;overflow:hidden;animation:popIn .25s ease-out}.modal-header-row{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid rgba(244,143,177,.3)}.modal-title{font-size:1.2rem;font-weight:700;color:var(--color-primary-dark)}.modal-close-btn{background:none;border:none;color:var(--color-text-muted);cursor:pointer}.filter-modal-body{padding:20px 24px;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.filter-section{display:flex;flex-direction:column;gap:8px}.filter-label-row{display:flex;justify-content:space-between;align-items:center}.filter-label{font-size:14px;font-weight:600;color:var(--color-text-dark)}.filter-value-text{font-size:13px;font-weight:700;color:var(--color-primary)}.hs-slider{width:100%;accent-color:var(--color-primary)}.checkbox-custom-label{display:flex;align-items:center;gap:10px;cursor:pointer}.checkbox-custom-label input{display:none}.checkbox-custom-box{width:20px;height:20px;border-radius:6px;border:2px solid var(--color-primary);display:flex;align-items:center;justify-content:center;background:#fff}.checkbox-custom-label input:checked+.checkbox-custom-box{background:var(--color-primary)}.checkbox-text{font-size:14px;font-weight:500}.interests-pill-cloud{display:flex;flex-wrap:wrap;gap:8px}.interest-tag-btn{padding:6px 14px;border-radius:var(--radius-full);border:1px solid rgba(244,143,177,.5);background:#fff;font-size:12px;font-weight:500;color:var(--color-text-dark);cursor:pointer;transition:all var(--transition-fast)}.interest-tag-btn.selected{background:var(--gradient-primary);color:#fff;border-color:transparent}.modal-footer-row{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-top:1px solid rgba(244,143,177,.3);gap:16px}.btn-reset-filters{background:none;border:none;font-size:14px;font-weight:600;color:var(--color-text-muted);cursor:pointer}.match-modal-card{width:100%;max-width:380px;background:#fff;border-radius:var(--radius-xl);padding:36px 24px 28px;text-align:center;position:relative;overflow:hidden;box-shadow:0 24px 60px #c2185b4d;animation:popIn .3s cubic-bezier(.175,.885,.32,1.275)}.match-heading-container{margin-bottom:24px}.match-script-tag{font-family:var(--font-script);font-size:1.8rem;color:var(--color-primary-light);display:block}.match-title-gradient{font-size:2.2rem;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.1;margin-top:-4px}.match-subtitle{font-size:14px;color:var(--color-text-muted);margin-top:6px}.match-partner-name{color:var(--color-primary);font-weight:700}.match-circles-intersection{position:relative;height:120px;margin:16px 0 32px;display:flex;justify-content:center;align-items:center}.match-photo-bubble{width:100px;height:100px;border-radius:50%;overflow:hidden;border:4px solid #fff;box-shadow:var(--shadow-lg);position:absolute}.match-bubble-left{left:25%;transform:translate(-50%);animation:slideInLeft .5s ease}.match-bubble-right{right:25%;transform:translate(50%);animation:slideInRight .5s ease}.match-bubble-img{width:100%;height:100%;object-fit:cover}.match-center-heart-badge{width:50px;height:50px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;position:absolute;z-index:5;box-shadow:var(--shadow-md);animation:pulse 1.2s infinite}.match-modal-buttons{display:flex;flex-direction:column;gap:12px}.btn-keep-swiping{background:none;border:none;font-size:14px;font-weight:600;color:var(--color-text-muted);cursor:pointer;padding:8px}.chat-screen-page{position:relative;width:100%;max-width:480px;margin:0 auto;height:100vh;height:100dvh;height:var(--chat-vh, 100dvh);max-height:var(--chat-vh, 100dvh);display:flex;flex-direction:column;background:#fdecee;overflow:hidden;box-sizing:border-box;box-shadow:0 0 40px #0000001f}.chat-bg-cloud-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(/assets/cloud-hearts.jpg);background-repeat:no-repeat;background-position:center 22%;background-size:82% auto;opacity:.28;pointer-events:none;z-index:1;mix-blend-mode:multiply;overflow:hidden}.chat-screen-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;padding-top:max(12px,env(safe-area-inset-top,12px));background:#cb2d64;background:linear-gradient(90deg,#d33268,#c2185b);position:relative;top:0;z-index:30;border-top-left-radius:0;border-top-right-radius:0;box-shadow:0 3px 12px #c2185b40;flex-shrink:0;width:100%;box-sizing:border-box}.chat-header-left-group{display:flex;align-items:center;gap:12px;flex:1}.chat-back-btn{background:none;border:none;color:#fff;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:transform .15s ease}.chat-back-btn:hover{transform:scale(1.1)}.chat-header-profile{display:flex;align-items:center;gap:10px;cursor:pointer}.chat-header-avatar-wrap{width:42px;height:42px;border-radius:50%;border:2px solid rgba(255,255,255,.95);overflow:hidden;background:#fff;flex-shrink:0;box-shadow:0 2px 6px #00000026}.chat-header-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.chat-header-name{font-size:18px;font-weight:700;color:#fff;margin:0;line-height:1.2;letter-spacing:-.2px}.chat-header-actions{display:flex;align-items:center;gap:14px}.chat-header-action-btn{background:none;border:none;padding:4px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:transform .15s ease,opacity .15s ease;opacity:.95}.chat-header-action-btn:hover{opacity:1;transform:scale(1.12)}.chat-messages-container{flex:1 1 0%;min-height:0;overflow-y:auto;overflow-x:clip;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;padding:16px 14px;display:flex;flex-direction:column;gap:14px;position:relative;z-index:2;scrollbar-width:none;width:100%;box-sizing:border-box}.chat-messages-container::-webkit-scrollbar{display:none}.chat-bubble-row{display:flex;align-items:flex-end;width:100%;gap:10px;box-sizing:border-box}.chat-bubble-row.incoming{justify-content:flex-start}.chat-bubble-row.outgoing{justify-content:flex-end}.chat-bubble-avatar-wrap{width:40px;height:40px;border-radius:50%;flex-shrink:0;padding:1.5px;background:#fff;border:2px solid #eb5a82;box-shadow:0 2px 5px #0000001a;overflow:hidden}.chat-bubble-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.chat-bubble-body{display:block;width:fit-content;max-width:100%;min-width:44px;padding:8px 14px;border-radius:18px;position:relative;font-size:14.5px;font-weight:500;line-height:1.4;box-shadow:0 2px 6px #0000000f;word-break:normal;overflow-wrap:anywhere;box-sizing:border-box}.bubble-incoming{background:#d33c6f;color:#fff}.bubble-outgoing{background:#b2b2bd;color:#fff}.bubble-emoji-only{font-size:32px;background:transparent!important;box-shadow:none!important}.chat-bubble-image-wrap{border-radius:12px;overflow:hidden;max-width:220px}.chat-attachment-img{width:100%;height:auto;display:block}.chat-timestamp{font-size:10px;color:inherit;opacity:.75;margin-right:2px;line-height:1}.chat-message-text{margin:0;color:inherit;font-size:14.5px;line-height:1.4;word-break:normal;overflow-wrap:anywhere;white-space:pre-wrap}.quick-emoji-drawer{background:#fff;padding:10px 16px;display:flex;justify-content:space-around;box-shadow:0 -4px 12px #0000000f;position:relative;z-index:25}.quick-emoji-btn{background:none;border:none;font-size:22px;cursor:pointer;transition:transform var(--transition-fast)}.quick-emoji-btn:hover{transform:scale(1.25)}.chat-input-bar{display:flex;align-items:center;gap:8px;padding:10px 12px;padding-bottom:max(10px,env(safe-area-inset-bottom,10px));background:#fdecee;position:relative;z-index:20;flex-shrink:0;width:100%;box-sizing:border-box;border-top:1px solid rgba(203,45,100,.12)}.chat-input-media-group{display:flex;align-items:center;gap:8px;flex-shrink:0}.chat-input-media-btn{background:none;border:none;padding:4px;display:flex;align-items:center;justify-content:center;color:#2b2b30;cursor:pointer;transition:transform .15s ease,color .15s ease}.chat-input-media-btn:hover{color:#cb2d64;transform:scale(1.12)}.chat-media-icon{stroke-width:1.8}.chat-input-pill-box{flex:1;display:flex;align-items:center;background:#fff;border:1.5px solid #4a4a50;border-radius:8px;padding:2px 6px 2px 12px;transition:border-color .2s ease,box-shadow .2s ease}.chat-input-pill-box:focus-within{border-color:#cb2d64;box-shadow:0 0 0 2px #cb2d6426}.chat-pill-input-field{flex:1;border:none;outline:none;background:transparent;font-size:14px;color:#1e1e24;padding:7px 4px}.chat-pill-input-field::placeholder{color:#6c757d;font-size:13.5px}.chat-pill-send-btn{background:none;border:none;padding:4px 6px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#1a1a1f;transition:transform .15s ease,color .15s ease}.chat-pill-send-btn:hover{color:#cb2d64;transform:scale(1.12)}.chat-send-icon{stroke-width:2.2}@media(max-width:380px){.chat-screen-header{padding:10px 12px;padding-top:max(10px,env(safe-area-inset-top,10px))}.chat-header-name{font-size:16px}.chat-header-actions{gap:10px}.chat-messages-container{padding:12px 10px;gap:10px}.chat-bubble-outer-wrap{max-width:78%}.chat-bubble-body{padding:7px 12px;font-size:13.5px}.chat-input-bar{gap:6px;padding:8px 10px;padding-bottom:max(8px,env(safe-area-inset-bottom,8px))}.chat-input-media-group{gap:6px}.chat-input-media-btn{padding:2px}.chat-media-icon{width:20px;height:20px}.chat-pill-input-field{font-size:13px;padding:5px 2px}}@media(max-width:320px){.chat-input-media-group{gap:4px}.chat-bubble-outer-wrap{max-width:82%}}.chats-list-container{display:flex;flex-direction:column;width:100%;background:#fff;border-radius:var(--radius-xl, 20px);box-shadow:0 4px 20px #c2185b14;border:1px solid rgba(244,143,177,.25);overflow:hidden}.chat-list-item-hs{display:flex;align-items:center;gap:14px;padding:13px 16px;background:#fff;cursor:pointer;transition:background .15s ease;position:relative;border-bottom:1px solid rgba(244,143,177,.2)}.chat-list-item-hs:last-child{border-bottom:none}.chat-list-item-hs:hover{background:#fff8fa}.chat-item-avatar-box{position:relative;width:50px;height:50px;flex-shrink:0}.chat-item-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid rgba(244,143,177,.4)}.chat-item-online-dot{position:absolute;bottom:1px;right:1px;width:11px;height:11px;border-radius:50%;background:#4caf50;border:2px solid #fff}.chat-item-content{flex:1;display:flex;justify-content:space-between;align-items:center;min-width:0}.chat-item-main-col{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1;padding-right:12px}.chat-item-name{font-size:15px;font-weight:700;color:var(--color-text-dark, #2b1b24);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-item-preview{font-size:13px;color:var(--color-text-muted, #757575);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.chat-item-meta-col{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:4px;flex-shrink:0;min-width:48px}.chat-item-time{font-size:11px;color:var(--color-text-muted, #9e9e9e);font-weight:500;white-space:nowrap}.chat-item-unread-count{background:var(--color-primary, #e91e63);color:#fff;font-size:11px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;padding:0 5px}.notifs-content-layout{padding:16px 16px calc(100px + env(safe-area-inset-bottom,12px));width:100%;box-sizing:border-box}.notifs-header-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.section-title-pink{font-size:1.3rem;font-weight:700;color:var(--color-primary-dark)}.section-sub-pink{font-size:12px;color:var(--color-text-muted);margin-top:2px}.mark-all-read-btn{display:flex;align-items:center;gap:4px;background:none;border:none;font-size:12px;font-weight:600;color:var(--color-primary);cursor:pointer}.notification-item-card{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#fff;border-radius:var(--radius-md);margin-bottom:10px;box-shadow:var(--shadow-sm);cursor:pointer;position:relative;transition:all var(--transition-fast)}.notification-item-card.unread{border-left:4px solid var(--color-primary);background:#fffdfd}.notification-icon-badge{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--color-pink-pale);flex-shrink:0}.notification-details{flex:1}.notification-item-title{font-size:14px;font-weight:700;color:var(--color-text-dark)}.notification-item-body{font-size:12px;color:var(--color-text-muted);margin-top:2px}.notification-item-time{font-size:11px;color:var(--color-primary-light);margin-top:4px;display:block}.notification-unread-dot{width:8px;height:8px;border-radius:50%;background:var(--color-primary)}.profile-page-layout{padding:0 0 calc(100px + env(safe-area-inset-bottom,12px));width:100%;box-sizing:border-box;max-width:600px;margin:0 auto}.ig-profile-header-card{background:#fff;padding:20px 16px 16px;border-bottom:1px solid rgba(0,0,0,.06);width:100%;box-sizing:border-box}.ig-profile-top-row{display:flex;align-items:center;gap:20px;margin-bottom:14px}.ig-profile-photo-wrap{position:relative;flex-shrink:0;width:88px;height:88px;border-radius:50%;padding:3px;background:linear-gradient(135deg,#e91e63,#ff6090,#c2185b);box-shadow:0 2px 12px #e91e6340}.ig-profile-photo{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid #ffffff;display:block}.ig-profile-photo-edit-fab{position:absolute;bottom:1px;right:1px;width:26px;height:26px;border-radius:50%;background:#e91e63;color:#fff;border:2px solid #ffffff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 1px 4px #0003;transition:background .15s}.ig-profile-photo-edit-fab:hover{background:#c2185b}.ig-profile-stats-row{display:flex;flex:1;gap:0;justify-content:space-around}.ig-stat-col{display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;padding:4px 8px;border-radius:10px;transition:background .15s}.ig-stat-col:hover{background:#e91e630f}.ig-stat-number{font-size:20px;font-weight:800;color:#111;line-height:1}.ig-stat-label{font-size:11px;color:#757575;font-weight:500}.ig-profile-name-row{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-bottom:4px}.ig-profile-name{font-size:16px;font-weight:800;color:#111;word-break:break-word}.ig-profile-age{font-size:14px;font-weight:500;color:#555}.ig-verified-badge{background:#e91e63;color:#fff;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ig-profile-location{display:flex;align-items:center;gap:4px;font-size:12.5px;color:#757575;margin:2px 0 4px}.ig-profile-bio{font-size:13px;color:#333;line-height:1.5;margin:4px 0 8px;word-break:break-word}.ig-profile-complete-nudge{display:flex;align-items:center;gap:6px;background:#e91e630f;border:1px dashed rgba(233,30,99,.3);border-radius:10px;padding:8px 12px;font-size:12px;color:#c2185b;font-weight:600;cursor:pointer;margin-bottom:12px;width:100%;box-sizing:border-box;text-align:left;transition:background .15s}.ig-profile-complete-nudge span{flex:1}.ig-profile-complete-nudge:hover{background:#e91e631a}.ig-profile-action-btns{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.ig-action-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;border:none;transition:opacity .15s,transform .15s;white-space:nowrap;flex:1;min-width:0;justify-content:center}.ig-action-btn:hover{opacity:.88;transform:translateY(-1px)}.ig-action-btn-secondary{background:#f5f5f5;color:#212121;border:1px solid rgba(0,0,0,.1)}.ig-action-btn-primary{background:linear-gradient(135deg,#e91e63,#c2185b);color:#fff}.ig-share-btn-wrap{position:relative;flex:1}.ig-share-btn-wrap .ig-action-btn{width:100%}.ig-share-tooltip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:#333;color:#fff;font-size:11px;padding:4px 10px;border-radius:8px;white-space:nowrap;pointer-events:none;z-index:20;animation:fadeInUp .2s ease}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%) translateY(6px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.ig-profile-tabs-wrap{display:flex;border-bottom:1px solid rgba(0,0,0,.08);background:#fff;position:sticky;top:60px;z-index:10;width:100%;box-sizing:border-box}.ig-tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 8px;background:none;border:none;border-bottom:2px solid transparent;font-size:13px;font-weight:600;color:#9e9e9e;cursor:pointer;transition:color .15s,border-color .15s}.ig-tab-btn.active{color:#e91e63;border-bottom-color:#e91e63}.ig-tab-count{background:#e91e631f;color:#c2185b;font-size:10px;font-weight:700;padding:1px 6px;border-radius:10px;min-width:18px;text-align:center}.ig-posts-section{padding:0}.ig-posts-empty-cta{display:flex;flex-direction:column;align-items:center;gap:10px;padding:48px 20px;text-align:center}.ig-posts-empty-icon{width:72px;height:72px;border-radius:50%;background:#e91e6314;display:flex;align-items:center;justify-content:center}.ig-posts-empty-title{font-size:17px;font-weight:700;color:#111;margin:0}.ig-posts-empty-desc{font-size:13px;color:#757575;margin:0;max-width:260px;line-height:1.5}.ig-posts-first-post-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 22px;border-radius:24px;border:none;background:linear-gradient(135deg,#e91e63,#c2185b);color:#fff;font-size:14px;font-weight:700;cursor:pointer;margin-top:6px}.ig-about-section{padding:14px 14px 0;display:flex;flex-direction:column;gap:12px}.profile-post-thumb-video-badge{position:absolute;top:6px;right:6px;background:#0009;color:#fff;border-radius:6px;padding:2px 5px;font-size:10px;display:flex;align-items:center;gap:2px}@media(min-width:768px){.profile-page-layout{max-width:600px}.ig-profile-photo-wrap{width:110px;height:110px}.ig-stat-number{font-size:22px}.ig-profile-action-btns{flex-wrap:nowrap}}.profile-hero-card{background:#fff;border-radius:var(--radius-xl);padding:22px 18px;display:flex;flex-direction:column;align-items:center;box-shadow:var(--shadow-sm);margin-bottom:14px;width:100%;box-sizing:border-box}.profile-photo-hero-wrap{position:relative;width:110px;height:110px;border-radius:50%;padding:4px;background:var(--gradient-primary);box-shadow:var(--shadow-md);flex-shrink:0}.profile-hero-img{width:100%;height:100%;border-radius:50%;object-fit:cover}.profile-edit-photo-fab{position:absolute;bottom:2px;right:2px;width:32px;height:32px;border-radius:50%;background:var(--color-primary);color:#fff;border:2px solid #fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.profile-name-badge-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:12px}.profile-hero-name{font-size:1.4rem;font-weight:700;color:var(--color-text-dark);word-break:break-word;text-align:center}.profile-hero-name span{font-weight:400}.profile-verified-tag{background:var(--color-primary);color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.profile-location-text{font-size:13px;color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;gap:4px;margin-top:4px;text-align:center}.profile-stats-bar{display:flex;width:100%;justify-content:space-around;margin-top:20px;padding-top:16px;border-top:1px solid rgba(244,143,177,.3)}.stat-col{display:flex;flex-direction:column;align-items:center;cursor:pointer;flex:1}.stat-number{font-size:18px;font-weight:700;color:var(--color-primary)}.stat-label{font-size:11px;color:var(--color-text-muted)}.stat-col-divider{width:1px;height:28px;background:#f48fb166;flex-shrink:0}.profile-section-card{background:#fff;border-radius:var(--radius-lg);padding:16px 18px;margin-bottom:12px;box-shadow:var(--shadow-sm);width:100%;box-sizing:border-box}.section-card-title{font-size:14px;font-weight:700;color:var(--color-primary-dark);margin-bottom:8px}.profile-bio-text{font-size:13px;color:var(--color-text-dark);line-height:1.5;word-break:break-word}.profile-interests-cloud{display:flex;flex-wrap:wrap;gap:8px}.profile-interest-chip{background:var(--color-pink-pale);color:var(--color-primary-dark);padding:5px 12px;border-radius:var(--radius-full);font-size:12px;font-weight:600}.profile-actions-stack{display:flex;flex-direction:column;gap:10px;margin-top:6px;position:relative;z-index:10;width:100%;box-sizing:border-box}.profile-menu-btn{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;background:#fff;border-radius:var(--radius-md);border:1px solid rgba(244,143,177,.3);cursor:pointer;box-shadow:var(--shadow-sm);transition:all var(--transition-fast);width:100%;box-sizing:border-box}.profile-menu-btn:hover{background:#fff8fa;transform:translateY(-2px)}.menu-btn-left{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:600;color:var(--color-text-dark)}.menu-icon-pink{color:var(--color-primary)}.menu-icon-red{color:#d32f2f}.menu-arrow{font-size:18px;color:var(--color-text-muted)}.logout-danger-btn{border-color:#ffcdd2}.logout-danger-btn .menu-btn-left span{color:#d32f2f}.user-view-profile-page{min-height:100vh;max-width:480px;margin:0 auto;background:#fff;position:relative;padding-bottom:90px}.user-view-media-header{position:relative;height:420px;width:100%}.user-view-hero-image{width:100%;height:100%;object-fit:cover}.user-view-back-fab{position:absolute;top:18px;left:18px;width:42px;height:42px;border-radius:50%;background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;box-shadow:var(--shadow-sm)}.user-view-photo-dots{position:absolute;bottom:16px;left:0;right:0;display:flex;justify-content:center;gap:6px}.photo-dot{width:8px;height:8px;border-radius:50%;background:#ffffff80;cursor:pointer}.photo-dot.active{background:#fff;width:20px;border-radius:4px}.user-view-details-sheet{padding:24px 20px;display:flex;flex-direction:column;gap:20px}.user-view-title-row{display:flex;justify-content:space-between;align-items:flex-start}.user-view-name{font-size:1.6rem;font-weight:700;color:var(--color-text-dark)}.age-span{font-weight:400}.user-view-location{font-size:13px;color:var(--color-text-muted);display:flex;align-items:center;gap:4px;margin-top:4px}.badge-verified-large{background:var(--color-primary);color:#fff;padding:5px 12px;border-radius:var(--radius-full);font-size:12px;font-weight:700;display:flex;align-items:center;gap:4px}.user-view-heading{font-size:14px;font-weight:700;color:var(--color-primary-dark);margin-bottom:6px}.user-view-text{font-size:14px;line-height:1.5;color:var(--color-text-dark)}.intention-badge-pink{background:var(--color-pink-pale);color:var(--color-primary);font-weight:600;padding:6px 14px;border-radius:var(--radius-full);display:inline-block;font-size:13px}.user-view-actions-bar{position:fixed;bottom:20px;left:0;right:0;max-width:480px;margin:0 auto;display:flex;justify-content:space-around;align-items:center;padding:0 24px;z-index:100}.user-view-action-circle{width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #00000026;cursor:pointer;border:none}.pass-circle{background:#fff;color:#757575}.like-circle{background:var(--gradient-primary);color:#fff}.user-view-chat-btn{display:flex;align-items:center;gap:8px;padding:14px 28px;border-radius:var(--radius-full);background:var(--color-primary);color:#fff;font-weight:700;border:none;cursor:pointer;box-shadow:var(--shadow-md)}.empty-state-card{padding:48px 24px;text-align:center;display:flex;flex-direction:column;align-items:center}.empty-icon-wrapper{width:80px;height:80px;border-radius:50%;background:var(--color-pink-pale);display:flex;align-items:center;justify-content:center;color:var(--color-primary);margin-bottom:16px}.empty-state-title{font-size:1.25rem;font-weight:700;color:var(--color-primary-dark)}.empty-state-message{font-size:13px;color:var(--color-text-muted);max-width:280px;margin:8px 0 20px;line-height:1.5}.empty-state-btn{padding:10px 22px;border-radius:var(--radius-full);background:var(--gradient-primary);color:#fff;font-size:13px;font-weight:600;border:none;cursor:pointer}.loading-spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;gap:12px}.heart-pulse-spinner{animation:pulse 1s infinite}.loading-spinner-text{font-size:13px;color:var(--color-primary);font-weight:500}.fullscreen-loading{height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-pink-pale)}.settings-page-layout{padding:16px 16px calc(100px + env(safe-area-inset-bottom,12px));width:100%;box-sizing:border-box}.settings-form{display:flex;flex-direction:column;gap:16px}.settings-group-card{background:#fff;border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:16px}.settings-group-title{font-size:15px;font-weight:700;color:var(--color-primary-dark);border-bottom:1px solid rgba(244,143,177,.3);padding-bottom:8px}.settings-field{display:flex;flex-direction:column;gap:6px}.settings-label-row{display:flex;justify-content:space-between;align-items:center}.settings-label{font-size:13px;font-weight:600;color:var(--color-text-dark)}.settings-value-chip{font-size:12px;font-weight:700;color:var(--color-primary)}.settings-info-row{display:flex;justify-content:space-between;align-items:center;font-size:13px}.settings-info-label{color:var(--color-text-muted)}.settings-info-val{font-weight:600;color:var(--color-text-dark)}.verified-badge-text{color:#2e7d32;display:flex;align-items:center;gap:4px}.uid-text{font-family:monospace;font-size:11px}.settings-save-btn{margin-top:10px}.settings-logout-wrap{margin-top:20px;text-align:center}.btn-danger-logout{display:inline-flex;align-items:center;gap:6px;background:#ffebee;color:#d32f2f;padding:10px 20px;border-radius:var(--radius-full);font-size:13px;font-weight:600;border:1px solid #ffcdd2;cursor:pointer}.likes-tab-switcher{display:flex;padding:12px 16px;gap:10px}.tab-pill{flex:1;padding:10px 14px;border-radius:var(--radius-full);font-size:13px;font-weight:600;cursor:pointer;border:none;transition:all var(--transition-fast)}.tab-pill.active{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-sm)}.tab-pill.inactive{background:#fffc;color:var(--color-text-muted)}.likes-heading-meta{padding:0 16px 12px}.likes-subtitle{font-size:12px;color:var(--color-text-muted)}.matches-page-layout,.likes-content-layout{padding:16px 16px calc(100px + env(safe-area-inset-bottom,12px));width:100%;box-sizing:border-box}.discover-content-layout,.home-content-layout,.chats-page-layout{padding-bottom:calc(100px + env(safe-area-inset-bottom,12px));width:100%;box-sizing:border-box}.matches-header-intro{margin-bottom:16px}.matches-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.match-person-card{background:#fff;border-radius:var(--radius-lg);padding:12px;display:flex;flex-direction:column;align-items:center;box-shadow:var(--shadow-sm)}.match-card-img-wrap{position:relative;width:80px;height:80px;border-radius:50%;cursor:pointer}.match-card-photo{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid var(--color-primary-light)}.match-card-badge-heart{position:absolute;bottom:0;right:0;background:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}.match-card-details{text-align:center;margin:8px 0 12px}.match-user-name{font-size:14px;font-weight:700;color:var(--color-text-dark)}.match-since-text{font-size:11px;color:var(--color-text-muted)}.btn-match-chat{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-full);background:var(--color-pink-pale);color:var(--color-primary);font-size:12px;font-weight:700;border:none;cursor:pointer;transition:all var(--transition-fast)}.btn-match-chat:hover{background:var(--gradient-primary);color:#fff}@keyframes popIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-80px)}to{opacity:1;transform:translate(-50%)}}@keyframes slideInRight{0%{opacity:0;transform:translate(80px)}to{opacity:1;transform:translate(50%)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}.mobile-app-shell{min-height:100vh;width:100%;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#fcecee,#fdebee,#f8bbd0);padding:0;margin:0;box-sizing:border-box;overflow-x:hidden}@media(min-width:480px){.mobile-app-shell{padding:24px 16px}}.splash-screen-screen,.onboarding-screen,.auth-screen-layout{width:100%;max-width:430px;min-height:100vh;position:relative;overflow:hidden;display:flex;flex-direction:column;box-sizing:border-box}@media(min-width:480px){.splash-screen-screen,.onboarding-screen,.auth-screen-layout{border-radius:36px;box-shadow:0 20px 50px #ad14572e,0 4px 16px #0000000f;min-height:min(660px,calc(100vh - 48px));max-height:min(880px,calc(100vh - 48px));height:85vh}}.splash-screen-screen{background:#fcecee;align-items:center;justify-content:center}.splash-center-content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.splash-loading-indicator{position:absolute;bottom:60px;z-index:10}.splash-pulse-dot{width:10px;height:10px;border-radius:50%;background:#ad1457;animation:pulse 1.4s ease-in-out infinite;box-shadow:0 0 12px #ad145780}.onboarding-screen{background:linear-gradient(180deg,#fef4f6,#fdebee 70%,#fadce5);justify-content:space-between}.onboarding-illustration-area{display:flex;justify-content:center;align-items:center;padding:44px 20px 10px;min-height:310px;position:relative;z-index:3}.onboarding-hero-image{max-width:275px;width:100%;max-height:275px;object-fit:contain;filter:drop-shadow(0 14px 24px rgba(216,27,96,.12))}.onboarding-text-area{text-align:center;padding:8px 30px;position:relative;z-index:5}.onboarding-heading{font-family:var(--font-primary);font-size:1.55rem;font-weight:700;color:#ad1457;line-height:1.32;margin-bottom:12px;letter-spacing:-.3px}.onboarding-heading .highlight-pink{color:#c2185b;font-weight:800}.onboarding-desc{font-size:13.5px;color:#616161;line-height:1.55;max-width:320px;margin:0 auto}.onboarding-pagination-row{display:flex;justify-content:center;align-items:center;gap:8px;margin:18px 0 14px;position:relative;z-index:5}.pagination-indicator{padding:0;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.pagination-indicator.inactive-dot{width:9px;height:9px;border-radius:50%;background:#f8bbd0;border:1.5px solid #ec407a}.pagination-indicator.active-pill{width:30px;height:9px;border-radius:999px;background:#ad1457;border:none;box-shadow:0 2px 6px #ad145759}.onboarding-bottom-actions{display:flex;justify-content:space-between;align-items:center;padding:0 32px 38px;position:relative;z-index:10;margin-top:auto}.onboarding-skip-link{background:none;border:none;font-size:14.5px;font-weight:500;color:#880e4f;cursor:pointer;padding:8px 12px;opacity:.85;transition:opacity .2s}.onboarding-skip-link:hover{opacity:1}.onboarding-next-pill-btn{background:linear-gradient(135deg,#c2185b,#ad1457);color:#fff;border:none;border-radius:999px;padding:10px 32px;font-size:13px;font-weight:700;letter-spacing:.8px;cursor:pointer;box-shadow:0 5px 18px #ad145761;transition:transform .15s,box-shadow .15s}.onboarding-next-pill-btn:hover{transform:translateY(-1px);box-shadow:0 7px 22px #ad145773}.onboarding-next-pill-btn:active{transform:translateY(1px)}.onboarding-next-pill-btn.get-started-btn{padding:11px 36px}.wave-decoration{position:absolute;bottom:0;left:0;width:100%;height:145px;pointer-events:none;z-index:2;overflow:hidden}.wave-svg{width:100%;height:100%;display:block}.auth-screen-layout{background:#fcecee}.auth-top-header-panel{height:195px;position:relative;background:#fcecee;display:flex;align-items:center;justify-content:center;overflow:hidden}.auth-top-clouds-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/assets/cloud-hearts.jpg);background-size:cover;background-position:center;opacity:.8}.auth-logo-center-box{position:relative;z-index:3}.auth-wave-divider{position:absolute;top:155px;left:0;width:100%;height:55px;z-index:3;pointer-events:none}.auth-wave-svg{width:100%;height:100%;display:block}.auth-bottom-curved-card{background:linear-gradient(180deg,#9a1147,#880e4f 40%,#700b3f);color:#fff;padding:24px 26px 36px;border-top-left-radius:36px;border-top-right-radius:36px;margin-top:-24px;position:relative;z-index:4;flex:1;display:flex;flex-direction:column;overflow-y:auto;box-sizing:border-box}.auth-screen-heading-script{font-family:Dancing Script,cursive,sans-serif;font-size:2.25rem;font-weight:700;font-style:italic;color:#fff;margin-bottom:18px;letter-spacing:.5px;text-shadow:0 2px 8px rgba(0,0,0,.2)}.auth-card-form-body{width:100%;box-sizing:border-box}.form-group-romantic{margin-bottom:13px;width:100%;box-sizing:border-box}.form-label-romantic{display:block;font-size:12px;font-weight:400;color:#ffffffeb;margin-bottom:5px;letter-spacing:.2px}.input-pill-wrapper{display:flex;align-items:center;background:#5005236b;border:1.5px solid rgba(255,128,171,.65);border-radius:999px;padding:0 16px;height:44px;width:100%;box-sizing:border-box;transition:all .2s ease}.input-pill-wrapper:focus-within{border-color:#ff80ab;background:#500523a6;box-shadow:0 0 0 3px #ff80ab40}.input-pill-icon{color:#ff80ab;margin-right:10px;display:flex;align-items:center;flex-shrink:0}.input-pill-control{flex:1;background:transparent;border:none;outline:none;font-size:13px;color:#fff;width:100%;min-width:0;box-sizing:border-box}.input-pill-control::placeholder{color:#ffffff73}.input-pill-error{display:block;color:#ffcdd2;font-size:11px;margin-top:4px;padding-left:12px}.forgot-password-row{text-align:right;margin-top:4px}.forgot-password-link{background:none;border:none;color:#fffc;font-size:11px;cursor:pointer;text-decoration:underline;transition:color .15s}.forgot-password-link:hover{color:#fff}.btn-luminous-pill{width:100%;height:45px;border-radius:999px;background:linear-gradient(90deg,#ffcdd2,#f8bbd0,#fff);color:#880e4f;font-size:14.5px;font-weight:700;border:none;cursor:pointer;margin-top:14px;box-shadow:0 6px 20px #00000038;transition:transform .15s,box-shadow .15s;display:flex;align-items:center;justify-content:center}.btn-luminous-pill:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 24px #0000004d}.btn-luminous-pill:disabled{opacity:.7;cursor:not-allowed}.auth-prompt-center{text-align:center;margin-top:15px;font-size:12px;color:#ffffffd9}.auth-prompt-link{color:#fff;font-weight:700;text-decoration:underline;margin-left:4px}.social-signin-section{text-align:center;margin-top:14px;padding-top:4px}.social-signin-label{font-size:11.5px;color:#ffffffb3;display:block;margin-bottom:9px;font-style:italic}.social-icons-row{display:flex;justify-content:center;align-items:center;gap:12px}.social-circle-btn{width:40px;height:40px;border-radius:50%;background:#fff;border:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #00000038;transition:transform .15s,box-shadow .15s}.social-circle-btn:hover:not(:disabled){transform:scale(1.08);box-shadow:0 6px 16px #0000004d}.alert-box-error-pill{background:#b71c1cd9;color:#fff;padding:8px 14px;border-radius:999px;font-size:12px;font-weight:500;margin-bottom:12px;border:1px solid rgba(255,205,210,.5);text-align:center}.alert-box-success-pill{background:#2e7d32d9;color:#fff;padding:8px 14px;border-radius:999px;font-size:12px;font-weight:500;margin-bottom:12px;border:1px solid rgba(200,230,201,.5);text-align:center}.profile-setup-page{width:100%;max-width:430px;margin:0 auto;min-height:100vh;box-sizing:border-box}@media(min-width:480px){.profile-setup-page{border-radius:36px;box-shadow:0 20px 50px #ad14572e;background:#fff;overflow:hidden}}@media(max-width:480px){.app-page-wrapper{box-shadow:none;border-radius:0}.stories-section{padding:10px 14px}.stories-horizontal-scroll{gap:12px}.card-deck-section{padding:6px 14px 26px}}@media(max-width:380px){.app-header-hs{padding:10px 12px;padding-top:max(10px,env(safe-area-inset-top,10px));min-height:54px}.brand-wordmark{font-size:1.55rem}.header-logo-img{width:30px;height:30px}.header-center-title{font-size:1.12rem}.header-right-actions{gap:8px}.icon-action-btn{width:34px;height:34px}.icon-action-btn svg{width:18px;height:18px}.bottom-nav-container-hs{padding:0 10px;bottom:max(10px,env(safe-area-inset-bottom,10px))}.bottom-nav-pill{padding:5px 6px;gap:2px}.nav-item-hs{padding:5px 4px;font-size:10px}.nav-item-hs .nav-icon{width:20px;height:20px}.stories-section{padding:8px 12px}.stories-horizontal-scroll{gap:10px}.story-avatar-wrapper{width:56px;height:56px}.story-name{font-size:10.5px;max-width:58px}.card-deck-section{padding:4px 12px 24px}.heartsync-card{height:460px;min-height:360px;border-radius:20px}.card-floating-actions{gap:14px;bottom:-22px}.card-action-btn{width:52px;height:52px}.card-action-btn svg{width:22px;height:22px}.card-text-details{bottom:68px;left:14px;right:14px}.card-profile-name{font-size:1.4rem}.card-profile-age{font-size:1.25rem}.card-profile-location,.card-profile-bio{font-size:12px}.chats-top-header{padding:10px 14px;padding-top:max(10px,env(safe-area-inset-top,10px))}.chats-header-title{font-size:1.3rem}.chats-header-right{gap:8px}.chats-header-action-btn,.chats-avatar-circle{width:33px;height:33px}.chats-search-bar-wrap{margin:8px 12px 2px;padding:6px 12px}.now-active-section{padding:10px 12px 4px}.now-active-scroll{gap:12px}.chat-threads-section{padding:8px 12px 16px}.chat-list-item-hs{padding:11px 12px;gap:10px}.chat-item-avatar-box{width:44px;height:44px}.chat-item-name{font-size:14px}.chat-item-preview{font-size:12px}.chat-item-time{font-size:10px}.profile-page-layout{padding:12px 12px calc(100px + env(safe-area-inset-bottom,12px))}.profile-hero-card{padding:18px 12px}.profile-photo-hero-wrap{width:96px;height:96px}.profile-hero-name{font-size:1.25rem}.stat-number{font-size:16px}.stat-label{font-size:10px}.profile-section-card{padding:14px}.profile-menu-btn{padding:12px 14px}.menu-btn-left{font-size:13.5px;gap:10px}}@media(max-width:340px){.app-header-hs{padding:8px 10px;min-height:48px}.brand-wordmark{font-size:1.35rem}.header-logo-img{width:26px;height:26px}.header-center-title{font-size:.95rem}.header-right-actions{gap:6px}.icon-action-btn{width:30px;height:30px}.bottom-nav-container-hs{padding:0 4px;bottom:max(8px,env(safe-area-inset-bottom,8px))}.bottom-nav-pill{padding:4px 2px;gap:0}.nav-item-hs{padding:4px 2px;font-size:9.5px}.nav-item-hs .nav-icon{width:17px;height:17px}.stories-section{padding:6px 8px}.stories-horizontal-scroll{gap:8px}.story-avatar-wrapper{width:48px;height:48px}.card-deck-section{padding:2px 6px 20px}.heartsync-card{height:400px;min-height:330px;border-radius:16px}.card-floating-actions{gap:10px;bottom:-18px}.card-action-btn{width:44px;height:44px}.card-action-btn svg{width:18px;height:18px}.card-text-details{bottom:54px;left:10px;right:10px}.card-profile-name{font-size:1.25rem}.card-profile-age{font-size:1.1rem}.chats-top-header{padding:8px 10px}.chats-header-title{font-size:1.15rem}.now-active-section{padding:6px 8px 4px}.chat-threads-section{padding:6px 8px 14px}.chat-list-item-hs{padding:9px 8px;gap:8px}.chat-item-avatar-box{width:38px;height:38px}.chat-item-name{font-size:13.5px}.chat-item-preview{font-size:11.5px}.chat-item-meta-col{min-width:40px}.profile-page-layout{padding:10px 8px calc(96px + env(safe-area-inset-bottom,12px))}.profile-hero-card{padding:14px 8px}.profile-photo-hero-wrap{width:80px;height:80px}.profile-hero-name{font-size:1.15rem}.stat-number{font-size:14px}.stat-col-divider{height:20px}.profile-section-card{padding:12px 10px}.profile-menu-btn{padding:10px}.menu-btn-left{font-size:12px;gap:6px}.profile-grid-hs{padding:0 8px;gap:8px}.grid-card-name{font-size:12px}.grid-card-city{font-size:10px}.grid-card-actions{padding:6px}.grid-action-btn{width:32px;height:32px}.likes-tab-switcher{padding:3px;margin:8px 8px 12px}.tab-pill{padding:6px 10px;font-size:11.5px}.auth-page-container{padding:10px 6px 60px}.auth-card-wrapper{padding:16px 10px}.photo-upload-slot{height:76px}.gender-pill-btn{padding:6px 8px;font-size:11px}}.match-screen-page{background:linear-gradient(180deg,#ffeef3,#ffe3ea,#ffdce4 70%,#fecfda)!important;height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;max-height:100dvh;display:flex!important;flex-direction:column!important;overflow:hidden!important;position:relative!important;-webkit-user-select:none;user-select:none;box-sizing:border-box}.match-header-hs{background:transparent!important;border-bottom:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;flex-shrink:0;padding:clamp(8px,1.6vh,14px) 16px!important;padding-top:max(8px,env(safe-area-inset-top,8px))!important;z-index:10;min-height:auto!important}.match-screen-main{flex:1 1 0%;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;padding:clamp(4px,1vh,12px) 16px clamp(12px,2.5vh,24px);padding-bottom:max(clamp(12px,2.5vh,24px),env(safe-area-inset-bottom,12px));position:relative;z-index:5;width:100%;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.match-heading-wrap{text-align:center;margin:0;padding:0;flex-shrink:0}.match-heading-script{font-family:Dancing Script,cursive!important;font-size:clamp(32px,8.5vw,44px);font-weight:700;color:#c2185b!important;margin:0!important;line-height:1.15;letter-spacing:.5px;text-shadow:0 2px 10px rgba(194,24,91,.12)}.match-visual-stage{position:relative;display:flex;align-items:center;justify-content:center;width:100%;max-width:360px;margin:clamp(4px,1.2vh,14px) auto;flex-shrink:1}.match-decor-heart-wrap{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1}.match-decor-heart-tl{position:absolute;top:clamp(-4px,-1vh,4px);left:clamp(20px,8vw,44px);width:clamp(65px,18vw,85px);height:auto;filter:drop-shadow(0 2px 6px rgba(232,93,136,.4));animation:matchHeartPulse 2.8s ease-in-out infinite alternate}.match-decor-heart-br{position:absolute;bottom:clamp(-4px,-1vh,4px);right:clamp(16px,7vw,38px);width:clamp(65px,18vw,85px);height:auto;filter:drop-shadow(0 2px 6px rgba(232,93,136,.4));animation:matchHeartPulse 2.8s ease-in-out infinite alternate .5s}@keyframes matchHeartPulse{0%{transform:scale(.97);opacity:.85}to{transform:scale(1.04);opacity:1}}.match-photo-frame{position:relative;z-index:2;width:clamp(118px,34vw,152px);height:clamp(160px,26vh,212px);border-radius:clamp(38px,10vw,50px);border:2.5px solid #a8124a;overflow:hidden;background:#ffe3ea;box-sizing:border-box;flex-shrink:0}.match-photo-left{transform:rotate(-6deg) translateY(clamp(-6px,-1vh,-10px));box-shadow:0 10px 24px #a8124a38,0 4px 10px #00000014;z-index:2;animation:matchLeftPhotoIn .6s cubic-bezier(.175,.885,.32,1.275)}.match-photo-right{transform:rotate(6deg) translateY(clamp(6px,1vh,10px));margin-left:clamp(-18px,-5vw,-24px);box-shadow:0 12px 28px #a8124a42,0 4px 12px #0000001a;z-index:3;animation:matchRightPhotoIn .65s cubic-bezier(.175,.885,.32,1.275)}.match-photo-img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.match-actions-group{display:flex;flex-direction:column;align-items:center;gap:clamp(10px,1.8vh,14px);width:100%;max-width:300px;margin-top:clamp(6px,1.5vh,16px);flex-shrink:0;z-index:6}.match-btn-send{width:100%;max-width:250px;height:clamp(44px,6vh,50px);border-radius:14px;background:linear-gradient(180deg,#f9fafb,#edf0f3);border:1px solid rgba(185,192,202,.85);box-shadow:0 5px 16px #0000001a,inset 0 1px #fff,inset 0 -2px #00000014;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.match-btn-send:hover{transform:translateY(-1.5px);box-shadow:0 8px 20px #00000024,inset 0 1px #fff}.match-btn-send:active{transform:translateY(1px) scale(.98)}.match-btn-send-text{color:#111827;font-weight:700;font-size:clamp(14px,3.8vw,15.5px);letter-spacing:.1px}.match-btn-send-icon{color:#111827;transform:rotate(-30deg)}.match-btn-swiping{width:100%;max-width:250px;height:clamp(44px,6vh,50px);border-radius:14px;background:linear-gradient(180deg,#d82b6b,#b81454 45%,#8c0d40);border:1px solid rgba(140,13,64,.6);box-shadow:0 8px 22px #b8145459,inset 0 1px #ffffff59,inset 0 -2px #00000040;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.match-btn-swiping:hover{transform:translateY(-1.5px);box-shadow:0 10px 26px #b814546b,inset 0 1px #ffffff73}.match-btn-swiping:active{transform:translateY(1px) scale(.98)}.match-btn-swiping-text{color:#111827;font-weight:700;font-size:clamp(14px,3.8vw,15.5px);letter-spacing:.1px}.match-btn-swiping-icon{width:18px;height:18px;color:#111827}.match-bottom-wave-layer{position:absolute;bottom:0;left:0;right:0;width:100%;height:clamp(65px,13vh,120px);pointer-events:none;z-index:2;overflow:hidden}.match-bottom-wave-svg{width:100%;height:100%;display:block}@keyframes matchLeftPhotoIn{0%{opacity:0;transform:rotate(-16deg) translate(-20px,10px) scale(.9)}to{opacity:1;transform:rotate(-7deg) translateY(clamp(-6px,-1vh,-10px)) scale(1)}}@keyframes matchRightPhotoIn{0%{opacity:0;transform:rotate(16deg) translate(20px,20px) scale(.9)}to{opacity:1;transform:rotate(7deg) translateY(clamp(6px,1vh,10px)) scale(1)}}@keyframes matchHeartGlow{0%{opacity:.75;transform:translate(-50%,-50%) scale(.98)}to{opacity:1;transform:translate(-50%,-50%) scale(1.02)}}@media(max-height:600px){.match-photo-frame{height:135px;width:105px;border-radius:28px}.match-heading-script{font-size:30px}.match-btn-send,.match-btn-swiping{height:42px;border-radius:14px}.match-actions-group{gap:8px;margin-top:6px}.match-bottom-wave-layer{height:55px}}@media(max-width:320px){.match-photo-frame{width:98px;height:135px;border-radius:26px}.match-btn-send,.match-btn-swiping{max-width:230px}.match-btn-send-text,.match-btn-swiping-text{font-size:13.5px}}.chat-header-user-text{display:flex;flex-direction:column}.chat-header-online-indicator{position:absolute;bottom:0;right:0;width:11px;height:11px;background-color:#4caf50;border:2px solid #ffffff;border-radius:50%}.chat-header-sub-status{font-size:11.5px;color:#ffffffd9;font-weight:500;line-height:1.1}.chat-typing-text{color:#fff;font-weight:600;animation:pulseTyping 1.2s infinite ease-in-out}@keyframes pulseTyping{0%,to{opacity:.7}50%{opacity:1}}.chat-typing-bubble-row{display:flex;align-items:flex-end;gap:8px;margin-bottom:8px;padding:0 16px}.chat-typing-dots-pill{display:flex;align-items:center;gap:4px;background:#fff;padding:10px 14px;border-radius:18px 18px 18px 4px;box-shadow:0 4px 12px #0000000d}.chat-typing-dots-pill .dot{width:6px;height:6px;background:#ed417a;border-radius:50%;animation:typingBounce 1.4s infinite ease-in-out}.chat-typing-dots-pill .dot-1{animation-delay:0s}.chat-typing-dots-pill .dot-2{animation-delay:.2s}.chat-typing-dots-pill .dot-3{animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}.chat-more-menu-container{position:relative}.chat-dropdown-menu{position:absolute;top:100%;right:0;margin-top:6px;background:#fff;border-radius:14px;box-shadow:0 10px 30px #00000026;padding:6px;min-width:170px;z-index:1000;border:1px solid rgba(237,65,122,.15)}.chat-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;border:none;background:transparent;color:#333;font-size:13.5px;font-weight:500;border-radius:8px;cursor:pointer;text-align:left;transition:background .15s ease}.chat-dropdown-item:hover{background:#fdf2f4}.chat-dropdown-item.text-danger:hover{background:#ffebee}.chat-bubble-outer-wrap{position:relative;display:flex;flex-direction:column;max-width:75%;min-width:0;flex-shrink:1;overflow:visible}.chat-bubble-row.outgoing .chat-bubble-outer-wrap{align-items:flex-end}.chat-bubble-row.incoming .chat-bubble-outer-wrap{align-items:flex-start}.chat-bubble-footer-meta{display:flex;align-items:center;gap:3px;justify-content:flex-end;margin-top:3px;line-height:1}.chat-read-indicator{display:inline-flex;align-items:center}.chat-read-indicator.read{color:#388e3c}.chat-read-indicator.sent{color:#888}.chat-bubble-reactions-badge{position:absolute;bottom:-10px;display:flex;gap:3px;z-index:5}.bubble-outgoing .chat-bubble-reactions-badge{right:6px}.bubble-incoming .chat-bubble-reactions-badge{left:6px}.bubble-reaction-pill{background:#fff;border:1px solid rgba(237,65,122,.2);border-radius:12px;padding:2px 6px;font-size:11px;box-shadow:0 2px 6px #00000014}.reaction-count{font-size:10px;color:#666;font-weight:600}.chat-bubble-action-menu{position:absolute;background:#fff;border-radius:22px;box-shadow:0 4px 20px #00000024,0 2px 6px #00000014;padding:4px 6px;display:flex;align-items:center;gap:3px;z-index:40;border:1px solid rgba(237,65,122,.16);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;max-width:calc(100% - 24px);box-sizing:border-box;white-space:nowrap;pointer-events:auto;-webkit-user-select:none;user-select:none}.chat-bubble-action-menu::-webkit-scrollbar{display:none}.menu-outgoing{right:0}.menu-incoming{left:0}.chat-bubble-action-menu.placement-top{bottom:calc(100% + 8px);top:auto;animation:menuSlideUp .18s cubic-bezier(.16,1,.3,1) both}.chat-bubble-action-menu.placement-bottom{top:calc(100% + 8px);bottom:auto;animation:menuSlideDown .18s cubic-bezier(.16,1,.3,1) both}.has-reactions .chat-bubble-action-menu.placement-bottom{top:calc(100% + 15px)}@keyframes menuSlideUp{0%{opacity:0;transform:translateY(6px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes menuSlideDown{0%{opacity:0;transform:translateY(-6px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.chat-bubble-row.bubble-row-active{background:#ed417a0a;border-radius:18px}.chat-bubble-body.bubble-body-active{outline:2px solid rgba(237,65,122,.5);outline-offset:2px}.reaction-quick-picks{display:flex;align-items:center;gap:2px;flex-shrink:0}.quick-react-btn{background:none;border:none;font-size:18px;line-height:1;cursor:pointer;padding:4px;border-radius:8px;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-tap-highlight-color:transparent;transition:transform .14s ease,background .1s}.quick-react-btn:hover{transform:scale(1.22);background:#ed417a14}.quick-react-btn:active{transform:scale(.92);background:#ed417a26}.bubble-action-divider{width:1px;height:20px;background:#e2e8f0;margin:0 3px;flex-shrink:0}.bubble-action-buttons{display:flex;align-items:center;gap:3px;flex-shrink:0}.bubble-action-item{background:none;border:none;font-size:12px;color:#4a5568;display:inline-flex;align-items:center;gap:4px;padding:5px 8px;border-radius:8px;cursor:pointer;font-weight:500;white-space:nowrap;height:32px;box-sizing:border-box;flex-shrink:0;-webkit-tap-highlight-color:transparent;transition:background .12s,color .12s,transform .1s}.bubble-action-item:hover{background:#fdf2f6;color:#ed417a}.bubble-action-item:active{background:#ed417a1f;transform:scale(.96)}.bubble-action-item.starred-active{color:#d97706}.bubble-action-item.starred-active:hover{color:#b45309;background:#fef3c7}.bubble-action-item.action-delete{color:#e53e3e}.bubble-action-item.action-delete:hover{color:#dc2626;background:#fee2e2}.bubble-action-item.action-delete:active{color:#b91c1c;background:#fecaca}.confirm-modal-card{background:#fff;border-radius:24px;padding:24px 18px;width:92%;max-width:min(360px,92vw);box-sizing:border-box;position:relative;text-align:center;box-shadow:0 20px 40px #0003}.confirm-modal-icon-wrap{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 14px}.confirm-modal-title{font-size:18px;font-weight:700;color:#1a1a1f;margin-bottom:8px;word-break:break-word}.confirm-modal-message{font-size:13.5px;color:#666;line-height:1.45;margin-bottom:20px;word-break:break-word}.confirm-modal-actions{display:flex;gap:10px;width:100%;box-sizing:border-box}.btn-cancel-modal{flex:1;min-width:0;height:44px;padding:0 10px;border:1px solid #e0e0e0;border-radius:14px;background:#fafafa;color:#444;font-size:13.5px;font-weight:600;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;box-sizing:border-box}.btn-confirm-action{flex:1;min-width:0;height:44px;padding:0 10px;border:none;border-radius:14px;font-size:13.5px;font-weight:600;cursor:pointer;color:#fff;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;box-sizing:border-box}.btn-confirm-danger{background:linear-gradient(135deg,#e53935,#d32f2f)}.btn-confirm-primary{background:var(--gradient-primary)}.report-modal-card{background:#fff;border-radius:24px;padding:22px 20px;width:92%;max-width:380px;position:relative;box-shadow:0 20px 40px #0003}.modal-title-with-icon{display:flex;align-items:center;gap:8px}.report-intro-text{font-size:13px;color:#555;margin-bottom:12px}.report-reasons-list{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.report-reason-radio-label{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:12px;background:#fcfcfc;border:1px solid #eeeeee;cursor:pointer;font-size:13.5px;color:#333;transition:all .15s ease}.report-reason-radio-label:hover{background:#fdf2f4;border-color:#ed417a}.report-radio-input{accent-color:#ED417A;width:16px;height:16px}.report-details-group{margin-bottom:16px}.report-details-label{display:block;font-size:12px;font-weight:600;color:#666;margin-bottom:6px}.report-details-textarea{width:100%;border-radius:12px;border:1px solid #e0e0e0;padding:10px;font-size:13px;font-family:inherit;box-sizing:border-box;resize:none}.report-details-textarea:focus{border-color:#ed417a;outline:none}.report-modal-footer{display:flex;gap:10px;align-items:center}.btn-submit-report{flex:1}.report-success-view{text-align:center;padding:20px 10px}.report-success-icon-wrap{width:56px;height:56px;border-radius:50%;background:#e8f5e9;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}.user-view-top-actions{position:absolute;top:16px;right:16px;display:flex;align-items:center;gap:8px;z-index:20}.user-view-fav-fab,.user-view-more-fab{width:40px;height:40px;border-radius:50%;background:#00000073;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.user-view-fav-fab.active-fav{background:#fff}.user-view-menu-wrap{position:relative}.user-view-dropdown{position:absolute;top:48px;right:0;background:#fff;border-radius:14px;box-shadow:0 10px 30px #0003;padding:6px;min-width:155px;z-index:100;border:1px solid #fce4ec}.dropdown-action-item{display:flex;align-items:center;gap:8px;width:100%;padding:9px 12px;border:none;background:transparent;font-size:13px;border-radius:8px;cursor:pointer;font-weight:500}.dropdown-action-item.text-danger{color:#e53935}.dropdown-action-item.text-danger:hover{background:#ffebee}.user-view-save-pill-row{margin:10px 0 16px}.save-profile-pill-btn{display:inline-flex;align-items:center;gap:6px;background:#fdf2f4;border:1px solid rgba(237,65,122,.3);padding:7px 14px;border-radius:20px;color:#ed417a;font-size:12.5px;font-weight:600;cursor:pointer;transition:all .2s ease}.save-profile-pill-btn.saved{background:#ed417a;color:#fff}.save-profile-pill-btn.saved svg{fill:#fff;color:#fff}.profile-completion-card{background:linear-gradient(135deg,#fff5f7,#fff);border:1px solid rgba(237,65,122,.25);margin-bottom:14px}.completion-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.completion-title-group{display:flex;align-items:center;gap:8px}.completion-title{margin:0;font-size:15px;font-weight:700;color:#1a1a1f}.completion-score-badge{background:#ed417a;color:#fff;font-size:12px;font-weight:700;padding:3px 8px;border-radius:12px}.completion-bar-track{width:100%;height:8px;background:#f0e6e8;border-radius:4px;overflow:hidden;margin-bottom:10px}.completion-bar-fill{height:100%;background:linear-gradient(90deg,#f48fb1,#ed417a);border-radius:4px;transition:width .4s ease}.completion-tips-box{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.completion-tip-text{font-size:12.5px;color:#555;margin:0}.btn-complete-profile-action{display:inline-flex;align-items:center;gap:4px;background:none;border:none;color:#ed417a;font-size:12.5px;font-weight:600;cursor:pointer;padding:2px 0}.completion-all-done-text{font-size:12.5px;color:#2e7d32;margin:0;font-weight:500}.profile-visitors-card{margin-bottom:14px}.visitors-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.visitors-title-group{display:flex;align-items:center;gap:8px}.visitors-title{margin:0;font-size:15px;font-weight:700}.visitors-count-pill{background:#fce4ec;color:#ed417a;font-size:11.5px;font-weight:700;padding:2px 7px;border-radius:10px}.visitors-scroll-row{display:flex;gap:12px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.visitors-scroll-row::-webkit-scrollbar{display:none}.visitor-avatar-item{display:flex;flex-direction:column;align-items:center;cursor:pointer;width:52px;flex-shrink:0}.visitor-avatar-circle{width:48px;height:48px;border-radius:50%;padding:2px;background:var(--gradient-primary);margin-bottom:4px}.visitor-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover}.visitor-name-label{font-size:11px;color:#444;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;text-align:center}.visitors-empty-text,.visitors-status-text{font-size:12.5px;color:#777;margin:0}.settings-group-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.blocked-users-subtitle{font-size:13.5px;font-weight:600;color:#444;margin:0 0 10px}.blocked-users-list{display:flex;flex-direction:column;gap:8px}.blocked-user-row{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:#fafafa;border-radius:12px;border:1px solid #eeeeee}.blocked-user-left{display:flex;align-items:center;gap:10px}.blocked-user-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover}.blocked-user-name{font-size:13px;font-weight:600;color:#222}.btn-unblock-user{display:inline-flex;align-items:center;gap:4px;background:#fff;border:1px solid #e0e0e0;border-radius:10px;padding:5px 10px;font-size:12px;font-weight:600;color:#ed417a;cursor:pointer;transition:all .15s ease}.btn-unblock-user:hover{background:#fdf2f4;border-color:#ed417a}.blocked-users-empty-text{font-size:12.5px;color:#777;margin:0;line-height:1.4}.favorites-page-layout{padding:16px 16px 90px}.favorites-header-intro{margin-bottom:16px}.favorites-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.favorite-person-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 6px 18px #0000000f;border:1px solid rgba(237,65,122,.12);display:flex;flex-direction:column;cursor:pointer;transition:transform .2s ease}.favorite-person-card:hover{transform:translateY(-2px)}.favorite-card-img-wrap{position:relative;width:100%;aspect-ratio:1}.favorite-card-photo{width:100%;height:100%;object-fit:cover}.btn-remove-favorite{position:absolute;top:8px;right:8px;width:30px;height:30px;border-radius:50%;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease}.btn-remove-favorite:hover{background:#e53935}.favorite-card-details{padding:10px 10px 4px}.favorite-user-name{font-size:14px;font-weight:700;color:#1a1a1f;margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.favorite-location-text{font-size:11.5px;color:#777}.favorite-card-actions{padding:6px 10px 10px}.btn-favorite-chat{width:100%;height:34px;border-radius:12px;background:#fdf2f4;border:1px solid rgba(237,65,122,.25);color:#ed417a;font-size:12.5px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:5px;cursor:pointer}.btn-favorite-chat:hover{background:#ed417a;color:#fff}.match-card-actions-row{display:flex;align-items:center;gap:6px;margin-top:8px;width:100%}.match-card-actions-row .btn-match-chat{flex:1}.btn-match-unmatch{width:36px;height:36px;border-radius:12px;background:#fafafa;border:1px solid #e0e0e0;color:#888;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.btn-match-unmatch:hover{color:#e53935;background:#ffebee;border-color:#ffcdd2}.filter-online-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background-color:#4caf50;margin-right:4px}.chat-menu-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:998;background:transparent}.chat-dropdown-menu{position:absolute;top:calc(100% + 6px);right:0;background:#fff;border-radius:14px;box-shadow:0 10px 32px #00000029,0 2px 8px #0000000f;padding:6px 0;width:230px;max-width:calc(100vw - 20px);max-height:calc(100vh - 80px);overflow-y:auto;z-index:999;border:1px solid rgba(0,0,0,.08);transform-origin:top right;animation:menuPopIn .16s cubic-bezier(.16,1,.3,1);-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(237,65,122,.3) transparent}.chat-dropdown-menu::-webkit-scrollbar{width:4px}.chat-dropdown-menu::-webkit-scrollbar-thumb{background:#ed417a4d;border-radius:4px}.chat-menu-section-label{font-size:10.5px;text-transform:uppercase;letter-spacing:.7px;font-weight:700;color:#8c8c9e;padding:8px 16px 4px;-webkit-user-select:none;user-select:none}.chat-menu-divider{height:1px;background:#f0f0f4;margin:5px 0}.chat-dropdown-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 16px;border:none;background:transparent;color:#2c2c34;font-size:13.5px;font-weight:500;cursor:pointer;text-align:left;transition:background .14s ease,color .14s ease;box-sizing:border-box}.chat-dropdown-item:hover,.chat-dropdown-item:focus-visible{background:#fdf2f5;color:#ed417a;outline:none}.chat-dropdown-item.text-danger{color:#e53935}.chat-dropdown-item.text-danger:hover,.chat-dropdown-item.text-danger:focus-visible{background:#fdebee;color:#d32f2f}.menu-item-text-wrap{display:flex;align-items:center;justify-content:space-between;gap:6px;flex:1;white-space:nowrap}.menu-sub-chip{background:#fce4ec;color:#ed417a;padding:2px 7px;border-radius:10px;font-size:11px;font-weight:700;letter-spacing:0}.chat-header-search-mode{background:#ed417a!important;display:flex;align-items:center;gap:10px;padding:8px 14px;box-sizing:border-box;width:100%;height:60px}.chat-header-search-input-wrap{position:relative;flex:1;display:flex;align-items:center}.chat-header-search-icon{position:absolute;left:12px;color:#ffffffb3;pointer-events:none}.chat-header-search-input{width:100%;padding:8px 32px 8px 36px;background:#ffffff2e;border:1px solid rgba(255,255,255,.28);border-radius:20px;color:#fff;font-size:14px;font-family:inherit;outline:none;transition:background .15s ease,border-color .15s ease;box-sizing:border-box}.chat-header-search-input::placeholder{color:#ffffffb8}.chat-header-search-input:focus{background:#ffffff42;border-color:#fff}.chat-header-search-clear-btn{position:absolute;right:8px;background:none;border:none;color:#ffffffd9;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.chat-header-search-nav-group{display:flex;align-items:center;gap:6px;flex-shrink:0}.chat-header-search-tally{font-size:12px;color:#fff;font-weight:600;white-space:nowrap}.chat-header-search-arrows{display:flex;align-items:center;gap:3px}.chat-header-search-arrow-btn{background:#fff3;border:none;border-radius:6px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:background .15s ease}.chat-header-search-arrow-btn:hover{background:#ffffff59}.chat-header-selection-mode{background:#ed417a!important;display:flex;align-items:center;justify-content:space-between;padding:8px 16px;box-sizing:border-box;width:100%;height:60px}.chat-selection-header-left{display:flex;align-items:center;gap:14px}.chat-header-selection-count{font-size:17px;font-weight:700;color:#fff}.chat-selection-header-actions{display:flex;align-items:center;gap:8px}.chat-search-results-panel{position:absolute;top:60px;left:0;right:0;background:#fff;border-bottom:2px solid #ED417A;box-shadow:0 10px 30px #00000026;max-height:260px;overflow-y:auto;z-index:80;scrollbar-width:thin;scrollbar-color:rgba(237,65,122,.3) transparent}.chat-search-results-panel::-webkit-scrollbar{width:4px}.chat-search-results-panel::-webkit-scrollbar-thumb{background:#ed417a4d;border-radius:4px}.search-result-item{padding:10px 16px;border-bottom:1px solid #f2f2f4;cursor:pointer;transition:background .15s ease;display:flex;flex-direction:column;gap:4px;text-align:left}.search-result-item:hover,.search-result-item.active{background:#fff0f4}.search-result-header{display:flex;align-items:center;justify-content:space-between;font-size:11.5px}.search-result-sender{font-weight:700;color:#ed417a}.search-result-time{color:#8c8c9e}.search-result-snippet{font-size:13.5px;color:#2c2c34;margin:0;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-highlight-text{background:#ffeb3b;color:#111;font-weight:700;border-radius:2px;padding:0 2px}.search-no-results-view{padding:16px;text-align:center;font-size:13.5px;color:#8c8c9e;font-weight:500}.chat-floating-toast{position:absolute;top:72px;left:50%;transform:translate(-50%);background:#1e1e28eb;color:#fff;padding:8px 18px;border-radius:22px;font-size:13px;font-weight:600;box-shadow:0 6px 20px #00000040;z-index:1001;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@media(max-width:480px){.chat-header-search-mode{padding:6px 10px;gap:6px}.chat-header-search-input{font-size:13px;padding:6px 28px 6px 30px}.chat-header-search-icon{left:8px}.chat-header-search-tally{font-size:11px}.chat-dropdown-menu{width:215px;right:4px}.chat-header-selection-count{font-size:15px}}.selection-feedback-badge{background:#2e7d32;color:#fff;font-size:11px;font-weight:600;padding:2px 8px;border-radius:10px}.selection-actions-group{display:flex;align-items:center;gap:8px}.selection-action-btn{width:36px;height:36px;border-radius:50%;border:1px solid #eeeeee;background:#fafafa;color:#444;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.selection-action-btn:disabled{opacity:.35;cursor:not-allowed}.selection-action-btn:not(:disabled):hover{background:#fdf2f4;border-color:#ed417a;color:#ed417a}.selection-action-btn.text-danger:not(:disabled):hover{background:#ffebee;border-color:#e53935;color:#e53935}.chat-bubble-row.selection-mode-active{cursor:pointer;padding:2px 8px;border-radius:12px;transition:background .15s ease}.chat-bubble-row.selection-mode-active:hover{background:#ed417a0a}.chat-bubble-row.row-selected{background:#ed417a14}.selection-checkbox-wrap{margin-right:8px;display:flex;align-items:center}.bubble-selected{outline:2px solid #ED417A;outline-offset:1px}.search-highlight-pulse{animation:searchHighlightAnim 1.8s ease-in-out}@keyframes searchHighlightAnim{0%{transform:scale(1);box-shadow:0 0 #ed417ab3}30%{transform:scale(1.03);box-shadow:0 0 0 8px #ed417a66}60%{transform:scale(1.02);box-shadow:0 0 0 4px #ed417a33}to{transform:scale(1);box-shadow:none}}.chat-star-indicator{display:inline-flex;align-items:center;margin-right:3px}.bubble-action-item.starred-active{color:#f57f17}.bubble-deleted-msg{background:#f5f5f5!important;color:#888!important;border:1px dashed #cccccc!important}.deleted-text{display:flex;align-items:center;gap:6px;color:#888!important;font-size:13px}.deleted-ban-icon{color:#999}.delete-message-options-stack{display:flex;flex-direction:column;gap:8px;margin-top:10px}.btn-delete-option{width:100%;height:44px;border-radius:14px;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;border:none;transition:all .15s ease}.btn-delete-everyone{background:linear-gradient(135deg,#e53935,#c62828);color:#fff}.btn-delete-forme{background:#fdf2f4;border:1px solid rgba(237,65,122,.3);color:#ed417a}.btn-delete-forme:hover{background:#ed417a;color:#fff}.disappearing-modal-card{max-width:360px}.disappearing-options-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.disappearing-opt-row{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:14px;background:#fafafa;border:1.5px solid #eeeeee;cursor:pointer;transition:all .15s ease}.disappearing-opt-row:hover,.disappearing-opt-row.selected{background:#fdf2f4;border-color:#ed417a}.opt-text-col{display:flex;flex-direction:column;text-align:left}.opt-label{font-size:14px;font-weight:700;color:#1a1a1f}.opt-caption{font-size:11.5px;color:#666;margin-top:2px}.opt-check-badge{width:24px;height:24px;border-radius:50%;background:#ed417a;display:flex;align-items:center;justify-content:center}.user-list-modal-card{max-width:380px}.user-list-intro{font-size:13px;color:#555;margin-bottom:12px}.user-lists-selection-body{display:flex;flex-direction:column;gap:12px}.lists-checkbox-grid{display:flex;flex-wrap:wrap;gap:8px}.list-checkbox-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:20px;background:#f5f5f5;border:1.5px solid #e0e0e0;cursor:pointer;font-size:13px;font-weight:600;color:#333;transition:all .15s ease}.list-checkbox-pill.active{background:#fdf2f4;border-color:#ed417a;color:#ed417a}.list-pill-check{width:16px;height:16px;border-radius:50%;background:#ed417a;display:flex;align-items:center;justify-content:center}.list-checkbox-pill:not(.active) .list-pill-check{display:none}.add-custom-list-form{display:flex;gap:6px;align-items:center;margin-top:4px}.custom-list-input{flex:1;height:38px;padding:0 12px;border-radius:12px;border:1px solid #dddddd;font-size:13px;font-family:inherit;box-sizing:border-box}.custom-list-input:focus{outline:none;border-color:#ed417a}.btn-add-custom-list{width:38px;height:38px;border-radius:12px;background:#ed417a;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.btn-add-custom-list:disabled{background:#e0e0e0;cursor:not-allowed}.starred-modal-card{max-width:400px;max-height:85vh;display:flex;flex-direction:column}.starred-messages-list-body{max-height:55vh;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:8px 2px}.starred-empty-view{text-align:center;padding:30px 14px;color:#777}.starred-empty-view p{font-size:15px;font-weight:700;margin:10px 0 4px;color:#333}.starred-empty-sub{font-size:12.5px;line-height:1.45;color:#777}.starred-message-item{background:#fafafa;border:1px solid #eeeeee;border-radius:14px;padding:10px 12px;text-align:left;cursor:pointer;transition:all .15s ease}.starred-message-item:hover{background:#fdf2f4;border-color:#ed417a4d}.starred-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.starred-sender-name{font-size:12px;font-weight:700;color:#ed417a}.starred-item-time{font-size:11px;color:#888}.starred-item-text{font-size:13.5px;color:#222;margin:0 0 8px;line-height:1.4}.starred-item-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eeeeee;padding-top:6px}.btn-unstar-item{background:none;border:none;font-size:12px;font-weight:600;color:#666;display:flex;align-items:center;gap:4px;cursor:pointer}.btn-unstar-item:hover{color:#e53935}.jump-to-msg-link{font-size:11.5px;font-weight:600;color:#ed417a;display:flex;align-items:center;gap:2px}@media(max-width:480px){.header-right-actions{gap:8px}.icon-action-btn,.header-avatar-circle{width:36px;height:36px}}@media(max-width:380px){.app-header-hs{padding:10px 14px}.brand-wordmark{font-size:1.4rem}.header-logo-img{width:30px;height:30px}.header-right-actions{gap:8px}.icon-action-btn{width:34px;height:34px}.icon-action-btn svg{width:18px;height:18px}.header-avatar-circle{width:34px;height:34px}}@media(max-width:340px){.app-header-hs{padding:8px 12px;min-height:50px}.brand-wordmark{font-size:1.25rem}.header-logo-img{width:26px;height:26px}.header-right-actions{gap:6px}.icon-action-btn{width:32px;height:32px}.icon-action-btn svg{width:16px;height:16px}.header-avatar-circle{width:32px;height:32px}}@media(max-width:310px){.app-header-hs{padding:6px 10px}.brand-wordmark{display:none}.header-logo-img{width:26px;height:26px}.header-right-actions{gap:6px}.icon-action-btn{width:30px;height:30px}.icon-action-btn svg{width:15px;height:15px}.header-avatar-circle{width:30px;height:30px}}.story-avatar-add-badge{position:absolute;bottom:0;right:0;width:20px;height:20px;border-radius:50%;background:var(--gradient-primary, linear-gradient(135deg, #FF4081, #C2185B));border:2px solid #ffffff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px #0003;cursor:pointer;z-index:2;transition:transform .2s ease;padding:0}.story-avatar-add-badge:hover{transform:scale(1.15)}.add-story-photo-container{position:relative;width:100%;height:100%;border-radius:50%;overflow:hidden}.add-story-faded-img{filter:brightness(.75)}.add-story-overlay-plus{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:26px;height:26px;border-radius:50%;background:var(--gradient-primary, linear-gradient(135deg, #FF4081, #C2185B));display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #00000040}.add-story-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:10000;display:flex;align-items:flex-end;justify-content:center;padding:0}@media(min-width:600px){.add-story-modal-overlay{align-items:center;padding:20px}}.add-story-modal-container{background:#fff;width:100%;max-width:480px;border-top-left-radius:24px;border-top-right-radius:24px;overflow:hidden;box-shadow:0 -8px 30px #00000040;display:flex;flex-direction:column;max-height:90vh}@media(min-width:600px){.add-story-modal-container{border-radius:24px;box-shadow:0 12px 40px #0000004d}}.add-story-header{display:flex;align-items:flex-start;justify-content:space-between;padding:18px 20px 14px;border-bottom:1px solid rgba(0,0,0,.06)}.add-story-header-title h3{margin:0;font-size:18px;font-weight:700;color:#212121}.add-story-header-title p{margin:4px 0 0;font-size:12px;color:#757575}.add-story-close-btn{background:#f5f5f5;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#616161;cursor:pointer;transition:all .2s ease}.add-story-close-btn:hover{background:#eee;color:#212121}.add-story-body{padding:20px;overflow-y:auto;flex:1}.add-story-error-banner{display:flex;align-items:center;gap:10px;background:#ffebee;color:#c2185b;padding:10px 14px;border-radius:12px;font-size:13px;margin-bottom:16px;font-weight:500}.add-story-choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:10px 0}.add-story-choice-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 10px;border-radius:16px;border:1.5px solid #f0f0f0;background:#fafafa;cursor:pointer;transition:all .2s ease;text-align:center}.add-story-choice-card:hover{border-color:#e91e63;background:#fff5f8;transform:translateY(-2px);box-shadow:0 4px 12px #e91e631f}.choice-icon-circle{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:10px}.choice-icon-circle.pink-glow{background:#e91e631a}.choice-icon-circle.purple-glow{background:#9c27b01a}.choice-icon-circle.orange-glow{background:#ff57221a}.choice-label{font-size:13px;font-weight:600;color:#212121;margin-bottom:3px}.choice-sublabel{font-size:10px;color:#9e9e9e}.add-story-preview-wrapper{display:flex;flex-direction:column;gap:16px}.add-story-preview-box{position:relative;width:100%;height:320px;background:#000;border-radius:16px;overflow:hidden;display:flex;align-items:center;justify-content:center}.add-story-media-preview{max-width:100%;max-height:100%;object-fit:contain}.add-story-change-media-btn{position:absolute;top:12px;right:12px;background:#000000a6;color:#fff;border:none;border-radius:20px;padding:6px 14px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:6px;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .2s ease}.add-story-change-media-btn:hover{background:#000000d9}.add-story-privacy-section{display:flex;flex-direction:column;gap:8px}.add-story-privacy-label{font-size:12px;font-weight:600;color:#616161;text-transform:uppercase;letter-spacing:.5px}.add-story-privacy-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.privacy-opt-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;border-radius:12px;border:1.5px solid #e0e0e0;background:#fafafa;font-size:13px;font-weight:500;color:#616161;cursor:pointer;transition:all .2s ease}.privacy-opt-btn.active{border-color:#e91e63;background:#fff0f5;color:#c2185b;font-weight:600}.add-story-progress-container{display:flex;flex-direction:column;gap:6px;padding:8px 0}.progress-info-row{display:flex;justify-content:space-between;font-size:12px;font-weight:600;color:#c2185b}.progress-track{width:100%;height:6px;background:#f0f0f0;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:var(--gradient-primary, linear-gradient(90deg, #FF4081, #C2185B));border-radius:4px;transition:width .2s ease}.add-story-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:14px 20px;border-top:1px solid rgba(0,0,0,.06);background:#fafafa}.add-story-btn-cancel{padding:10px 18px;border-radius:12px;border:1px solid #e0e0e0;background:#fff;color:#616161;font-size:14px;font-weight:600;cursor:pointer}.add-story-btn-post{padding:10px 22px;border-radius:12px;border:none;background:var(--gradient-primary, linear-gradient(135deg, #FF4081, #C2185B));color:#fff;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 4px 12px #e91e6340;transition:transform .2s ease}.add-story-btn-post:hover{transform:translateY(-1px)}.spinner-mini{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.story-viewer-fullscreen-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;z-index:99999;display:flex;align-items:center;justify-content:center}.story-viewer-stage{position:relative;width:100%;max-width:480px;height:100%;max-height:100vh;display:flex;flex-direction:column;background:#111;overflow:hidden}@media(min-width:600px){.story-viewer-stage{height:94vh;border-radius:20px;box-shadow:0 10px 40px #0009}}.story-progress-segments-bar{position:absolute;top:10px;left:12px;right:12px;display:flex;gap:5px;z-index:20}.story-progress-segment-track{flex:1;height:3px;background:#ffffff59;border-radius:2px;overflow:hidden}.story-progress-segment-fill{height:100%;background:#fff;border-radius:2px;transition:width .05s linear}.story-viewer-header{position:absolute;top:22px;left:12px;right:12px;display:flex;align-items:center;justify-content:space-between;z-index:20;text-shadow:0 1px 4px rgba(0,0,0,.7)}.story-viewer-user-info{display:flex;align-items:center;gap:10px}.story-viewer-avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;border:1.5px solid #ffffff}.story-viewer-user-meta{display:flex;flex-direction:column}.story-viewer-name{color:#fff;font-size:14px;font-weight:700;line-height:1.2}.story-viewer-timestamp{color:#ffffffbf;font-size:11px;display:flex;align-items:center;gap:4px}.story-viewer-header-actions{display:flex;align-items:center;gap:8px}.story-header-action-btn{background:#00000059;border:none;border-radius:50%;width:34px;height:34px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .2s ease}.story-header-action-btn:hover{background:#0009}.story-header-action-btn.delete-btn:hover{background:#e91e63b3}.story-media-container{position:relative;flex:1;width:100%;height:100%;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden;-webkit-user-select:none;user-select:none}.story-active-media{width:100%;height:100%;object-fit:contain}.story-nav-tap-zone{position:absolute;top:0;bottom:0;display:flex;align-items:center;cursor:pointer;z-index:10;opacity:0;transition:opacity .2s ease}.story-nav-tap-zone:hover{opacity:.4}.story-nav-tap-zone.left-zone{left:0;width:35%;justify-content:flex-start;padding-left:12px}.story-nav-tap-zone.right-zone{right:0;width:65%;justify-content:flex-end;padding-right:12px}.story-nav-hint{background:#00000073;color:#fff;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.story-viewer-bottom-bar{position:absolute;bottom:0;left:0;right:0;padding:14px 16px;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.4) 60%,transparent 100%);z-index:20}.story-owner-controls-bar{display:flex;align-items:center;justify-content:center}.story-view-count-pill{display:flex;align-items:center;gap:8px;background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:8px 18px;border-radius:20px;font-size:13px;font-weight:600;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .2s ease}.story-view-count-pill:hover{background:#ffffff59}.story-reply-form{position:relative;display:flex;align-items:center;gap:8px}.story-reply-input{flex:1;background:#ffffff2e;border:1px solid rgba(255,255,255,.3);border-radius:24px;padding:10px 18px;color:#fff;font-size:13px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);outline:none}.story-reply-input::placeholder{color:#ffffffa6}.story-reply-input:focus{border-color:#e91e63;background:#ffffff40}.story-reply-send-btn{background:var(--gradient-primary, linear-gradient(135deg, #FF4081, #C2185B));border:none;border-radius:50%;width:38px;height:38px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;box-shadow:0 2px 8px #0000004d}.story-reply-send-btn:disabled{opacity:.5;cursor:not-allowed}.story-reply-sent-toast{position:absolute;top:-42px;left:50%;transform:translate(-50%);background:#4caf50f2;color:#fff;padding:6px 16px;border-radius:16px;font-size:12px;font-weight:600;box-shadow:0 4px 10px #0000004d}.story-confirm-modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:30;display:flex;align-items:center;justify-content:center;padding:20px}.story-confirm-modal-box{background:#fff;border-radius:20px;padding:24px 20px;text-align:center;max-width:320px;width:100%}.confirm-icon-box{margin-bottom:12px}.story-confirm-modal-box h4{margin:0 0 8px;font-size:18px;font-weight:700;color:#212121}.story-confirm-modal-box p{margin:0 0 20px;font-size:13px;color:#757575}.confirm-buttons-row{display:flex;gap:10px}.confirm-btn-cancel{flex:1;padding:10px;border-radius:12px;border:1px solid #e0e0e0;background:#f5f5f5;color:#616161;font-size:14px;font-weight:600;cursor:pointer}.confirm-btn-delete{flex:1;padding:10px;border-radius:12px;border:none;background:#e91e63;color:#fff;font-size:14px;font-weight:600;cursor:pointer}.story-views-modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:30;display:flex;align-items:flex-end}.story-views-sheet{background:#fff;width:100%;max-height:60vh;border-top-left-radius:24px;border-top-right-radius:24px;display:flex;flex-direction:column;overflow:hidden}.story-views-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #eeeeee}.story-views-sheet-header h4{margin:0;font-size:16px;font-weight:700;color:#212121;display:flex;align-items:center;gap:8px}.sheet-close-btn{background:#f5f5f5;border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:#757575;cursor:pointer}.story-views-sheet-list{padding:12px 20px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.sheet-loading,.sheet-empty{text-align:center;padding:24px 10px;font-size:13px;color:#9e9e9e}.viewer-list-item{display:flex;align-items:center;gap:12px}.viewer-item-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.viewer-item-meta{display:flex;flex-direction:column}.viewer-item-name{font-size:14px;font-weight:600;color:#212121}.viewer-item-time{font-size:11px;color:#9e9e9e}.home-mode-switcher-wrap{padding:6px 16px 10px;display:flex;justify-content:center}.home-mode-switcher-pill{display:inline-flex;background:#0000000d;padding:4px;border-radius:26px;gap:4px;box-shadow:inset 0 1px 3px #0000000f}.home-mode-tab-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 18px;border-radius:22px;border:none;background:transparent;font-size:13.5px;font-weight:600;color:#616161;cursor:pointer;transition:all .22s ease}.home-mode-tab-btn.active{background:#fff;color:#c2185b;box-shadow:0 2px 8px #c2185b2e}.home-mode-badge{background:#c2185b;color:#fff;font-size:10.5px;font-weight:700;padding:1px 6px;border-radius:10px}.feed-create-prompt-bar{display:flex;align-items:center;gap:12px;background:#fff;padding:10px 14px;border-radius:16px;margin:4px 16px 14px;box-shadow:0 2px 10px #0000000a;border:1px solid rgba(233,30,99,.1);cursor:pointer;transition:transform .15s,box-shadow .15s}.feed-create-prompt-bar:hover{transform:translateY(-1px);box-shadow:0 4px 14px #c2185b1f}.feed-prompt-avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid #ffffff;box-shadow:0 1px 4px #0000001a}.feed-prompt-placeholder{flex:1;font-size:13.5px;color:#9e9e9e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed-prompt-add-btn{width:32px;height:32px;border-radius:50%;border:none;background:linear-gradient(135deg,#e91e63,#c2185b);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 6px #e91e634d}.feed-floating-action-fab{position:fixed;bottom:calc(76px + env(safe-area-inset-bottom,12px));right:18px;width:52px;height:52px;border-radius:50%;border:none;background:linear-gradient(135deg,#e91e63,#c2185b);box-shadow:0 4px 16px #e91e6366;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:15;transition:transform .2s,box-shadow .2s}.feed-floating-action-fab:hover{transform:scale(1.08);box-shadow:0 6px 20px #e91e6380}.home-photo-feed-section{padding-bottom:24px}.feed-stream-container{display:flex;flex-direction:column;gap:16px;max-width:560px;margin:0 auto;padding:0 12px}.feed-loading-container{padding:40px 16px;display:flex;justify-content:center}.post-card-container{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 2px 14px #0000000d;border:1px solid rgba(0,0,0,.05);transition:box-shadow .2s}.post-card-container:hover{box-shadow:0 4px 18px #00000014}.post-card-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px}.post-author-info{display:flex;align-items:center;gap:10px;cursor:pointer}.post-author-avatar-wrap{width:42px;height:42px;border-radius:50%;overflow:hidden;border:2px solid rgba(233,30,99,.2);flex-shrink:0}.post-author-avatar{width:100%;height:100%;object-fit:cover}.post-author-text-meta{display:flex;flex-direction:column;gap:1px}.post-author-name-row{display:flex;align-items:center;gap:6px}.post-author-name{font-size:14px;font-weight:700;color:#212121}.post-privacy-badge{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:600;color:#c2185b;background:#e91e631a;padding:1px 6px;border-radius:10px}.post-time-ago{font-size:11px;color:#9e9e9e}.post-menu-container{position:relative}.post-menu-btn{background:none;border:none;padding:6px;border-radius:50%;cursor:pointer;color:#757575;transition:background .15s}.post-menu-btn:hover{background:#0000000d}.post-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:25}.post-menu-dropdown{position:absolute;top:100%;right:0;background:#fff;border-radius:14px;box-shadow:0 4px 20px #00000026;border:1px solid rgba(0,0,0,.08);padding:6px;min-width:160px;z-index:30;display:flex;flex-direction:column;gap:2px}.post-menu-item{display:flex;align-items:center;gap:9px;width:100%;padding:8px 12px;border:none;background:transparent;border-radius:8px;font-size:13px;font-weight:500;color:#333;cursor:pointer;text-align:left;transition:background .15s}.post-menu-item:hover{background:#0000000d}.post-menu-item.delete,.post-menu-item.danger{color:#d32f2f}.post-menu-item.delete:hover,.post-menu-item.danger:hover{background:#d32f2f14}.post-photo-stage{position:relative;width:100%;max-height:580px;background:#000;overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center}.post-main-img{width:100%;display:block;object-fit:cover;max-height:580px}.post-main-video{width:100%;max-height:580px;display:block;object-fit:contain;background:#000}.post-double-tap-heart-anim{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;animation:heartPopAnim .85s cubic-bezier(.175,.885,.32,1.275) forwards;filter:drop-shadow(0 4px 16px rgba(0,0,0,.4))}@keyframes heartPopAnim{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}30%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}60%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.4)}}.post-action-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 14px 4px}.post-actions-left{display:flex;align-items:center;gap:16px}.post-action-icon-btn{display:inline-flex;align-items:center;gap:5px;background:none;border:none;padding:4px;margin:-4px;cursor:pointer;transition:transform .15s}.post-action-icon-btn:hover{transform:scale(1.12)}.post-action-icon-btn.like-btn.liked{color:#e91e63}.heart-liked-pop{animation:heartBeat .3s ease}@keyframes heartBeat{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.action-count{font-size:13px;font-weight:700;color:#212121}.post-likes-summary{padding:0 14px;font-size:13px;font-weight:700;color:#212121;margin-bottom:4px}.post-caption-block{padding:2px 14px 6px;font-size:13.5px;line-height:1.45;color:#212121}.post-caption-author{font-weight:700;cursor:pointer;color:#111}.post-caption-author:hover{text-decoration:underline}.post-caption-more-btn{background:none;border:none;padding:0;font-size:12.5px;color:#9e9e9e;cursor:pointer;font-weight:500}.post-view-comments-btn{background:none;border:none;padding:0 14px 6px;font-size:12.5px;color:#9e9e9e;cursor:pointer;display:block;font-weight:500}.post-view-comments-btn:hover{color:#c2185b}.post-quick-comment-form{display:flex;align-items:center;padding:6px 14px 12px;gap:8px;border-top:1px solid rgba(0,0,0,.04);margin-top:4px}.post-quick-comment-input{flex:1;border:none;outline:none;font-size:13px;background:transparent;color:#212121}.post-quick-comment-submit{background:none;border:none;color:#c2185b;font-size:13px;font-weight:700;cursor:pointer;padding:2px 6px}.hs-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;height:100dvh;background:#120c10b8;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:12px;box-sizing:border-box;overflow:hidden}.create-post-modal-content{background:#fff;border-radius:20px;width:100%;max-width:480px;max-height:calc(100dvh - 24px);max-height:calc(100vh - 24px);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 16px 48px #00000047;box-sizing:border-box;margin:auto;position:relative;z-index:1001}@media(max-width:480px){.create-post-modal-content{border-radius:18px;max-height:calc(100dvh - 16px);max-height:calc(100vh - 16px)}}.create-post-header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid rgba(0,0,0,.08);background:#fff}.create-post-title{font-size:16.5px;font-weight:700;color:var(--color-primary-dark, #880e4f);margin:0}.create-post-close-btn{background:none;border:none;padding:6px;border-radius:50%;cursor:pointer;color:#616161;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.create-post-close-btn:hover:not(:disabled){background:#0000000d;color:#212121}.create-post-form{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:hidden;box-sizing:border-box}.create-post-body-scrollable{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:14px 16px;display:flex;flex-direction:column;gap:12px;box-sizing:border-box}.create-post-user-row{display:flex;align-items:center;gap:10px;flex-shrink:0}.create-post-user-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;flex-shrink:0;border:1.5px solid rgba(233,30,99,.2)}.create-post-user-meta{display:flex;flex-direction:column;gap:3px;min-width:0}.create-post-user-name{font-size:14px;font-weight:700;color:#212121;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.create-post-privacy-pills{display:flex;gap:6px}.privacy-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:12px;border:1px solid rgba(0,0,0,.12);background:#fff;font-size:11px;font-weight:600;color:#757575;cursor:pointer;transition:all .15s}.privacy-pill.active{background:#c2185b1a;border-color:#c2185b;color:#c2185b}.create-post-media-stage{border-radius:14px;overflow:hidden;background:#fafafa;border:2px dashed rgba(233,30,99,.25);flex-shrink:0;box-sizing:border-box}.create-post-dropzone{padding:24px 16px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;box-sizing:border-box}.dropzone-icon-circle{width:52px;height:52px;border-radius:50%;background:#e91e6314;display:flex;align-items:center;justify-content:center}.dropzone-hint{font-size:13px;color:#757575;margin:0;max-width:260px}.dropzone-action-buttons{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.dropzone-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:20px;border:1px solid rgba(194,24,91,.3);background:#fff;color:#c2185b;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.dropzone-btn.gallery-btn{background:linear-gradient(135deg,#e91e63,#c2185b);color:#fff;border:none}.create-post-preview-wrapper{position:relative;width:100%;max-height:min(36dvh,280px);max-height:min(36vh,280px);background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden}.create-post-preview-img{width:100%;max-height:min(36dvh,280px);max-height:min(36vh,280px);object-fit:contain;display:block}.create-post-preview-video{width:100%;max-height:min(36dvh,280px);max-height:min(36vh,280px);object-fit:contain;display:block;background:#000}.create-post-remove-photo-btn{position:absolute;top:8px;right:8px;width:30px;height:30px;border-radius:50%;background:#000000a6;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;transition:background .15s}.create-post-remove-photo-btn:hover{background:#000000d9}.create-post-caption-box{display:flex;flex-direction:column;width:100%;box-sizing:border-box}.create-post-textarea{width:100%;min-height:64px;max-height:120px;box-sizing:border-box;padding:9px 12px;border-radius:12px;border:1px solid rgba(0,0,0,.14);outline:none;font-size:13.5px;font-family:inherit;resize:vertical;background:#fafafa;color:#212121;transition:border-color .15s,background .15s}.create-post-textarea:focus{border-color:#c2185b;background:#fff;box-shadow:0 0 0 2px #c2185b1f}.create-post-caption-footer{display:flex;justify-content:flex-end;padding:3px 4px 0}.caption-char-count{font-size:11px;color:#9e9e9e}.create-post-error-banner{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;background:#ffebee;color:#c62828;font-size:12px;flex-shrink:0}.create-post-progress-box{display:flex;flex-direction:column;gap:4px;flex-shrink:0}.create-post-progress-bar{width:100%;height:6px;border-radius:3px;background:#eee;overflow:hidden}.create-post-progress-fill{height:100%;background:linear-gradient(90deg,#e91e63,#c2185b);transition:width .2s}.create-post-progress-text{font-size:11.5px;color:#757575;text-align:center}.create-post-actions,.create-post-actions-footer{flex-shrink:0;display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:12px 16px;border-top:1px solid rgba(0,0,0,.08);background:#fff;box-sizing:border-box}.create-post-cancel-btn{padding:9px 18px;border-radius:20px;border:1px solid rgba(0,0,0,.16);background:#fff;font-size:13.5px;font-weight:600;color:#616161;cursor:pointer;min-height:40px;display:inline-flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s}.create-post-cancel-btn:hover:not(:disabled){background:#f5f5f5;border-color:#00000040}.create-post-submit-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 22px;border-radius:20px;border:none;background:linear-gradient(135deg,#e91e63,#c2185b);color:#fff;font-size:13.5px;font-weight:700;cursor:pointer;min-height:40px;box-shadow:0 3px 12px #e91e634d;transition:transform .15s,box-shadow .15s,opacity .15s}.create-post-submit-btn:hover:not(:disabled){box-shadow:0 4px 16px #e91e6366}.create-post-submit-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}@media(max-height:680px){.create-post-modal-content{max-height:calc(100dvh - 12px);max-height:calc(100vh - 12px)}.create-post-body-scrollable{padding:10px 14px;gap:10px}.create-post-preview-wrapper,.create-post-preview-img,.create-post-preview-video{max-height:min(26dvh,180px);max-height:min(26vh,180px)}.create-post-dropzone{padding:16px 12px;gap:8px}.dropzone-icon-circle{width:44px;height:44px}.create-post-textarea{min-height:52px;max-height:90px}}@media(max-width:340px){.create-post-actions,.create-post-actions-footer{flex-direction:column-reverse;gap:8px}.create-post-cancel-btn,.create-post-submit-btn{width:100%}}.post-comments-sheet{background:#fff;border-radius:22px 22px 0 0;width:100%;max-width:520px;max-height:82vh;margin-top:auto;display:flex;flex-direction:column;box-shadow:0 -4px 30px #0003}.post-comments-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid rgba(0,0,0,.06)}.post-comments-header-title-wrap{display:flex;align-items:center;gap:8px}.post-comments-title{font-size:16px;font-weight:700;color:var(--color-primary-dark, #880e4f);margin:0}.post-comments-close-btn{background:none;border:none;padding:4px;border-radius:50%;cursor:pointer;color:#616161}.post-comments-caption-summary{display:flex;gap:12px;padding:12px 18px;background:#00000005;border-bottom:1px solid rgba(0,0,0,.05)}.post-comments-list-wrap{flex:1;overflow-y:auto;padding:14px 18px;min-height:200px}.post-comments-list{display:flex;flex-direction:column;gap:14px}.comment-item-row{display:flex;gap:12px;align-items:flex-start}.comment-author-photo{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0}.comment-text-box{flex:1;display:flex;flex-direction:column;gap:2px}.comment-top-meta{display:flex;align-items:baseline;gap:8px}.comment-author-name{font-size:13.5px;font-weight:700;color:#212121}.comment-time{font-size:11px;color:#9e9e9e}.comment-text{font-size:13.5px;color:#333;margin:0;line-height:1.4;word-break:break-word}.comment-delete-btn{background:none;border:none;padding:4px;color:#9e9e9e;cursor:pointer;transition:color .15s}.comment-delete-btn:hover{color:#d32f2f}.post-comments-empty{padding:36px 16px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.comments-empty-title{font-size:15px;font-weight:700;color:#424242;margin:6px 0 0}.comments-empty-subtitle{font-size:12.5px;color:#9e9e9e;margin:0}.post-comments-input-bar{display:flex;align-items:center;gap:10px;padding:10px 16px calc(10px + env(safe-area-inset-bottom,6px));border-top:1px solid rgba(0,0,0,.08);background:#fff}.comment-my-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover}.post-comment-input-field{flex:1;padding:9px 14px;border-radius:20px;border:1px solid rgba(0,0,0,.12);outline:none;font-size:13.5px}.post-comment-input-field:focus{border-color:#c2185b}.post-comment-send-btn{width:36px;height:36px;border-radius:50%;border:none;background:linear-gradient(135deg,#e91e63,#c2185b);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.post-comment-send-btn:disabled{opacity:.4;cursor:not-allowed}.edit-caption-modal-content,.share-post-modal-content,.report-post-modal-content,.delete-confirm-dialog{background:#fff;border-radius:18px;width:90%;max-width:440px;box-shadow:0 10px 40px #00000040;overflow:hidden}.edit-caption-header,.share-post-header,.report-post-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid rgba(0,0,0,.08)}.edit-caption-title-wrap,.share-post-title-wrap,.report-post-title-wrap{display:flex;align-items:center;gap:8px}.edit-caption-title,.share-post-title,.report-post-title{font-size:16.5px;font-weight:700;color:var(--color-primary-dark, #880e4f);margin:0}.edit-caption-close-btn,.share-post-close-btn,.report-post-close-btn{background:none;border:none;padding:4px;color:#757575;cursor:pointer}.edit-caption-form{padding:16px;display:flex;flex-direction:column;gap:8px}.edit-caption-textarea{width:100%;box-sizing:border-box;padding:10px 12px;border-radius:12px;border:1px solid rgba(0,0,0,.12);outline:none;font-family:inherit;font-size:14px;resize:none}.edit-caption-textarea:focus{border-color:#c2185b}.edit-caption-counter{display:flex;justify-content:flex-end;font-size:11px;color:#9e9e9e}.edit-caption-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.edit-caption-cancel-btn{padding:8px 16px;border-radius:18px;border:1px solid rgba(0,0,0,.15);background:#fff;color:#616161;font-size:13px;font-weight:600;cursor:pointer}.edit-caption-save-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 20px;border-radius:18px;border:none;background:linear-gradient(135deg,#e91e63,#c2185b);color:#fff;font-size:13px;font-weight:700;cursor:pointer}.share-post-preview-card{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#00000005;border-bottom:1px solid rgba(0,0,0,.05)}.share-post-thumb-img{width:48px;height:48px;border-radius:8px;object-fit:cover}.share-post-thumb-info{flex:1;min-width:0}.share-post-thumb-author{font-size:13px;font-weight:700;color:#212121}.share-post-thumb-caption{font-size:12px;color:#757575;margin:2px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-post-note-box{padding:10px 16px 4px}.share-post-note-input{width:100%;box-sizing:border-box;padding:8px 12px;border-radius:12px;border:1px solid rgba(0,0,0,.1);font-size:13px;outline:none}.share-post-search-box{position:relative;padding:6px 16px 10px}.share-post-search-icon{position:absolute;left:28px;top:50%;transform:translateY(-50%);color:#9e9e9e}.share-post-search-input{width:100%;box-sizing:border-box;padding:8px 12px 8px 34px;border-radius:18px;border:1px solid rgba(0,0,0,.08);background:#f5f5f5;font-size:13px;outline:none}.share-post-chat-list{max-height:240px;overflow-y:auto;padding:0 16px 16px;display:flex;flex-direction:column;gap:8px}.share-post-chat-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:#fff;border:1px solid rgba(0,0,0,.05)}.share-post-user-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover}.share-post-user-name{flex:1;font-size:13.5px;font-weight:600;color:#212121}.share-post-send-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;border-radius:16px;border:none;background:linear-gradient(135deg,#e91e63,#c2185b);color:#fff;font-size:12px;font-weight:700;cursor:pointer}.share-post-send-btn.sent{background:#4caf50;cursor:default}.share-post-empty{padding:24px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;color:#9e9e9e;font-size:13px}.report-post-form{padding:16px;display:flex;flex-direction:column;gap:12px}.report-post-prompt{font-size:13.5px;color:#616161;margin:0}.report-reasons-list{display:flex;flex-direction:column;gap:8px}.report-reason-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;background:#f9f9f9;cursor:pointer;font-size:13.5px;color:#212121}.report-details-label{font-size:12.5px;font-weight:600;color:#616161;margin-bottom:4px;display:block}.report-details-textarea{width:100%;box-sizing:border-box;padding:8px 12px;border-radius:10px;border:1px solid rgba(0,0,0,.12);outline:none;font-family:inherit;font-size:13px}.report-post-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:6px}.report-cancel-btn{padding:8px 16px;border-radius:18px;border:1px solid rgba(0,0,0,.15);background:#fff;color:#616161;font-size:13px;cursor:pointer}.report-submit-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 20px;border-radius:18px;border:none;background:#d81b60;color:#fff;font-size:13px;font-weight:700;cursor:pointer}.report-post-success-view{padding:36px 20px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}.report-success-title{font-size:17px;font-weight:700;color:#212121;margin:4px 0 0}.report-success-desc{font-size:13px;color:#757575;margin:0;max-width:280px}.delete-confirm-dialog{padding:20px;text-align:center;display:flex;flex-direction:column;gap:10px}.delete-dialog-title{font-size:17px;font-weight:700;color:#212121;margin:0}.delete-dialog-desc{font-size:13px;color:#757575;margin:0}.delete-dialog-actions{display:flex;justify-content:center;gap:12px;margin-top:8px}.delete-dialog-cancel-btn{padding:8px 20px;border-radius:18px;border:1px solid rgba(0,0,0,.15);background:#fff;color:#616161;font-size:13.5px;font-weight:600;cursor:pointer}.delete-dialog-confirm-btn{padding:8px 22px;border-radius:18px;border:none;background:#d32f2f;color:#fff;font-size:13.5px;font-weight:700;cursor:pointer}.profile-tab-switcher-wrap{padding:8px 16px;display:flex;justify-content:center}.profile-tab-switcher-pill{display:inline-flex;background:#0000000d;padding:4px;border-radius:24px;gap:4px}.profile-tab-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:20px;border:none;background:transparent;font-size:13px;font-weight:600;color:#616161;cursor:pointer;transition:all .2s}.profile-tab-btn.active{background:#fff;color:#c2185b;box-shadow:0 2px 8px #c2185b2e}.profile-tab-count-badge{background:#c2185b;color:#fff;font-size:10px;font-weight:700;padding:1px 5px;border-radius:10px}.profile-posts-section-block{padding:4px 16px 16px}.profile-posts-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.profile-posts-heading{font-size:16px;font-weight:700;color:#212121;margin:0}.profile-create-post-pill-btn{display:inline-flex;align-items:center;gap:4px;padding:5px 12px;border-radius:16px;border:none;background:linear-gradient(135deg,#e91e63,#c2185b);color:#fff;font-size:12px;font-weight:700;cursor:pointer}.profile-posts-grid-container{width:100%}.profile-posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.profile-post-thumb-item{position:relative;aspect-ratio:1 / 1;overflow:hidden;border-radius:8px;cursor:pointer;background:#f0f0f0}.profile-post-thumb-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease}.profile-post-thumb-item:hover .profile-post-thumb-img{transform:scale(1.06)}.profile-post-thumb-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;gap:12px;opacity:0;transition:opacity .2s;color:#fff;font-size:12.5px;font-weight:700}.profile-post-thumb-item:hover .profile-post-thumb-overlay{opacity:1}.overlay-stat{display:flex;align-items:center;gap:4px}.profile-post-thumb-skeleton{aspect-ratio:1 / 1;border-radius:8px;background:#e0e0e0}.profile-posts-empty{text-align:center;padding:36px 16px;display:flex;flex-direction:column;align-items:center;gap:8px}.profile-posts-empty-icon{width:64px;height:64px;border-radius:50%;background:#e91e6314;display:flex;align-items:center;justify-content:center}.profile-posts-empty-title{font-size:16px;font-weight:700;color:#212121;margin:0}.profile-posts-empty-desc{font-size:13px;color:#757575;margin:0;max-width:260px}.profile-create-first-post-btn{display:inline-flex;align-items:center;gap:6px;margin-top:6px;padding:8px 18px;border-radius:20px;border:none;background:linear-gradient(135deg,#e91e63,#c2185b);color:#fff;font-size:13px;font-weight:700;cursor:pointer}.post-detail-modal-wrapper{position:relative;width:94%;max-width:500px;max-height:90vh;overflow-y:auto;border-radius:20px}.post-detail-close-btn{position:absolute;top:10px;right:10px;width:36px;height:36px;border-radius:50%;background:#000000b3;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:20}.post-detail-card-wrap{width:100%}.user-view-posts-block{margin-top:14px}.discover-top-controls-section{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px 4px;box-sizing:border-box}.discover-search-flex{flex:1}.discover-view-toggle-pills{display:inline-flex;align-items:center;background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(244,143,177,.4);border-radius:var(--radius-full);padding:3px;box-shadow:0 2px 8px #c2185b14}.view-toggle-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:var(--radius-full);border:none;background:transparent;color:#757575;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s ease}.view-toggle-pill.active{background:linear-gradient(135deg,#e91e63,#c2185b);color:#fff;box-shadow:0 2px 6px #c2185b40}.discover-swipe-deck-section{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:4px 12px 16px;box-sizing:border-box}.hs-swipe-deck-wrapper{width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center;position:relative;box-sizing:border-box}.hs-swipe-cards-stage{width:100%;height:min(520px,calc(100dvh - 225px));min-height:380px;position:relative;display:flex;align-items:center;justify-content:center;perspective:1000px;box-sizing:border-box}.hs-cards-stack-container{width:100%;height:100%;position:relative}.hs-swipe-card{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:22px;overflow:hidden;box-shadow:0 16px 40px #c2185b38,0 4px 12px #00000014;background:#111;user-select:none;-webkit-user-select:none;will-change:transform,opacity;box-sizing:border-box}.hs-swipe-card.is-top{z-index:10;cursor:grab}.hs-swipe-card.is-top:active{cursor:grabbing}.hs-swipe-card-inner{position:relative;width:100%;height:100%;overflow:hidden}.hs-swipe-card-image{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.hs-swipe-card-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#00000040,#0000,#0000001a,#120c10bf,#120c10f5);pointer-events:none}.hs-swipe-card-photo-segments{position:absolute;top:10px;left:12px;right:12px;display:flex;gap:5px;z-index:5;pointer-events:none}.photo-segment-bar{flex:1;height:3px;border-radius:2px;background:#ffffff59;transition:background .2s ease}.photo-segment-bar.active,.photo-segment-bar.viewed{background:#fff}.hs-swipe-card-top-badges{position:absolute;top:22px;left:14px;right:14px;display:flex;align-items:center;justify-content:space-between;z-index:5;pointer-events:none}.badges-left-group{display:flex;gap:6px;flex-wrap:wrap}.badge-pill{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--radius-full);font-size:11.5px;font-weight:700;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.badge-pill.verified-badge{background:#fffffff2;color:#c2185b;box-shadow:0 2px 8px #00000026}.badge-pill.id-verified-badge{background:#10b981f2;color:#fff;box-shadow:0 2px 8px #10b9814d}.badge-pill.distance-badge{background:#0000008c;color:#fff}.hs-swipe-stamp{position:absolute;top:48px;z-index:20;padding:6px 16px;border-radius:12px;font-size:24px;font-weight:900;letter-spacing:2px;text-transform:uppercase;pointer-events:none;display:inline-flex;align-items:center;gap:8px;box-shadow:0 4px 20px #00000040;transition:opacity .05s ease}.like-stamp{left:20px;border:4px solid #22c55e;color:#22c55e;background:#22c55e1f}.pass-stamp{right:20px;border:4px solid #ef4444;color:#ef4444;background:#ef44441f}.superlike-stamp{left:50%;transform:translate(-50%);border:4px solid #06b6d4;color:#06b6d4;background:#06b6d424}.hs-swipe-card-details{position:absolute;bottom:0;left:0;right:0;padding:16px 18px 18px;z-index:6;display:flex;flex-direction:column;gap:6px;color:#fff}.details-header-row{display:flex;align-items:center;justify-content:space-between}.name-and-age{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.card-user-name{font-size:22px;font-weight:800;color:#fff;margin:0;text-shadow:0 2px 6px rgba(0,0,0,.5)}.card-user-age{font-size:20px;font-weight:600;color:#ffffffe6}.verified-icon-circle{width:18px;height:18px;border-radius:50%;background:#e91e63;color:#fff;display:inline-flex;align-items:center;justify-content:center}.card-info-btn{width:32px;height:32px;border-radius:50%;background:#ffffff38;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.4);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s,background .15s}.card-info-btn:hover{transform:scale(1.1);background:#ffffff59}.card-user-location{display:flex;align-items:center;gap:4px;font-size:13px;color:#ffffffd9;margin:0}.card-user-bio{font-size:13px;line-height:1.4;color:#ffffffe6;margin:2px 0 4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-interests-tags{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.card-interest-pill{padding:3px 9px;border-radius:12px;background:#ffffff2e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.25);font-size:11px;font-weight:600;color:#fff}.card-interest-more-pill{font-size:11px;color:#ffffffb3;font-weight:600}.hs-swipe-controls-bar{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:14px;width:100%}.hs-control-btn{border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .18s cubic-bezier(.175,.885,.32,1.275),box-shadow .18s ease;box-shadow:0 6px 20px #0000001f}.hs-control-btn:disabled{opacity:.35;cursor:not-allowed;transform:none!important;box-shadow:none}.hs-control-btn:hover:not(:disabled){transform:scale(1.12)}.hs-control-btn:active:not(:disabled){transform:scale(.92)}.btn-undo{width:44px;height:44px;background:#fff;color:#f59e0b;border:1.5px solid rgba(245,158,11,.3)}.btn-pass{width:58px;height:58px;background:#fff;color:#ef4444;border:2px solid rgba(239,68,68,.2)}.btn-superlike{width:44px;height:44px;background:#fff;color:#06b6d4;border:1.5px solid rgba(6,182,212,.3)}.btn-like{width:58px;height:58px;background:linear-gradient(135deg,#f43f5e,#e11d48);color:#fff;box-shadow:0 8px 24px #e11d4859}.hs-deck-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px 20px;gap:12px;height:100%}.empty-radar-circle{width:76px;height:76px;border-radius:50%;background:#e91e631a;border:2px dashed rgba(233,30,99,.35);display:flex;align-items:center;justify-content:center;animation:pulseRadar 2s infinite ease-in-out}@keyframes pulseRadar{0%{transform:scale(.95);opacity:.8}50%{transform:scale(1.05);opacity:1}to{transform:scale(.95);opacity:.8}}.empty-title{font-size:18px;font-weight:800;color:#212121;margin:0}.empty-subtitle{font-size:13px;color:#757575;margin:0;max-width:280px;line-height:1.45}.hs-deck-refresh-btn{margin-top:6px;display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border-radius:var(--radius-full);border:none;background:linear-gradient(135deg,#e91e63,#c2185b);color:#fff;font-size:13.5px;font-weight:700;cursor:pointer;box-shadow:0 4px 16px #c2185b4d}.hs-deck-loading-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#c2185b;font-size:14px;font-weight:600}.hs-profile-detail-sheet{background:#fff;border-radius:24px 24px 0 0;width:100%;max-width:480px;max-height:85vh;margin-top:auto;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 -8px 40px #00000047}.detail-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid rgba(0,0,0,.08)}.detail-sheet-header h3{font-size:17px;font-weight:700;color:#212121;margin:0}.detail-sheet-close-btn{background:none;border:none;padding:4px;border-radius:50%;cursor:pointer;color:#616161}.detail-sheet-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:16px;display:flex;flex-direction:column;gap:16px}.detail-photo-gallery{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px;-webkit-overflow-scrolling:touch}.detail-gallery-img{width:200px;height:260px;border-radius:14px;object-fit:cover;flex-shrink:0}.detail-name-row{display:flex;align-items:center;justify-content:space-between}.detail-name-row h2{font-size:20px;font-weight:800;color:#212121;margin:0}.detail-location{display:flex;align-items:center;gap:4px;font-size:13.5px;color:#757575;margin:4px 0 0}.detail-bio-box,.detail-interests-box{background:#fafafa;border-radius:14px;padding:12px 14px}.detail-bio-box h4,.detail-interests-box h4{font-size:12.5px;font-weight:700;color:#c2185b;margin:0 0 6px;text-transform:uppercase;letter-spacing:.5px}.detail-bio-box p{font-size:13.5px;color:#424242;margin:0;line-height:1.5}.detail-interests-pills{display:flex;flex-wrap:wrap;gap:6px}.detail-sheet-footer{display:flex;align-items:center;justify-content:space-around;padding:12px 18px;border-top:1px solid rgba(0,0,0,.08);background:#fff}.detail-action-btn{flex:1;max-width:140px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:var(--radius-full);border:none;font-size:14px;font-weight:700;cursor:pointer}.detail-action-btn.pass-btn{background:#fee2e2;color:#ef4444}.detail-action-btn.like-btn{background:linear-gradient(135deg,#e91e63,#c2185b);color:#fff}.match-celebration-backdrop{background:#120c10e0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hs-match-modal-card{position:relative;width:90%;max-width:420px;background:linear-gradient(180deg,#2b1120,#170d14);border:1px solid rgba(244,143,177,.3);border-radius:28px;padding:36px 24px 28px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 24px 60px #00000080,0 0 60px #e91e6340;box-sizing:border-box}.match-modal-close-icon{position:absolute;top:14px;right:14px;background:#ffffff1f;border:none;color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.match-sparkles-floating{position:absolute;top:10px;left:20px;right:20px;height:50px;pointer-events:none}.sparkle-1{position:absolute;top:0;left:15%;animation:floatSparkle 2s infinite ease-in-out}.sparkle-2{position:absolute;top:15px;right:18%;animation:floatSparkle 2.4s infinite ease-in-out .4s}.sparkle-3{position:absolute;top:-5px;right:40%;animation:floatSparkle 1.8s infinite ease-in-out .8s}@keyframes floatSparkle{0%,to{transform:translateY(0) scale(.9);opacity:.7}50%{transform:translateY(-8px) scale(1.15);opacity:1}}.match-avatars-row{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.match-avatar-circle{width:96px;height:96px;border-radius:50%;border:3.5px solid #ffffff;overflow:hidden;box-shadow:0 8px 24px #0006}.match-avatar-circle.left{margin-right:-16px;z-index:2;transform:rotate(-6deg)}.match-avatar-circle.right{margin-left:-16px;z-index:1;transform:rotate(6deg)}.match-avatar-img{width:100%;height:100%;object-fit:cover}.match-heart-center-badge{position:absolute;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#f43f5e,#be123c);border:3px solid #ffffff;display:flex;align-items:center;justify-content:center;z-index:3;box-shadow:0 4px 16px #e11d4880;animation:heartPulse 1.4s infinite ease-in-out}@keyframes heartPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.match-modal-title{font-size:28px;font-weight:900;color:#fff;margin:0;text-shadow:0 2px 10px rgba(233,30,99,.6);letter-spacing:.5px}.match-modal-subtitle{font-size:14px;color:#ffffffd9;margin:6px 0 22px}.matched-person-name{color:#f472b6;font-weight:700}.match-modal-actions{display:flex;flex-direction:column;gap:10px;width:100%}.match-action-btn{width:100%;padding:12px 20px;border-radius:var(--radius-full);font-size:14.5px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:transform .15s,box-shadow .15s}.btn-send-message{background:linear-gradient(135deg,#e91e63,#c2185b);color:#fff;border:none;box-shadow:0 4px 20px #e91e6366}.btn-send-message:hover{transform:translateY(-2px);box-shadow:0 6px 24px #e91e6380}.btn-keep-discovering{background:#ffffff1f;color:#fff;border:1px solid rgba(255,255,255,.25)}.btn-keep-discovering:hover{background:#fff3}.hs-verification-modal{background:#fff;border-radius:24px;width:92%;max-width:480px;max-height:calc(100dvh - 32px);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #0000004d;box-sizing:border-box}.verification-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(0,0,0,.08)}.verification-title-group{display:flex;align-items:center;gap:8px}.verification-title-group h2{font-size:16.5px;font-weight:800;color:#880e4f;margin:0}.verification-close-btn{background:none;border:none;padding:4px;border-radius:50%;cursor:pointer;color:#616161}.verification-tabs-bar{display:flex;border-bottom:1px solid rgba(0,0,0,.08);background:#fafafa}.verification-tab-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:11px 12px;background:none;border:none;border-bottom:2px solid transparent;font-size:13px;font-weight:700;color:#757575;cursor:pointer;transition:all .15s}.verification-tab-btn.active{color:#c2185b;border-bottom-color:#c2185b;background:#fff}.tab-status-chip{font-size:11px;padding:1px 5px;border-radius:10px}.tab-status-chip.verified{background:#d1fae5;color:#059669}.tab-status-chip.pending{background:#fef3c7;color:#d97706}.verification-modal-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:16px 20px;display:flex;flex-direction:column;gap:12px}.verification-alert{padding:10px 12px;border-radius:10px;font-size:13px;display:flex;align-items:center;gap:8px}.alert-error{background:#ffebee;color:#c62828}.alert-success{background:#ecfdf5;color:#059669}.verification-info-card{background:#fdf2f8;border:1px solid rgba(244,143,177,.4);border-radius:14px;padding:12px 14px}.verification-info-card h4{font-size:13px;font-weight:700;color:#c2185b;margin:0 0 4px}.verification-info-card p{font-size:12.5px;color:#424242;margin:0;line-height:1.45}.privacy-guarantee-note{display:flex;align-items:center;gap:6px;margin-top:8px;padding-top:6px;border-top:1px solid rgba(244,143,177,.3);font-size:11.5px;color:#059669;font-weight:600}.verification-upload-stage{border:2px dashed rgba(233,30,99,.3);border-radius:16px;overflow:hidden;background:#fafafa}.verification-upload-dropzone{padding:28px 16px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;cursor:pointer}.upload-icon-circle{width:54px;height:54px;border-radius:50%;background:#e91e6314;display:flex;align-items:center;justify-content:center}.upload-main-text{font-size:13.5px;font-weight:700;color:#212121;margin:0}.upload-sub-text{font-size:12px;color:#757575;margin:0}.choose-file-btn{margin-top:4px;display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:var(--radius-full);background:linear-gradient(135deg,#e91e63,#c2185b);color:#fff;border:none;font-size:12px;font-weight:600;cursor:pointer}.verification-preview-wrap{position:relative;width:100%;max-height:240px;background:#000;display:flex;align-items:center;justify-content:center}.verification-preview-img{width:100%;max-height:240px;object-fit:contain}.preview-remove-btn{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;background:#000000a6;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.dual-upload-grid{display:flex;flex-direction:column;gap:12px}.upload-label{font-size:12.5px;font-weight:700;color:#374151;display:block;margin-bottom:4px}.mini-dropzone{border:2px dashed rgba(233,30,99,.25);border-radius:12px;padding:16px;display:flex;align-items:center;justify-content:center;gap:8px;background:#fafafa;font-size:12px;font-weight:600;color:#616161;cursor:pointer}.verification-mini-preview{position:relative;border-radius:12px;overflow:hidden;height:90px;background:#111;display:flex;align-items:center;justify-content:center}.mini-preview-img{width:100%;height:100%;object-fit:cover}.doc-placeholder{display:flex;flex-direction:column;align-items:center;gap:4px;color:#fff;font-size:11px}.verification-submit-btn{margin-top:8px;width:100%;padding:11px 20px;border-radius:var(--radius-full);border:none;background:linear-gradient(135deg,#e91e63,#c2185b);color:#fff;font-size:13.5px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;box-shadow:0 4px 14px #e91e634d}.verification-submit-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.verification-already-card{padding:28px 16px;border-radius:16px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.verified-card{background:#ecfdf5;border:1px solid #a7f3d0}.pending-card{background:#fffbeb;border:1px solid #fde68a}.status-badge-circle{width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center}.status-badge-circle.green{background:#10b981;color:#fff}.status-badge-circle.amber{background:#f59e0b;color:#fff}.verification-already-card h3{font-size:16px;font-weight:800;margin:0;color:#111827}.verification-already-card p{font-size:13px;color:#4b5563;margin:0;line-height:1.45;max-width:300px}.ig-verified-badge{display:inline-flex;align-items:center;gap:3px;background:#e91e631f;color:#c2185b;padding:2px 7px;border-radius:10px;font-size:11px;font-weight:700}.ig-id-verified-badge{display:inline-flex;align-items:center;gap:3px;background:#d1fae5;color:#059669;padding:2px 7px;border-radius:10px;font-size:11px;font-weight:700}.ig-pending-badge{display:inline-flex;align-items:center;gap:3px;background:#fef3c7;color:#d97706;padding:2px 7px;border-radius:10px;font-size:11px;font-weight:700}.settings-verify-action-wrap{display:flex;align-items:center}.btn-settings-verify{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:var(--radius-full);border:1px solid rgba(233,30,99,.35);background:#e91e6314;color:#c2185b;font-size:11.5px;font-weight:700;cursor:pointer;transition:all .15s}.btn-settings-verify:hover{background:#c2185b;color:#fff}.pending-badge-text{display:inline-flex;align-items:center;gap:4px;color:#d97706;font-size:12px;font-weight:600}.camera-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;background:#000000e0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:12px;animation:fadeInCamera .2s ease-out}@keyframes fadeInCamera{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.camera-modal-container{width:100%;max-width:440px;background:#161618;border:1px solid rgba(255,255,255,.12);border-radius:24px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 60px #000000bf;max-height:calc(100dvh - 20px)}.camera-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.08);background:#1c1c1f}.camera-header-info{display:flex;flex-direction:column;gap:2px}.camera-modal-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;color:#fff;margin:0}.camera-header-icon{color:#e91e63}.camera-modal-subtitle{font-size:11.5px;color:#a1a1aa;margin:0}.camera-close-btn{width:32px;height:32px;border-radius:50%;border:none;background:#ffffff1a;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s}.camera-close-btn:hover{background:#fff3}.camera-viewport-wrapper{position:relative;width:100%;aspect-ratio:4 / 3;max-height:55vh;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden}.camera-video-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#000}.camera-video-element{width:100%;height:100%;object-fit:cover}.camera-video-element.mirrored{transform:scaleX(-1)}.camera-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f0f12f2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#fff;font-size:13px;font-weight:600;z-index:5}.camera-selfie-guide-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;align-items:center;justify-content:center;z-index:3}.camera-selfie-oval{width:170px;height:220px;border:2px dashed rgba(233,30,99,.85);border-radius:50%;box-shadow:0 0 0 9999px #00000073;display:flex;align-items:flex-end;justify-content:center;padding-bottom:12px}.selfie-guide-text{font-size:10.5px;font-weight:600;color:#fff;background:#000000b3;padding:3px 8px;border-radius:10px}.camera-live-indicator{position:absolute;top:12px;left:12px;background:#000000a6;border:1px solid rgba(255,255,255,.15);padding:4px 10px;border-radius:20px;display:flex;align-items:center;gap:6px;font-size:10.5px;font-weight:700;color:#fff;letter-spacing:.5px;z-index:4}.live-dot{width:7px;height:7px;border-radius:50%;background:#ef4444;animation:cameraPulse 1.5s infinite}@keyframes cameraPulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.6}to{transform:scale(1);opacity:1}}.camera-preview-display{position:relative;width:100%;height:100%;background:#000;display:flex;align-items:center;justify-content:center}.camera-captured-img{width:100%;height:100%;object-fit:cover}.camera-preview-badge{position:absolute;top:12px;right:12px;background:linear-gradient(135deg,#e91e63,#c2185b);color:#fff;font-size:11px;font-weight:700;padding:4px 10px;border-radius:20px;display:flex;align-items:center;gap:5px;box-shadow:0 4px 12px #e91e6366}.camera-error-state{padding:24px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;max-width:320px}.camera-error-icon-box{width:60px;height:60px;border-radius:50%;background:#e91e631f;display:flex;align-items:center;justify-content:center}.camera-error-heading{font-size:16px;font-weight:700;color:#fff;margin:0}.camera-error-message{font-size:12.5px;color:#d1d5db;line-height:1.5;margin:0}.camera-error-actions{display:flex;flex-direction:column;gap:8px;width:100%;margin-top:6px}.camera-retry-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:12px;border:none;background:linear-gradient(135deg,#e91e63,#c2185b);color:#fff;font-size:13.5px;font-weight:600;cursor:pointer}.camera-cancel-link-btn{background:transparent;border:none;color:#9ca3af;font-size:13px;cursor:pointer;padding:6px}.camera-controls-bar{padding:16px 20px;background:#141416;border-top:1px solid rgba(255,255,255,.08)}.camera-live-controls{display:flex;align-items:center;justify-content:space-between;width:100%}.camera-switch-btn{display:flex;flex-direction:column;align-items:center;gap:3px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#fff;font-size:11px;font-weight:600;padding:8px 12px;border-radius:14px;cursor:pointer;transition:all .15s;min-width:62px}.camera-switch-btn:hover:not(:disabled){background:#ffffff29;transform:translateY(-1px)}.camera-switch-btn:disabled{opacity:.4;cursor:not-allowed}.camera-control-spacer{width:62px}.camera-shutter-btn{width:68px;height:68px;border-radius:50%;background:transparent;border:4px solid #ffffff;padding:3px;cursor:pointer;transition:transform .15s,border-color .15s;display:flex;align-items:center;justify-content:center}.camera-shutter-btn:hover:not(:disabled){transform:scale(1.06);border-color:#f472b6}.camera-shutter-btn:active:not(:disabled){transform:scale(.95)}.camera-shutter-btn:disabled{opacity:.4;cursor:not-allowed}.shutter-inner-circle{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#e91e63,#c2185b);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #e91e6380}.camera-cancel-btn{background:transparent;border:none;color:#a1a1aa;font-size:13.5px;font-weight:600;cursor:pointer;padding:8px 12px;min-width:62px;text-align:right;transition:color .15s}.camera-cancel-btn:hover{color:#fff}.camera-preview-controls{display:flex;align-items:center;gap:12px;width:100%}.camera-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:14px;font-size:14px;font-weight:700;cursor:pointer;transition:transform .15s,box-shadow .15s}.camera-retake-btn{background:#ffffff1f;border:1px solid rgba(255,255,255,.2);color:#fff}.camera-retake-btn:hover{background:#ffffff2e;transform:translateY(-1px)}.camera-use-btn{background:linear-gradient(135deg,#e91e63,#c2185b);border:none;color:#fff;box-shadow:0 4px 14px #e91e6366}.camera-use-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px #e91e6380}@media(max-width:360px){.camera-modal-container{border-radius:18px}.camera-shutter-btn{width:60px;height:60px}.camera-selfie-oval{width:140px;height:180px}}