@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap";:root{--color-app-accent:#fd306e;--color-primary:#e91e63;--color-primary-light:#fce4ec;--color-primary-dark:#c2185b;--color-gradient-1:#fd306e;--color-gradient-2:#ff5741;--color-emerald:#0f5132;--color-gold:#d4af37;--color-cream:#f9f7f2;--color-white:#fff;--color-black:#000;--color-background:#f5f5f5;--color-surface:#fff;--color-card-bg:#fff;--color-border:#e1e3e6;--color-border-light:#eee;--color-divider:#e0e0e0;--color-text:#3e434d;--color-text-dark:#212121;--color-text-light:#737a80;--color-text-grey:#9e9e9e;--color-success:#85b567;--color-green:#028707;--color-sea-green:#17b8a8;--color-error:#d94d4b;--color-warning:#ff9800;--color-info:#2196f3;--color-premium:#f90;--color-chip-bg:#ffe4f0;--color-chip-text:#e91e63;--color-badge-bg:#e91e63;--color-badge-text:#fff;--color-solitude:#f5f6f7;--color-zircon:#e1e3e6;--color-light-grey:#d1d1d1;--color-gull-grey:#aaafb3;--color-silver:#bcb9b9;--color-storm-grey:#737a80;--color-arsenic:#3e434d;--font-family:"Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-xs:.625rem;--font-sm:.75rem;--font-md:.875rem;--font-lg:1rem;--font-xl:1.125rem;--font-xxl:1.5rem;--font-display:1.875rem;--font-hero:2.5rem;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-xxl:32px;--space-3xl:48px;--space-4xl:64px;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-xxl:24px;--radius-round:999px;--shadow-sm:0 2px 4px #00000014;--shadow-md:0 4px 8px #0000001f;--shadow-lg:0 6px 12px #00000029;--shadow-card:0 2px 6px #0000000d;--shadow-xl:0 10px 30px #00000026;--navbar-height:64px;--sidebar-width:260px;--bottom-nav-height:64px;--max-content-width:1200px;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease;--transition-spring:.3s cubic-bezier(.68, -.55, .265, 1.55)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-family);color:var(--color-text);background-color:var(--color-background);min-height:100vh;line-height:1.6;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--font-family);background:0 0;border:none;outline:none}input,select,textarea{font-family:var(--font-family);outline:none}img{max-width:100%;display:block}ul,ol{list-style:none}.gradient-text{background:linear-gradient(135deg, var(--color-gradient-1), var(--color-gradient-2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-bg{background:linear-gradient(90deg, var(--color-gradient-1), var(--color-gradient-2))}.btn-gradient{background:linear-gradient(135deg, var(--color-gradient-1), var(--color-gradient-2));color:#fff;cursor:pointer;justify-content:center;align-items:center;gap:var(--space-sm);border:none;border-radius:16px;padding:16px 24px;font-size:1.05rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 8px 20px #fd306e40,inset 0 1px #fff3}.btn-gradient:hover{transform:translateY(-2px);box-shadow:0 12px 24px #fd306e4d,inset 0 1px #fff3}.btn-gradient:active{transform:translateY(1px)}.btn-gradient:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-outline{color:var(--color-app-accent);border:2px solid var(--color-app-accent);border-radius:var(--radius-round);padding:var(--space-md) var(--space-xl);font-weight:600;font-size:var(--font-md);cursor:pointer;transition:all var(--transition-normal);justify-content:center;align-items:center;gap:var(--space-sm);background:0 0;display:inline-flex}.btn-outline:hover{background:var(--color-primary-light)}.btn-white{background:var(--color-white);color:var(--color-text-dark);border:1px solid var(--color-border);border-radius:var(--radius-round);padding:var(--space-md) var(--space-xl);font-weight:500;font-size:var(--font-md);cursor:pointer;transition:all var(--transition-normal);justify-content:center;align-items:center;gap:var(--space-sm);display:inline-flex}.btn-white:hover{background:var(--color-solitude);box-shadow:var(--shadow-sm)}.card{background:var(--color-card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-lg);transition:all var(--transition-normal)}.card:hover{box-shadow:var(--shadow-md)}.badge{border-radius:var(--radius-round);font-size:var(--font-xs);letter-spacing:.5px;text-transform:uppercase;align-items:center;gap:4px;padding:3px 10px;font-weight:700;display:inline-flex}.badge-premium{color:#fff;background:linear-gradient(135deg,#e91e63,#9c27b0)}.badge-boosted{color:#fff;background:linear-gradient(135deg,gold,orange)}.badge-verified{background:var(--color-info);color:#fff}.chip{border-radius:var(--radius-round);font-size:var(--font-sm);background:var(--color-chip-bg);color:var(--color-chip-text);align-items:center;gap:4px;padding:5px 12px;font-weight:500;display:inline-flex}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;animation:1.5s infinite shimmer}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.4s forwards fadeIn}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.slide-up{animation:.5s forwards slideUp}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.scale-in{animation:.3s forwards scaleIn}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:3px solid var(--color-border);border-top-color:var(--color-app-accent);border-radius:50%;width:24px;height:24px;animation:.6s linear infinite spin}.spinner-lg{border-width:4px;width:40px;height:40px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.glass{-webkit-backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff4d}.form-group{margin-bottom:20px}.form-label{color:#333;margin-bottom:8px;font-size:.85rem;font-weight:600;display:block}.form-input{color:#111;background:#fff;border:1px solid #e5e7eb;border-radius:16px;width:100%;padding:16px 20px;font-size:1rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #00000005}.form-input:focus{border-color:var(--color-app-accent);background:#fff;box-shadow:0 0 0 4px #fd306e1a,0 1px 2px #00000005}.form-input::placeholder{color:#9ca3af;font-weight:400}.form-input-icon{position:relative}.form-input-icon .icon-left{color:#9ca3af;display:flex;position:absolute;top:50%;left:20px;transform:translateY(-50%)}.form-input-icon .icon-right{right:var(--space-md);color:var(--color-text-grey);cursor:pointer;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.form-input-icon input{padding-left:52px}.form-input-icon .has-right-icon{padding-right:44px}.form-error{color:var(--color-error);font-size:var(--font-sm);margin-top:var(--space-xs)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-light-grey);border-radius:var(--radius-round)}::-webkit-scrollbar-thumb:hover{background:var(--color-gull-grey)}@media (width<=639px){:root{--navbar-height:56px}}.boost-overlay{z-index:2000;background:#00000080;justify-content:center;align-items:flex-end;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.boost-close-circle{cursor:pointer;z-index:2001;background:#0000004d;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-280px)}.boost-sheet{background:#ffe5ec;border-radius:28px 28px 0 0;width:100%;max-width:500px;max-height:65vh;padding:20px;animation:.3s slideUp;overflow-y:auto}.boost-header{justify-content:center;align-items:flex-start;margin-bottom:10px;padding-top:4px;display:flex;position:relative}.boost-profile-wrap{position:relative}.boost-profile-pic{background:#fff;border:3px solid #fff;border-radius:50%;width:60px;height:60px;overflow:hidden}.boost-profile-pic img{object-fit:cover;width:100%;height:100%}.boost-rocket-badge{background:#e91e63;border:3px solid #ffe5ec;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;bottom:-8px;right:-10px}.boost-what-btn{color:#e91e63;cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font-family);background:#fff;border:none;border-radius:20px;padding:8px 16px;position:absolute;top:0;right:0}.boost-title{color:#2c2c2c;text-align:center;margin:0 0 4px;font-size:20px;font-weight:700}.boost-subtitle{color:#666;text-align:center;margin:0 0 16px;font-size:13px}.boost-packages{margin-bottom:12px}.boost-loading{color:#888;justify-content:center;align-items:center;gap:10px;padding:30px 0;font-size:13px;display:flex}.boost-pkg-card{cursor:pointer;text-align:left;width:100%;font-family:var(--font-family);background:#fff;border:2px solid #0000;border-radius:14px;align-items:center;margin-bottom:10px;padding:14px;transition:border-color .2s,background .2s;display:flex;position:relative}.boost-pkg-card.selected{background:#fff5f7;border-color:#e91e63}.boost-bestseller{color:#fff;background:#e91e63;border-radius:12px;padding:5px 14px;font-size:11px;font-weight:700;position:absolute;top:-10px;right:20px}.boost-radio{margin-right:15px}.boost-radio-selected{border:2px solid #e91e63;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.boost-radio-inner{background:#e91e63;border-radius:50%;width:12px;height:12px}.boost-radio-unselected{border:2px solid #ccc;border-radius:50%;width:24px;height:24px}.boost-pkg-info{flex:1}.boost-pkg-title{color:#2c2c2c;font-size:17px;font-weight:600}.boost-pkg-price{flex-direction:column;align-items:flex-end;display:flex}.boost-price-amount{color:#2c2c2c;font-size:22px;font-weight:700}.boost-price-each{color:#888;font-size:13px}.boost-buy-btn{color:#fff;cursor:pointer;width:100%;font-size:18px;font-weight:700;font-family:var(--font-family);background:#e91e63;border:none;border-radius:30px;justify-content:center;align-items:center;margin-top:4px;padding:14px;transition:transform .2s;display:flex;box-shadow:0 4px 12px #e91e634d}.boost-buy-btn:hover:not(:disabled){transform:translateY(-1px)}.boost-buy-btn:disabled{opacity:.7;cursor:not-allowed}.boost-back-btn{color:#e91e63;cursor:pointer;font-size:16px;font-weight:600;font-family:var(--font-family);background:0 0;border:none;align-items:center;gap:8px;margin-bottom:20px;padding:8px 0;display:flex}.boost-features-title{color:#2c2c2c;text-align:center;margin:0 0 8px;font-size:24px;font-weight:700}.boost-features-subtitle{color:#666;text-align:center;margin:0 0 24px;font-size:14px}.boost-features-list{margin-bottom:20px}.boost-feature-card{text-align:center;background:#fff;border-radius:16px;margin-bottom:14px;padding:20px;box-shadow:0 2px 8px #0000000f}.boost-feature-icon{background:#fff5f7;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 14px;display:flex}.boost-feature-card h4{color:#2c2c2c;margin:0 0 8px;font-size:18px;font-weight:700}.boost-feature-card p{color:#666;margin:0;font-size:14px;line-height:1.5}@media (width>=1024px){.boost-overlay{align-items:center}.boost-sheet{border-radius:20px;max-height:70vh}.boost-close-circle{transform:translate(-50%,-320px)}}.navbar{height:var(--navbar-height);background:var(--color-white);z-index:1000;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 8px #0000000d}.navbar-inner{justify-content:space-between;align-items:center;max-width:1600px;height:100%;margin:0 auto;padding:0 12px;display:flex}.navbar-left{align-items:center;display:flex}.navbar-menu-btn{color:#333;border-radius:var(--radius-sm);transition:background var(--transition-fast);justify-content:center;align-items:center;padding:4px;display:flex}.navbar-menu-btn:hover{background:var(--color-solitude)}@media (width>=1024px){.navbar-menu-btn{display:none}}.navbar-center-pill{cursor:pointer;flex:1;justify-content:center;display:flex}.plan-pill{transition:transform var(--transition-fast), box-shadow var(--transition-fast);border-radius:20px;align-items:center;gap:4px;padding:5px 12px;font-size:12px;font-weight:700;display:inline-flex}.plan-pill:hover{transform:scale(1.05)}.plan-pill--free{color:#e91e63;background:#fce4ec}.plan-pill--premium{color:gold;text-transform:uppercase;background:#333}.plan-pill--expired{color:#ef4444;background:#fef2f2;border:1px solid #fecaca}.navbar-right{align-items:center;gap:8px;display:flex}.navbar-icon-btn{color:#333;width:36px;height:36px;transition:background var(--transition-fast);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.navbar-icon-btn:hover{background:var(--color-solitude)}.navbar-boost-btn{cursor:pointer;background:0 0;border:none;margin-right:2px;padding:0}.boost-gradient-pill{color:#fff;transition:transform var(--transition-fast), box-shadow var(--transition-fast);background:linear-gradient(90deg,#ff6b6b 0%,#ff8e53 100%);border-radius:20px;align-items:center;gap:4px;padding:6px 12px;font-size:13px;font-weight:700;display:flex;box-shadow:0 2px 8px #ff6b6b4d}.boost-gradient-pill:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ff6b6b66}.navbar-avatar{border:2px solid var(--color-border-light);border-radius:50%;flex-shrink:0;width:34px;height:34px;overflow:hidden}.navbar-avatar img{object-fit:cover;width:100%;height:100%}@media (width>=1024px){.navbar-inner{padding:0 var(--space-lg)}}@media (width<=639px){.navbar-avatar{width:32px;height:32px}}.logout-modal-overlay{z-index:3000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.logout-modal-sheet{text-align:center;background:#fff;border-radius:24px;width:90%;max-width:360px;padding:32px 24px;animation:.3s cubic-bezier(.175,.885,.32,1.275) scaleUp;box-shadow:0 10px 40px #00000026}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.logout-modal-icon-wrap{justify-content:center;margin-bottom:20px;display:flex}.logout-modal-icon{background:#ffebee;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.logout-modal-title{color:#2c2c2c;font-size:22px;font-weight:700;font-family:var(--font-family,system-ui, -apple-system, sans-serif);margin:0 0 8px}.logout-modal-subtitle{color:#666;margin:0 0 28px;font-size:15px;line-height:1.5}.logout-modal-actions{gap:12px;display:flex}.logout-modal-cancel,.logout-modal-confirm{cursor:pointer;font-size:16px;font-weight:600;font-family:var(--font-family,system-ui, -apple-system, sans-serif);border:none;border-radius:14px;flex:1;justify-content:center;align-items:center;padding:14px;transition:all .2s;display:flex}.logout-modal-cancel{color:#666;background:#f5f5f5}.logout-modal-cancel:hover:not(:disabled){background:#e0e0e0}.logout-modal-confirm{color:#fff;background:#d32f2f;box-shadow:0 4px 12px #d32f2f33}.logout-modal-confirm:hover:not(:disabled){background:#b71c1c;transform:translateY(-1px)}.logout-modal-cancel:disabled,.logout-modal-confirm:disabled{opacity:.7;cursor:not-allowed}.sidebar{top:var(--navbar-height);width:var(--sidebar-width);background:var(--color-white);border-right:1px solid var(--color-border-light);z-index:900;flex-direction:column;display:none;position:fixed;bottom:0;left:0;overflow:hidden}@media (width>=1024px){.sidebar{display:flex}}.sidebar-header{background:#fff;border-bottom:1px solid #f0f0f0;padding:20px}.sidebar-user-row{align-items:center;gap:12px;margin-bottom:16px;display:flex}.sidebar-profile-img-wrap{flex-shrink:0;width:56px;height:56px;display:block;position:relative}.sidebar-profile-img-wrap img{object-fit:cover;background:#f0f0f0;border:2px solid #fff;border-radius:50%;width:100%;height:100%;box-shadow:0 2px 8px #0000001a}.sidebar-edit-badge{background:var(--color-app-accent);color:#fff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;bottom:0;right:0}.sidebar-user-info{flex:1;overflow:hidden}.sidebar-greeting{color:#666;margin-bottom:2px;font-size:12px;font-style:italic;display:block}.sidebar-username{color:#1a1a1a;white-space:nowrap;text-overflow:ellipsis;margin:0 0 4px;font-size:18px;font-weight:700;overflow:hidden}.sidebar-id-badge{color:#666;letter-spacing:.5px;background:#f5f5f5;border-radius:6px;padding:2px 8px;font-size:10px;font-weight:600;display:inline-block}.sidebar-premium-banner{cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast);border-radius:14px;align-items:center;padding:14px 16px;display:flex;position:relative;overflow:hidden}.sidebar-premium-banner:hover{transform:scale(1.02)}.sidebar-premium-banner.free{background:linear-gradient(90deg, var(--color-app-accent), #ff7b54);box-shadow:0 4px 12px #e91e6340}.sidebar-premium-banner.premium{background:linear-gradient(90deg,gold,orange);box-shadow:0 4px 12px #ffa50040}.sidebar-premium-banner.expired{background:linear-gradient(90deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef444440}.sidebar-premium-icon{color:#fff;background:#fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-right:10px;display:flex}.sidebar-premium-text{flex-direction:column;flex:1;display:flex}.sidebar-premium-title{color:#fff;font-size:14px;font-weight:700;line-height:1.2}.sidebar-premium-subtitle{color:#ffffffe6;font-size:11px;font-weight:500}.sidebar-premium-arrow{color:#fffc;flex-shrink:0}.sidebar-scroll{flex:1;padding-bottom:20px;overflow-y:auto}.sidebar-section{margin-top:10px;margin-bottom:8px;padding:0 20px}.sidebar-section-title{text-transform:uppercase;letter-spacing:1.2px;color:#999;padding:10px 0;font-size:11px;font-weight:700}.sidebar-divider{background:#f0f0f0;height:1px;margin:10px 0}.sidebar-link{color:#333;transition:all var(--transition-fast);cursor:pointer;width:100%;font-size:15px;font-weight:500;font-family:var(--font-family);background:0 0;border:none;border-radius:12px;align-items:center;gap:16px;padding:14px 0;text-decoration:none;display:flex}.sidebar-link:hover{color:#e91e63}.sidebar-link.active,.sidebar-link.expanded{color:#e91e63;font-weight:600}.sidebar-chevron{color:#999;margin-left:auto}.sidebar-link.expanded .sidebar-chevron{color:#e91e63}.sidebar-submenu{margin-top:-5px;margin-bottom:10px;display:flex}.sidebar-submenu-line{background:#eee;border-radius:1px;flex-shrink:0;width:2px;margin-left:10px;margin-right:20px}.sidebar-submenu-items{flex-direction:column;display:flex}.sidebar-submenu-item{color:#666;transition:color var(--transition-fast);padding:10px 0;font-size:14px;font-weight:400;text-decoration:none}.sidebar-submenu-item:hover{color:#e91e63}.sidebar-bottom{padding-top:var(--space-sm);border-top:1px solid #f0f0f0;margin-top:auto}.sidebar-logout{cursor:pointer;width:100%;font-family:var(--font-family);background:0 0;border:none;color:var(--color-error)!important}.sidebar-logout:hover{color:var(--color-error)!important}.sidebar-footer{text-align:center;padding:20px 0}.sidebar-version{color:#ccc;font-size:12px}@media (width<=1023px){.sidebar-quick-links,.sidebar-quick-links-divider{display:none!important}}.sidebar-badge{background:var(--color-app-accent);color:#fff;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:auto;margin-right:12px;padding:0 5px;font-size:10px;font-weight:700;display:flex}.bottom-nav{height:var(--bottom-nav-height);background:var(--color-white);z-index:1000;padding-bottom:env(safe-area-inset-bottom,0);border-top:none;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #00000014}@media (width<=1023px){.bottom-nav{justify-content:space-around;align-items:center;display:flex}}.bottom-nav-item{color:var(--color-gull-grey);transition:color var(--transition-fast);-webkit-tap-highlight-color:transparent;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:8px 0;text-decoration:none;display:flex}.bottom-nav-item.active{color:var(--color-app-accent)}.bottom-nav-icon-wrap{justify-content:center;align-items:center;margin-bottom:2px;display:flex;position:relative}.bottom-nav-badge{background:var(--color-app-accent);color:#fff;border:1.5px solid #fff;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:9px;font-weight:700;display:flex;position:absolute;top:-4px;right:-8px}.bottom-nav-label{font-size:11px;font-weight:500;line-height:1}.bottom-nav-item.active .bottom-nav-label{font-weight:600}.wn-overlay{z-index:9999;font-family:var(--font-family);background:#000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.wn-progress{z-index:10;gap:8px;display:flex;position:absolute;top:20px;left:24px;right:24px}.wn-progress-segment{background:#fff3;border-radius:2px;flex:1;height:4px;overflow:hidden}.wn-progress-fill{background:#fff;border-radius:2px;height:100%;transition:width .4s}.wn-skip{z-index:10;border-radius:var(--radius-round);color:#fff;cursor:pointer;background:#0000004d;border:1px solid #fff3;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex;position:absolute;top:40px;right:24px}.wn-skip:hover{background:#00000080}.wn-slide{flex-direction:column;justify-content:center;align-items:center;padding:80px 24px 40px;display:flex;position:absolute;inset:0;overflow:hidden}.wn-slide-enter{animation:.4s cubic-bezier(.4,0,.2,1) forwards wnSlideIn}.wn-slide-exit{animation:.25s forwards wnSlideOut}@keyframes wnSlideIn{0%{opacity:0;transform:scale(.92)translateY(30px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes wnSlideOut{0%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(.85)translateY(-20px)}}.wn-orb{pointer-events:none;border-radius:50%;position:absolute}.wn-orb-1{opacity:.3;filter:blur(60px);width:350px;height:350px;top:-60px;right:-100px}.wn-orb-2{filter:blur(40px);background:#ffffff0d;width:300px;height:300px;bottom:10%;left:-150px}.wn-icon-container{margin-bottom:36px;animation:3s ease-in-out infinite wnFloat;position:relative}@keyframes wnFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.wn-icon-outer{z-index:2;background:linear-gradient(135deg,#fff6,#ffffff0d);border:1.5px solid #ffffff80;border-radius:50%;justify-content:center;align-items:center;width:140px;height:140px;display:flex;position:relative}.wn-icon-inner{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:110px;height:110px;display:flex;box-shadow:0 10px 30px #0000004d}.wn-icon-glow{opacity:.4;z-index:1;filter:blur(20px);border-radius:50%;width:120px;height:120px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.wn-glass-card{border-radius:var(--radius-xxl);-webkit-backdrop-filter:blur(12px);background:linear-gradient(135deg,#ffffff26,#ffffff08);border:1.5px solid #ffffff40;width:100%;max-width:420px;padding:26px}.wn-subtitle{letter-spacing:3px;color:#ffffffb3;margin-bottom:8px;font-size:11px;font-weight:900;display:block}.wn-title{color:#fff;letter-spacing:-.5px;margin-bottom:10px;font-size:28px;font-weight:800;line-height:1.1}.wn-description{color:#fffc;margin-bottom:22px;font-size:13px;line-height:1.6}.wn-features{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.wn-feature-item{align-items:center;gap:12px;display:flex}.wn-feature-icon{border-radius:var(--radius-md);color:#fff;background:#0000004d;border:1px solid #ffffff1a;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.wn-feature-label{color:#fff;font-size:13px;font-weight:600}.wn-action-btn{border-radius:var(--radius-xl);cursor:pointer;background:#fff;border:none;justify-content:center;align-items:center;gap:12px;width:100%;padding:15px 22px;font-size:15px;transition:all .25s;display:flex;box-shadow:0 8px 24px #0003}.wn-action-btn:hover{transform:translateY(-2px);box-shadow:0 12px 32px #0000004d}.wn-btn-icon{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;display:flex}@media (width<=480px){.wn-slide{padding:70px 16px 24px}.wn-glass-card{padding:20px}.wn-title{font-size:24px}.wn-icon-outer{width:110px;height:110px}.wn-icon-inner{width:88px;height:88px}}.ppm-overlay{z-index:800;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:var(--space-xl);font-family:var(--font-family);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ppm-card{border-radius:var(--radius-xxl);text-align:center;width:100%;max-width:380px;box-shadow:var(--shadow-xl);background:linear-gradient(135deg,#fff5f7,#f8f0ff,#f0f4ff);padding:32px 28px;position:relative}.ppm-close{cursor:pointer;width:34px;height:34px;color:var(--color-text-grey);background:#0000000d;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:14px;right:14px}.ppm-close:hover{color:var(--color-text-light);background:#0000001a}.ppm-icon-circle{color:#fff;background:linear-gradient(135deg,#e91e63,#ff6b8a);border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;margin:0 auto 18px;display:flex;box-shadow:0 8px 20px #e91e634d}.ppm-title{color:var(--color-text-dark);margin-bottom:8px;font-size:20px;font-weight:800;line-height:1.3}.ppm-subtitle{color:var(--color-text-light);margin-bottom:20px;font-size:13px;line-height:1.6}.ppm-features{text-align:left;flex-direction:column;gap:10px;margin-bottom:24px;display:flex}.ppm-feature{color:var(--color-text);align-items:center;gap:10px;font-size:13px;font-weight:500;display:flex}.ppm-feature-icon{color:var(--color-success);flex-shrink:0}.ppm-cta{color:#fff;border-radius:var(--radius-lg);cursor:pointer;background:linear-gradient(90deg,#e91e63,#ff4081);border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:15px;font-size:14px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 6px 18px #e91e634d}.ppm-cta:hover{transform:translateY(-2px);box-shadow:0 10px 24px #e91e6366}.ppm-dismiss{color:var(--color-text-grey);cursor:pointer;background:0 0;border:none;margin:14px auto 0;font-size:13px;font-weight:600;transition:color .2s;display:block}.ppm-dismiss:hover{color:var(--color-text-light)}.nrm-overlay{z-index:800;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:var(--space-xl);font-family:var(--font-family);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.nrm-card{border:1px solid var(--color-gold);border-radius:var(--radius-xxl);text-align:center;width:100%;max-width:380px;box-shadow:var(--shadow-xl);background:linear-gradient(135deg,#f5fdf8,#f9fbf8,#fcfaf2);padding:32px 28px;position:relative}.nrm-close{cursor:pointer;width:34px;height:34px;color:var(--color-text-grey);background:#0000000d;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:14px;right:14px}.nrm-close:hover{color:var(--color-text-light);background:#0000001a}.nrm-icon-circle{background:linear-gradient(135deg, var(--color-emerald), #1b633f);width:68px;height:68px;color:var(--color-gold);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 18px;display:flex;box-shadow:0 8px 20px #0f51324d}.nrm-title{color:var(--color-text-dark);margin-bottom:8px;font-size:20px;font-weight:800}.nrm-subtitle{color:var(--color-text-light);margin-bottom:20px;font-size:13px;line-height:1.6}.nrm-features{text-align:left;flex-direction:column;gap:10px;margin-bottom:24px;display:flex}.nrm-feature{color:var(--color-text);align-items:center;gap:10px;font-size:13px;font-weight:500;display:flex}.nrm-feature-icon{color:var(--color-emerald);flex-shrink:0}.nrm-cta{background:linear-gradient(90deg, var(--color-emerald), #14462e);width:100%;color:var(--color-gold);border-radius:var(--radius-lg);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:15px;font-size:14px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 6px 18px #0f51324d}.nrm-cta:hover{transform:translateY(-2px);box-shadow:0 10px 24px #0f513266}.nrm-dismiss{color:var(--color-text-grey);cursor:pointer;background:0 0;border:none;margin:14px auto 0;font-size:13px;font-weight:600;transition:color .2s;display:block}.nrm-dismiss:hover{color:var(--color-text-light)}.app-layout{min-height:100vh}.main-content{margin-top:var(--navbar-height);min-height:calc(100vh - var(--navbar-height));padding-bottom:var(--bottom-nav-height);transition:margin-left var(--transition-normal)}.main-content.no-navbar{min-height:100vh;margin-top:0}.main-content.no-bot-nav{padding-bottom:0}@media (width>=1024px){.main-content{margin-left:var(--sidebar-width);padding-bottom:0}}.drawer-overlay{z-index:1050;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity var(--transition-normal);background:#0006;display:none;position:fixed;inset:0}.drawer-overlay.open{opacity:1;pointer-events:auto}.drawer-mobile{width:var(--sidebar-width);z-index:1060;transition:transform var(--transition-normal);display:none;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.drawer-mobile .sidebar{height:100%;display:flex!important;position:relative!important;top:0!important}@media (width<=1023px){.drawer-overlay,.drawer-mobile{display:block}.drawer-mobile.open{transform:translate(0)}}@media (width>=1024px){.drawer-mobile,.drawer-overlay{display:none!important}}.ios-install-prompt-overlay{z-index:9999;background-color:#00000080;justify-content:center;align-items:center;padding:20px;animation:.3s ease-out forwards fadeIn;display:flex;position:fixed;inset:0}.ios-install-prompt.tutorial-mode{background-color:var(--card-bg,#fff);border-radius:20px;flex-direction:column;width:100%;max-width:360px;animation:.3s ease-out forwards scaleUp;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 40px #0003}.ios-prompt-close{cursor:pointer;width:32px;height:32px;color:var(--text-secondary,#666);z-index:10;background:#0000000d;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.ios-prompt-close:hover{color:var(--text-primary,#333);background:#0000001a}.ios-tutorial-header{text-align:center;padding:24px 24px 12px}.ios-tutorial-header h4{color:var(--primary-color,#e85b81);margin:0 0 8px;font-size:1.25rem;font-weight:700}.ios-tutorial-header p{color:var(--text-secondary,#666);margin:0;font-size:.95rem}.ios-tutorial-content{flex-direction:column;align-items:center;gap:16px;padding:0 24px 16px;display:flex}.ios-tutorial-image{object-fit:contain;background:#f5f5f5;border-radius:12px;width:100%;max-height:280px;box-shadow:0 4px 12px #0000000d}.ios-image-wrapper{justify-content:center;width:100%;display:flex;position:relative}.ios-tutorial-text{text-align:center;color:var(--text-primary,#333);min-height:48px;font-size:1rem;line-height:1.5}.ios-tutorial-text strong{color:var(--primary-color,#e85b81)}.ios-tutorial-footer{border-top:1px solid var(--border-color,#f0f0f0);flex-direction:column;gap:16px;padding:16px 24px 24px;display:flex}.ios-tutorial-dots{justify-content:center;gap:8px;display:flex}.ios-dot{background-color:#ddd;border-radius:50%;width:8px;height:8px;transition:all .3s}.ios-dot.active{background-color:var(--primary-color,#e85b81);border-radius:4px;width:24px}.ios-tutorial-actions{justify-content:space-between;gap:12px;display:flex}.ios-tutorial-actions button{cursor:pointer;border:none;border-radius:50px;flex:1;justify-content:center;align-items:center;gap:4px;padding:10px 14px;font-size:.95rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.ios-btn-skip{color:var(--text-secondary,#999);background:0 0;flex:.6!important}.ios-btn-skip:hover{color:var(--text-primary,#333);background:#0000000d}.ios-btn-prev{color:var(--text-secondary,#666);background:0 0}.ios-btn-prev:not(:disabled):hover{color:var(--text-primary,#333);background:#0000000d}.ios-btn-prev:disabled{opacity:.3;cursor:not-allowed}.ios-btn-next{background:linear-gradient(135deg, var(--primary-color,#e85b81), #d6426b);color:#fff;box-shadow:0 4px 12px #e85b814d}.ios-btn-next:hover{transform:translateY(-2px);box-shadow:0 6px 16px #e85b8166}.terms-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0009;justify-content:center;align-items:center;padding:16px;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.terms-modal{background:#fff;border-radius:20px;flex-direction:column;width:100%;max-width:540px;max-height:90vh;animation:.35s slideUp;display:flex;overflow:hidden;box-shadow:0 20px 60px #0000004d}.terms-modal-header{text-align:center;border-bottom:1px solid #f0f0f0;flex-shrink:0;padding:28px 24px 20px}.terms-modal-icon{color:#e91e63;background:linear-gradient(135deg,#fce4ec,#f8bbd0);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 16px;display:flex}.terms-modal-header h2{color:#212121;margin-bottom:8px;font-size:20px;font-weight:800}.terms-modal-header p{color:#757575;max-width:400px;margin:0 auto;font-size:14px;line-height:1.5}.terms-modal-content{color:#424242;flex:1;max-height:45vh;padding:24px;font-size:13px;line-height:1.7;overflow-y:auto}.terms-modal-content h1{color:#212121;margin-top:20px;margin-bottom:8px;font-size:18px;font-weight:800}.terms-modal-content h2{color:#212121;margin-top:18px;margin-bottom:6px;font-size:15px;font-weight:700}.terms-modal-content p{margin-bottom:10px}.terms-modal-content strong{color:#212121}.terms-modal-content::-webkit-scrollbar{width:6px}.terms-modal-content::-webkit-scrollbar-track{background:#f5f5f5}.terms-modal-content::-webkit-scrollbar-thumb{background:#bdbdbd;border-radius:3px}.terms-modal-footer{background:#fafafa;border-top:1px solid #f0f0f0;flex-shrink:0;padding:20px 24px 24px}.terms-modal-checkbox{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.terms-modal-checkbox input{display:none}.terms-checkmark{border:2px solid #bdbdbd;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-top:1px;transition:all .2s;display:flex;position:relative}.terms-modal-checkbox input:checked~.terms-checkmark{background:#e91e63;border-color:#e91e63}.terms-checkmark:after{content:"";border:2.5px solid #fff;border-width:0 2.5px 2.5px 0;width:5px;height:10px;margin-top:-1px;display:none;transform:rotate(45deg)}.terms-modal-checkbox input:checked~.terms-checkmark:after{display:block}.terms-checkbox-text{color:#616161;font-size:13px;line-height:1.5}.terms-checkbox-text strong{color:#e91e63}.terms-modal-accept-btn{color:#fff;cursor:pointer;width:100%;font-size:16px;font-weight:700;font-family:var(--font-family);background:linear-gradient(135deg,#e91e63,#c2185b);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:15px;transition:all .2s;display:flex;box-shadow:0 4px 14px #e91e634d}.terms-modal-accept-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #e91e6366}.terms-modal-accept-btn:disabled{box-shadow:none;cursor:not-allowed;background:#e0e0e0;transform:none}.gender-modal-overlay{z-index:99999;-webkit-backdrop-filter:blur(5px);background:#00000080;justify-content:center;align-items:center;animation:.3s ease-out gm-fadeIn;display:flex;position:fixed;inset:0}@keyframes gm-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes gm-slideUp{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.gender-modal-card{background:#fff;border-radius:28px;width:90%;max-width:380px;animation:.4s cubic-bezier(.16,1,.3,1) gm-slideUp;overflow:hidden;box-shadow:0 20px 60px #00000026}.gender-modal-header{text-align:center;background:linear-gradient(135deg,#f36,#ff6b8a);padding:32px 24px 28px;position:relative;overflow:hidden}.gender-modal-header:before{content:"";background:radial-gradient(circle,#ffffff26 0%,#fff0 70%);border-radius:50%;width:160px;height:160px;position:absolute;top:-60px;right:-40px}.gender-modal-header:after{content:"";background:radial-gradient(circle,#ffffff1a 0%,#fff0 70%);border-radius:50%;width:100px;height:100px;position:absolute;bottom:-30px;left:-20px}.gender-modal-emoji{transform-origin:70% 70%;margin-bottom:12px;font-size:42px;animation:2s infinite wave;display:block}@keyframes wave{0%{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0)}to{transform:rotate(0)}}.gender-modal-header h2{color:#fff;z-index:1;letter-spacing:-.5px;margin:0 0 8px;font-size:24px;font-weight:800;position:relative}.gender-modal-header p{color:#ffffffe6;z-index:1;margin:0;font-size:14px;line-height:1.4;position:relative}.gender-modal-body{padding:28px 24px 20px}.gender-modal-options{gap:16px;display:flex}.gender-modal-option{cursor:pointer;background:#fff;border:2px solid #f0f2f5;border-radius:20px;flex-direction:column;flex:1;align-items:center;gap:12px;padding:24px 12px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.gender-modal-option:hover{background:#fff5f7;border-color:#ffb3c6;transform:translateY(-2px)}.gender-modal-option.selected{background:#fff0f5;border-color:#f36;box-shadow:0 8px 24px #ff33661f}.gender-modal-option.selected:after{content:"";background-color:#f36;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:12px;border-radius:50%;width:22px;height:22px;animation:.3s cubic-bezier(.175,.885,.32,1.275) popIn;position:absolute;top:12px;right:12px;box-shadow:0 2px 6px #ff33664d}@keyframes popIn{0%{transform:scale(0)}to{transform:scale(1)}}.gender-modal-icon{border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:32px;transition:all .3s;display:flex}.gender-modal-option:first-child .gender-modal-icon{background:#f0f7ff}.gender-modal-option:first-child.selected .gender-modal-icon{background:#e0f0ff;transform:scale(1.05)}.gender-modal-option:last-child .gender-modal-icon{background:#fff0f5}.gender-modal-option:last-child.selected .gender-modal-icon{background:#ffe4ee;transform:scale(1.05)}.gender-modal-option-title{color:#1a1d20;font-size:17px;font-weight:700}.gender-modal-option-desc{color:#737a80;text-align:center;font-size:12px;line-height:1.3}.gender-modal-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff6b8a,#f36);border:none;border-radius:16px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:28px;padding:16px;font-size:17px;font-weight:700;transition:all .3s;display:flex;box-shadow:0 8px 20px #ff336640}.gender-modal-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 24px #ff336659}.gender-modal-submit:active:not(:disabled){transform:translateY(0)}.gender-modal-submit:disabled{box-shadow:none;cursor:not-allowed;background:#ffaec0;transform:none}.gender-modal-footer{text-align:center;padding:0 24px 24px}.gender-modal-footer p{color:#8c939a;justify-content:center;align-items:center;gap:6px;margin:0;font-size:13px;font-weight:500;display:flex}.gender-modal-error{color:#e11d48;text-align:center;background:#fff1f2;border:1px solid #ffe4e6;border-radius:12px;margin-bottom:20px;padding:12px 16px;font-size:14px;font-weight:500}.gender-modal-confirm-view{flex-direction:column;gap:20px;animation:.3s ease-out gm-fadeIn;display:flex}.gender-modal-confirm-text{color:#4a5568;text-align:center;background:#f7fafc;border:1px solid #e2e8f0;border-radius:12px;padding:10px;font-size:16px;line-height:1.5}.gender-modal-confirm-text strong{color:#f36;font-size:18px;font-weight:700}.gender-modal-actions{gap:12px;display:flex}.gender-modal-cancel-btn,.gender-modal-submit-btn{cursor:pointer;border:none;border-radius:14px;flex:1;justify-content:center;align-items:center;padding:14px;font-size:16px;font-weight:700;transition:all .2s;display:flex}.gender-modal-cancel-btn{color:#64748b;background:#f1f5f9}.gender-modal-cancel-btn:hover:not(:disabled){color:#475569;background:#e2e8f0}.gender-modal-submit-btn{color:#fff;background:linear-gradient(135deg,#ff6b8a,#f36);box-shadow:0 4px 12px #f363}.gender-modal-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #ff33664d}.gender-modal-submit-btn:disabled,.gender-modal-cancel-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-page{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%) 50%/cover;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative}.login-page:before{content:"";background:inherit;opacity:0;z-index:0;background-position:50%;background-size:cover;transition:opacity .6s;position:absolute;inset:0}.login-page.bg-loaded:before{opacity:1}.login-overlay{z-index:1;width:100%;min-height:100vh;padding:var(--space-lg);background:linear-gradient(#0000001a 0%,#0000004d 50%,#000000b3 75%,#000000f2 100%);justify-content:center;align-items:stretch;display:flex;position:relative}.login-landing{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;width:100%;max-width:420px;padding-top:10vh;padding-bottom:2vh;display:flex}.login-brand{flex-direction:column;align-items:center;margin-bottom:auto;padding-top:5vh;display:flex}.login-logo-img{object-fit:cover;width:90px;height:90px;margin-bottom:var(--space-md);border-radius:20px;box-shadow:0 10px 30px #0006}.login-logo-img.small{border-radius:18px;width:64px;height:64px;display:block}.login-app-name{font-size:var(--font-hero);color:#fff;letter-spacing:-1px;margin-bottom:var(--space-xs);font-weight:800}.login-tagline{font-size:var(--font-lg);color:#ffffffb3;font-weight:400}.login-buttons-section{width:100%;padding-bottom:env(safe-area-inset-bottom,20px)}.login-terms-text{font-size:var(--font-sm);color:#ffffff80;text-align:center;margin-bottom:var(--space-lg);line-height:1.6}.login-link{color:#fffc;text-decoration:underline}.login-buttons{gap:var(--space-md);margin-bottom:var(--space-xl);flex-direction:column;display:flex}.login-social-btn{justify-content:center;align-items:center;gap:var(--space-md);width:100%;padding:16px var(--space-lg);border-radius:var(--radius-round);font-size:var(--font-md);color:#000;cursor:pointer;transition:all var(--transition-normal);font-weight:600;font-family:var(--font-family);background:#fff;border:none;display:flex}.login-social-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ffffff26}.login-social-btn:active{transform:translateY(0)}.login-signup-row{justify-content:center;align-items:center;gap:var(--space-sm);color:#ffffffb3;font-size:var(--font-md);margin-top:var(--space-xl);display:flex}.login-signup-link{color:var(--color-app-accent);font-weight:700;text-decoration:none}.login-form-container{background-color:#fff;background-image:radial-gradient(circle at 100% 0,#ffb6c140 0%,#0000 40%),radial-gradient(circle at 0 100%,#ffb6c126 0%,#0000 35%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border-radius:36px;width:100%;max-width:420px;margin-top:auto;margin-bottom:auto;overflow:hidden;box-shadow:0 24px 80px #00000026}.login-form-header{padding:var(--space-lg) var(--space-xl);border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;display:flex}.login-form-header h2{font-size:var(--font-lg);color:var(--color-text-dark);font-weight:600}.login-back-btn{color:#333;transition:background var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;padding:4px;display:flex}.login-back-btn:hover{background:var(--color-solitude)}.login-form-body{padding:32px 32px 40px}.login-form-brand{text-align:center;margin-bottom:32px}.login-logo-wrapper{margin-bottom:20px;display:inline-block;position:relative}.login-logo-wrapper:after{content:"";filter:blur(16px);z-index:-1;opacity:.5;background:#ff426a;position:absolute;inset:10px 10px 0}.login-form-brand h3{letter-spacing:-.5px;justify-content:center;align-items:center;margin-bottom:8px;font-size:2rem;font-weight:800;display:flex}.text-dark{color:#2d2d3a;margin-right:6px}.text-pink{color:#ff426a;margin-right:4px}.wave-icon{font-size:1.6rem}.login-form-brand p{color:#666;font-size:.95rem;font-weight:500}.login-forgot-link{text-align:right;color:#ff426a;margin-top:-8px;margin-bottom:var(--space-lg);font-size:.85rem;font-weight:700;display:block}.login-error{color:var(--color-error);padding:var(--space-md);border-radius:var(--radius-sm);font-size:var(--font-sm);margin-bottom:var(--space-lg);text-align:center;background:#d94d4b14;border:1px solid #d94d4b33}.login-submit-btn{width:100%;font-size:var(--font-lg);margin-top:var(--space-sm);padding:14px}.custom-pill-input{color:#333!important;background:#fff!important;border:1px solid #ff426a26!important;border-radius:30px!important;box-shadow:0 2px 10px #00000005!important}.custom-pill-input:focus{border-color:#ff426a!important;box-shadow:0 0 0 4px #ff426a1a!important}.custom-pink-icon .icon-left{color:#ff426a!important}.custom-arrow-btn{justify-content:center;align-items:center;display:flex;position:relative;background:linear-gradient(135deg,#ff1e56,#ff6b6b)!important;border-radius:30px!important;padding:16px!important}.btn-arrow-circle{color:#fff;background:#ffffff40;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;right:12px}.login-privacy-footer{text-align:center;margin-top:30px}.privacy-divider{justify-content:center;align-items:center;gap:12px;margin-bottom:8px;display:flex}.privacy-divider .line{background:#ff426a26;flex:1;max-width:60px;height:1px}.privacy-shield{color:#ff426a;background:#ff426a1a;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.login-privacy-footer p{color:#888;font-size:.8rem}.phone-input-wrap{border:1.5px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast);gap:0;display:flex;overflow:hidden}.phone-input-wrap:focus-within{border-color:var(--color-app-accent);box-shadow:0 0 0 3px #fd306e1a}.country-code-btn{padding:var(--space-md);background:var(--color-solitude);border:none;border-right:1px solid var(--color-border);cursor:pointer;font-size:var(--font-sm);font-family:var(--font-family);white-space:nowrap;align-items:center;gap:4px;display:flex}.phone-input{flex:1;box-shadow:none!important;border:none!important;border-radius:0!important}.country-picker{border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:10;background:#fff;max-height:200px;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.country-option{align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-md);cursor:pointer;font-family:var(--font-family);font-size:var(--font-sm);transition:background var(--transition-fast);background:0 0;border:none;display:flex}.country-option:hover{background:var(--color-solitude)}.country-name{text-align:left;flex:1}.country-dial{color:var(--color-text-grey)}.form-group{position:relative}@media (width<=639px){.login-app-name{font-size:var(--font-display)}.login-logo{width:80px;height:80px}.login-logo-text{font-size:26px}.login-form-container{border-radius:var(--radius-xl)}.login-form-body{padding:var(--space-lg)}}.google-login-wrapper{justify-content:center;width:100%;margin-bottom:12px;display:flex}.google-login-wrapper>div{justify-content:center;display:flex;width:100%!important}.su-page-wrapper{background:#fff;flex-direction:column;min-height:100dvh;display:flex}.su-page{background:#fff;flex-direction:column;width:100%;height:100dvh;display:flex;position:relative}.su-top-bar{z-index:10;background:#fff;align-items:center;gap:12px;padding:12px 20px;display:flex;position:sticky;top:0}.su-back-btn{width:40px;height:40px;color:var(--color-text-dark);transition:background var(--transition-fast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.su-back-btn:hover{background:var(--color-solitude)}.su-progress-bar{background:#f0f0f0;border-radius:10px;flex:1;height:5px;overflow:hidden}.su-progress-fill{background:linear-gradient(90deg, var(--color-gradient-1), var(--color-gradient-2));border-radius:10px;height:100%;transition:width .4s}.su-step-counter{font-size:var(--font-sm);color:var(--color-text-grey);text-align:right;min-width:30px;font-weight:600}.su-scroll-content{flex:1;padding:8px 24px 100px;overflow-y:auto}.su-header-section{margin-bottom:28px}.su-step-title{color:var(--color-text-dark);white-space:pre-line;margin-bottom:8px;font-size:28px;font-weight:800;line-height:1.2}.su-step-subtitle{font-size:var(--font-md);color:var(--color-text-grey);font-weight:400}.slide-enter{animation:.3s forwards slideEnter}.slide-exit-left{animation:.2s forwards slideExitLeft}.slide-exit-right{animation:.2s forwards slideExitRight}@keyframes slideEnter{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes slideExitLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-40px)}}@keyframes slideExitRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(40px)}}.su-error-bar{border-radius:var(--radius-md);color:#ef5350;font-size:var(--font-sm);background:#ef535014;border:1px solid #ef535033;align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;display:flex}.su-option-cards{flex-direction:column;gap:12px;display:flex}.su-option-card{cursor:pointer;background:#fafafa;border:2px solid #0000;border-radius:16px;align-items:center;gap:14px;padding:16px 18px;transition:all .25s;display:flex}.su-option-card:hover{background:#f5f5f5;transform:translateY(-1px);box-shadow:0 4px 12px #0000000f}.su-option-card.selected{border-color:var(--color-app-accent);background:#fd306e0a}.su-option-icon{background:#f0f0f0;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;transition:all .25s;display:flex}.su-option-icon.selected{background:linear-gradient(135deg, var(--color-gradient-1), var(--color-gradient-2))}.su-option-text{flex:1;min-width:0}.su-option-text h4{font-size:var(--font-lg);color:var(--color-text-dark);margin-bottom:2px;font-weight:600}.su-option-text p{font-size:var(--font-sm);color:var(--color-text-grey);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.su-option-check{background:linear-gradient(135deg, var(--color-gradient-1), var(--color-gradient-2));border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.su-gender-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.su-gender-card{cursor:pointer;background:#fafafa;border:2px solid #f0f0f0;border-radius:20px;flex-direction:column;align-items:center;padding:28px 16px;transition:all .3s;display:flex;position:relative}.su-gender-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000014}.su-gender-avatar-wrap{background:#f5f5f5;border-radius:50%;width:100px;height:100px;margin-bottom:14px;overflow:hidden}.su-gender-avatar{object-fit:contain;width:100%;height:100%}.su-gender-label{font-size:var(--font-lg);color:var(--color-text-dark);font-weight:600}.su-gender-check{border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:absolute;top:12px;right:12px}.su-phone-row{gap:0;margin-bottom:12px;display:flex}.su-cc-btn{font-size:var(--font-md);font-family:var(--font-family);cursor:pointer;white-space:nowrap;transition:background var(--transition-fast);background:#f5f5f5;border:2px solid #f0f0f0;border-right:none;border-radius:14px 0 0 14px;align-items:center;gap:6px;padding:14px 12px;display:flex}.su-cc-btn:hover{background:#eee}.su-phone-input-wrap{border:2px solid #f0f0f0;border-left:1px solid #e0e0e0;border-radius:0 14px 14px 0;flex:1;align-items:center;gap:8px;padding:0 14px;transition:border-color .2s;display:flex}.su-phone-input-wrap:focus-within{border-color:var(--color-app-accent);box-shadow:0 0 0 3px #fd306e14}.su-phone-input-wrap.error{border-color:#ef5350}.su-phone-input-wrap.success{border-color:#4caf50}.su-phone-input-wrap input{font-size:var(--font-lg);color:var(--color-text-dark);font-family:var(--font-family);background:0 0;border:none;outline:none;flex:1;padding:14px 0}.su-phone-input-wrap input::placeholder{color:#bdbdbd}.su-inline-error{color:#ef5350;font-size:var(--font-sm);align-items:center;gap:6px;margin-bottom:12px;display:flex}.su-info-box{color:var(--color-text-light);font-size:var(--font-sm);background:#fd306e0a;border-radius:12px;align-items:flex-start;gap:10px;margin-top:16px;padding:14px 16px;line-height:1.5;display:flex}.su-info-box svg{color:var(--color-app-accent);flex-shrink:0;margin-top:1px}.su-country-modal-overlay{z-index:100;background:#00000080;justify-content:center;align-items:flex-end;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.su-country-modal{background:#fff;border-radius:20px 20px 0 0;flex-direction:column;width:100%;max-width:540px;max-height:70vh;animation:.3s slideUp;display:flex}.su-country-modal-header{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:20px 20px 12px;display:flex}.su-country-modal-header h3{font-size:var(--font-xl);color:var(--color-text-dark);font-weight:700}.su-country-modal-header button{color:var(--color-text-dark);display:flex}.su-country-list{padding:8px 0;overflow-y:auto}.su-country-item{cursor:pointer;transition:background var(--transition-fast);font-size:var(--font-md);align-items:center;gap:12px;padding:14px 20px;display:flex}.su-country-item:hover{background:#f8f8f8}.su-country-name{color:var(--color-text-dark);flex:1}.su-country-dial{color:var(--color-text-grey);font-weight:500}.su-input-group{margin-bottom:20px}.su-input-group label{font-size:var(--font-sm);color:var(--color-text-dark);margin-bottom:8px;font-weight:600;display:block}.su-input-wrap{background:#fafafa;border:2px solid #f0f0f0;border-radius:14px;align-items:center;gap:10px;padding:0 14px;transition:all .2s;display:flex}.su-input-wrap:focus-within{border-color:var(--color-app-accent);background:#fff;box-shadow:0 0 0 3px #fd306e14}.su-input-icon{color:#bdbdbd;flex-shrink:0}.su-input-wrap input{font-size:var(--font-md);color:var(--color-text-dark);font-family:var(--font-family);background:0 0;border:none;outline:none;flex:1;padding:14px 0}.su-input-wrap input::placeholder{color:#bdbdbd}.su-eye-btn{color:#bdbdbd;transition:color var(--transition-fast);padding:4px;display:flex}.su-eye-btn:hover{color:var(--color-text-light)}.su-dob-button{cursor:pointer;background:#fafafa;border:2px solid #f0f0f0;border-radius:16px;align-items:center;gap:14px;padding:18px 20px;transition:all .2s;display:flex}.su-dob-button:hover{background:#f5f5f5;border-color:#e0e0e0}.su-dob-icon{width:52px;height:52px;color:var(--color-app-accent);background:#fd306e14;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.su-dob-text{flex-direction:column;flex:1;gap:2px;display:flex}.su-dob-value{font-size:var(--font-lg);color:var(--color-text-dark);font-weight:600}.su-dob-placeholder{font-size:var(--font-md);color:#bdbdbd}.su-dob-age{font-size:var(--font-sm);color:var(--color-text-grey)}.su-dob-arrow{color:#bdbdbd;flex-shrink:0}.su-modal-overlay{z-index:100;background:#00000080;justify-content:center;align-items:flex-end;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.su-modal-content{background:#fff;border-radius:20px 20px 0 0;width:100%;max-width:540px;padding-bottom:20px;animation:.3s slideUp}.su-modal-header{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:20px 20px 14px;display:flex}.su-modal-header h3{font-size:var(--font-xl);color:var(--color-text-dark);font-weight:700}.su-modal-header button{color:var(--color-text-dark);display:flex}.su-date-picker-grid{gap:0;padding:8px 12px;display:flex}.su-date-column{flex-direction:column;flex:1;align-items:center;display:flex}.su-date-column.wide{flex:1.5}.su-date-col-label{font-size:var(--font-sm);color:var(--color-text-grey);padding:8px 0;font-weight:600}.su-date-scroll{scrollbar-width:thin;width:100%;height:220px;overflow-y:auto}.su-date-item{text-align:center;font-size:var(--font-md);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);border-radius:10px;margin:2px 4px;padding:10px 8px}.su-date-item:hover{background:#f5f5f5}.su-date-item.selected{background:linear-gradient(135deg, var(--color-gradient-1), var(--color-gradient-2));color:#fff;font-weight:600}.su-date-confirm-btn{background:linear-gradient(135deg, var(--color-gradient-1), var(--color-gradient-2));color:#fff;border-radius:var(--radius-round);width:calc(100% - 40px);font-size:var(--font-md);font-weight:700;font-family:var(--font-family);cursor:pointer;letter-spacing:1px;transition:all var(--transition-normal);border:none;margin:16px 20px 0;padding:14px}.su-date-confirm-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #fd306e66}.su-terms-row{cursor:pointer;align-items:flex-start;gap:12px;margin-top:4px;padding:4px 0;display:flex}.su-checkbox{border:2px solid #d0d0d0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-top:1px;transition:all .2s;display:flex}.su-checkbox.checked{background:linear-gradient(135deg, var(--color-gradient-1), var(--color-gradient-2));border-color:var(--color-app-accent)}.su-terms-text{font-size:var(--font-sm);color:var(--color-text-light);line-height:1.5}.su-terms-text a{color:var(--color-app-accent);font-weight:600;text-decoration:underline}.su-bottom-bar{padding:16px 24px;padding-bottom:max(16px, env(safe-area-inset-bottom,16px));background:#fff;border-top:1px solid #f0f0f0;flex-direction:column;align-items:center;gap:12px;display:flex;position:sticky;bottom:0}.su-cta-btn{background:linear-gradient(135deg, var(--color-gradient-1), var(--color-gradient-2));color:#fff;border-radius:var(--radius-round);width:100%;font-size:var(--font-lg);font-weight:700;font-family:var(--font-family);cursor:pointer;transition:all var(--transition-normal);border:none;justify-content:center;align-items:center;gap:8px;padding:16px 24px;display:flex;box-shadow:0 4px 15px #fd306e59}.su-cta-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 25px #fd306e73}.su-cta-btn:active{transform:translateY(0)}.su-cta-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.su-login-row{font-size:var(--font-md);color:var(--color-text-grey);text-align:center}.su-login-link{color:var(--color-app-accent);font-weight:700}@media (width>=640px){.su-page-wrapper{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);justify-content:center;align-items:center;padding:40px 20px}.su-page{border-radius:28px;width:500px;height:85vh;min-height:600px;max-height:800px;overflow:hidden;box-shadow:0 20px 60px #0006}.su-step-title{font-size:32px}.su-gender-avatar-wrap{width:120px;height:120px}.su-gender-card{padding:36px 20px}.su-option-card{padding:18px 20px}}.otp-page{min-height:100vh;padding:var(--space-lg);background:linear-gradient(135deg,#fce4ec 0%,#f8bbd0 50%,#f48fb1 100%);justify-content:center;align-items:center;display:flex}.otp-container{border-radius:var(--radius-xxl);width:100%;max-width:420px;padding:var(--space-3xl) var(--space-xl);text-align:center;background:#fff;box-shadow:0 20px 60px #0000001f}.otp-brand{margin-bottom:var(--space-xxl)}.otp-logo{border-radius:var(--radius-lg);object-fit:contain;width:64px;height:64px;margin:0 auto var(--space-md);display:block}.otp-brand h1{font-size:var(--font-xxl);color:var(--color-text-dark);margin-bottom:var(--space-xs);font-weight:700}.otp-brand p{color:var(--color-text-grey);font-size:var(--font-md)}.otp-inputs{gap:var(--space-sm);margin-bottom:var(--space-xl);justify-content:center;display:flex}.otp-digit{border:2px solid var(--color-border);border-radius:var(--radius-md);width:48px;height:56px;font-size:var(--font-xxl);text-align:center;color:var(--color-text-dark);background:var(--color-solitude);transition:all var(--transition-fast);font-weight:700;font-family:var(--font-family)}.otp-digit:focus{border-color:var(--color-app-accent);background:#fff;box-shadow:0 0 0 3px #fd306e1a}.otp-digit.filled{border-color:var(--color-app-accent);background:var(--color-primary-light)}.otp-digit.error{border-color:var(--color-error)}.otp-error{color:var(--color-error);padding:var(--space-md);border-radius:var(--radius-sm);font-size:var(--font-sm);margin-bottom:var(--space-lg);background:#d94d4b14;border:1px solid #d94d4b33}.otp-verify-btn{width:100%;font-size:var(--font-lg);padding:14px}.otp-resend{margin-top:var(--space-xl)}.otp-timer{color:var(--color-text-grey);font-size:var(--font-sm)}.otp-resend-options{align-items:center;gap:var(--space-md);flex-direction:column;display:flex}.otp-resend-options p{color:var(--color-text-grey);font-size:var(--font-sm)}.otp-resend-btns{gap:var(--space-sm);display:flex}.otp-resend-btn{font-size:var(--font-sm);padding:8px 16px}.otp-back-link{margin-top:var(--space-xl);color:var(--color-text-grey);font-size:var(--font-sm);cursor:pointer;font-family:var(--font-family);display:block}.otp-back-link:hover{color:var(--color-app-accent)}.forgot-page{min-height:100vh;padding:var(--space-lg);background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);justify-content:center;align-items:center;display:flex}.forgot-container{border-radius:var(--radius-xxl);width:100%;max-width:420px;padding:var(--space-3xl) var(--space-xl);background:#fff;margin:auto;box-shadow:0 20px 60px #0000004d}.forgot-brand{text-align:center;margin-bottom:var(--space-xxl)}.forgot-logo-img{margin:0 auto var(--space-md);object-fit:contain;border-radius:16px;width:72px;height:72px;display:block;box-shadow:0 4px 12px #0000001a}.forgot-brand h1{font-size:var(--font-xxl);color:var(--color-text-dark);margin-bottom:var(--space-xs);font-weight:700}.forgot-brand p{color:var(--color-text-grey);font-size:var(--font-md)}.forgot-error{color:var(--color-error);padding:var(--space-md);border-radius:var(--radius-sm);font-size:var(--font-sm);margin-bottom:var(--space-lg);text-align:center;background:#d94d4b14;border:1px solid #d94d4b33}.forgot-success{color:#4caf50;padding:var(--space-md);border-radius:var(--radius-sm);font-size:var(--font-sm);margin-bottom:var(--space-lg);text-align:center;background:#4caf5014;border:1px solid #4caf5033}.forgot-submit{width:100%;font-size:var(--font-lg);margin-top:var(--space-sm);padding:14px}.forgot-back{text-align:center;margin-top:var(--space-xl);color:var(--color-text-grey);font-size:var(--font-sm);display:block}.forgot-back:hover{color:var(--color-app-accent)}.member-card{border-radius:var(--radius-xxl);cursor:pointer;transition:transform var(--transition-normal);background:#cfd8dc;height:100%;overflow:hidden;box-shadow:0 8px 24px #0003}.member-card:hover{transform:scale(1.01)}.member-card-image{background-position:50%;background-size:cover;flex-direction:column;justify-content:flex-end;width:100%;height:100%;min-height:500px;display:flex;position:relative}.member-card-badges{top:var(--space-lg);left:var(--space-lg);right:var(--space-lg);z-index:2;flex-wrap:wrap;gap:6px;display:flex;position:absolute}.badge-sent{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;align-items:center;gap:4px;font-weight:600;display:inline-flex;border-radius:var(--radius-round)!important;background:#4caf50d9!important;padding:4px 10px!important;font-size:11px!important}.member-card-gradient{padding:80px var(--space-lg) var(--space-lg);background:linear-gradient(#0000,#00000026,#0000008c,#000000eb);flex-direction:column;justify-content:flex-end;display:flex;position:relative}.member-card-view-btn{border-radius:var(--radius-round);color:#fff;font-size:var(--font-sm);letter-spacing:.3px;cursor:pointer;-webkit-backdrop-filter:blur(12px);transition:all var(--transition-fast);white-space:nowrap;background:#ffffff1f;border:1px solid #ffffff40;align-items:center;gap:4px;padding:8px 18px;font-weight:600;display:inline-flex;position:absolute;top:-50px;left:50%;transform:translate(-50%)}.member-card-view-btn:hover{background:#ffffff38}.member-card-info{width:100%}.member-card-name-row{align-items:center;gap:6px;margin-bottom:6px;display:flex}.member-card-name{color:#fff;letter-spacing:-.5px;text-shadow:0 1px 4px #0000004d;font-size:1.4rem;font-weight:800}.member-card-verified{background:var(--color-info);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.member-card-online{background:#4caf50;border:1.5px solid #fff;border-radius:50%;flex-shrink:0;width:9px;height:9px}.member-card-chips{margin-bottom:var(--space-lg);flex-wrap:wrap;gap:6px;display:flex}.member-card-chip{border-radius:var(--radius-round);color:#fff;background:#00000073;border:.5px solid #ffffff1a;align-items:center;gap:4px;padding:5px 10px;font-size:11px;font-weight:500;display:inline-flex}.member-card-actions{justify-content:center;align-items:flex-start;gap:16px;display:flex}.mc-action-btn{cursor:pointer;transition:all var(--transition-spring);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 12px #0003}.mc-action-btn:hover{transform:scale(1.12)}.mc-action-btn:active{transform:scale(.95)}.mc-action-shortlist{color:#fbc02d;background:#fff;width:48px;height:48px;margin-top:8px}.mc-action-shortlist.active{color:#f9a825;background:#fff8e1}.mc-action-primary-wrap{flex-direction:column;align-items:center;gap:6px;display:flex}.mc-action-interest{color:#fff;background:linear-gradient(135deg,#e91e63,#c2185b);width:60px;height:60px;box-shadow:0 6px 20px #e91e6366}.mc-action-interest:hover{box-shadow:0 8px 25px #e91e6380}.mc-action-interest.sent{background:linear-gradient(135deg,#66bb6a,#43a047);box-shadow:0 6px 20px #4caf5066}.mc-action-interest:disabled{cursor:not-allowed;opacity:.9}.mc-action-label{color:#fffc;text-align:center;font-size:10px;font-weight:600}.mc-action-chat{color:#fff;background:#546e7a;width:48px;height:48px;margin-top:8px}.mc-action-chat:hover{background:#455a64}@media (width>=1024px){.member-card-image{min-height:450px}}@media (width<=639px){.member-card-image{min-height:calc(100vh - var(--navbar-height) - var(--bottom-nav-height) - 24px)}.member-card-name{font-size:1.3rem}.mc-action-shortlist,.mc-action-chat{width:44px;height:44px}.mc-action-interest{width:56px;height:56px}}.home-page{padding:var(--space-lg);max-width:1400px;margin:0 auto}.home-grid{gap:var(--space-lg);grid-template-columns:1fr;display:grid}@media (width>=640px){.home-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1280px){.home-grid{grid-template-columns:repeat(3,1fr)}}.home-card-wrapper{animation:.4s forwards fadeIn}.home-loading{justify-content:center;align-items:center;gap:var(--space-lg);min-height:60vh;color:var(--color-text-grey);font-size:var(--font-md);flex-direction:column;display:flex}.home-loading-more{padding:var(--space-xl);justify-content:center;display:flex}.home-end-message{align-items:center;gap:var(--space-lg);padding:var(--space-3xl) 0;color:var(--color-text-grey);font-size:var(--font-md);flex-direction:column;display:flex}.home-empty{justify-content:center;align-items:center;gap:var(--space-md);text-align:center;flex-direction:column;min-height:60vh;display:flex}.home-empty-icon{margin-bottom:var(--space-md);font-size:64px}.home-empty h3{font-size:var(--font-xl);color:var(--color-text-dark)}.home-empty p{color:var(--color-text-grey)}@media (width<=639px){.home-page{padding:var(--space-sm)}.home-grid{gap:var(--space-sm)}}.daily-limit-counter{color:#4b5563;background:linear-gradient(135deg,#fff5f7,#fff0f3);border:1px solid #fd306e1f;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:14px;padding:10px 16px;font-size:13px;font-weight:600;display:flex}.daily-limit-plan{color:#fff;letter-spacing:.3px;background:linear-gradient(135deg,#fd306e,#ff5741);border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700}.end-screen-page{flex-direction:column;gap:16px;display:flex}.promo-banner{color:#fff;background:linear-gradient(90deg,#f66d86,#dc365d);border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px 16px;display:flex;box-shadow:0 4px 12px #dc365d33}.promo-banner-left{align-items:center;gap:12px;display:flex}.promo-icon{background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;display:flex}.promo-banner h4{margin:0;font-size:14px;font-weight:700}.promo-banner p{opacity:.9;margin:0;font-size:12px}.promo-banner-right{background:#fff3;border-radius:8px;flex-direction:column;align-items:flex-end;padding:6px 10px;font-size:11px;display:flex}.promo-banner-right strong{font-size:13px}.all-caught-up-card{text-align:center;background:#fff;border-radius:20px;flex-direction:column;align-items:center;padding:40px 24px;display:flex;box-shadow:0 8px 30px #0000000a}.inline-card{box-shadow:none;background:#fafafa;border:1px solid #eee;padding:30px 20px}.acu-icon-wrapper{background:#e6f9ed;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:16px;display:flex}.acu-icon{color:#22c55e;font-size:32px;font-weight:700}.all-caught-up-card h2{color:#1a1a2e;margin-bottom:8px;font-size:24px;font-weight:700}.acu-subtitle{color:#4b5563;margin-bottom:8px;font-size:15px}.acu-refresh-text{color:#9ca3af;margin-bottom:32px;font-size:15px}.acu-actions{flex-direction:column;gap:12px;width:100%;max-width:320px;display:flex}.acu-upgrade{border-radius:12px;padding:14px;font-size:15px}.acu-action-row{gap:12px;display:flex}.acu-btn-outline{color:#e11d48;cursor:pointer;background:#fff;border:1px solid #ffe4e6;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.acu-btn-outline.full-width{color:#4b5563;border-color:#e5e7eb;flex:none;width:100%}.acu-btn-outline:hover{background:#fff1f2}.acu-btn-outline.full-width:hover{background:#f9fafb}.acu-plan-info{color:#9ca3af;margin-top:32px;font-size:13px}.home-empty.full-screen{background:#fff;border-radius:20px;padding:40px 20px;box-shadow:0 8px 30px #0000000a}.heart-gift{font-size:72px}.viewed-profiles-header{border-bottom:1px solid #f0f0f0;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;display:flex}.viewed-back-btn{cursor:pointer;color:#374151;background:0 0;border:1px solid #e5e7eb;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.viewed-back-btn:hover{background:#f3f4f6}.viewed-header-info h2{color:#1a1a2e;align-items:center;gap:8px;margin:0;font-size:20px;font-weight:700;display:flex}.viewed-count{color:#9ca3af;margin-top:2px;font-size:13px;font-weight:400;display:block}.home-end-section{padding:var(--space-lg) 0}.search-page{background:#f8f9fb;min-height:100%;position:relative}.sp-tab-container{background:#fff;border-bottom:1px solid #f0f0f0;padding:12px 20px}.sp-tab-pill{background:#f0f2f5;border-radius:12px;padding:4px;display:flex;position:relative}.sp-tab-indicator{z-index:0;background:#fff;border-radius:10px;width:calc(50% - 4px);height:calc(100% - 8px);transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;top:4px;left:4px;box-shadow:0 2px 8px #00000014}.sp-tab-indicator.right{transform:translate(100%)}.sp-tab-btn{text-align:center;color:#9e9e9e;z-index:1;border-radius:10px;flex:1;padding:12px 0;font-size:14px;font-weight:600;transition:color .2s}.sp-tab-btn.active{color:#1a1a2e;font-weight:700}.sp-content{flex:1}.sp-scroll-content{max-width:700px;margin:0 auto;padding:16px 16px 120px}.sp-section-card{background:#fff;border-radius:20px;margin-bottom:16px;padding:20px;box-shadow:0 2px 12px #0000000a}.sp-section-label{color:#9e9e9e;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:20px;font-size:11px;font-weight:700}.sp-section-header-row{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.sp-premium-tag{color:#f9a825;background:#fff8e1;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:10px;font-weight:800;display:inline-flex}.sp-slider-group{margin-bottom:24px}.sp-slider-labels{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.sp-slider-label{color:#424242;font-size:15px;font-weight:600}.sp-slider-value-badge{color:var(--color-app-accent);font-variant-numeric:tabular-nums;background:#fff0f3;border-radius:20px;padding:6px 12px;font-size:13px;font-weight:700}.sp-dual-range{align-items:center;height:36px;display:flex;position:relative}.sp-dual-range input[type=range]{appearance:none;pointer-events:none;z-index:1;background:0 0;width:100%;height:36px;position:absolute}.sp-slider-track-bg{z-index:0;background:#f0f0f0;border-radius:2px;height:4px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.sp-dual-range input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--color-app-accent);cursor:pointer;pointer-events:auto;border:3px solid #fff;border-radius:50%;width:24px;height:24px;margin-top:-10px;box-shadow:0 2px 8px #fd306e4d}.sp-dual-range input[type=range]::-webkit-slider-runnable-track{background:0 0;border-radius:2px;height:4px}.sp-dual-range input[type=range]:first-child::-webkit-slider-runnable-track{background:0 0}.sp-filter-row{cursor:pointer;width:100%;font-family:var(--font-family);text-align:left;background:0 0;border:none;align-items:center;padding:14px 0;display:flex}.sp-filter-row.locked{cursor:default;opacity:.6}.sp-filter-icon-box{width:44px;height:44px;color:var(--color-app-accent);background:#fff0f3;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;margin-right:14px;display:flex}.sp-filter-icon-box.locked{color:#bdbdbd;background:#f5f5f5}.sp-filter-info{flex-direction:column;flex:1;min-width:0;display:flex}.sp-filter-label{color:#212121;margin-bottom:2px;font-size:15px;font-weight:600}.sp-filter-label.locked{color:#bdbdbd}.sp-filter-value{color:#9e9e9e;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.sp-filter-value.locked{color:#e0e0e0}.sp-filter-chevron{color:silver;flex-shrink:0}.sp-lock-badge{color:#fff;background:#bdbdbd;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.sp-divider{background:#f5f5f5;height:1px;margin:4px 0}.sp-id-search-container{justify-content:center;align-items:center;min-height:60vh;padding:20px;display:flex}.sp-id-card{text-align:center;background:#fff;border-radius:28px;width:100%;max-width:440px;padding:32px;box-shadow:0 8px 24px #00000014}.sp-id-icon-circle{width:80px;height:80px;color:var(--color-app-accent);background:#fff0f3;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;display:flex}.sp-id-label{color:#1a1a2e;margin:0 0 8px;font-size:22px;font-weight:700}.sp-id-subtext{color:#9e9e9e;margin:0 0 28px;font-size:14px;line-height:1.5}.sp-id-input-wrap{background:#f8f9fb;border:1.5px solid #e8e8e8;border-radius:16px;align-items:center;height:56px;margin-bottom:20px;padding:0 16px;display:flex}.sp-id-input-icon{color:#9e9e9e;flex-shrink:0;margin-right:12px}.sp-id-input{color:#212121;font-size:16px;font-family:var(--font-family);background:0 0;border:none;outline:none;flex:1}.sp-id-input::placeholder{color:#bdbdbd}.sp-id-search-btn{background:linear-gradient(90deg, var(--color-app-accent), #ff5741);color:#fff;cursor:pointer;width:100%;height:56px;font-size:16px;font-weight:700;font-family:var(--font-family);border:none;border-radius:16px;justify-content:center;align-items:center;gap:8px;transition:transform .2s,box-shadow .2s;display:flex}.sp-id-search-btn:hover{transform:translateY(-1px);box-shadow:0 8px 16px #fd306e4d}.sp-id-search-btn:disabled{opacity:.6;cursor:not-allowed}.sp-floating-bar{bottom:var(--bottom-nav-height);z-index:100;background:#fff;border-top:1px solid #f0f0f0;gap:12px;padding:16px 20px;display:flex;position:fixed;left:0;right:0;box-shadow:0 -4px 12px #0000000f}@media (width>=1024px){.sp-floating-bar{left:var(--sidebar-width);bottom:0}}.sp-reset-btn{color:#757575;cursor:pointer;background:#f5f5f5;border:none;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;transition:background .2s;display:flex}.sp-reset-btn:hover{background:#ebebeb}.sp-search-btn{background:linear-gradient(90deg, var(--color-app-accent), #ff5741);color:#fff;cursor:pointer;height:56px;font-size:16px;font-weight:700;font-family:var(--font-family);border:none;border-radius:16px;flex:1;justify-content:center;align-items:center;gap:10px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 8px 16px #fd306e4d}.sp-search-btn:hover{transform:translateY(-1px);box-shadow:0 12px 24px #fd306e59}.sp-search-btn:disabled{opacity:.6;cursor:not-allowed}.sp-results-header{background:#fff;border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:20px;display:flex}.sp-results-title{color:#1a1a2e;margin:0;font-size:24px;font-weight:800}.sp-results-count{color:#9e9e9e;font-size:14px}.sp-close-btn{cursor:pointer;color:#333;background:#f5f5f5;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.sp-results-grid{grid-template-columns:1fr;gap:16px;padding:16px;display:grid}@media (width>=640px){.sp-results-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1280px){.sp-results-grid{grid-template-columns:repeat(3,1fr)}}.sp-empty{color:#9e9e9e;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:50vh;display:flex}.sp-empty-icon{font-size:48px}.sp-empty h3{color:#1a1a2e;margin:0;font-size:20px}.sp-empty p{margin:0}.sp-modal-overlay{z-index:2000;background:#00000080;justify-content:center;align-items:flex-end;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.sp-modal-sheet{background:#fff;border-radius:28px 28px 0 0;flex-direction:column;width:100%;max-width:500px;max-height:70vh;animation:.3s slideUp;display:flex}.sp-modal-handle{background:#e0e0e0;border-radius:2px;width:40px;height:4px;margin:12px auto 0}.sp-modal-header{border-bottom:1px solid #f5f5f5;justify-content:space-between;align-items:center;padding:20px;display:flex}.sp-modal-title{color:#1a1a2e;text-transform:capitalize;margin:0;font-size:20px;font-weight:700}.sp-modal-close{cursor:pointer;color:#333;background:#f5f5f5;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.sp-modal-list{padding-bottom:40px;overflow-y:auto}.sp-modal-option{cursor:pointer;color:#424242;width:100%;font-size:16px;font-weight:500;font-family:var(--font-family);text-align:left;background:0 0;border:none;border-bottom:1px solid #fafafa;justify-content:space-between;align-items:center;padding:16px 20px;transition:background .15s;display:flex}.sp-modal-option:hover{background:#fafafa}.sp-modal-option.selected{color:var(--color-app-accent);background:#fff5f7;font-weight:600}.sp-check-circle{background:var(--color-app-accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}@media (width>=1024px){.sp-header{padding:16px 24px}.sp-tab-container{padding:12px 24px}.sp-scroll-content{padding:20px 24px 120px}.sp-modal-sheet{border-radius:20px;margin-bottom:10vh}.sp-modal-overlay{align-items:center}}@media (width<=639px){.sp-header-title{font-size:26px}.sp-id-card{padding:24px 20px}}.activity-page{max-width:800px;margin:0 auto}.activity-header{padding:var(--space-lg) var(--space-lg) var(--space-sm)}.activity-header h2{font-size:var(--font-xxl);color:var(--color-app-accent);letter-spacing:-.5px;font-weight:800}.activity-tabs{gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);display:flex;overflow-x:auto}.activity-tab{border-radius:var(--radius-round);font-size:var(--font-sm);color:#757575;cursor:pointer;white-space:nowrap;font-weight:600;font-family:var(--font-family);transition:all var(--transition-fast);background:#f7f8fa;border:1px solid #f0f0f0;padding:8px 16px}.activity-tab.active{background:var(--color-app-accent);color:#fff;border-color:var(--color-app-accent);box-shadow:0 4px 12px #fd306e4d}.activity-subtabs{gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);display:flex}.subtab{border-radius:var(--radius-md);font-size:var(--font-sm);color:#9e9e9e;cursor:pointer;font-weight:600;font-family:var(--font-family);transition:all var(--transition-fast);background:0 0;border:none;padding:5px 12px}.subtab.active{color:var(--color-app-accent);background:#fef2f5;font-weight:700}.activity-content{padding:var(--space-md) 0}.activity-section{margin-bottom:var(--space-lg)}.activity-section-header{padding:0 var(--space-lg);margin-bottom:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.activity-section-header h3{font-size:var(--font-md);color:#1a1a1a;font-weight:700}.see-all-btn{font-size:var(--font-sm);color:var(--color-app-accent);cursor:pointer;font-weight:600;font-family:var(--font-family);background:0 0;border:none}.activity-card{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);cursor:pointer;transition:background var(--transition-fast);display:flex}.activity-card:hover{background:#fafafa}.activity-card-avatar{border:2px solid #f0f0f0;border-radius:50%;flex-shrink:0;width:52px;height:52px;overflow:hidden}.activity-card-avatar img{object-fit:cover;width:100%;height:100%}.activity-card-info{flex:1;min-width:0}.activity-card-info h4{font-size:var(--font-md);color:var(--color-text-dark);white-space:nowrap;text-overflow:ellipsis;margin-bottom:1px;font-weight:600;overflow:hidden}.activity-card-loc{font-size:var(--font-sm);color:var(--color-text-grey)}.activity-card-time{font-size:var(--font-xs);color:var(--color-gull-grey)}.activity-card-actions{gap:var(--space-sm);display:flex}.act-btn{cursor:pointer;width:36px;height:36px;transition:all var(--transition-fast);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.act-btn.accept{color:#4caf50;background:#e8f5e9}.act-btn.accept:hover{color:#fff;background:#4caf50}.act-btn.decline{color:#f44336;background:#ffebee}.act-btn.decline:hover{color:#fff;background:#f44336}.activity-card-arrow{color:var(--color-gull-grey);flex-shrink:0}.activity-list{flex-direction:column;display:flex}.activity-loading,.activity-empty{justify-content:center;align-items:center;gap:var(--space-md);text-align:center;flex-direction:column;min-height:40vh;display:flex}.activity-empty h3{font-size:var(--font-xl);color:var(--color-text-dark)}.activity-empty p{color:var(--color-text-grey)}@media (width<=639px){.activity-tabs{padding:var(--space-sm)}}.chat-list-page{max-width:800px;height:calc(100vh - var(--navbar-height) - var(--bottom-nav-height));flex-direction:column;margin:0 auto;display:flex}.chat-list-header{padding:var(--space-lg)}.chat-list-header h2{align-items:center;gap:var(--space-sm);font-size:var(--font-xl);color:var(--color-text-dark);margin-bottom:var(--space-md);font-weight:700;display:flex}.chat-search-wrap{position:relative}.chat-search-icon{color:var(--color-text-grey);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.chat-search-input{border:1.5px solid var(--color-border);border-radius:var(--radius-round);width:100%;font-size:var(--font-sm);background:var(--color-solitude);font-family:var(--font-family);padding:10px 12px 10px 38px}.chat-search-input:focus{border-color:var(--color-app-accent);background:#fff;outline:none;box-shadow:0 0 0 3px #fd306e1a}.chat-tabs{padding:0 var(--space-lg);border-bottom:1px solid var(--color-border-light);display:flex}.chat-tab{padding:10px var(--space-md);font-size:var(--font-sm);color:var(--color-text-grey);cursor:pointer;font-weight:600;font-family:var(--font-family);transition:all var(--transition-fast);background:0 0;border:none;border-bottom:2.5px solid #0000}.chat-tab.active{color:var(--color-text-dark);border-bottom-color:var(--color-app-accent)}.chat-list{flex:1;overflow-y:auto}.chat-item{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);cursor:pointer;transition:background var(--transition-fast);border-bottom:1px solid var(--color-border-light);display:flex}.chat-item:hover{background:var(--color-solitude)}.chat-item.unread{background:#fd306e08}.chat-item-avatar{border:2px solid var(--color-border-light);border-radius:50%;flex-shrink:0;width:50px;height:50px;position:relative;overflow:hidden}.chat-item-avatar img{object-fit:cover;width:100%;height:100%}.chat-online-dot{background:#4caf50;border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;bottom:1px;right:1px}.chat-item-info{flex:1;min-width:0}.chat-item-top{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.chat-item-top h4{font-size:var(--font-md);color:var(--color-text-dark);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.chat-item-time{font-size:var(--font-xs);color:var(--color-gull-grey);white-space:nowrap}.chat-item-bottom{align-items:center;gap:var(--space-sm);display:flex}.chat-item-msg{font-size:var(--font-sm);color:var(--color-text-grey);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.chat-unread-badge{background:var(--color-app-accent);color:#fff;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:10px;font-weight:700;display:flex}.chat-loading,.chat-empty{justify-content:center;align-items:center;gap:var(--space-md);text-align:center;padding:var(--space-xl);flex-direction:column;flex:1;display:flex}.chat-empty h3{font-size:var(--font-xl);color:var(--color-text-dark)}.chat-empty p{color:var(--color-text-grey)}@media (width>=1024px){.chat-list-page{height:calc(100vh - var(--navbar-height))}}.chat-conv-page{height:calc(100vh - var(--navbar-height));background:#f5f5f8;flex-direction:column;max-width:800px;margin:0 auto;display:flex}.chat-conv-header{align-items:center;gap:var(--space-sm);padding:12px var(--space-lg);color:#fff;background:linear-gradient(135deg,#ff6b9e,#fd306e);display:flex}.chat-conv-back{color:#fff;transition:background var(--transition-fast);border-radius:50%;padding:6px;display:flex}.chat-conv-back:hover{background:#ffffff26}.chat-conv-user{cursor:pointer;flex:1;align-items:center;gap:10px;display:flex}.chat-conv-avatar{border:2px solid #fff6;border-radius:50%;flex-shrink:0;width:42px;height:42px;position:relative;overflow:hidden}.chat-conv-avatar img{object-fit:cover;width:100%;height:100%}.header-online-dot{background:#4caf50;border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;bottom:1px;right:1px}.chat-conv-user-info h4{font-size:var(--font-md);font-weight:600}.chat-conv-status{opacity:.85;font-size:11px}.chat-conv-status.online{color:#90ee90}.chat-menu-wrap{position:relative}.chat-conv-menu{color:#fff;border-radius:50%;padding:6px;display:flex}.chat-conv-menu:hover{background:#ffffff26}.chat-dropdown-menu{border-radius:var(--radius-md);box-shadow:var(--shadow-xl);z-index:100;background:#fff;min-width:160px;position:absolute;top:100%;right:0;overflow:hidden}.chat-dropdown-menu button{width:100%;font-size:var(--font-sm);color:#333;cursor:pointer;font-family:var(--font-family);transition:background var(--transition-fast);background:0 0;border:none;align-items:center;gap:8px;padding:12px 16px;display:flex}.chat-dropdown-menu button:hover{background:#f5f5f5}.chat-dropdown-menu button.danger{color:#e74c3c}.chat-conv-messages{padding:var(--space-md) var(--space-lg);flex-direction:column;flex:1;display:flex;overflow-y:auto}.chat-date-sep{align-items:center;gap:10px;margin:16px 0 12px;display:flex}.date-line{background:#e0e0e0;flex:1;height:1px}.date-text{color:#9e9e9e;white-space:nowrap;font-size:11px;font-weight:600}.chat-msg-row{align-items:flex-end;gap:6px;display:flex}.chat-msg-row.mine{justify-content:flex-end}.chat-msg-row.theirs{justify-content:flex-start}.msg-avatar-col{flex-shrink:0;width:28px}.msg-avatar{object-fit:cover;border-radius:50%;width:28px;height:28px}.msg-avatar-spacer{width:28px}.chat-bubble{word-break:break-word;max-width:70%;padding:8px 12px;position:relative}.chat-bubble.mine{color:#fff;background:linear-gradient(135deg,#fd306e,#ff6b9e);border-radius:18px}.chat-bubble.mine.first{border-top-right-radius:18px}.chat-bubble.mine:not(.first){border-top-right-radius:5px}.chat-bubble.mine.last{border-bottom-right-radius:18px}.chat-bubble.mine:not(.last){border-bottom-right-radius:5px}.chat-bubble.theirs{color:#333;background:#fff;border-radius:18px;box-shadow:0 1px 2px #0000000f}.chat-bubble.theirs.first{border-top-left-radius:18px}.chat-bubble.theirs:not(.first){border-top-left-radius:5px}.chat-bubble.theirs.last{border-bottom-left-radius:18px}.chat-bubble.theirs:not(.last){border-bottom-left-radius:5px}.chat-bubble.sending{opacity:.7}.bubble-text{margin:0;font-size:14px;line-height:1.45}.bubble-footer{justify-content:flex-end;align-items:center;gap:3px;margin-top:3px;display:flex}.bubble-time{opacity:.65;font-size:10px}.chat-bubble.mine .bubble-time{color:#fffc}.seen-icon{opacity:.5}.seen-icon.seen{opacity:1;color:#4a90e2}.chat-bubble.mine .seen-icon{color:#fff9}.chat-bubble.mine .seen-icon.seen{color:#b0e0ff}.chat-conv-request-status{background:var(--color-white);z-index:10;border-top:1px solid #0000000d;align-items:center;gap:16px;padding:24px 20px;display:flex;box-shadow:0 -4px 20px #00000008}.chat-conv-request-status.actions{flex-direction:column;align-items:stretch;gap:16px}.chat-conv-request-status .status-icon{color:var(--color-app-accent)}.chat-conv-request-status .status-icon-circle{background:#fff0f5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.chat-conv-request-status .status-text{flex:1}.chat-conv-request-status .status-text h4{color:var(--color-text-primary);letter-spacing:-.3px;margin-bottom:4px;font-size:16px;font-weight:700}.chat-conv-request-status .status-text p{color:var(--color-text-secondary);font-size:14px}.request-info{align-items:center;gap:14px;display:flex}.request-msg-quote{color:var(--color-text-primary);background:#f8f9fa;border-radius:16px 16px 16px 4px;margin:0;padding:16px;font-size:14px;line-height:1.5;box-shadow:0 2px 8px #00000005}.request-actions{gap:12px;margin-top:4px;display:flex}.btn-req-decline,.btn-req-accept{cursor:pointer;border:none;border-radius:14px;flex:1;justify-content:center;align-items:center;padding:14px;font-size:15px;font-weight:700;transition:all .2s;display:flex}.btn-req-decline{color:var(--color-text-primary);background:#f1f3f5}.btn-req-accept{background:linear-gradient(135deg, var(--color-app-accent), #ff5e8e);color:var(--color-white);box-shadow:0 4px 12px #e91e6340}.btn-req-decline:hover{background:#e9ecef;transform:translateY(-2px)}.btn-req-accept:hover{transform:translateY(-2px);box-shadow:0 6px 16px #e91e6359}.btn-req-decline:disabled,.btn-req-accept:disabled{opacity:.6;cursor:not-allowed;transform:none}.chat-conv-request-status.rejected{background:#fff5f5;border-top:none}.chat-conv-request-status.rejected .status-icon-circle{color:#e74c3c;background:#fde8e8}.chat-conv-request-status.rejected .status-icon{color:#e74c3c}.chat-conv-input-bar{gap:var(--space-sm);padding:10px var(--space-lg);background:#fff;border-top:1px solid #eee;align-items:flex-end;display:flex}.chat-input-wrap{flex:1}.chat-conv-input{width:100%;font-size:14px;font-family:var(--font-family);resize:none;background:#f8f8f8;border:1.5px solid #e8e8e8;border-radius:24px;padding:12px 16px}.chat-conv-input:focus{border-color:var(--color-app-accent);background:#fff;outline:none;box-shadow:0 0 0 2px #fd306e14}.chat-send-btn{color:#fff;cursor:pointer;width:44px;height:44px;transition:all var(--transition-fast);background:#d0d0d0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.chat-send-btn.active{background:linear-gradient(135deg,var(--color-app-accent),#ff5a7e)}.chat-send-btn.active:hover{transform:scale(1.05)}.chat-send-btn:disabled{cursor:not-allowed;transform:none}.chat-conv-loading,.chat-conv-empty{color:var(--color-text-grey);font-size:var(--font-md);flex:1;justify-content:center;align-items:center;display:flex}@media (width<=639px){.chat-conv-messages{padding:var(--space-sm) var(--space-md)}.chat-conv-input-bar{padding:8px var(--space-md)}}.pd-page{max-width:700px;min-height:calc(100vh - var(--navbar-height));background:#fafafa;margin:0 auto}.pd-header{z-index:10;background:#fff;justify-content:space-between;align-items:center;padding:14px 16px;display:flex;position:sticky;top:0;box-shadow:0 2px 6px #0000000d}.pd-header-title{color:#1a1a1a;letter-spacing:-.5px;font-size:22px;font-weight:800}.pd-header-icon{cursor:pointer;color:#333;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background .2s;display:flex}.pd-header-icon:hover{background:#f5f5f5}.pd-loading{justify-content:center;align-items:center;min-height:60vh;display:flex}.pd-scroll{padding-top:20px}.pd-profile-section{flex-direction:column;align-items:center;padding:0 20px 24px;display:flex}.pd-avatar-container{margin-bottom:14px}.pd-avatar-ring{background:linear-gradient(135deg,#e91e63,#ff4081,#f50057);border-radius:54px;justify-content:center;align-items:center;width:108px;height:108px;padding:3px;display:flex}.pd-avatar-inner{background:#fff;border-radius:51px;justify-content:center;align-items:center;width:102px;height:102px;padding:3px;display:flex;overflow:hidden}.pd-avatar-img{object-fit:cover;background:#f0f0f0;border-radius:48px;width:96px;height:96px;display:block}.pd-avatar-placeholder{background:#f0f0f0;border-radius:48px;justify-content:center;align-items:center;width:96px;height:96px;display:flex}.pd-profile-info{text-align:center;margin-bottom:14px}.pd-name-row{justify-content:center;align-items:center;gap:5px;margin-bottom:4px;display:flex}.pd-name{color:#1a1a1a;letter-spacing:-.3px;margin:0;font-size:22px;font-weight:800}.pd-verified-icon{flex-shrink:0}.pd-doc-badge{background:#2196f3;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.pd-flower-icon{flex-shrink:0}.pd-details{color:#757575;margin:0;font-size:13px}.pd-edit-btn{cursor:pointer;font-family:var(--font-family);color:#e91e63;background:#fff;border:1.5px solid #e91e63;border-radius:25px;align-items:center;gap:5px;padding:8px 18px;font-size:13px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 2px 8px #e91e631a}.pd-edit-btn:hover{background:#fce4ec;box-shadow:0 4px 12px #e91e6326}.pd-completion-section{background:#fff;border:1px solid #f0f0f0;border-radius:14px;margin:0 16px 20px;padding:14px;box-shadow:0 2px 8px #0000000f}.pd-completion-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.pd-completion-title{color:#1a1a2e;font-size:13px;font-weight:700}.pd-completion-cta{color:#e91e63;cursor:pointer;font-size:12px;font-weight:700;font-family:var(--font-family);background:0 0;border:none;padding:0}.pd-completion-cta:hover{text-decoration:underline}.pd-completion-bar-outer{background:#f0f0f0;border-radius:4px;height:7px;margin-bottom:8px;overflow:hidden}.pd-completion-bar-inner{border-radius:4px;height:100%;transition:width .6s}.pd-completion-hint{color:#757575;margin:0;font-size:12px;line-height:1.4}.pd-section{margin-bottom:20px;padding:0 16px}.pd-section-title{color:#1a1a1a;margin:0 0 12px;font-size:16px;font-weight:700}.pd-section-title-lg{font-size:18px}.pd-package-card{background:linear-gradient(135deg,#e91e63,#ad1457,#880e4f);border-radius:20px;flex-direction:column;justify-content:space-between;min-height:120px;padding:16px;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 24px #e91e634d}.pd-card-circle{background:#ffffff14;border-radius:50%;position:absolute}.pd-card-circle-1{width:100px;height:100px;top:-40px;right:-40px}.pd-card-circle-2{background:#ffffff0f;width:85px;height:85px;bottom:-30px;left:-30px}.pd-card-circle-3{background:#ffffff0d;width:34px;height:34px;top:16px;right:70px}.pd-package-top{justify-content:space-between;align-items:flex-start;display:flex}.pd-package-icon-badge{background:#fff3;border-radius:21px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.pd-renew-btn{cursor:pointer;font-family:var(--font-family);color:#e91e63;background:#fff;border:none;border-radius:25px;align-items:center;gap:5px;padding:8px 14px;font-size:12px;font-weight:700;transition:transform .2s;display:flex;box-shadow:0 2px 6px #0000001a}.pd-renew-btn:hover{transform:scale(1.05)}.pd-package-bottom{margin-top:14px}.pd-package-name{color:#fff;margin:0 0 3px;font-size:22px;font-weight:800}.pd-package-expiry{color:#fffc;margin:0;font-size:12px}.pd-packs-row{gap:12px;display:flex}.pd-pack-card{cursor:pointer;font-family:var(--font-family);background:#fff;border:none;border-radius:14px;flex-direction:column;flex:1;align-items:center;padding:14px;transition:box-shadow .2s,transform .2s;display:flex;box-shadow:0 4px 14px #00000014}.pd-pack-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001f}.pd-pack-icon-wrap{background:#fce4ec;border-radius:24px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:10px;display:flex}.pd-pack-title{color:#1a1a1a;margin-bottom:8px;font-size:14px;font-weight:700}.pd-pack-action{color:#e91e63;align-items:center;gap:3px;font-size:11px;font-weight:700;display:flex}.pd-premium-scroll{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:16px;padding:4px 8px 12px;display:flex;overflow-x:auto}.pd-premium-scroll::-webkit-scrollbar{display:none}.pd-premium-card{scroll-snap-align:center;border-radius:24px;flex-direction:column;flex-shrink:0;align-items:center;min-width:calc(100% - 48px);max-width:400px;padding:20px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0003}.pd-premium-default{background:linear-gradient(135deg,#667eea,#764ba2)}.pd-premium-recommended{background:linear-gradient(135deg,#e91e63,#9c27b0,#673ab7)}.pd-premium-gold{background:linear-gradient(135deg,gold,orange,#ff8c00)}.pd-decor-circle-1{background:#ffffff1a;border-radius:50%;width:100px;height:100px;position:absolute;top:-40px;right:-40px}.pd-decor-circle-2{background:#ffffff14;border-radius:50%;width:85px;height:85px;position:absolute;bottom:-30px;left:-30px}.pd-premium-badge{color:#fff;background:#ffffff40;border-radius:20px;align-items:center;gap:3px;padding:5px 10px;font-size:11px;font-weight:700;display:flex;position:absolute;top:14px;right:14px}.pd-premium-icon-wrap{background:#ffffff26;border-radius:26px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:10px;display:flex}.pd-premium-title{color:#fff;text-shadow:0 2px 4px #00000026;margin:0 0 5px;font-size:22px;font-weight:800}.pd-premium-subtitle{color:#ffffffd9;text-align:center;margin:0 0 14px;font-size:12px;line-height:1.4}.pd-pricing-box{text-align:center;background:#ffffff26;border-radius:14px;margin-bottom:14px;padding:8px 16px}.pd-starts-from{color:#fffc;margin-bottom:2px;font-size:10px;display:block}.pd-price-row{justify-content:center;align-items:baseline;display:flex}.pd-currency{color:#fff;margin-right:2px;font-size:16px;font-weight:600}.pd-price{color:#fff;text-shadow:0 2px 4px #00000026;font-size:32px;font-weight:900}.pd-period{color:#fffc;margin-left:3px;font-size:12px}.pd-upgrade-btn{cursor:pointer;font-family:var(--font-family);background:linear-gradient(135deg,#fff,#f8f8f8);border:none;border-radius:25px;align-items:center;gap:6px;padding:10px 24px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 12px #00000026}.pd-upgrade-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0003}.pd-upgrade-text{color:#667eea;font-size:14px;font-weight:700}.pd-upgrade-text.gold-text{color:#ff8c00}.pd-features-row{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:14px;display:flex}.pd-feature-item{color:#ffffffe6;align-items:center;gap:4px;font-size:11px;display:flex}.pd-dot-container{justify-content:center;align-items:center;gap:6px;margin-top:16px;margin-bottom:6px;display:flex}.pd-dot{cursor:pointer;background:#d0d0d0;border:none;border-radius:4px;width:7px;height:7px;padding:0;transition:all .3s}.pd-dot.active{background:#e91e63;width:20px}.pd-premium-loading{color:#999;flex-direction:column;align-items:center;gap:12px;padding:40px 0;font-size:14px;display:flex}@media (width<=480px){.pd-premium-card{min-width:calc(100% - 32px)}.pd-name,.pd-package-name{font-size:20px}}.mp-page{max-width:700px;min-height:calc(100vh - var(--navbar-height));padding-bottom:var(--space-3xl);background:#f8f8fa;margin:0 auto}.mp-loading{min-height:60vh;color:var(--color-text-grey);flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:14px;display:flex}.mp-hero{aspect-ratio:1/1.1;background:#f8f8fa;width:100%;max-height:500px;position:relative;overflow:hidden}.mp-hero-img{object-fit:cover;width:100%;height:100%;display:block}.mp-hero-placeholder{background:linear-gradient(#e91e63,#2a0845);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.mp-hero-gradient{pointer-events:none;background:linear-gradient(#0000001a 0%,#0000 30%,#0006 70%,#000000e6 100%);position:absolute;inset:0}.mp-overlay-header{z-index:2;justify-content:space-between;align-items:flex-start;padding:16px;display:flex;position:absolute;top:0;left:0;right:0}.mp-header-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;color:#fff;background:#00000040;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background .2s;display:flex}.mp-header-btn:hover{background:#0006}.mp-header-right{gap:10px;display:flex}.mp-hero-info{z-index:2;justify-content:space-between;align-items:flex-end;padding:20px 20px 24px;display:flex;position:absolute;bottom:0;left:0;right:0}.mp-hero-name{color:#fff;text-shadow:0 1px 4px #0000004d;margin:0;font-size:26px;font-weight:800}.mp-hero-id{color:#ffffffbf;margin-top:2px;font-size:13px}.mp-completion-badge{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#ffffff26;border:1px solid #ffffff4d;border-radius:12px;flex-direction:column;align-items:center;gap:2px;min-width:76px;padding:8px 14px;transition:background .2s;display:flex}.mp-completion-badge:hover{background:#ffffff40}.mp-completion-score{color:#fff;font-size:20px;font-weight:800}.mp-completion-label{color:#fffc;font-size:11px;font-weight:600}.mp-photo-input{display:none}.mp-content{padding:0 12px}.mp-section{margin-top:20px}.mp-section-title{color:var(--color-text-dark);margin:0 0 12px 4px;font-size:18px;font-weight:700}.mp-intro-card{background:#fff;border-radius:16px;margin-bottom:12px;padding:16px;box-shadow:0 1px 4px #0000000a}.mp-intro-header{align-items:center;gap:10px;margin-bottom:10px;display:flex}.mp-intro-icon{background:#e91e631a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.mp-intro-label{color:var(--color-text-dark);flex:1;font-size:15px;font-weight:600}.mp-intro-edit{cursor:pointer;color:var(--color-app-accent);background:0 0;border:none;align-items:center;padding:4px;display:flex}.mp-intro-text{color:#555;margin:0;font-size:14px;line-height:1.6}.mp-section-card{cursor:pointer;text-align:left;width:100%;font-family:var(--font-family);background:#fff;border:none;border-radius:16px;align-items:center;gap:12px;margin-bottom:10px;padding:14px 16px;transition:box-shadow .2s,transform .2s;display:flex;box-shadow:0 1px 4px #0000000a}.mp-section-card:hover{transform:translateY(-1px);box-shadow:0 3px 12px #00000014}.mp-sc-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.mp-sc-info{flex:1;min-width:0}.mp-sc-title{color:var(--color-text-dark);font-size:15px;font-weight:600;display:block}.mp-sc-subtitle{color:var(--color-text-grey);margin-top:2px;font-size:12px;display:block}.mp-sc-right{color:#c7c7cc;flex-shrink:0;align-items:center;gap:6px;display:flex}.mp-grid-card{background:#fff;border-radius:16px;margin-bottom:12px;padding:16px;box-shadow:0 1px 4px #0000000a}.mp-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.mp-grid-item{align-items:flex-start;gap:10px;display:flex}.mp-grid-item.full{grid-column:1/-1}.mp-grid-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.mp-grid-info{flex:1;min-width:0}.mp-grid-label{color:#999;text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:600;display:block}.mp-grid-value{color:var(--color-text-dark);word-break:break-word;margin-top:2px;font-size:14px;font-weight:600;display:block}.mp-contacts-card{background:#fff;border-radius:16px;margin-bottom:12px;padding:16px;box-shadow:0 1px 4px #0000000a}.mp-contacts-header{align-items:center;gap:10px;margin-bottom:14px;display:flex}.mp-contacts-title{color:var(--color-text-dark);font-size:15px;font-weight:600}.mp-contact-row{border-bottom:1px solid #f5f5f5;align-items:center;gap:12px;padding:12px 0;display:flex}.mp-contact-row:last-child{border-bottom:none;padding-bottom:0}.mp-contact-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.mp-contact-info{flex:1;min-width:0}.mp-contact-text{color:var(--color-text-dark);font-size:14px}.mp-contact-badges{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}.mp-verify-badge{border-radius:10px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.mp-verify-badge.verified{color:#4caf50;background:#e8f5e9}.mp-verify-badge.unverified{color:#ff9800;background:#fff3e0}.mp-verify-link{color:var(--color-app-accent);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font-family);background:0 0;border:none;padding:0;text-decoration:underline}.mp-contact-pill{cursor:pointer;font-size:12px;font-weight:600;font-family:var(--font-family);color:var(--color-app-accent);background:#fce4ec;border:none;border-radius:20px;padding:6px 14px;transition:background .2s}.mp-contact-pill:hover{background:#f8bbd0}.mp-contact-add{background:var(--color-app-accent);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.mp-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:30px 20px;display:flex}.mp-empty-state svg{color:#e0e0e0;margin-bottom:12px}.mp-empty-text{color:#999;margin:0 0 16px;font-size:14px}.mp-empty-btn{background:var(--color-app-accent);color:#fff;cursor:pointer;font-size:14px;font-weight:600;font-family:var(--font-family);border:none;border-radius:24px;padding:10px 24px;transition:transform .2s,box-shadow .2s}.mp-empty-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #e91e634d}.mp-hobby-block{margin-bottom:14px}.mp-hobby-header{align-items:center;gap:8px;margin-bottom:10px;display:flex}.mp-hobby-title{color:var(--color-text-dark);font-size:15px;font-weight:600}.mp-chip-container{flex-wrap:wrap;gap:8px;display:flex}.mp-chip{color:var(--color-text-dark);background:#f3f4f6;border-radius:20px;padding:6px 14px;font-size:13px;font-weight:500}.mp-divider{background:#f0f0f0;height:1px;margin:14px 0}.mp-sibling-row{gap:12px;margin-top:4px;display:flex}.mp-sibling-badge{text-align:center;background:#f3f4f6;border-radius:12px;padding:4px 12px}.mp-sibling-count{color:var(--color-text-dark);font-size:16px;font-weight:700;display:block}.mp-sibling-label{color:#999;text-transform:uppercase;font-size:10px;display:block}@media (width<=639px){.mp-hero{aspect-ratio:1/1.15}.mp-hero-name{font-size:22px}.mp-content{padding:0 8px}.mp-grid{grid-template-columns:1fr}.mp-grid-item.full{grid-column:1}}.pp-page{max-width:800px;min-height:calc(100vh - var(--navbar-height));background:#f8f8fa;margin:0 auto;padding-bottom:80px}.pp-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:60vh;display:flex}.pp-back{top:calc(var(--navbar-height) + 12px);z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;width:40px;height:40px;transition:all var(--transition-fast);background:#00000073;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;left:12px}.pp-back:hover{background:#000000a6;transform:scale(1.1)}.pp-menu-wrap{top:calc(var(--navbar-height) + 12px);z-index:50;position:fixed;right:12px}.pp-menu-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;background:#00000073;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.pp-dropdown{border-radius:var(--radius-md);box-shadow:var(--shadow-xl);z-index:100;background:#fff;min-width:160px;position:absolute;top:48px;right:0;overflow:hidden}.pp-dropdown button{width:100%;font-size:var(--font-sm);color:#333;cursor:pointer;font-family:var(--font-family);transition:background var(--transition-fast);background:0 0;border:none;align-items:center;gap:8px;padding:12px 16px;display:flex}.pp-dropdown button:hover{background:#f5f5f5}.pp-dropdown button.danger{color:#e74c3c}@media (width>=1024px){.pp-back{left:calc(var(--sidebar-width) + 16px)}}.pp-gallery{aspect-ratio:1/1.1;background:#f8f8fa;width:100%;max-height:520px;position:relative;overflow:hidden}.pp-main-photo{object-fit:cover;width:100%;height:100%;display:block}.pp-hero-overlay{pointer-events:none;background:linear-gradient(#0000001a 0%,#0000 30%,#0006 70%,#000000e6 100%);align-items:flex-end;padding:24px;display:flex;position:absolute;inset:0}.pp-hero-content{color:#fff}.pp-hero-content h1{text-shadow:0 2px 8px #0006;margin-bottom:6px;font-size:28px;font-weight:800;line-height:1.2}.pp-hero-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;display:flex}.pp-code{border-radius:var(--radius-round);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;padding:3px 10px;font-size:11px}.pp-verified{border-radius:var(--radius-round);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#4caf504d;align-items:center;gap:3px;padding:3px 10px;font-size:11px;display:flex}.pp-hero-loc{opacity:.9;align-items:center;gap:4px;margin-bottom:6px;font-size:14px;display:flex}.pp-hero-stats{flex-wrap:wrap;gap:8px;display:flex}.pp-hero-stats span{border-radius:var(--radius-round);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border:.5px solid #fff3;padding:3px 10px;font-size:11px}.pp-thumbs{background:#fff;gap:6px;padding:12px 16px;display:flex;overflow-x:auto}.pp-thumb{cursor:pointer;opacity:.6;width:56px;height:56px;transition:all var(--transition-fast);background:0 0;border:2px solid #0000;border-radius:10px;flex-shrink:0;padding:0;overflow:hidden}.pp-thumb.active{border-color:var(--color-app-accent);opacity:1;box-shadow:0 2px 8px #fd306e4d}.pp-thumb img{object-fit:cover;width:100%;height:100%}.pp-actions{border-bottom:1px solid var(--color-border-light);top:var(--navbar-height);z-index:10;background:#fff;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:14px 16px;display:flex;position:sticky}.pp-action-btn{border-radius:var(--radius-round);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);font-size:13px;font-weight:600;font-family:var(--font-family);background:#f5f7fa;border:none;align-items:center;gap:6px;padding:10px 18px;display:flex}.pp-action-btn:hover{background:#eceff1;transform:translateY(-1px)}.pp-action-btn.primary{background:linear-gradient(135deg, var(--color-gradient-1), var(--color-gradient-2));color:#fff;box-shadow:0 4px 16px #fd306e4d}.pp-action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #fd306e66}.pp-action-btn.primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.pp-action-btn.saved{background:#fff8e1}.pp-action-btn.accept{color:#fff;background:linear-gradient(135deg,#4caf50,#388e3c)}.pp-action-btn.decline{color:#f44336;background:#ffebee}.pp-interest-badge{border-radius:var(--radius-round);align-items:center;gap:6px;padding:10px 18px;font-size:13px;font-weight:600;display:flex}.pp-interest-badge.sent{color:#f57c00;background:#fff3e0}.pp-interest-badge.accepted{color:#4caf50;background:#e8f5e9}.pp-interest-badge.rejected{color:#f44336;background:#ffebee}.pp-interest-received{gap:8px;display:flex}.pp-content{padding:0 12px}.pp-section-title{color:var(--color-text-dark);margin:20px 0 12px 4px;font-size:18px;font-weight:700}.pp-grid-card{background:#fff;border-radius:16px;margin-bottom:12px;padding:16px;box-shadow:0 1px 4px #0000000a}.pp-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.pp-grid-item{align-items:flex-start;gap:10px;display:flex}.pp-grid-item.full{grid-column:1/-1}.pp-grid-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.pp-grid-info{flex:1;min-width:0}.pp-grid-label{color:#999;text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:600;display:block}.pp-grid-value{color:var(--color-text-dark);word-break:break-word;margin-top:2px;font-size:14px;font-weight:600;display:block}.pp-detail-card{background:#fff;border-radius:16px;margin-bottom:12px;padding:16px;box-shadow:0 1px 4px #0000000a}.pp-detail-card-header{align-items:center;gap:12px;margin-bottom:14px;display:flex}.pp-detail-card-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.pp-detail-card-title{color:var(--color-text-dark);font-size:16px;font-weight:700}.pp-detail-row-item{border-bottom:1px solid #f5f5f5;justify-content:space-between;align-items:flex-start;padding:10px 0;display:flex}.pp-detail-row-item:last-child{border-bottom:none}.pp-detail-row-label{color:#999;font-size:13px;font-weight:500}.pp-detail-row-value{color:var(--color-text-dark);text-align:right;max-width:60%;font-size:14px;font-weight:600}.pp-detail-row-sub{color:#999;text-align:right;margin-top:2px;font-size:12px}.pp-income-badge{color:#2e7d32;background:#e8f5e9;border-radius:20px;padding:6px 14px;font-size:13px;font-weight:700}.pp-bio-card{background:#fff;border-radius:16px;margin-bottom:12px;padding:16px;box-shadow:0 1px 4px #0000000a}.pp-bio-text{color:#555;white-space:pre-line;margin:0;font-size:14px;line-height:1.7}.pp-hobby-block{margin-bottom:14px}.pp-hobby-header{align-items:center;gap:8px;margin-bottom:10px;display:flex}.pp-hobby-title{color:var(--color-text-dark);font-size:15px;font-weight:600}.pp-chip-container{flex-wrap:wrap;gap:8px;display:flex}.pp-chip{color:var(--color-text-dark);background:#f3f4f6;border-radius:20px;padding:6px 14px;font-size:13px;font-weight:500}.pp-divider{background:#f0f0f0;height:1px;margin:14px 0}.pp-match-card{border:1px solid #fecdd3;background:linear-gradient(135deg,#fff0f5,#fff5f8)!important}.pp-match-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.pp-match-avatars{align-items:center;display:flex}.pp-match-avatar{object-fit:cover;border:2px solid #fff;border-radius:50%;width:40px;height:40px}.pp-match-avatar-overlap{margin-left:-14px}.pp-match-heart{z-index:2;margin:0 -6px}.pp-match-title{color:var(--color-text-dark);flex:1;font-size:14px;font-weight:600}.pp-match-tags{flex-wrap:wrap;gap:8px;display:flex}.pp-match-tag{border-radius:var(--radius-round);align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:500;display:inline-flex}.pp-match-tag.yes{color:#2e7d32;background:#e8f5e9}.pp-match-tag.no{color:#c62828;background:#ffebee}.pp-contact-card{overflow:hidden;padding:0!important}.pp-contact-header{align-items:center;gap:12px;padding:18px 20px;display:flex}.pp-contact-header.locked{background:linear-gradient(135deg,#fffdf5,#fff8e1)}.pp-contact-header.revealed{background:linear-gradient(135deg,#f0f9ff,#e1f5fe)}.pp-contact-icon-wrap{color:#ff6f00;background:#fff8e1;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.pp-contact-icon-wrap.revealed{color:#039be5;background:#e1f5fe}.pp-contact-header-text{flex:1}.pp-contact-header-text h3{color:#1a1a2e;margin:0 0 2px;font-size:16px;font-weight:700}.pp-contact-header-text p{color:#9e9e9e;margin:0;font-size:12px}.pp-premium-badge{color:#fff;letter-spacing:.5px;background:linear-gradient(135deg,#ffc107,#ff8f00);border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:10px;font-weight:700;display:flex}.pp-contact-divider{background:#f0f0f0;height:1px}.pp-contact-body{padding:16px 20px}.pp-contact-row{border-bottom:1px solid #f5f5f5;align-items:center;gap:12px;padding:12px 0;display:flex}.pp-contact-row:last-child{border-bottom:none}.pp-contact-row.masked{opacity:.55}.pp-contact-row-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.pp-contact-row-icon.phone{color:#1976d2;background:#e3f2fd}.pp-contact-row-icon.email{color:#388e3c;background:#e8f5e9}.pp-contact-row-icon.locked{color:#bdbdbd;background:#f5f5f5}.pp-contact-row-info{flex-direction:column;flex:1;display:flex}.pp-contact-label{color:#9e9e9e;font-size:11px;font-weight:500}.pp-contact-value{color:#1a1a2e;font-size:15px;font-weight:600}.pp-contact-masked{color:#bdbdbd;letter-spacing:1px;font-size:15px;font-weight:500}.pp-contact-action-btn{color:#1976d2;background:#e3f2fd;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;text-decoration:none;transition:all .2s;display:flex}.pp-contact-action-btn.email{color:#388e3c;background:#e8f5e9}.pp-contact-action-btn:hover{transform:scale(1.1)}.pp-contact-unlock-wrap{padding-top:12px}.pp-reveal-btn{cursor:pointer;width:100%;font-size:14px;font-weight:700;font-family:var(--font-family);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:14px;transition:all .2s;display:flex}.pp-reveal-btn.credit{color:#fff;background:linear-gradient(135deg,#4caf50,#2e7d32)}.pp-reveal-btn.credit:hover{transform:translateY(-1px);box-shadow:0 4px 16px #4caf5059}.pp-reveal-btn.credit:disabled{opacity:.6;cursor:not-allowed;transform:none}.pp-reveal-btn.upgrade{color:#fff;background:linear-gradient(135deg,#ffc107,#ff8f00)}.pp-reveal-btn.upgrade:hover{transform:translateY(-1px);box-shadow:0 4px 16px #ff8f0059}.pp-whatsapp-btn{color:#25d366;background:#e8f5e9;border:1px solid #c8e6c9;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:12px;padding:12px;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s;display:flex}.pp-whatsapp-btn:hover{background:#c8e6c9}.pp-family-locked{text-align:center;background:linear-gradient(135deg,#fff5f7,#fff0f5);border-radius:16px;margin-bottom:12px;padding:32px 24px;position:relative;overflow:hidden}.pp-family-locked-icon{background:#fd306e1a;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 14px;display:flex}.pp-family-locked h3{color:var(--color-text-dark);margin:0 0 8px;font-size:17px;font-weight:700}.pp-family-locked p{color:#999;max-width:320px;margin:0 auto 18px;font-size:13px;line-height:1.6}.pp-family-locked-btn{background:linear-gradient(135deg, var(--color-gradient-1), var(--color-gradient-2));color:#fff;cursor:pointer;font-size:14px;font-weight:700;font-family:var(--font-family);border:none;border-radius:24px;align-items:center;gap:6px;padding:10px 24px;transition:all .2s;display:inline-flex}.pp-family-locked-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #fd306e4d}.pp-family-locked-bg{opacity:.04;position:absolute;bottom:-10px;right:-10px}.pp-sibling-row{gap:12px;margin-top:4px;display:flex}.pp-sibling-badge{text-align:center;background:#f3f4f6;border-radius:12px;padding:4px 12px}.pp-sibling-count{color:var(--color-text-dark);font-size:16px;font-weight:700;display:block}.pp-sibling-label{color:#999;text-transform:uppercase;font-size:10px;display:block}@media (width<=639px){.pp-gallery{max-height:420px}.pp-hero-content h1{font-size:24px}.pp-content{padding:0 8px}.pp-actions{gap:6px;padding:10px 12px}.pp-action-btn{padding:8px 12px;font-size:12px}.pp-grid{grid-template-columns:1fr}.pp-grid-item.full{grid-column:1}}@media (width>=1024px){.pp-page{max-width:900px}.pp-gallery{max-height:550px}}.ep-header{background:linear-gradient(135deg,#e91e63,#ff5252);border-radius:0 0 28px 28px;padding:20px 20px 28px;position:relative;overflow:hidden}.ep-field-input,.ep-field-select{width:100%;font-size:15px;font-family:var(--font-family);color:var(--color-text-dark);appearance:none;background:#fafafa;border:1.5px solid #e8e8e8;border-radius:14px;outline:none;padding:12px 16px;transition:border-color .2s,background .2s}.ep-photo-section{flex-direction:column;align-items:center;gap:8px;padding:20px;display:flex}.ep-photo-wrap{width:90px;height:90px;position:relative}.ep-photo-wrap img{object-fit:cover;border:3px solid #fff;border-radius:50%;width:90px;height:90px;box-shadow:0 4px 12px #0000001a}.ep-photo-btn{background:var(--color-app-accent);color:#fff;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;display:flex;position:absolute;bottom:0;right:0;box-shadow:0 2px 8px #0003}.ep-photo-name{color:var(--color-text-dark);margin:0;font-size:17px;font-weight:700}.ep-photo-code{color:var(--color-text-grey);font-size:12px}@media (width<=639px){.ep-form{padding:16px 10px}.ep-field-row{grid-template-columns:1fr}.ep-card-body{padding:14px 16px 18px}}.ep-page{max-width:700px;min-height:calc(100vh - var(--navbar-height));padding-bottom:var(--space-3xl);background:#f8f9fa;margin:0 auto}.ep-loading{justify-content:center;align-items:center;min-height:60vh;display:flex}.ep-header{border-radius:0 0 28px 28px;padding:20px 20px 28px;position:relative;overflow:hidden}.ep-header-content{z-index:2;justify-content:space-between;align-items:center;display:flex;position:relative}.ep-back-btn{cursor:pointer;color:#fff;background:#fff3;border:1px solid #ffffff1a;border-radius:14px;justify-content:center;align-items:center;width:40px;height:40px;transition:background .2s;display:flex}.ep-back-btn:hover{background:#ffffff4d}.ep-header-title{color:#fff;letter-spacing:.3px;font-size:20px;font-weight:700}.ep-header-decor1{background:#ffffff14;border-radius:50%;width:100px;height:100px;position:absolute;top:-30px;right:-30px}.ep-header-decor2{background:#ffffff0f;border-radius:50%;width:80px;height:80px;position:absolute;bottom:-20px;left:-20px}.ep-form{flex-direction:column;gap:16px;padding:20px 16px;display:flex}.ep-card{background:#fff;border:1px solid #f0f0f0;border-radius:20px;overflow:visible;box-shadow:0 4px 12px #0000000a}.ep-card-header{justify-content:space-between;align-items:center;padding:20px 20px 16px;display:flex}.ep-card-header-left{flex:1;align-items:center;gap:14px;display:flex}.ep-card-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.ep-card-header-text{min-width:0}.ep-card-title{color:var(--color-text-dark);font-size:17px;font-weight:700}.ep-card-subtitle{color:var(--color-text-grey);margin-top:2px;font-size:12px}.ep-step-badge{color:#999;letter-spacing:.5px;text-transform:uppercase;background:#f5f5f5;border-radius:20px;padding:4px 10px;font-size:10px;font-weight:700}.ep-card-divider{background:#f0f0f0;height:1px;margin:0 20px}.ep-card-body{flex-direction:column;gap:16px;padding:16px 20px 20px;display:flex}.ep-field{flex-direction:column;gap:6px;display:flex}.ep-field-label{color:#555;letter-spacing:.2px;font-size:13px;font-weight:600}.ep-field-input,.ep-field-select{width:100%;font-size:15px;font-family:var(--font-family);color:var(--color-text-dark);appearance:none;box-sizing:border-box;background:#fafafa;border:1.5px solid #e8e8e8;border-radius:14px;outline:none;padding:12px 16px;transition:border-color .2s,background .2s}.ep-field-input:focus,.ep-field-select:focus{border-color:var(--color-app-accent);background:#fff;box-shadow:0 0 0 3px #e91e6314}.ep-field-input::placeholder{color:#bdbdbd}.ep-field-select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23999' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;padding-right:40px}.ep-field-textarea{resize:vertical;min-height:100px;line-height:1.6}.ep-field-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.ep-field-divider{background:#f0f0f0;height:1px;margin:4px 0}.ep-dropdown{width:100%;position:relative}.ep-dropdown-value{width:100%;font-size:15px;font-family:var(--font-family);color:var(--color-text-dark);cursor:pointer;box-sizing:border-box;background:#fafafa;border:1.5px solid #e8e8e8;border-radius:14px;justify-content:space-between;align-items:center;padding:12px 16px;transition:border-color .2s,background .2s;display:flex}.ep-dropdown.open .ep-dropdown-value{border-color:var(--color-app-accent);background:#fff;box-shadow:0 0 0 3px #e91e6314}.ep-dropdown-placeholder{color:#bdbdbd}.ep-dropdown-list{z-index:100;background:#fff;border:1px solid #f0f0f0;border-radius:14px;width:100%;max-height:250px;padding:8px 0;position:absolute;top:calc(100% + 8px);left:0;overflow-y:auto;box-shadow:0 4px 20px #0000001a}.ep-dropdown-item{color:var(--color-text-dark);cursor:pointer;padding:12px 16px;font-size:15px;transition:background .2s}.ep-dropdown-item:hover{background:#f8f9fa}.ep-dropdown-item.active{background:var(--color-primary-light);color:var(--color-app-accent);font-weight:600}.ep-save-btn{color:#fff;cursor:pointer;width:100%;font-size:17px;font-weight:700;font-family:var(--font-family);background:linear-gradient(135deg,#e91e63,#ff5252);border:none;border-radius:30px;justify-content:center;align-items:center;gap:10px;padding:16px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 16px #e91e634d}.ep-save-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #e91e6366}.ep-save-btn:disabled{opacity:.6;cursor:not-allowed}.ep-save-icon{background:#ffffff40;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;display:flex}@media (width<=639px){.ep-form{padding:16px 10px}.ep-field-row{grid-template-columns:1fr}.ep-card-body{padding:14px 16px 18px}}.notif-page{max-width:700px;padding:var(--space-lg);margin:0 auto}.notif-header{margin-bottom:var(--space-xl);justify-content:space-between;align-items:center;display:flex}.notif-header h2{align-items:center;gap:var(--space-sm);font-size:var(--font-xl);color:var(--color-text-dark);font-weight:700;display:flex}.notif-mark-all{font-size:var(--font-sm);color:var(--color-app-accent);cursor:pointer;font-weight:500;font-family:var(--font-family);background:0 0;border:none;align-items:center;gap:4px;display:flex}.notif-list{gap:var(--space-sm);flex-direction:column;display:flex}.notif-item{align-items:flex-start;gap:var(--space-md);cursor:pointer;transition:all var(--transition-fast);display:flex}.notif-item:hover{transform:translate(4px)}.notif-item.unread{border-left:3px solid var(--color-app-accent);background:#fd306e08}.notif-icon{flex-shrink:0;margin-top:2px;font-size:24px}.notif-content{flex:1}.notif-message{font-size:var(--font-md);color:var(--color-text-dark);line-height:1.5}.notif-time{font-size:var(--font-xs);color:var(--color-gull-grey)}.notif-delete{color:var(--color-gull-grey);padding:var(--space-xs);border-radius:50%;flex-shrink:0;display:flex}.notif-delete:hover{background:var(--color-solitude);color:var(--color-error)}.notif-loading,.notif-empty{justify-content:center;align-items:center;gap:var(--space-md);text-align:center;flex-direction:column;min-height:50vh;display:flex}.notif-empty h3{font-size:var(--font-xl);color:var(--color-text-dark)}.notif-empty p{color:var(--color-text-grey)}.settings-page{max-width:600px;margin:0 auto;padding:8px 0 80px}.settings-header{padding:16px 20px 8px}.settings-header h2{color:var(--color-text-dark);font-size:28px;font-weight:800}.settings-section{margin-bottom:20px;padding:0 16px}.settings-section-title{color:#8e8e93;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;padding-left:8px;font-size:11px;font-weight:700;display:block}.settings-group{border-radius:var(--radius-xl);background:#fff;overflow:hidden;box-shadow:0 1px 3px #0000000a}.settings-item{cursor:pointer;width:100%;font-family:var(--font-family);transition:background var(--transition-fast);background:0 0;border:none;border-bottom:1px solid #f2f2f7;align-items:center;gap:14px;padding:14px 16px;display:flex}.settings-item:last-child{border-bottom:none}.settings-item:hover{background:#f8f9fa}.settings-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.settings-label{color:#1a1a1a;text-align:left;flex:1;font-size:16px;font-weight:500}.settings-logout{border-radius:var(--radius-xl);color:#d32f2f;cursor:pointer;width:calc(100% - 32px);font-size:16px;font-weight:700;font-family:var(--font-family);transition:all var(--transition-fast);background:#fff;border:1px solid #ffcdd2;justify-content:center;align-items:center;gap:8px;margin:24px 16px;padding:16px;display:flex}.settings-logout:hover{background:#fff5f5}.settings-logout:disabled{opacity:.5}.settings-version{text-align:center;color:#c7c7cc;margin-top:16px;font-size:12px}.plans-page{max-width:1100px;padding:var(--space-xl) var(--space-xl) var(--space-4xl);margin:0 auto}.plans-header{text-align:center;margin-bottom:var(--space-xxl);background:linear-gradient(135deg,#e91e63 0%,#c2185b 100%);border-bottom-right-radius:24px;border-bottom-left-radius:24px;margin-top:-32px;margin-left:-32px;margin-right:-32px;padding:40px 20px 50px;box-shadow:0 4px 12px #e91e6333}.plans-header h2{font-size:var(--font-hero);color:#fff;margin-bottom:var(--space-sm);letter-spacing:-.5px;font-weight:800}.plans-header p{color:#ffffffe6;font-size:var(--font-lg);max-width:500px;margin:0 auto;line-height:1.5}.current-plan-badge{align-items:center;gap:var(--space-sm);margin-top:var(--space-lg);color:#fff;border-radius:var(--radius-round);font-size:var(--font-sm);background:#fff3;border:1px solid #ffffff4d;padding:8px 20px;font-weight:600;display:inline-flex}.usage-analytics-card{background:var(--color-white);margin-bottom:var(--space-xxl);border:1px solid #fce4ec;border-radius:20px;padding:20px;animation:.5s fadeIn;box-shadow:0 2px 16px #e91e630f}.usage-card-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.usage-header-left{align-items:center;gap:12px;display:flex}.usage-chart-icon{color:#e91e63;background:#fce4ec;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.usage-card-title{color:var(--color-text-dark);font-size:17px;font-weight:700}.usage-plan-info{align-items:center;gap:var(--space-sm);margin-top:3px;display:flex}.usage-plan-badge{color:#fff;border-radius:var(--radius-round);background:#e91e63;padding:2px 10px;font-size:11px;font-weight:700}.usage-days-left{color:#666;font-size:12px;font-weight:500}.usage-expired-badge{color:#e53935;border-radius:var(--radius-round);background:#ffebee;padding:2px 10px;font-size:11px;font-weight:700}.usage-divider{background:#f0f0f0;height:1px;margin-bottom:14px}.usage-features-grid{flex-direction:column;gap:16px;display:flex}.usage-feature-item{flex-direction:column;gap:6px;display:flex}.usage-feature-header{justify-content:space-between;align-items:center;display:flex}.usage-feature-label-row{align-items:center;gap:10px;display:flex}.usage-feature-icon{border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.usage-feature-label{color:#333;font-size:14px;font-weight:600}.usage-feature-count{font-size:15px;font-weight:600}.usage-feature-count .used-val{font-weight:800}.usage-unlimited-badge{color:#4caf50;border-radius:var(--radius-round);background:#e8f5e9;padding:3px 12px;font-size:12px;font-weight:700}.usage-progress-track{background:#f0f0f0;border-radius:6px;height:8px;overflow:hidden}.usage-progress-fill{border-radius:6px;height:100%;transition:width 1s cubic-bezier(.4,0,.2,1)}.usage-feature-footer{justify-content:space-between;align-items:center;display:flex}.usage-status-text{color:#888;font-size:11px;font-weight:500}.usage-percent-text{font-size:12px;font-weight:700}.usage-upgrade-cta{color:#fff;cursor:pointer;transition:all var(--transition-normal);background:linear-gradient(135deg,#ff9800,#f57c00);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:16px;padding:10px 16px;font-size:13px;font-weight:700;display:flex}.usage-upgrade-cta:hover{transform:translateY(-2px);box-shadow:0 4px 15px #ff980059}.duration-tabs{background:var(--color-white);border-radius:var(--radius-round);scrollbar-width:none;align-items:center;gap:6px;margin-bottom:28px;padding:5px;display:flex;overflow-x:auto;box-shadow:0 1px 8px #0000000f}.duration-tabs::-webkit-scrollbar{display:none}.duration-tab{border-radius:var(--radius-round);font-size:var(--font-md);color:#666;cursor:pointer;transition:all var(--transition-normal);white-space:nowrap;font-weight:600;font-family:var(--font-family);background:0 0;border:none;padding:10px 22px}.duration-tab:hover{color:var(--color-text-dark);background:#f5f5f5}.duration-tab.active{color:#fff;background:#e91e63;box-shadow:0 3px 12px #e91e634d}.duration-tab .tab-count{border-radius:var(--radius-round);background:#00000014;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:6px;padding:0 5px;font-size:10px;font-weight:700;display:inline-flex}.duration-tab.active .tab-count{color:#fff;background:#ffffff40}.plans-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.plan-card{background:var(--color-white);text-align:center;cursor:pointer;border:2px solid #0000;border-radius:20px;padding:0;transition:all .3s;animation:.5s backwards slideUp;position:relative;overflow:hidden;box-shadow:0 2px 12px #0000000f}.plan-card:first-child{animation-delay:50ms}.plan-card:nth-child(2){animation-delay:.1s}.plan-card:nth-child(3){animation-delay:.15s}.plan-card:nth-child(4){animation-delay:.2s}.plan-card:nth-child(5){animation-delay:.25s}.plan-card:nth-child(6){animation-delay:.3s}.plan-card:hover{transform:translateY(-6px);box-shadow:0 8px 30px #0000001a}.plan-card.selected{background:#e91e63;border-color:#e91e63;transform:translateY(-4px)scale(1.02);box-shadow:0 8px 30px #e91e634d}.plan-card.selected .plan-name,.plan-card.selected .price-currency,.plan-card.selected .price-amount,.plan-card.selected .feature-value{color:#fff}.plan-card.selected .plan-subtitle,.plan-card.selected .price-period,.plan-card.selected .plan-features li{color:#ffffffe6}.plan-card.selected .plan-features li .feature-icon svg{fill:#fff;color:#fff}.plan-card.selected .plan-divider{background:#fff3}.plan-card.selected .plan-card-gradient-strip,.plan-card.selected .plan-icon{display:none}.plan-card.current-active{border-color:#4caf50}.plan-card.downgrade{opacity:.5;pointer-events:none}.plan-card-gradient-strip{height:5px}.plan-card-body{padding:24px 20px 20px}.plan-badge{border-radius:var(--radius-round);text-transform:uppercase;letter-spacing:.5px;z-index:2;padding:4px 12px;font-size:10px;font-weight:700;position:absolute;top:16px;right:14px}.plan-badge.recommended{color:#fff;background:#ff9800}.plan-badge.popular{background:linear-gradient(135deg, var(--color-gradient-1), var(--color-gradient-2));color:#fff}.plan-badge.current-badge{color:#fff;background:#4caf50}.plan-icon{color:#fff;opacity:.9;width:56px;height:56px;transition:transform var(--transition-spring);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 12px;display:flex}.plan-card:hover .plan-icon{transform:scale(1.1)}.plan-name{font-size:var(--font-xl);color:var(--color-text-dark);margin-bottom:4px;font-weight:700}.plan-subtitle{font-size:var(--font-sm);color:var(--color-text-grey);min-height:16px;margin-bottom:16px;line-height:1.4}.plan-price{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:2px;margin-bottom:16px;display:flex}.price-currency{font-size:var(--font-xl);color:var(--color-text-dark);vertical-align:top;font-weight:600;position:relative;top:-6px}.price-amount{color:var(--color-text-dark);font-size:2.5rem;font-weight:800;line-height:1}.price-period{font-size:var(--font-sm);color:var(--color-text-grey)}.price-original{font-size:var(--font-sm);color:var(--color-text-grey);margin-left:8px;text-decoration:line-through}.price-discount-badge{border-radius:var(--radius-round);color:#2e7d32;background:#e8f5e9;margin-left:6px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.plan-divider{background:#eee;height:1px;margin-bottom:16px}.plan-features{text-align:left;flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.plan-features li{font-size:var(--font-sm);color:var(--color-text);align-items:center;gap:8px;display:flex}.plan-features li .feature-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.plan-features li .feature-value{color:var(--color-text-dark);font-weight:700}.plan-btn{width:100%;font-size:var(--font-md);color:#fff;cursor:pointer;transition:all var(--transition-normal);font-weight:700;font-family:var(--font-family);background:#e91e63;border:none;border-radius:12px;padding:14px}.plan-btn:hover{opacity:.9;transform:translateY(-2px)}.plan-card.selected .plan-btn{color:#e91e63;background:#fff!important}.plan-btn.current{cursor:not-allowed;background:var(--color-gull-grey)!important}.plan-btn.current:hover{transform:none}.plan-btn.downgrade-btn{cursor:not-allowed;background:#bdbdbd!important}.plan-btn.downgrade-btn:hover{transform:none}.plans-empty{text-align:center;padding:var(--space-4xl) var(--space-xl);color:var(--color-text-grey)}.plans-empty-icon{margin-bottom:var(--space-lg);opacity:.5;font-size:48px}.plans-empty h3{font-size:var(--font-xl);color:var(--color-text-dark);margin-bottom:var(--space-sm);font-weight:700}.plans-empty p{font-size:var(--font-md)}.plans-loading{justify-content:center;align-items:center;min-height:60vh;display:flex}.success-toast{z-index:2000;color:#fff;border-radius:var(--radius-round);font-size:var(--font-md);background:#333;align-items:center;gap:8px;padding:12px 24px;font-weight:600;animation:.4s slideDown;display:flex;position:fixed;top:80px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #0003}@media (width<=1023px){.plans-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (width<=767px){.plans-page{padding:var(--space-lg) var(--space-md) var(--space-3xl)}.plans-header h2{font-size:var(--font-display)}.plans-grid{grid-template-columns:1fr;gap:16px}.duration-tabs{padding:4px}.duration-tab{font-size:var(--font-sm);padding:8px 16px}.plan-card-body{padding:20px 16px 16px}}@media (width<=479px){.plans-header h2{font-size:var(--font-xxl)}.price-amount{font-size:2.2rem}.plan-icon{width:48px;height:48px}}.gallery-page{max-width:800px;padding:var(--space-lg);margin:0 auto}.gallery-header{margin-bottom:var(--space-xl);justify-content:space-between;align-items:center;display:flex}.gallery-header h2{align-items:center;gap:var(--space-sm);font-size:var(--font-xl);color:var(--color-text-dark);font-weight:700;display:flex}.gallery-upload-btn{border-radius:var(--radius-round);background:linear-gradient(135deg,var(--color-gradient-1),var(--color-gradient-2));color:#fff;font-size:var(--font-sm);cursor:pointer;font-weight:600;font-family:var(--font-family);border:none;align-items:center;gap:6px;padding:8px 16px;display:flex}.gallery-upload-btn:disabled{opacity:.5}.gallery-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.gallery-item{aspect-ratio:1;border-radius:var(--radius-lg);box-shadow:var(--shadow-card);position:relative;overflow:hidden}.gallery-item img{object-fit:cover;width:100%;height:100%}.gallery-delete{color:#fff;cursor:pointer;opacity:0;width:32px;height:32px;transition:opacity var(--transition-fast);background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:8px;right:8px}.gallery-item:hover .gallery-delete{opacity:1}.gallery-delete:hover{background:var(--color-error)}.gallery-loading,.gallery-empty{justify-content:center;align-items:center;gap:var(--space-md);text-align:center;min-height:50vh;color:var(--color-text-grey);cursor:pointer;flex-direction:column;display:flex}.gallery-empty h3{font-size:var(--font-xl);color:var(--color-text-dark)}@media (width<=639px){.gallery-grid{grid-template-columns:repeat(2,1fr)}.gallery-page{padding:var(--space-sm)}}.gallery-badge{color:#fff;font-size:10px;font-weight:600;font-family:var(--font-family);z-index:2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:12px;align-items:center;gap:4px;padding:4px 8px;display:flex;position:absolute;top:8px;left:8px;box-shadow:0 2px 4px #0003}.gallery-badge.pending{background:#ff9800f2}.gallery-badge.profile{background:#e91e63f2;background:linear-gradient(135deg,var(--color-gradient-1),var(--color-gradient-2))}.interests-page{max-width:700px;padding:var(--space-lg);margin:0 auto}.interests-page h2,.interests-header h2{align-items:center;gap:var(--space-sm);font-size:var(--font-xl);color:var(--color-text-dark);margin-bottom:var(--space-lg);font-weight:700;display:flex}.interests-header{padding:0 0 8px}.interests-tabs{gap:var(--space-sm);margin-bottom:var(--space-xl);display:flex}.int-tab{border-radius:var(--radius-round);font-size:var(--font-sm);color:var(--color-text-grey);cursor:pointer;font-weight:600;font-family:var(--font-family);transition:all var(--transition-fast);background:#f7f8fa;border:1px solid #f0f0f0;padding:8px 18px}.int-tab.active{background:var(--color-app-accent);color:#fff;border-color:var(--color-app-accent)}.int-list,.interests-list{gap:var(--space-sm);flex-direction:column;display:flex}.int-item,.interest-card{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);cursor:pointer;transition:all var(--transition-fast);border-radius:var(--radius-lg);background:#fff;display:flex;box-shadow:0 1px 3px #0000000a}.int-item:hover,.interest-card:hover{transform:translate(4px);box-shadow:0 2px 8px #00000014}.int-avatar{border:2px solid #f0f0f0;border-radius:50%;flex-shrink:0;width:50px;height:50px;overflow:hidden}.int-avatar img,.interest-avatar{object-fit:cover;border:2px solid #f0f0f0;border-radius:50%;flex-shrink:0;width:50px;height:50px}.int-info,.interest-info{flex:1}.int-info h4,.interest-info h4{font-size:var(--font-md);color:var(--color-text-dark);font-weight:600}.int-info p,.interest-info p{font-size:var(--font-sm);color:var(--color-text-grey)}.int-status{border-radius:var(--radius-round);padding:2px 8px;font-size:11px;font-weight:600}.int-status.pending{color:#f57c00;background:#fff3e0}.int-status.accepted{color:#4caf50;background:#e8f5e9}.int-status.rejected{color:#f44336;background:#ffebee}.int-loading,.int-empty,.interests-loading,.interests-empty{justify-content:center;align-items:center;gap:var(--space-md);text-align:center;flex-direction:column;min-height:40vh;display:flex}.int-empty h3,.interests-empty h3{font-size:var(--font-xl);color:var(--color-text-dark)}.interests-empty p{font-size:var(--font-sm);color:var(--color-text-grey)}.match-pct{color:var(--color-app-accent);border-radius:var(--radius-round);background:#fff0f5;padding:2px 8px;font-size:11px;font-weight:700}.unblock-btn{border-radius:var(--radius-round);color:#2196f3;cursor:pointer;font-size:12px;font-weight:600;font-family:var(--font-family);transition:all var(--transition-fast);background:#e3f2fd;border:none;padding:6px 14px}.unblock-btn:hover{background:#bbdefb}.shortlist-page{max-width:700px;padding:var(--space-lg);margin:0 auto}.shortlist-page h2{align-items:center;gap:var(--space-sm);font-size:var(--font-xl);color:var(--color-text-dark);margin-bottom:var(--space-xl);font-weight:700;display:flex}.sl-list{gap:var(--space-sm);flex-direction:column;display:flex}.sl-item{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);cursor:pointer;transition:all var(--transition-fast);display:flex}.sl-item:hover{transform:translate(4px)}.sl-avatar{border:2px solid #fff9c4;border-radius:50%;flex-shrink:0;width:50px;height:50px;overflow:hidden}.sl-avatar img{object-fit:cover;width:100%;height:100%}.sl-info{flex:1}.sl-info h4{font-size:var(--font-md);color:var(--color-text-dark);font-weight:600}.sl-info p{font-size:var(--font-sm);color:var(--color-text-grey)}.sl-remove{background:var(--color-solitude);width:36px;height:36px;color:var(--color-gull-grey);cursor:pointer;transition:all var(--transition-fast);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sl-remove:hover{color:#f44336;background:#ffebee}.sl-loading,.sl-empty{justify-content:center;align-items:center;gap:var(--space-md);text-align:center;flex-direction:column;min-height:40vh;display:flex}.sl-empty h3{font-size:var(--font-xl);color:var(--color-text-dark)}.sl-empty p{color:var(--color-text-grey)}.pe-page{max-width:700px;margin:0 auto}.pe-loading{justify-content:center;align-items:center;min-height:60vh;display:flex}.pe-header{z-index:10;background:#fff;border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0}.pe-back-btn{cursor:pointer;color:#333;background:0 0;border:none;align-items:center;padding:4px;display:flex}.pe-header-title{color:#1a1a2e;margin:0;font-size:18px;font-weight:700}.pe-content{padding:20px}.pe-section-card{background:#fff;border-radius:16px;margin-bottom:16px;padding:20px;box-shadow:0 2px 12px #0000000f}.pe-section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.pe-section-title{color:#1a1a2e;font-size:17px;font-weight:700}.pe-edit-btn{color:#e91e63;cursor:pointer;font-size:14px;font-weight:600;font-family:var(--font-family);background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;transition:background .2s;display:flex}.pe-edit-btn:hover{background:#fce4ec}.pe-row{border-bottom:1px solid #f5f5f5;align-items:center;gap:12px;padding:12px 0;display:flex}.pe-row:last-child{border-bottom:none}.pe-row-icon{background:#fff0f5;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.pe-row-info{flex-direction:column;gap:2px;display:flex}.pe-row-label{color:#888;font-size:12px;font-weight:500}.pe-row-value{color:#1a1a2e;font-size:15px;font-weight:600}.pe-edit-overlay{z-index:1500;background:#0006;justify-content:center;align-items:flex-end;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.pe-edit-panel{background:#fff;border-radius:24px 24px 0 0;flex-direction:column;width:100%;max-width:600px;max-height:80vh;animation:.3s slideUp;display:flex}.pe-edit-header{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.pe-edit-header h3{color:#1a1a2e;margin:0;font-size:18px;font-weight:700}.pe-edit-header button{cursor:pointer;background:0 0;border:none;padding:4px}.pe-edit-body{flex:1;padding:20px 24px;overflow-y:auto}.pe-edit-footer{border-top:1px solid #f0f0f0;padding:16px 24px}.pe-field{margin-bottom:20px}.pe-field label{color:#666;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.pe-field-row{align-items:center;gap:10px;display:flex}.pe-field-row input{min-width:0;font-size:15px;font-family:var(--font-family);color:#1a1a2e;border:1px solid #e0e0e0;border-radius:12px;outline:none;flex:1;padding:12px 14px;transition:border-color .2s}.pe-field-row input:focus{border-color:#e91e63}.pe-field-row span{color:#888;font-size:14px}.pe-select-btn{color:#1a1a2e;cursor:pointer;width:100%;font-size:15px;font-family:var(--font-family);background:#fff;border:1px solid #e0e0e0;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.pe-chips{flex-wrap:wrap;gap:8px;display:flex}.pe-add-chip{color:#e91e63;cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font-family);background:#fff0f5;border:1px dashed #e91e63;border-radius:20px;padding:8px 16px}.pe-chip{color:#333;background:#f5f5f5;border-radius:20px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;display:inline-flex}.pe-chip svg{cursor:pointer;flex-shrink:0}.pe-save-btn{color:#fff;cursor:pointer;width:100%;font-size:16px;font-weight:700;font-family:var(--font-family);background:#e91e63;border:none;border-radius:14px;justify-content:center;align-items:center;padding:14px;transition:transform .2s;display:flex}.pe-save-btn:hover:not(:disabled){transform:translateY(-1px)}.pe-save-btn:disabled{opacity:.7;cursor:not-allowed}.pe-filter-overlay{z-index:2000;background:#0006;justify-content:center;align-items:flex-end;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.pe-filter-sheet{background:#fff;border-radius:24px 24px 0 0;flex-direction:column;width:100%;max-width:500px;max-height:60vh;animation:.25s slideUp;display:flex}.pe-filter-handle{background:#ddd;border-radius:4px;width:36px;height:4px;margin:10px auto 0}.pe-filter-header{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.pe-filter-header h3{color:#1a1a2e;text-transform:capitalize;margin:0;font-size:17px;font-weight:700}.pe-filter-header button{cursor:pointer;color:#666;background:0 0;border:none}.pe-filter-list{flex:1;padding:8px 0;overflow-y:auto}.pe-filter-option{color:#333;cursor:pointer;text-align:left;width:100%;font-size:15px;font-family:var(--font-family);background:0 0;border:none;justify-content:space-between;align-items:center;padding:14px 20px;transition:background .15s;display:flex}.pe-filter-option:hover{background:#f9f9f9}.pe-filter-option.selected{color:#e91e63;background:#fff0f5;font-weight:600}.pe-check{color:#fff;background:#e91e63;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.pe-filter-done{color:#fff;cursor:pointer;font-size:16px;font-weight:700;font-family:var(--font-family);background:#e91e63;border:none;border-radius:14px;margin:12px 20px 16px;padding:14px}@media (width>=1024px){.pe-edit-overlay{align-items:center}.pe-edit-panel{border-radius:20px}.pe-filter-overlay{align-items:center}.pe-filter-sheet{border-radius:20px}}@media (width<=767px){.pe-content{padding:16px}}.co-page{background:#f5f7fa;flex-direction:column;max-width:600px;min-height:100vh;margin:0 auto;display:flex}.co-header{background:linear-gradient(135deg,#e91e63 0%,#c2185b 100%);border-radius:0 0 24px 24px;justify-content:space-between;align-items:center;padding:20px 16px 24px;display:flex;box-shadow:0 4px 12px #e91e6333}.co-header h1{color:#fff;margin:0;font-size:20px;font-weight:700}.co-back{cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;display:flex}.co-content{flex:1;padding:16px 16px 100px}.co-card{background:#fff;border-radius:16px;margin-bottom:16px;padding:16px;box-shadow:0 2px 8px #0000000f}.co-card-title{color:#333;margin:0 0 12px;font-size:16px;font-weight:700}.co-pkg-row{justify-content:space-between;align-items:flex-start;display:flex}.co-pkg-name{color:#e91e63;font-size:18px;font-weight:700;display:block}.co-pkg-duration{color:#666;margin-top:2px;font-size:14px;display:block}.co-pkg-price{color:#333;font-size:20px;font-weight:700}.co-divider{background:#eee;height:1px;margin:12px 0}.co-features-list{color:#666;flex-direction:column;gap:4px;font-size:14px;display:flex}.co-promo-row{gap:10px;display:flex}.co-promo-input{height:44px;font-size:14px;font-family:var(--font-family);text-transform:uppercase;letter-spacing:.5px;background:#f5f7fa;border:1px solid #e0e0e0;border-radius:8px;outline:none;flex:1;padding:0 12px}.co-promo-input:focus{border-color:#e91e63}.co-promo-apply{color:#fff;cursor:pointer;height:44px;font-size:14px;font-weight:700;font-family:var(--font-family);background:#333;border:none;border-radius:8px;justify-content:center;align-items:center;min-width:70px;padding:0 16px;display:flex}.co-promo-apply:disabled{opacity:.6;cursor:not-allowed}.co-active-promos{margin-top:14px}.co-promos-label{color:#888;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.co-promos-scroll{scrollbar-width:none;gap:10px;padding-bottom:4px;display:flex;overflow-x:auto}.co-promos-scroll::-webkit-scrollbar{display:none}.co-promo-chip{text-align:center;cursor:pointer;min-width:120px;font-family:var(--font-family);background:#fff0f5;border:1.5px dashed #e91e63;border-radius:12px;flex-shrink:0;padding:10px 14px;transition:transform .15s}.co-promo-chip:hover{transform:translateY(-1px)}.co-promo-chip:disabled{opacity:.6}.co-chip-top{justify-content:center;align-items:center;gap:5px;margin-bottom:4px;display:flex}.co-chip-code{color:#e91e63;letter-spacing:.5px;font-size:14px;font-weight:700}.co-chip-title{color:#666;white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:11px;display:block;overflow:hidden}.co-chip-discount{color:#333;margin-bottom:2px;font-size:13px;font-weight:700;display:block}.co-chip-tap{color:#e91e63;font-size:10px;font-weight:500;display:block}.co-applied{background:#e8f5e9;border:1px solid #4caf50;border-radius:8px;justify-content:space-between;align-items:center;padding:12px;display:flex}.co-applied-info{align-items:center;gap:10px;display:flex}.co-applied-code{color:#2e7d32;font-size:15px;font-weight:700;display:block}.co-applied-savings{color:#4caf50;font-size:12px;display:block}.co-remove-promo{cursor:pointer;background:0 0;border:none;padding:4px}.co-summary-row{color:#666;justify-content:space-between;margin-bottom:8px;font-size:14px;display:flex}.co-summary-row.co-discount{color:#4caf50}.co-summary-row.co-tax{color:#999;font-size:12px}.co-total-row{justify-content:space-between;margin-top:4px;display:flex}.co-total-row span:first-child{color:#333;font-size:16px;font-weight:700}.co-total-amount{color:#e91e63;font-size:20px;font-weight:700}.co-secure{color:#666;justify-content:center;align-items:center;gap:6px;margin-bottom:20px;font-size:12px;display:flex}.co-bottom{z-index:50;background:#fff;justify-content:center;padding:16px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 12px #00000014}.co-pay-btn{color:#fff;cursor:pointer;width:100%;max-width:600px;font-size:18px;font-weight:700;font-family:var(--font-family);background:#e91e63;border:none;border-radius:30px;justify-content:center;align-items:center;padding:16px;transition:transform .2s;display:flex}.co-pay-btn:hover:not(:disabled){transform:translateY(-1px)}.co-pay-btn:disabled{opacity:.7;cursor:not-allowed}@media (width<=1023px){.co-content{padding:12px 12px 90px}}@media (width>=1024px){.co-bottom{left:var(--sidebar-width)}}.settings-sub-page{max-width:600px;margin:0 auto;padding:0 0 80px}.ssp-header{z-index:10;background:#fff;border-bottom:1px solid #f0f0f0;align-items:center;gap:14px;padding:20px 20px 16px;display:flex;position:sticky;top:0}.ssp-back-btn{cursor:pointer;width:36px;height:36px;transition:all var(--transition-fast);color:#333;background:#f5f5f5;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ssp-back-btn:hover{background:#eee}.ssp-header-title{color:#212121;font-size:20px;font-weight:700}.ssp-section{margin-bottom:24px;padding:0 16px}.ssp-section:first-of-type{margin-top:20px}.ssp-section-title{color:#9e9e9e;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;padding-left:4px;font-size:11px;font-weight:700;display:block}.ssp-card{background:#fff;border:1px solid #eee;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.ssp-toggle-row{border-bottom:1px solid #f5f5f5;align-items:center;gap:14px;padding:14px 16px;display:flex}.ssp-toggle-row:last-child{border-bottom:none}.ssp-toggle-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.ssp-toggle-text{flex:1;min-width:0}.ssp-toggle-title{color:#212121;margin-bottom:2px;font-size:15px;font-weight:600}.ssp-toggle-subtitle{color:#757575;font-size:12px;line-height:1.3}.ssp-switch{flex-shrink:0;width:46px;height:26px;position:relative}.ssp-switch input{opacity:0;width:0;height:0}.ssp-switch-slider{cursor:pointer;background:#e0e0e0;border-radius:26px;transition:all .3s;position:absolute;inset:0}.ssp-switch-slider:before{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .3s;position:absolute;top:3px;left:3px;box-shadow:0 2px 4px #00000026}.ssp-switch input:checked+.ssp-switch-slider{background:#e91e63}.ssp-switch input:checked+.ssp-switch-slider:before{transform:translate(20px)}.ssp-form{padding:20px 16px}.ssp-field{margin-bottom:20px}.ssp-field-label{color:#616161;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.ssp-input-wrap{background:#fff;border:1px solid #e0e0e0;border-radius:12px;align-items:center;transition:border-color .2s;display:flex;position:relative;overflow:hidden}.ssp-input-wrap:focus-within{border-color:#e91e63}.ssp-input-wrap.error{border-color:#f44336}.ssp-input-wrap.valid{background:#f9fbf9;border-color:#4caf50}.ssp-input{color:#212121;font-size:15px;font-weight:500;font-family:var(--font-family);background:0 0;border:none;outline:none;flex:1;padding:14px 16px}.ssp-input::placeholder{color:#bdbdbd}.ssp-input-icon{cursor:pointer;color:#9e9e9e;background:0 0;border:none;align-items:center;padding:0 14px 0 0;display:flex}.ssp-field-error{color:#f44336;margin-top:6px;padding-left:4px;font-size:12px}.ssp-warning-header{text-align:center;margin-bottom:24px;padding:24px 20px 0}.ssp-warning-icon{border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 16px;display:flex}.ssp-warning-title{color:#212121;margin-bottom:8px;font-size:22px;font-weight:700}.ssp-warning-subtitle{color:#757575;max-width:90%;margin:0 auto;font-size:14px;line-height:1.5}.ssp-info-card{background:#fff;border:1px solid #eee;border-radius:16px;margin:0 16px 24px;padding:20px;box-shadow:0 1px 3px #0000000a}.ssp-info-card-header{color:#9e9e9e;letter-spacing:.5px;margin-bottom:16px;font-size:12px;font-weight:700}.ssp-check-item{align-items:center;gap:12px;padding:12px 0;display:flex}.ssp-bullet-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.ssp-check-text{color:#424242;flex:1;font-size:14px;line-height:1.4}.ssp-info-card .ssp-divider{background:#f5f5f5;height:1px;margin-left:40px}.ssp-info-banner{background:#e91e630f;border:1px solid #e91e631f;border-radius:12px;align-items:flex-start;gap:12px;margin:0 16px 24px;padding:16px;display:flex}.ssp-info-banner p{color:#424242;flex:1;font-size:13px;line-height:1.5}.ssp-btn-primary{color:#fff;cursor:pointer;width:calc(100% - 32px);font-size:16px;font-weight:700;font-family:var(--font-family);transition:all var(--transition-fast);background:#e91e63;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin:0 16px 16px;padding:16px;display:flex;box-shadow:0 4px 12px #e91e6340}.ssp-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px #e91e6359}.ssp-btn-primary:disabled{box-shadow:none;cursor:not-allowed;background:#e0e0e0}.ssp-btn-primary.danger{background:#f44336;box-shadow:0 4px 12px #f4433640}.ssp-btn-primary.danger:hover:not(:disabled){box-shadow:0 6px 18px #f4433659}.ssp-btn-primary.warning{background:#ff9800;box-shadow:0 4px 12px #ff980040}.ssp-btn-secondary{color:#757575;cursor:pointer;width:calc(100% - 32px);font-size:15px;font-weight:600;font-family:var(--font-family);transition:all var(--transition-fast);background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;margin:0 16px 16px;padding:14px;display:flex}.ssp-btn-secondary:hover{background:#f5f5f5}.ssp-btn-outline-danger{color:#d32f2f;cursor:pointer;width:calc(100% - 32px);font-size:15px;font-weight:600;font-family:var(--font-family);transition:all var(--transition-fast);background:#ffebee;border:1px solid #ffcdd2;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin:0 16px 16px;padding:16px;display:flex}.ssp-btn-outline-danger:hover{background:#ffcdd2}.ssp-reason-card{cursor:pointer;background:#fff;border:1px solid #eee;border-radius:12px;margin-bottom:10px;transition:all .2s;overflow:hidden}.ssp-reason-card.expanded{background:#fff0f5;border-color:#e91e63}.ssp-reason-header{align-items:center;gap:12px;padding:16px;display:flex}.ssp-reason-icon{background:#f5f5f5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:background .2s;display:flex}.ssp-reason-card.expanded .ssp-reason-icon{background:#e91e6314}.ssp-reason-title{color:#424242;flex:1;font-size:15px;font-weight:500}.ssp-reason-card.expanded .ssp-reason-title{color:#e91e63;font-weight:600}.ssp-reason-solution{padding:0 16px 16px}.ssp-solution-box{background:#fff;border:1px solid #0000000d;border-radius:8px;padding:12px}.ssp-solution-label{color:#f57c00;align-items:center;gap:6px;margin-bottom:6px;font-size:13px;font-weight:700;display:flex}.ssp-solution-text{color:#616161;font-size:13px;line-height:1.5}.ssp-legal-content{color:#424242;padding:24px 20px 40px;font-size:14px;line-height:1.7}.ssp-legal-content h1,.ssp-legal-content h2,.ssp-legal-content h3{color:#212121;margin-top:24px;margin-bottom:8px}.ssp-legal-content h1{font-size:20px;font-weight:800}.ssp-legal-content h2{font-size:16px;font-weight:700}.ssp-legal-content h3{font-size:14px;font-weight:700}.ssp-legal-content p{margin-bottom:12px}.ssp-legal-content ul,.ssp-legal-content ol{margin-bottom:12px;padding-left:20px}.ssp-legal-content li{margin-bottom:4px}.ssp-legal-content strong{color:#212121}.ssp-loading{color:#9e9e9e;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:40vh;font-size:14px;display:flex}.ssp-toast{z-index:2000;color:#fff;background:#333;border-radius:100px;padding:12px 24px;font-size:14px;font-weight:600;animation:.4s slideDown;position:fixed;top:80px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #0003}.ssp-toast.success{background:#2e7d32}.ssp-toast.error{background:#c62828}.onboarding-page-wrapper{background:#fff;flex-direction:column;min-height:100dvh;display:flex}.onboarding-page{width:100%;height:100dvh;font-family:var(--font-family);background:#fff;flex-direction:column;display:flex;position:relative}.onboarding-header{z-index:10;background:#fff;padding:0 24px;position:sticky;top:0}.onboarding-header-top{align-items:center;gap:12px;padding:12px 0;display:flex}.onboarding-header .onboarding-back-btn{cursor:pointer;width:40px;height:40px;color:var(--color-text-dark);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:20px;transition:background .2s;display:flex}.onboarding-header .onboarding-back-btn:hover{background:var(--color-solitude);transform:none}.onboarding-step-label{font-size:var(--font-sm);color:var(--color-text-grey);letter-spacing:.3px;font-weight:600}.onboarding-header-info{padding:4px 0 16px}.onboarding-header-title{color:var(--color-text-dark);margin:0 0 6px;font-size:26px;font-weight:800;line-height:1.2}.onboarding-header-subtitle{font-size:var(--font-md);color:var(--color-text-grey);margin:0;line-height:1.5}.onboarding-progress-wrap{flex:1}.onboarding-progress-track{background:#f0f0f0;border-radius:10px;height:5px;overflow:hidden}.onboarding-progress-fill{background:linear-gradient(90deg, var(--color-gradient-1), var(--color-gradient-2));border-radius:10px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.onboarding-content{flex-direction:column;flex:1;padding:4px 24px 100px;display:flex;overflow:hidden auto}.onboarding-step{flex-direction:column;flex:1;animation:.35s obStepIn;display:flex}@keyframes obStepIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.option-cards{flex-direction:column;gap:12px;display:flex}.option-card{cursor:pointer;background:#fafafa;border:2px solid #0000;border-radius:16px;align-items:center;gap:14px;padding:16px 18px;transition:all .25s;display:flex}.option-card:hover{background:#f5f5f5;transform:translateY(-1px);box-shadow:0 4px 12px #0000000f}.option-card.selected{border-color:var(--color-app-accent);background:#fd306e0a}.option-card-icon{background:#f0f0f0;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;transition:all .25s;display:flex}.option-card.selected .option-card-icon{background:linear-gradient(135deg, var(--color-gradient-1), var(--color-gradient-2))}.option-card-text{flex:1;min-width:0}.option-card-text h4{font-size:var(--font-lg);color:var(--color-text-dark);margin:0 0 2px;font-weight:600}.option-card-text p{font-size:var(--font-sm);color:var(--color-text-grey);margin:0}.option-card-check{color:#0000;border:2px solid #d0d0d0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:14px;transition:all .2s;display:flex}.option-card.selected .option-card-check{border-color:var(--color-app-accent);background:linear-gradient(135deg, var(--color-gradient-1), var(--color-gradient-2));color:#fff}.gender-cards{grid-template-columns:1fr 1fr;gap:16px;display:grid}.gender-card{cursor:pointer;background:#fafafa;border:2px solid #f0f0f0;border-radius:20px;flex-direction:column;align-items:center;gap:12px;padding:28px 16px;transition:all .3s;display:flex;position:relative}.gender-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000014}.gender-card.selected{border-color:var(--color-app-accent);background:#fd306e0a;transform:translateY(-3px);box-shadow:0 8px 32px #fd306e1f}.gender-card-emoji{font-size:56px;line-height:1}.gender-card h4{font-size:var(--font-lg);color:var(--color-text-dark);margin:0;font-weight:700}.gender-card p{font-size:var(--font-sm);color:var(--color-text-grey);text-align:center;margin:0}.onboarding-field{margin-bottom:20px}.onboarding-field label{font-size:var(--font-sm);color:var(--color-text-dark);align-items:center;gap:6px;margin-bottom:8px;font-weight:600;display:flex}.onboarding-field input,.onboarding-field select,.onboarding-field textarea{width:100%;font-size:var(--font-md);color:var(--color-text-dark);font-family:var(--font-family);box-sizing:border-box;appearance:none;background:#fafafa;border:2px solid #f0f0f0;border-radius:14px;outline:none;padding:14px 16px;transition:all .2s}.onboarding-field select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:42px}.onboarding-field input:focus,.onboarding-field select:focus,.onboarding-field textarea:focus{border-color:var(--color-app-accent);background:#fff;box-shadow:0 0 0 3px #fd306e14}.onboarding-field textarea{resize:vertical;min-height:100px}.onboarding-field input::placeholder,.onboarding-field textarea::placeholder{color:#bdbdbd}.phone-input-row{gap:0;display:flex}.phone-country-code{text-align:center;flex-shrink:0;min-width:80px;max-width:80px;font-weight:600;border-right:1px solid #e0e0e0!important;border-radius:14px 0 0 14px!important;width:80px!important}.phone-number-input{flex:1;min-width:0;border-left:none!important;border-radius:0 14px 14px 0!important}.phone-status{font-size:var(--font-sm);align-items:center;gap:6px;margin-top:8px;font-weight:600;display:flex}.phone-status:before{content:"";border-radius:50%;flex-shrink:0;width:7px;height:7px}.phone-status.available{color:#4caf50}.phone-status.available:before{background:#4caf50}.phone-status.taken{color:#ef5350}.phone-status.taken:before{background:#ef5350}.phone-status.checking{color:var(--color-text-grey)}.phone-status.checking:before{background:var(--color-text-grey);animation:1s infinite obPulse}@keyframes obPulse{0%,to{opacity:1}50%{opacity:.3}}.chip-scroll{flex-wrap:wrap;gap:8px;display:flex}.onboarding-content .chip{font-size:var(--font-sm);color:var(--color-text);cursor:pointer;white-space:nowrap;background:#fafafa;border:2px solid #f0f0f0;border-radius:12px;padding:10px 18px;font-weight:600;transition:all .2s}.onboarding-content .chip:hover{background:#fd306e0a;border-color:#fd306e40}.onboarding-content .chip.selected{background:linear-gradient(135deg, var(--color-gradient-1), var(--color-gradient-2));color:#fff;border-color:#0000;box-shadow:0 4px 14px #fd306e40}.onboarding-error{font-size:var(--font-sm);color:#ef5350;text-align:center;background:#ef53500f;border:1px solid #ef535026;border-radius:12px;margin-bottom:16px;padding:12px 16px;font-weight:600;animation:.35s obShake}@keyframes obShake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.onboarding-loading{color:var(--color-text-grey);font-size:var(--font-md);justify-content:center;align-items:center;gap:10px;padding:60px 0;font-weight:500;display:flex}.spinner-sm{border:2.5px solid #fd306e26;border-top-color:var(--color-app-accent);border-radius:50%;width:20px;height:20px;animation:.6s linear infinite obSpin;display:inline-block}@keyframes obSpin{to{transform:rotate(360deg)}}.onboarding-bottom{padding:16px 24px;padding-bottom:max(16px, env(safe-area-inset-bottom,16px));background:#fff;border-top:1px solid #f0f0f0;gap:12px;display:flex;position:sticky;bottom:0}.onboarding-bottom .onboarding-back-btn{border-radius:var(--radius-round);color:var(--color-text);font-size:var(--font-md);font-weight:600;font-family:var(--font-family);cursor:pointer;white-space:nowrap;background:#fff;border:2px solid #f0f0f0;width:auto;height:auto;padding:14px 18px;transition:all .2s}.onboarding-bottom .onboarding-back-btn:hover:not(:disabled){background:var(--color-solitude);border-color:#e0e0e0;transform:none}.onboarding-cta{border-radius:var(--radius-round);background:linear-gradient(135deg, var(--color-gradient-1), var(--color-gradient-2));color:#fff;font-size:var(--font-lg);font-weight:700;font-family:var(--font-family);cursor:pointer;border:none;flex:1;justify-content:center;align-items:center;gap:8px;padding:16px;transition:all .3s;display:flex;box-shadow:0 4px 15px #fd306e59}.onboarding-cta:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 25px #fd306e73}.onboarding-cta:active:not(:disabled){transform:translateY(0)}.onboarding-cta:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.onboarding-cta .cta-arrow{font-size:18px;transition:transform .2s}.onboarding-cta:hover:not(:disabled) .cta-arrow{transform:translate(3px)}.onboarding-terms{background:#fafafa;border:2px solid #f0f0f0;border-radius:14px;margin-top:24px;padding:16px}.terms-checkbox-label{cursor:pointer;font-size:var(--font-sm);color:var(--color-text-light);align-items:flex-start;gap:12px;line-height:1.5;display:flex}.terms-checkbox-label input{opacity:0;cursor:pointer;width:0;height:0;position:absolute}.terms-checkbox-label .checkmark{background-color:#fff;border:2px solid #d0d0d0;border-radius:6px;min-width:22px;height:22px;margin-top:1px;transition:all .2s;position:relative}.terms-checkbox-label:hover input~.checkmark{border-color:var(--color-app-accent)}.terms-checkbox-label input:checked~.checkmark{background:linear-gradient(135deg, var(--color-gradient-1), var(--color-gradient-2));border-color:var(--color-app-accent)}.terms-checkbox-label .checkmark:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:10px;display:none;position:absolute;top:2px;left:6px;transform:rotate(45deg)}.terms-checkbox-label input:checked~.checkmark:after{display:block}.terms-text a{color:var(--color-app-accent);font-weight:600;text-decoration:none}.terms-text a:hover{text-decoration:underline}.searchable-select{position:relative}.searchable-select-trigger{cursor:pointer;background:#fafafa;border:2px solid #f0f0f0;border-radius:14px;justify-content:space-between;align-items:center;padding:14px 16px;transition:all .2s;display:flex}.searchable-select-trigger:hover{border-color:#fd306e33}.searchable-select-trigger.has-value{border-color:var(--color-app-accent);background:#fd306e0a}.searchable-select-trigger span{font-size:var(--font-md);color:var(--color-text-dark)}.searchable-select-trigger .placeholder{color:#bdbdbd}.searchable-select-dropdown{z-index:100;background:#fff;border:1px solid #f0f0f0;border-radius:14px;max-height:240px;animation:.2s obDropIn;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 40px #0000001a}@keyframes obDropIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.searchable-select-dropdown input{width:100%;font-size:var(--font-md);font-family:var(--font-family);box-sizing:border-box;background:0 0;border:none;border-bottom:1px solid #f0f0f0;outline:none;padding:12px 14px}.searchable-select-dropdown .option-item{font-size:var(--font-md);color:var(--color-text);cursor:pointer;padding:12px 14px;transition:background .15s}.searchable-select-dropdown .option-item:hover{color:var(--color-app-accent);background:#fd306e0a}.searchable-select-dropdown .option-item.selected{color:var(--color-app-accent);background:#fd306e14;font-weight:600}@media (width>=640px){.onboarding-page-wrapper{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);justify-content:center;align-items:center;padding:40px 20px}.onboarding-page{border-radius:28px;width:500px;height:85vh;min-height:600px;max-height:800px;overflow:hidden;box-shadow:0 20px 60px #0006}.onboarding-header-title{font-size:30px}}.verification-page{max-width:800px;margin:0 auto;padding:24px}.vp-header{margin-bottom:24px}.vp-header h1{color:#212121;font-size:24px;font-weight:700}.vp-status-banner{color:#fff;border-radius:16px;margin-bottom:24px;padding:24px;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000001a}.vp-status-banner.verified{background:linear-gradient(135deg,#4caf50,#2e7d32)}.vp-status-banner.unverified{background:linear-gradient(135deg,#e91e63,#c2185b)}.vp-banner-icon{background:#fff3;border-radius:28px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:12px;display:flex}.vp-banner-title{margin-bottom:8px;font-size:22px;font-weight:800}.vp-banner-subtitle{opacity:.9;max-width:500px;font-size:14px;line-height:1.5}.vp-progress{background:#fff3;border-radius:8px;margin-top:16px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-block}.vp-list-header{color:#757575;align-items:center;gap:8px;margin-bottom:16px;font-size:14px;display:flex}.vp-doc-card{background:#fff;border:1px solid #eee;border-radius:12px;align-items:center;margin-bottom:12px;padding:16px;display:flex;box-shadow:0 1px 3px #0000000a}.vp-doc-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-right:16px;display:flex}.vp-doc-info{flex:1}.vp-doc-title-row{align-items:center;gap:8px;margin-bottom:4px;display:flex}.vp-doc-title{color:#212121;font-size:15px;font-weight:600}.vp-doc-badge{color:#f44336;text-transform:uppercase;background:#ffebee;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.vp-doc-status{font-size:13px;font-weight:500}.vp-action-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:opacity .2s;display:flex}.vp-action-btn:hover{opacity:.8}.vp-action-btn.upload{color:#e91e63;background:#fce4ec}.vp-why-box{background:#fff;border:1px solid #eee;border-radius:16px;margin-top:32px;padding:24px;box-shadow:0 1px 3px #0000000a}.vp-why-title{color:#212121;margin-bottom:16px;font-size:18px;font-weight:700}.vp-why-item{align-items:center;gap:12px;margin-bottom:12px;display:flex}.vp-why-text{color:#616161;font-size:14px}.status-not_uploaded{color:#9e9e9e}.status-pending{color:#ff9800}.status-approved{color:#4caf50}.status-rejected{color:#f44336}.stories-page{max-width:100%;padding:0}.sp-header{color:#fff;text-align:center;background:linear-gradient(135deg,#e91e63,#9c27b0);padding:40px 24px}.sp-header h1{margin-bottom:8px;font-size:28px;font-weight:800}.sp-header p{opacity:.9;font-size:15px}.sp-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;max-width:1200px;margin:0 auto;padding:24px;display:grid}.sp-card{cursor:pointer;border-radius:16px;height:220px;transition:transform .2s;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000001a}.sp-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.sp-card-img{object-fit:cover;width:100%;height:100%}.sp-card-overlay{color:#fff;background:linear-gradient(#0000 40%,#000c 100%);flex-direction:column;justify-content:flex-end;padding:20px;display:flex;position:absolute;inset:0}.sp-couple-row{align-items:center;gap:8px;margin-bottom:4px;display:flex}.sp-couple-name{font-size:18px;font-weight:700}.sp-date{opacity:.9;font-size:13px}.sp-empty{text-align:center;color:#757575;padding:60px 24px}.referral-page{padding:0}.ref-header{color:#fff;text-align:center;background:linear-gradient(135deg,#e91e63,#9c27b0);padding:40px 24px 80px}.ref-header h1{margin-bottom:24px;font-size:28px;font-weight:800}.ref-code-card{background:#ffffff26;border:1px solid #fff3;border-radius:16px;max-width:400px;margin:0 auto;padding:24px}.ref-code-label{opacity:.9;margin-bottom:12px;font-size:14px}.ref-code-display{justify-content:center;align-items:center;gap:16px;display:flex}.ref-code-text{letter-spacing:2px;font-size:32px;font-weight:800}.ref-copy-btn{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:22px;justify-content:center;align-items:center;width:44px;height:44px;transition:background .2s;display:flex}.ref-copy-btn:hover{background:#ffffff4d}.ref-content{z-index:10;max-width:800px;margin:-40px auto 0;padding:24px;position:relative}.ref-stats-row{gap:16px;margin-bottom:24px;display:flex}.ref-stat-card{text-align:center;background:#fff;border-radius:16px;flex:1;padding:24px;box-shadow:0 4px 12px #00000014}.ref-stat-icon{border-radius:28px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;display:flex}.ref-stat-value{color:#212121;margin-bottom:4px;font-size:28px;font-weight:800}.ref-stat-label{color:#757575;text-transform:uppercase;font-size:13px;font-weight:600}.ref-share-card{text-align:center;background:#fff;border-radius:16px;margin-bottom:24px;padding:32px;box-shadow:0 4px 12px #00000014}.ref-share-title{color:#212121;margin-bottom:8px;font-size:22px;font-weight:800}.ref-share-subtitle{color:#616161;margin-bottom:24px;font-size:15px}.ref-share-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#e91e63,#9c27b0);border:none;border-radius:30px;align-items:center;gap:8px;padding:16px 32px;font-size:16px;font-weight:700;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 4px 12px #e91e634d}.ref-share-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #e91e6366}.ref-wallet-btn{cursor:pointer;background:#fff;border:none;border-radius:16px;justify-content:space-between;align-items:center;width:100%;padding:20px 24px;transition:background .2s;display:flex;box-shadow:0 4px 12px #00000014}.ref-wallet-btn:hover{background:#fafafa}.ref-wallet-left{align-items:center;gap:16px;display:flex}.ref-wallet-icon{color:#2196f3;background:#e3f2fd;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.ref-wallet-text h3{color:#212121;margin-bottom:4px;font-size:16px;font-weight:700}.ref-wallet-text p{color:#757575;font-size:13px}.support-page{background-color:#f8f9fa;min-height:100vh;padding:0}.sup-header{text-align:center;background:#fff;border-bottom:1px solid #eee;padding:32px 24px}.sup-header h1{color:#212121;margin-bottom:8px;font-size:24px;font-weight:700}.sup-header p{color:#757575;font-size:15px}.sup-search-container{z-index:10;max-width:800px;margin:-24px auto 24px;padding:0 24px;position:relative}.sup-search-box{background:#fff;border:1px solid #eee;border-radius:12px;align-items:center;height:56px;padding:0 16px;display:flex;box-shadow:0 4px 12px #00000014}.sup-search-input{color:#212121;border:none;outline:none;flex:1;padding:0 12px;font-family:inherit;font-size:16px}.sup-content{max-width:800px;margin:0 auto;padding:0 24px 60px}.sup-section-title{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.sup-section-title h2{color:#212121;font-size:18px;font-weight:700}.sup-view-all{color:#e91e63;cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;font-weight:600}.sup-cat-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px;margin-bottom:32px;display:grid}.sup-cat-card{text-align:center;cursor:pointer;background:#fff;border:1px solid #eee;border-radius:16px;padding:20px 12px;transition:all .2s;box-shadow:0 2px 8px #00000005}.sup-cat-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000000f}.sup-cat-card.selected{border-width:2px}.sup-cat-icon{border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 12px;display:flex}.sup-cat-title{color:#424242;font-size:13px;font-weight:600;line-height:1.3}.sup-faq-list{margin-bottom:32px}.sup-faq-item{background:#fff;border:1px solid #eee;border-radius:12px;margin-bottom:12px;transition:all .2s;overflow:hidden}.sup-faq-item.expanded{background:#fff0f5;border-color:#e91e63}.sup-faq-header{cursor:pointer;justify-content:space-between;align-items:center;padding:16px;display:flex}.sup-faq-q{color:#424242;flex:1;padding-right:16px;font-size:15px;font-weight:600;line-height:1.4}.sup-faq-a{color:#616161;border-top:1px solid #0000000d;margin-top:4px;padding:12px 16px 16px;font-size:14px;line-height:1.6}.sup-contact-card{background:#fff;border:1px solid #eee;border-radius:20px;padding:24px;box-shadow:0 4px 16px #0000000d}.sup-contact-header{align-items:center;gap:16px;margin-bottom:24px;display:flex}.sup-contact-icon-bg{color:#e91e63;background:#fff0f5;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.sup-contact-title{color:#212121;font-size:18px;font-weight:700}.sup-contact-subtitle{color:#757575;margin-top:4px;font-size:14px}.sup-contact-primary-btn{color:#fff;cursor:pointer;background:#e91e63;border:none;border-radius:12px;width:100%;margin-bottom:20px;padding:16px;font-size:16px;font-weight:700;transition:opacity .2s}.sup-contact-primary-btn:hover{opacity:.9}.sup-contact-secondary{justify-content:center;gap:24px;display:flex}.sup-action-icon-btn{cursor:pointer;background:#f5f5f5;border:none;border-radius:24px;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .2s;display:flex}.sup-action-icon-btn:hover{transform:scale(1.05)}.sup-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.sup-modal{background:#fff;border-radius:20px;flex-direction:column;width:100%;max-width:500px;max-height:90vh;display:flex;overflow:hidden}.sup-modal-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.sup-modal-header h2{margin:0;font-size:20px;font-weight:700}.sup-modal-close{cursor:pointer;color:#757575;background:0 0;border:none;padding:4px}.sup-modal-body{padding:24px;overflow-y:auto}.sup-form-group{margin-bottom:20px}.sup-form-label{color:#424242;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.sup-form-input,.sup-form-textarea{background:#f9fafb;border:1px solid #eee;border-radius:12px;outline:none;width:100%;padding:12px 16px;font-family:inherit;font-size:15px;transition:border-color .2s}.sup-form-input:focus,.sup-form-textarea:focus{border-color:#e91e63}.sup-form-textarea{resize:vertical;height:120px}.sup-submit-btn{color:#fff;cursor:pointer;background:#e91e63;border:none;border-radius:12px;width:100%;padding:16px;font-size:16px;font-weight:700}.sup-submit-btn:disabled{opacity:.7;cursor:not-allowed}.support-tickets-page{background-color:#f8f9fa;min-height:100vh;padding-bottom:24px}.tickets-header{z-index:100;background:#fff;border-bottom:1px solid #eee;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.tickets-header h1{color:#212121;margin:0;font-size:20px;font-weight:700}.back-btn,.add-btn{cursor:pointer;color:#e91e63;background:0 0;border:none;border-radius:20px;justify-content:center;align-items:center;width:40px;height:40px;transition:background .2s;display:flex}.add-btn{color:#fff;background:#e91e63}.back-btn:hover{background:#fff0f5}.add-btn:hover{opacity:.9}.tickets-content{max-width:800px;margin:0 auto;padding:24px}.loading-state{color:#9e9e9e;flex-direction:column;justify-content:center;align-items:center;padding:60px 0;display:flex}.spinner{border:3px solid #f5f5f5;border-top-color:#e91e63;border-radius:50%;width:32px;height:32px;margin-bottom:16px;animation:1s linear infinite spin}.stats-row{background:#fff;border:1px solid #eee;border-radius:16px;justify-content:space-around;align-items:center;margin-bottom:24px;padding:16px;display:flex}.stat-item{text-align:center}.stat-num{color:#212121;font-size:22px;font-weight:800}.stat-label{color:#9e9e9e;text-transform:uppercase;margin-top:4px;font-size:11px;font-weight:600}.text-orange{color:#e65100}.text-green{color:#2e7d32}.stat-divider{background:#eee;width:1px;height:30px}.empty-tickets{text-align:center;padding:60px 20px}.empty-icon-wrapper{background:#fafafa;border:2px dashed #e0e0e0;border-radius:48px;justify-content:center;align-items:center;width:96px;height:96px;margin:0 auto 20px;display:flex}.empty-tickets h3{color:#424242;margin-bottom:8px;font-size:18px;font-weight:700}.empty-tickets p{color:#9e9e9e;margin-bottom:24px;font-size:14px}.create-ticket-btn{color:#fff;cursor:pointer;background:#e91e63;border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:700;display:inline-flex}.tickets-list{flex-direction:column;gap:12px;display:flex}.ticket-card{cursor:pointer;background:#fff;border:1px solid #f0f0f0;border-radius:16px;padding:16px;transition:all .2s;position:relative;box-shadow:0 2px 8px #00000005}.ticket-card:hover{border-color:#e0e0e0;box-shadow:0 4px 12px #0000000d}.tc-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.tc-number{color:#e91e63;align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.tc-status{text-transform:uppercase;border-radius:8px;align-items:center;gap:6px;padding:4px 10px;font-size:10px;font-weight:700;display:flex}.status-dot{border-radius:3px;width:6px;height:6px}.tc-subject{color:#212121;margin-bottom:12px;padding-right:24px;font-size:15px;font-weight:600;line-height:1.4}.tc-bottom{justify-content:space-between;align-items:center;display:flex}.tc-category{color:#757575;text-transform:capitalize;background:#f5f5f5;border-radius:6px;padding:3px 10px;font-size:10px;font-weight:600}.tc-date{color:#bdbdbd;align-items:center;gap:4px;font-size:11px;display:flex}.tc-new-reply{color:#e91e63;border-top:1px solid #f5f5f5;align-items:center;gap:6px;margin-top:12px;padding-top:12px;font-size:12px;font-weight:600;display:flex}.tc-reply-dot{background:#e91e63;border-radius:4px;width:8px;height:8px}.tc-chevron{position:absolute;top:50%;right:16px;transform:translateY(-50%)}.ticket-category-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.ticket-cat-option{cursor:pointer;border:1px solid #0000;border-radius:12px;align-items:center;padding:10px;transition:all .2s;display:flex}.tc-icon-bg{border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;margin-right:10px;display:flex}.tc-opt-label{font-size:13px;font-weight:500}.detail-page{background:#f8f9fa;top:var(--navbar-height)!important;flex-direction:column!important;height:auto!important;min-height:0!important;padding-bottom:0!important;display:flex!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;overflow:hidden!important}@media (width>=1024px){.detail-page{left:var(--sidebar-width)!important}}.ticket-detail-header-wrap{z-index:10;background:#fff;border-bottom:1px solid #eee}.ticket-detail-content{-webkit-overflow-scrolling:touch;flex:1;width:100%;max-width:800px;margin:0 auto;padding:24px;overflow:hidden auto}.ticket-detail-footer-wrap{z-index:10;background:#fff;border-top:1px solid #eee}.reply-input-area{width:100%;max-width:800px;padding:16px 24px calc(16px + env(safe-area-inset-bottom,0px)) 24px;z-index:10;background:#fff;border-top:1px solid #eee;flex-shrink:0;align-items:flex-end;gap:12px;margin:0 auto;display:flex}.ticket-info-card{background:#fff;border:1px solid #eee;border-radius:16px;margin-bottom:24px;padding:20px}.tic-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.tic-subject{color:#212121;margin:0;font-size:18px;font-weight:700;line-height:1.4}.tic-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tic-pill{color:#616161;background:#f5f5f5;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600}.tic-pill.priority{color:#e65100;background:#fff3e0}.tic-date{color:#9e9e9e;align-items:center;margin-left:auto;font-size:12px;display:flex}.replies-container{flex-direction:column;gap:16px;padding-bottom:24px;display:flex}.reply-bubble{border-radius:16px;max-width:85%;padding:16px;position:relative}.my-message{color:#fff;background:#e91e63;border-bottom-right-radius:4px;align-self:flex-end}.support-message{color:#212121;background:#fff;border:1px solid #eee;border-bottom-left-radius:4px;align-self:flex-start}.reply-sender{color:#e91e63;margin-bottom:4px;font-size:12px;font-weight:700}.reply-content{font-size:15px;line-height:1.5}.my-message .reply-time{color:#ffffffb3}.support-message .reply-time{color:#9e9e9e}.reply-time{text-align:right;margin-top:8px;font-size:11px}.replies-divider{text-align:center;margin:16px 0;position:relative}.replies-divider:before{content:"";z-index:1;background:#eee;height:1px;position:absolute;top:50%;left:0;right:0}.replies-divider span{z-index:2;color:#9e9e9e;background:#f8f9fa;padding:0 12px;font-size:12px;font-weight:600;position:relative}.reply-textarea{resize:none;background:#f5f6f8;border:1px solid #0000;border-radius:20px;outline:none;flex:1;min-height:48px;max-height:120px;padding:12px 16px;font-family:inherit;font-size:15px;transition:all .2s}.reply-textarea:focus{background:#fff;border-color:#e91e63}.reply-send-btn{color:#fff;cursor:pointer;background:#e91e63;border:none;border-radius:24px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.reply-send-btn:disabled{cursor:not-allowed;background:#e0e0e0}.ticket-closed-banner{padding:16px 16px calc(16px + env(safe-area-inset-bottom,0px)) 16px;text-align:center;color:#757575;background:#f5f5f5;border-top:1px solid #eee;font-size:14px}.islamic-page-container{padding:var(--space-xl) var(--space-md);background-color:var(--color-bg);max-width:800px;min-height:100vh;margin:0 auto}.islamic-header{text-align:center;margin-bottom:var(--space-xl)}.islamic-title{color:var(--color-text-primary);margin-bottom:var(--space-sm);justify-content:center;align-items:center;gap:10px;font-size:28px;font-weight:700;display:flex}.islamic-subtitle{color:var(--color-text-secondary);max-width:600px;margin:0 auto;font-size:15px;line-height:1.5}.islamic-tabs{background:var(--color-white);border-radius:var(--radius-lg);margin-bottom:var(--space-xl);display:flex;overflow:hidden;box-shadow:0 2px 10px #0000000d}.islamic-tab-btn{color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:8px;padding:16px;font-size:15px;font-weight:600;display:flex;position:relative}.islamic-tab-btn.active{color:var(--color-app-accent)}.islamic-tab-btn.active:after{content:"";background-color:var(--color-app-accent);border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:0;left:20%;right:20%}.islamic-tab-btn:hover:not(.active){background-color:var(--color-bg-light)}.islamic-content{animation:.3s ease-in-out fadeIn}.islamic-hero-card{background:linear-gradient(135deg, var(--color-app-accent), #ff5e8e);border-radius:var(--radius-xl);padding:var(--space-xl) var(--space-lg);text-align:center;color:var(--color-white);margin-bottom:var(--space-xl);position:relative;overflow:hidden;box-shadow:0 10px 25px #e91e6340}.islamic-hero-icon{width:70px;height:70px;margin:0 auto var(--space-md);background:#fff3;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;display:flex}.islamic-hero-title{margin-bottom:8px;font-size:24px;font-weight:700}.islamic-hero-subtitle{opacity:.9;font-size:15px;line-height:1.5}.islamic-section-title{color:var(--color-text-primary);margin:var(--space-xl) 0 var(--space-md);font-size:20px;font-weight:700}.islamic-step-card{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-md);margin-bottom:var(--space-md);cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 8px #0000000d}.islamic-step-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.islamic-step-header{align-items:center;gap:var(--space-md);display:flex}.islamic-step-number{background:var(--color-bg);width:36px;height:36px;color:var(--color-app-accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}.islamic-step-title-wrap{flex:1}.islamic-step-title{color:var(--color-text-primary);margin-bottom:2px;font-size:16px;font-weight:600}.islamic-step-subtitle{color:var(--color-text-secondary);font-size:13px}.islamic-step-body{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-border-light)}.islamic-step-desc{color:var(--color-text-secondary);font-size:15px;line-height:1.6}.islamic-dua-box{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg);box-shadow:0 2px 8px #0000000d}.islamic-dua-header{margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:center;display:flex}.islamic-dua-title-wrap{color:var(--color-app-accent);align-items:center;gap:8px;font-weight:600;display:flex}.islamic-dua-copy{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;padding:4px}.islamic-dua-copy:hover{color:var(--color-app-accent)}.islamic-arabic{text-align:right;color:var(--color-text-primary);margin-bottom:var(--space-md);direction:rtl;font-family:Scheherazade New,Amiri,Arial,serif;font-size:24px;line-height:1.8}.islamic-transliteration{color:var(--color-text-secondary);margin-bottom:var(--space-sm);font-size:15px;font-style:italic;line-height:1.5}.islamic-translation{color:var(--color-text-primary);margin-bottom:var(--space-md);font-size:15px;line-height:1.6}.islamic-dua-source{color:var(--color-text-tertiary);text-align:right;font-size:13px}.islamic-notes-list{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:0 2px 8px #0000000d}.islamic-note-item{margin-bottom:var(--space-sm);gap:12px;display:flex}.islamic-note-bullet{background-color:var(--color-app-accent);border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:8px}.islamic-note-text{color:var(--color-text-secondary);font-size:15px;line-height:1.6}.journal-intro{margin-bottom:var(--space-xl);justify-content:space-between;align-items:center;display:flex}.journal-intro-left{align-items:center;gap:12px;display:flex}.journal-intro-title{color:var(--color-text-primary);font-size:20px;font-weight:700}.journal-intro-subtitle{color:var(--color-text-secondary);font-size:14px}.btn-new-entry{background:var(--color-app-accent);color:var(--color-white);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:none;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-weight:600;transition:opacity .2s;display:flex}.btn-new-entry:hover{opacity:.9}.journal-warning{border-radius:var(--radius-md);margin-bottom:var(--space-lg);background-color:#fff3e0;border-left:4px solid #ff9800;gap:10px;padding:12px 16px;display:flex}.journal-warning-text{color:#e65100;font-size:14px;line-height:1.5}.journal-empty{text-align:center;background:var(--color-white);border-radius:var(--radius-lg);padding:60px 20px;box-shadow:0 2px 8px #0000000d}.journal-empty-icon{margin-bottom:var(--space-md);color:var(--color-border-light)}.journal-empty-title{color:var(--color-text-primary);margin-bottom:8px;font-size:20px;font-weight:700}.journal-empty-subtitle{color:var(--color-text-secondary);max-width:400px;margin:0 auto var(--space-lg);font-size:15px;line-height:1.5}.journal-card{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-md);box-shadow:0 2px 8px #0000000d}.journal-card-header{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.journal-card-header-left{align-items:center;gap:10px;display:flex}.journal-badge{border-radius:var(--radius-sm);padding:4px 10px;font-size:13px;font-weight:600}.journal-badge.peaceful{color:#2e7d32;background:#e8f5e9}.journal-badge.anxious{color:#c62828;background:#ffebee}.journal-badge.neutral{color:#455a64;background:#eceff1}.journal-badge.clear-sign{color:#f57f17;background:#fff9c4}.journal-day{color:var(--color-text-secondary);font-size:14px;font-weight:600}.journal-delete-btn{color:var(--color-error);cursor:pointer;background:0 0;border:none;padding:4px}.journal-decision{color:var(--color-text-primary);margin-bottom:var(--space-sm);font-size:18px;font-weight:600}.journal-notes{color:var(--color-text-secondary);background:var(--color-bg);padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-sm);white-space:pre-wrap;font-size:15px;line-height:1.6}.journal-date{color:var(--color-text-tertiary);text-align:right;font-size:12px}.journal-form-label{color:var(--color-text-primary);margin-bottom:8px;font-size:14px;font-weight:600;display:block}.journal-chip{border:1px solid var(--color-border-light);background:var(--color-white);color:var(--color-text-secondary);cursor:pointer;border-radius:20px;padding:8px 16px;font-size:14px;transition:all .2s}.journal-chip.active{background:var(--color-app-accent);color:var(--color-white);border-color:var(--color-app-accent)}.journal-feeling-chip{border:1px solid var(--color-border-light);border-radius:var(--radius-md);background:var(--color-white);cursor:pointer;flex:1;align-items:center;gap:6px;min-width:120px;padding:10px 16px;transition:all .2s;display:flex}.journal-feeling-chip.active{border-color:var(--color-app-accent);background:#fff0f5}.islamic-info-card{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg);box-shadow:0 2px 8px #0000000d}.islamic-info-title{color:var(--color-text-primary);margin-bottom:var(--space-md);align-items:center;gap:10px;font-size:18px;font-weight:700;display:flex}.islamic-info-text{color:var(--color-text-secondary);margin-bottom:var(--space-md);font-size:15px;line-height:1.6}.islamic-info-text:last-child{margin-bottom:0}.journal-modal-overlay{z-index:1050;-webkit-backdrop-filter:blur(8px);background-color:#00000080;justify-content:center;align-items:center;padding:40px 20px 80px;animation:.25s cubic-bezier(.4,0,.2,1) fadeIn;display:flex;position:fixed;inset:0}.journal-modal-content{background:var(--color-white);border-radius:24px;flex-direction:column;width:100%;max-width:480px;max-height:75vh;margin-bottom:20px;animation:.4s cubic-bezier(.175,.885,.32,1.275) slideUp;display:flex;overflow:hidden;box-shadow:0 20px 40px -10px #00000026,0 0 0 1px #0000000d}.journal-modal-header{border-bottom:1px solid var(--color-bg);flex-shrink:0;justify-content:space-between;align-items:center;padding:24px 24px 16px;display:flex}.journal-modal-body{flex:1;padding:20px 24px;overflow-y:auto}.journal-modal-footer{border-top:1px solid var(--color-bg);background:var(--color-white);flex-shrink:0;padding:16px 24px 24px}.journal-modal-title{color:var(--color-text-primary);letter-spacing:-.5px;font-size:20px;font-weight:800}.journal-modal-close{background:var(--color-bg);color:var(--color-text-secondary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.journal-modal-close:hover{color:var(--color-error);background:#ffebee;transform:rotate(90deg)}.journal-form-group{margin-bottom:24px}.journal-form-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:13px;font-weight:700;display:block}.journal-input{width:100%;color:var(--color-text-primary);background-color:var(--color-bg);font-size:15px;font-family:var(--font-family);border:2px solid #0000;border-radius:16px;padding:16px;transition:all .3s}.journal-input:hover{background-color:#f0f2f5}.journal-input:focus{background-color:var(--color-white);border-color:var(--color-app-accent);outline:none;box-shadow:0 4px 12px #e91e631a}.journal-selector-row{flex-wrap:wrap;gap:10px;display:flex}.journal-chip{border:1px solid var(--color-border-light);background:var(--color-white);color:var(--color-text-secondary);cursor:pointer;border-radius:12px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1)}.journal-chip:hover{border-color:var(--color-app-accent);color:var(--color-app-accent);transform:translateY(-2px)}.journal-chip.active{background:var(--color-app-accent);color:var(--color-white);border-color:var(--color-app-accent);transform:translateY(-2px);box-shadow:0 4px 12px #e91e6340}.journal-feeling-chip{border:1px solid var(--color-border-light);background:var(--color-white);cursor:pointer;border-radius:16px;flex:1;justify-content:center;align-items:center;gap:8px;min-width:calc(50% - 5px);padding:14px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.journal-feeling-chip:hover{border-color:var(--color-app-accent);transform:translateY(-2px)}.journal-feeling-chip.active{border-color:var(--color-app-accent);background:#fff0f5;transform:translateY(-2px);box-shadow:0 4px 12px #e91e6326}.journal-feeling-emoji{font-size:20px}.journal-feeling-text{color:var(--color-text-secondary);font-size:14px;font-weight:600}.journal-feeling-chip.active .journal-feeling-text{color:var(--color-app-accent)}.journal-btn-submit{background:linear-gradient(135deg, var(--color-app-accent), #ff5e8e);width:100%;color:var(--color-white);cursor:pointer;letter-spacing:.5px;border:none;border-radius:16px;margin-top:10px;padding:18px;font-size:16px;font-weight:700;transition:all .3s;box-shadow:0 8px 20px #e91e634d}.journal-btn-submit:hover{transform:translateY(-3px);box-shadow:0 12px 25px #e91e6366}.journal-btn-submit:active{transform:translateY(0);box-shadow:0 4px 10px #e91e634d}.ic-loading{min-height:60vh;color:var(--color-text-light);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.ic-page{background:var(--color-background);min-height:100vh;font-family:var(--font-family)}.ic-hero{background:#06402b;border-radius:0 0 30px 30px;padding:40px 0 30px;position:relative;overflow:hidden}.ic-hero-pattern{opacity:.04;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23FFFFFF' fill-rule='evenodd'%3E%3Ccircle cx='30' cy='30' r='1.5'/%3E%3Ccircle cx='0' cy='0' r='1.5'/%3E%3Ccircle cx='60' cy='0' r='1.5'/%3E%3Ccircle cx='0' cy='60' r='1.5'/%3E%3Ccircle cx='60' cy='60' r='1.5'/%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.ic-hero-content{max-width:800px;padding:0 var(--space-xl);margin:0 auto;position:relative}.ic-header-top{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.ic-back-btn{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.ic-back-btn:hover{background:#ffffff40}.ic-settings-btn{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.ic-settings-btn:hover{background:#ffffff40;transform:rotate(60deg)}.ic-hero-title{color:#fff;letter-spacing:-.5px;margin-bottom:6px;font-size:26px;font-weight:800}.ic-hero-hijri{color:#f0d597;margin-bottom:4px;font-size:14px;font-weight:600}.ic-hero-location{color:#e0e0e0;align-items:center;gap:6px;font-size:13px;display:flex}.ic-countdown-card{-webkit-backdrop-filter:blur(16px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;justify-content:space-between;align-items:center;gap:10px;margin-top:24px;padding:16px 20px;display:flex;box-shadow:0 8px 32px #0000001a}.ic-countdown-label{color:#fffc;text-transform:uppercase;letter-spacing:1px;margin-bottom:3px;font-size:10px;font-weight:700;display:block}.ic-countdown-name{color:#fff;font-size:16px;font-weight:700;display:block}.ic-countdown-badge{color:#06402b;white-space:nowrap;background:#f0d597;border-radius:20px;justify-content:center;align-items:baseline;padding:6px 14px;font-size:14px;font-weight:800;display:inline-flex;box-shadow:0 4px 12px #f0d5974d}.ic-countdown-badge-in{margin-right:4px;font-size:12px;font-weight:600}.ic-content{max-width:800px;padding:var(--space-xl);margin:0 auto}.ic-toolkit-menu{flex-direction:column;gap:16px;display:flex}.ic-toolkit-title{color:var(--color-text-dark);margin-bottom:4px;font-size:16px;font-weight:700}.ic-toolkit-card{background:var(--color-white);cursor:pointer;border:1px solid var(--color-border-light);border-radius:16px;align-items:center;padding:18px 16px;transition:all .2s;display:flex;box-shadow:0 4px 14px #00000008}.ic-toolkit-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0000000f}.ic-toolkit-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;margin-right:16px;display:flex}.ic-toolkit-info{flex:1}.ic-toolkit-info h4{color:var(--color-text-dark);margin-bottom:4px;font-size:15px;font-weight:700}.ic-toolkit-info p{color:var(--color-text-light);margin:0;font-size:12px;line-height:1.4}.ic-toolkit-arrow{color:silver;flex-shrink:0;margin-left:12px}.ic-quote-card{background:var(--color-white);border:1px solid var(--color-border-light);text-align:center;border-radius:16px;margin-top:12px;padding:24px;position:relative}.ic-quote-icon{color:#f0d597;opacity:.5;font-family:serif;font-size:40px;line-height:1;position:absolute;top:10px;left:50%;transform:translate(-50%)}.ic-quote-text{color:var(--color-text);max-width:500px;margin:20px auto 0;font-size:14px;font-style:italic;font-weight:500;line-height:1.6}.ic-quote-author{color:var(--color-text-grey);letter-spacing:.5px;margin-top:16px;font-size:10px;font-weight:700;display:block}.ic-subpage{background:#f8f9fa;flex-direction:column;min-height:100vh;display:flex}.ic-subpage-header{z-index:10;background:#fff;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0;box-shadow:0 1px 4px #0000000d}.ic-back-btn-light{color:var(--color-text-dark);background:#f0f2f5}.ic-back-btn-light:hover{background:#e4e6eb}.ic-subpage-title{color:var(--color-text-dark);font-size:18px;font-weight:700}.ic-subpage-content{flex-direction:column;flex:1;gap:16px;width:100%;max-width:800px;margin:0 auto;padding:20px;display:flex}.ic-loc-card{border:1px solid var(--color-border-light);background:#fff;border-radius:16px;padding:16px;box-shadow:0 2px 8px #0000000a}.ic-loc-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.ic-loc-title-wrap{color:var(--color-text-dark);align-items:center;gap:8px;display:flex}.ic-loc-icon{color:var(--color-text-light)}.ic-loc-title{font-size:14px;font-weight:600}.ic-btn-change{color:#fff;cursor:pointer;background:#06402b;border:none;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.ic-btn-change:hover{background:#095c3e}.ic-loc-box{color:var(--color-text-dark);background:#f5f7f6;border-radius:10px;padding:14px 16px;font-size:14px;font-weight:500}.ic-schedule-card-wrapper{z-index:1;border-radius:16px;margin-bottom:24px;position:relative}.ic-schedule-card{color:#fff;background:#06402b;border-radius:16px;padding:24px;box-shadow:0 8px 32px #06402b26}.ic-schedule-hijri{color:#f0d597;letter-spacing:.5px;margin-bottom:4px;font-size:13px;font-weight:700;display:block}.ic-schedule-title{letter-spacing:-.5px;margin-bottom:16px;font-size:22px;font-weight:800}.ic-schedule-list{-webkit-backdrop-filter:blur(16px);background:#ffffff1a;border:1px solid #ffffff26;border-radius:16px;padding:4px 20px;box-shadow:0 4px 16px #0000000d}.ic-schedule-row{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:16px 0;display:flex}.ic-schedule-row:last-child{border-bottom:none}.ic-schedule-row--active{color:#f0d597;text-shadow:0 0 12px #f0d59766;font-weight:800}.ic-schedule-name,.ic-schedule-time{font-size:15px;font-weight:700}.ic-settings-list-card{border:1px solid var(--color-border-light);background:#fff;border-radius:16px;margin-bottom:40px;padding:20px;box-shadow:0 2px 8px #0000000a}.ic-sl-title{color:var(--color-text-dark);margin-bottom:12px;font-size:14px;font-weight:700}.ic-sl-item{cursor:pointer;justify-content:space-between;align-items:center;padding:14px 0;display:flex}.ic-sl-item:hover .ic-sl-label{color:var(--color-text-dark)}.ic-sl-info{flex-direction:column;gap:4px;display:flex}.ic-sl-label{color:var(--color-text-grey);font-size:12px;font-weight:600;transition:color .2s}.ic-sl-value{color:var(--color-text-dark);font-size:14px;font-weight:700}.ic-sl-arrow{color:silver}.ic-sl-divider{background:var(--color-border-light);width:100%;height:1px}.ic-stats-row{gap:12px;margin-bottom:24px;display:flex}.ic-stat-card{text-align:center;border:1px solid var(--color-border-light);background:#fff;border-radius:16px;flex-direction:column;flex:1;gap:4px;padding:18px;display:flex;box-shadow:0 2px 8px #00000008}.ic-stat-card--highlight{color:#fff;background:#06402b;border:none;box-shadow:0 4px 12px #06402b26}.ic-stat-card--highlight .ic-stat-label{color:#ffffffb3}.ic-stat-num{font-size:24px;font-weight:800;line-height:1}.ic-stat-label{color:var(--color-text-grey);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.ic-ttabs{background:#eaeaea;border-radius:12px;margin-bottom:20px;padding:4px;display:flex}.ic-ttab{color:var(--color-text-light);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:10px;font-size:13px;font-weight:700;transition:all .2s}.ic-ttab--active{color:var(--color-text-dark);background:#fff;box-shadow:0 2px 4px #0000000d}.ic-tracker-card{border:1px solid var(--color-border-light);background:#fff;border-radius:16px;margin-bottom:24px;padding:20px;box-shadow:0 2px 8px #0000000a}.ic-tracker-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.ic-tracker-header h3{color:var(--color-text-dark);font-size:16px;font-weight:700}.ic-tracker-count{color:#0f5132;border-radius:var(--radius-round);background:#e8f5e9;padding:4px 12px;font-size:12px;font-weight:700}.ic-tracker-count--qaza{color:var(--color-error);background:#ffebee}.ic-tlog-list{flex-direction:column;gap:10px;display:flex}.ic-tlog-item{cursor:pointer;border:1.5px solid #0000;border-radius:12px;align-items:center;padding:14px 16px;transition:all .2s;display:flex}.ic-tlog-item:hover{filter:brightness(.97)}.ic-tlog-icon-wrap{justify-content:center;align-items:center;width:32px;height:32px;margin-right:12px;display:flex}.ic-circle-empty{border:2px solid #ccc;border-radius:50%;width:20px;height:20px}.ic-tlog-info{flex-direction:column;display:flex}.ic-tlog-name{color:var(--color-text-dark);font-size:15px;font-weight:700}.ic-tlog-status{margin-top:2px;font-size:12px;font-weight:600}.ic-qaza-grid{flex-direction:column;gap:9px;display:flex}.ic-qaza-row{border:1.5px solid var(--color-border-light);border-radius:var(--radius-md);background:#f8f9fa;justify-content:space-between;align-items:center;padding:11px 14px;display:flex}.ic-qaza-name{color:var(--color-text-dark);font-size:14px;font-weight:700}.ic-qaza-controls{align-items:center;gap:12px;display:flex}.ic-qaza-btn{border:1.5px solid var(--color-border);cursor:pointer;width:32px;height:32px;color:var(--color-text-light);background:#fff;border-radius:9px;justify-content:center;align-items:center;transition:all .2s;display:flex}.ic-qaza-btn:hover{color:#06402b;border-color:#06402b}.ic-qaza-btn--add{color:#06402b;background:#e8f5e9;border-color:#06402b}.ic-qaza-value{color:var(--color-text-dark);text-align:center;min-width:28px;font-size:16px;font-weight:800}.ic-settings-overlay{z-index:500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:var(--space-xl);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ic-settings-modal{background:var(--color-white);border-radius:var(--radius-xxl);width:100%;max-width:440px;box-shadow:var(--shadow-xl);padding:28px}.ic-settings-title{color:var(--color-text-dark);margin-bottom:22px;font-size:22px;font-weight:800}.ic-settings-field{margin-bottom:18px}.ic-settings-field label{color:var(--color-text-light);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:12px;font-weight:700;display:block}.ic-settings-field input,.ic-settings-field select{border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-solitude);width:100%;font-size:14px;font-family:var(--font-family);outline:none;padding:12px 14px;transition:border-color .2s}.ic-settings-field input:focus,.ic-settings-field select:focus{border-color:var(--color-emerald);background:var(--color-white)}.ic-settings-actions{gap:10px;margin-top:24px;display:flex}.ic-settings-cancel{border-radius:var(--radius-md);cursor:pointer;background:var(--color-solitude);color:var(--color-text-light);border:1.5px solid var(--color-border);flex:1;padding:13px;font-size:14px;font-weight:700;transition:all .2s}.ic-settings-cancel:hover{background:var(--color-border-light)}.ic-settings-save{border-radius:var(--radius-md);cursor:pointer;color:#fff;background:#06402b;border:none;flex:1;padding:13px;font-size:14px;font-weight:700;transition:all .2s;box-shadow:0 4px 14px #06402b4d}.ic-settings-save:hover{background:#0d4429;transform:translateY(-1px)}@media (width<=640px){.ic-hero-title{font-size:24px}.ic-prayer-grid,.ic-daily-grid{grid-template-columns:repeat(2,1fr)}}