:root{--primary-maroon:#6a0b1a;--primary-dark:#4a0712;--primary-light:#9b1c31;--gold-primary:#d4af37;--gold-hover:#c5a028;--gold-light:#fbf4de;--gold-gradient:linear-gradient(135deg, #d4af37 0%, #f3e5ab 50%, #aa7c11 100%);--maroon-gradient:linear-gradient(135deg, #6a0b1a 0%, #8a1224 50%, #4a0712 100%);--bg-champagne:#faf6f0;--bg-card:#fff;--text-dark:#2a2424;--text-muted:#6b6262;--text-light:#8e8383;--border-light:#efe8de;--border-gold:#d4af3766;--success:#27ae60;--danger:#e74c3c;--warning:#f39c12;--font-serif:"Cinzel", serif;--font-sans:"Outfit", sans-serif;--shadow-sm:0 2px 8px #6a0b1a0f;--shadow-md:0 4px 16px #6a0b1a1a;--shadow-lg:0 8px 30px #6a0b1a29;--shadow-gold:0 4px 20px #d4af374d;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-full:9999px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{font-family:var(--font-sans);color:var(--text-dark);background-color:#1a1416;min-height:100vh;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}*{-ms-overflow-style:none!important;scrollbar-width:none!important}.app-container{background:radial-gradient(circle at top,#2c0f17 0%,#120a0e 100%);justify-content:center;align-items:flex-start;width:100%;height:100dvh;min-height:100dvh;padding:0;display:flex;overflow:hidden}.mobile-device-wrapper{background-color:var(--bg-champagne);flex-direction:column;width:100%;max-width:480px;height:100dvh;max-height:100dvh;display:flex;position:relative;overflow:hidden;box-shadow:0 0 50px #00000080}@media (width<=767px){.desktop-mode-toggle{display:none!important}}@media (width>=768px){.app-container{align-items:center;padding:20px 0}.mobile-device-wrapper{outline:2px solid var(--gold-primary);height:92vh;min-height:92vh;max-height:92vh;box-shadow:var(--shadow-lg), 0 0 40px #d4af3740;border:8px solid #2d2527;border-radius:36px}}.mobile-device-wrapper.full-screen-mode{border:none!important;border-radius:0!important;outline:none!important;max-width:100%!important;height:100dvh!important;min-height:100vh!important;max-height:100dvh!important}.app-header{background:var(--maroon-gradient);color:#fff;padding-top:max(env(safe-area-inset-top), 24px);z-index:50;border-bottom:2px solid var(--gold-primary);min-height:68px;box-shadow:var(--shadow-md);flex-shrink:0;justify-content:space-between;align-items:center;padding-bottom:12px;padding-left:16px;padding-right:16px;display:flex;position:sticky;top:0}.brand-title{font-family:var(--font-serif);letter-spacing:.5px;background:0 0;align-items:center;gap:6px;font-size:1.25rem;font-weight:700;display:flex}.main-content{-webkit-overflow-scrolling:touch;flex:1;padding-bottom:110px;overflow:hidden auto}.bottom-nav{bottom:max(12px, env(safe-area-inset-bottom,12px));-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-gold);z-index:50;background:#fffffff5;border-radius:24px;flex-shrink:0;justify-content:space-around;align-items:center;min-height:64px;padding:6px 10px;display:flex;position:absolute;left:12px;right:12px;box-shadow:0 10px 32px #6a0b1a2e,0 2px 10px #d4af3733}.nav-item{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:16px;outline:none;flex-direction:column;justify-content:center;align-items:center;width:20%;padding:4px 8px;font-size:.72rem;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.nav-item.active{color:var(--primary-maroon);font-weight:700}.nav-item.active .nav-icon-box{background:var(--gold-gradient);color:var(--primary-dark);border:1px solid var(--gold-primary);transform:translateY(-3px);box-shadow:0 4px 12px #d4af3766}.nav-icon-box{border-radius:14px;justify-content:center;align-items:center;padding:6px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.badge-count{background:var(--danger);color:#fff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.65rem;font-weight:700;display:flex;position:absolute;top:0;right:10px;box-shadow:0 2px 6px #0003}.drawer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#0f0a0cbf;justify-content:flex-start;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.drawer-content{background:#fff;flex-direction:column;width:82%;max-width:340px;height:100%;animation:.3s cubic-bezier(.16,1,.3,1) slideRight;display:flex;overflow-y:auto;box-shadow:8px 0 30px #0000004d}@keyframes slideRight{0%{transform:translate(-100%)}to{transform:translate(0)}}.interest-chip-selectable{cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid var(--border-gold);color:var(--text-dark);background:#fff;border-radius:20px;align-items:center;gap:6px;padding:8px 14px;font-size:.82rem;font-weight:600;transition:all .15s;display:inline-flex}.interest-chip-selectable.selected{background:var(--maroon-gradient);color:#fff;border-color:var(--gold-primary);transform:translateY(-1px);box-shadow:0 3px 10px #6a0b1a40}.overlapping-avatars{justify-content:center;align-items:center;margin-bottom:16px;display:flex}.overlapping-avatars img{object-fit:cover;border:3px solid #fff;border-radius:50%;width:48px;height:48px;margin-left:-14px;box-shadow:0 4px 12px #00000026}.overlapping-avatars img:first-child{margin-left:0}.card{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);margin-bottom:16px;padding:16px}.card-gold-border{border:1px solid var(--border-gold)}.verified-badge{color:#fff;border-radius:var(--radius-full);background:linear-gradient(135deg,#11998e 0%,#38ef7d 100%);align-items:center;gap:4px;padding:3px 8px;font-size:.68rem;font-weight:600;display:inline-flex}.match-badge{background:var(--gold-gradient);color:var(--primary-dark);border-radius:var(--radius-full);align-items:center;gap:4px;padding:4px 10px;font-size:.72rem;font-weight:700;display:inline-flex;box-shadow:0 2px 8px #d4af3766}.btn-primary{background:var(--maroon-gradient);color:#fff;border:1px solid var(--gold-primary);border-radius:var(--radius-md);cursor:pointer;min-height:48px;box-shadow:var(--shadow-sm);touch-action:manipulation;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 20px;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary:active{transform:scale(.98)}.btn-gold{background:var(--gold-gradient);color:var(--primary-dark);border-radius:var(--radius-md);cursor:pointer;min-height:48px;box-shadow:var(--shadow-gold);touch-action:manipulation;border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 20px;font-size:.95rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-outline{color:var(--primary-maroon);border:1.5px solid var(--primary-maroon);border-radius:var(--radius-md);cursor:pointer;touch-action:manipulation;background:0 0;justify-content:center;align-items:center;gap:6px;min-height:48px;padding:10px 16px;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-icon{border:1px solid var(--border-light);cursor:pointer;width:48px;min-width:48px;height:48px;min-height:48px;color:var(--text-dark);touch-action:manipulation;background:#fff;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.btn-icon.active{background:var(--primary-maroon);color:var(--gold-primary);border-color:var(--gold-primary)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#0f0a0cbf;justify-content:center;align-items:flex-end;animation:.25s ease-out fadeIn;display:flex;position:fixed;inset:0}@media (width>=768px){.modal-overlay{align-items:center}}.modal-content{width:100%;max-width:480px;max-height:90vh;box-shadow:var(--shadow-lg);background:#fff;border-top-left-radius:24px;border-top-right-radius:24px;padding:24px 20px;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;position:relative;overflow-y:auto}@media (width>=768px){.modal-content{border-radius:24px}}.form-group{margin-bottom:16px}.form-label{color:var(--text-dark);margin-bottom:6px;font-size:.85rem;font-weight:600;display:block}.form-input,.form-textarea{width:100%;height:48px;min-height:48px;font-family:var(--font-sans);color:#2a1e17;box-sizing:border-box;background-color:#fff;border:1.5px solid #eadbcc;border-radius:12px;outline:none;padding:0 14px;font-size:14px;font-weight:500;transition:all .2s ease-in-out}.form-textarea{height:auto;min-height:90px;padding:12px 14px}.form-input:focus,.form-textarea:focus,.custom-select-container:focus-within{border-color:#700b1a!important;box-shadow:0 0 0 3px #700b1a1a!important}.custom-select-container{box-sizing:border-box;background-color:#fff;border:1.5px solid #eadbcc;border-radius:12px;justify-content:space-between;align-items:center;width:100%;height:48px;padding:0 14px;transition:all .2s ease-in-out;display:flex;position:relative}.custom-select-container select{appearance:none;color:#2a1e17;cursor:pointer;background:0 0;border:none;outline:none;width:100%;height:100%;font-size:14px;font-weight:500}.pill-selector{color:#554a43;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #eadbcc;border-radius:20px;justify-content:center;align-items:center;padding:8px 16px;font-size:.82rem;font-weight:500;transition:all .2s ease-in-out;display:inline-flex}.pill-selector.active,.pill-selector.selected{box-shadow:0 3px 10px #700b1a33;color:#fff!important;background:#700b1a!important;border:1.5px solid #700b1a!important;font-weight:600!important}.segmented-counter{box-sizing:border-box;background:#fff;border:1.5px solid #eadbcc;border-radius:12px;gap:4px;width:100%;padding:3px;display:flex}.segmented-counter-btn{color:#554a43;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;height:38px;font-size:14px;font-weight:600;transition:all .2s ease-in-out;display:flex}.segmented-counter-btn.active{color:#fff;background:#700b1a;box-shadow:0 2px 6px #700b1a40}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.empty-state{text-align:center;color:var(--text-muted);padding:40px 20px}.empty-state-icon{background:var(--gold-light);width:64px;height:64px;color:var(--primary-maroon);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,#f0e6d8 25%,#fffdf9 50%,#f0e6d8 75%) 0 0/200% 100%;animation:1.5s infinite skeletonLoading}@keyframes skeletonLoading{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes zoomIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:.2s cubic-bezier(.16,1,.3,1) forwards fadeIn}.animate-zoom-in{animation:.25s cubic-bezier(.16,1,.3,1) forwards zoomIn}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.chip{border-radius:var(--radius-full);background:var(--bg-champagne);color:var(--primary-maroon);border:1px solid var(--border-gold);margin-bottom:6px;margin-right:6px;padding:4px 10px;font-size:.75rem;font-weight:500;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:.8s linear infinite spin}button.clear-filter-btn,.filter-clear-btn,.clear-filter-btn{box-shadow:none!important;color:#9e2a2b!important;cursor:pointer!important;background:0 0!important;border:none!important;border-radius:9999px!important;outline:none!important;align-items:center!important;padding:4px 8px!important;font-size:12px!important;font-weight:600!important;transition:all .2s!important;display:inline-flex!important}button.clear-filter-btn:hover,.clear-filter-btn:hover{background:#fbeaeb!important}.w-13{width:3.25rem!important}.h-13{height:3.25rem!important}