@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@500;700&display=swap";
:root{--bg-base:#08090e;--bg-surface:#10131d;--bg-surface-elevated:#171c2c;--bg-glass:#10131dc7;--bg-glass-elevated:#171c2cd9;--border-subtle:#ffffff14;--border-hover:#ffffff29;--border-primary:#ff3b6966;--primary:#ff3b69;--primary-hover:#ff547d;--primary-glow:#ff3b6959;--primary-gradient:linear-gradient(135deg, #ff3b69 0%, #ff6b8b 45%, #9061f9 100%);--secondary-gradient:linear-gradient(135deg, #7e22ce 0%, #3b82f6 100%);--accent-gold:#f59e0b;--accent-gold-glow:#f59e0b4d;--danger:#ef4444;--success:#10b981;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-full:9999px;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 8px 24px #00000073;--shadow-lg:0 16px 40px #0009;--shadow-glow:0 0 35px var(--primary-glow)}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-base);min-height:100vh;color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit}.ambient-glow-mesh{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.ambient-orb-1{filter:blur(80px);background:radial-gradient(circle,#ff3b691f 0%,#0000 70%);border-radius:50%;width:50vw;height:50vw;position:absolute;top:-15%;left:15%}.ambient-orb-2{filter:blur(90px);background:radial-gradient(circle,#9061f91a 0%,#0000 70%);border-radius:50%;width:45vw;height:45vw;position:absolute;top:35%;right:-10%}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.app-navbar{z-index:50;background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);padding:14px 0;position:sticky;top:0}.navbar-inner{justify-content:space-between;align-items:center;display:flex}.nav-brand{letter-spacing:-.5px;align-items:center;gap:10px;font-size:1.35rem;font-weight:800;display:flex}.nav-brand .brand-logo-icon,.brand-logo-icon{width:36px;height:36px;box-shadow:0 4px 16px var(--primary-glow);border:1px solid #ff3b6959;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.nav-brand:hover .brand-logo-icon,.brand-logo-icon:hover{box-shadow:0 6px 20px var(--primary-glow);transform:scale(1.05)}.nav-links{border-radius:var(--radius-full);border:1px solid var(--border-subtle);background:#ffffff0a;align-items:center;gap:8px;padding:5px;display:flex}.nav-link-item{border-radius:var(--radius-full);color:var(--text-secondary);align-items:center;gap:7px;padding:8px 18px;font-size:.92rem;font-weight:600;transition:all .2s;display:flex}.nav-link-item:hover{color:var(--text-primary);background:#ffffff0f}.nav-link-item.active{color:#fff;background:var(--primary-gradient);box-shadow:0 2px 10px var(--primary-glow)}.nav-badge-pill{color:var(--primary);background:#fff;border-radius:10px;padding:1px 6px;font-size:.72rem;font-weight:800}.nav-profile-pill{border:1px solid var(--border-subtle);border-radius:var(--radius-full);cursor:pointer;background:#ffffff0a;align-items:center;gap:10px;padding:5px 14px 5px 6px;transition:all .2s;display:flex}.nav-profile-pill:hover{border-color:var(--border-hover);background:#ffffff12}.nav-avatar-img{object-fit:cover;border:1.5px solid var(--primary);border-radius:50%;width:32px;height:32px}.nav-dropdown-menu{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);z-index:100;background:#111827f5;width:290px;padding:8px;animation:.18s cubic-bezier(.16,1,.3,1) dropdownFadeIn;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 16px 36px #0009,0 0 20px #ff3b6926}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.nav-dropdown-header{border-bottom:1px solid var(--border-subtle);align-items:center;gap:12px;margin-bottom:6px;padding:10px 12px;display:flex}.nav-dropdown-item{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:10px 12px;font-size:.88rem;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.nav-dropdown-item:hover{color:#fff;background:#ffffff0f}.nav-dropdown-item .item-title{color:#fff;font-size:.88rem;font-weight:600}.nav-dropdown-item .item-limit{color:var(--text-muted);margin-top:2px;font-size:.72rem;display:block}.nav-nickname{color:var(--text-primary);font-size:.88rem;font-weight:600}.glass-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:transform .2s,border-color .2s}.glass-card:hover{border-color:var(--border-hover)}.btn-primary{background:var(--primary-gradient);color:#fff;border-radius:var(--radius-full);box-shadow:0 4px 18px var(--primary-glow);justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-size:1rem;font-weight:700;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-primary:hover{box-shadow:0 8px 26px var(--primary-glow);filter:brightness(1.08);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);background:#ffffff0f;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-secondary:hover{border-color:var(--border-hover);background:#ffffff1a}.btn-danger{color:#fca5a5;border-radius:var(--radius-full);background:#ef444426;border:1px solid #ef44444d;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-weight:600;transition:all .2s;display:inline-flex}.btn-danger:hover{color:#fff;background:#ef444440}.btn-find-match{background:var(--primary-gradient);color:#fff;letter-spacing:.5px;border-radius:var(--radius-full);box-shadow:0 0 45px var(--primary-glow);cursor:pointer;z-index:1;justify-content:center;align-items:center;gap:14px;padding:24px 56px;font-size:1.4rem;font-weight:800;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative}.btn-find-match:before{content:"";border-radius:var(--radius-full);background:var(--primary-gradient);opacity:.4;filter:blur(12px);z-index:-1;animation:2.2s ease-out infinite pulseRadar;position:absolute;inset:-6px}.btn-find-match:hover{box-shadow:0 0 60px var(--primary-glow);transform:scale(1.04)}@keyframes pulseRadar{0%{opacity:.6;transform:scale(.95)}50%{opacity:.15;transform:scale(1.15)}to{opacity:0;transform:scale(1.3)}}.tag-chip{border-radius:var(--radius-full);border:1px solid var(--border-subtle);color:var(--text-secondary);-webkit-user-select:none;user-select:none;background:#ffffff0d;align-items:center;gap:6px;padding:6px 14px;font-size:.86rem;font-weight:600;transition:all .2s;display:inline-flex}.tag-chip.selected{border-color:var(--primary);color:#ff94af;background:#ff3b6926}.tag-chip.matched{color:#c4b5fd;background:#9061f933;border-color:#9061f9;font-weight:700}.form-group{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.form-label{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:.88rem;font-weight:600;display:flex}.form-input,.form-textarea{border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;color:var(--text-primary);background:#ffffff0a;outline:none;padding:12px 16px;font-size:.95rem;transition:all .2s}.form-input:focus,.form-textarea:focus{border-color:var(--primary);background:#ffffff0f;box-shadow:0 0 0 3px #ff3b6926}.form-textarea{resize:vertical;min-height:100px}.age-slider-track{border-radius:var(--radius-full);background:#ffffff14;width:100%;height:8px;margin:20px 0;position:relative}.age-slider-fill{background:var(--primary-gradient);border-radius:var(--radius-full);height:100%;position:absolute}.slider-handle-input{pointer-events:none;appearance:none;background:0 0;width:100%;height:8px;margin:0;position:absolute}.slider-handle-input::-webkit-slider-thumb{pointer-events:auto;appearance:none;border:3px solid var(--primary);cursor:pointer;background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .15s;box-shadow:0 2px 8px #0006}.slider-handle-input::-webkit-slider-thumb:hover{transform:scale(1.2)}.horizontal-scroll-slider{appearance:none;border-radius:var(--radius-full);cursor:ew-resize;background:#ffffff1a;outline:none;width:100%;height:6px;margin:4px 0;transition:background .2s}.horizontal-scroll-slider:hover{background:#ffffff2e}.horizontal-scroll-slider.pink-accent::-webkit-slider-thumb{appearance:none;border:3px solid var(--primary);width:20px;height:20px;box-shadow:0 0 10px var(--primary-glow);cursor:grab;background:#fff;border-radius:50%;transition:transform .15s,background .15s}.horizontal-scroll-slider.pink-accent::-webkit-slider-thumb:hover{box-shadow:0 0 14px var(--primary-glow);transform:scale(1.2)}.horizontal-scroll-slider.pink-accent::-webkit-slider-thumb:active{cursor:grabbing;background:var(--primary);transform:scale(1.3)}.horizontal-scroll-slider.pink-accent::-moz-range-thumb{border:3px solid var(--primary);width:20px;height:20px;box-shadow:0 0 10px var(--primary-glow);cursor:grab;background:#fff;border-radius:50%}.horizontal-scroll-slider.purple-accent::-webkit-slider-thumb{appearance:none;cursor:grab;background:#fff;border:3px solid #9061f9;border-radius:50%;width:20px;height:20px;transition:transform .15s,background .15s;box-shadow:0 0 10px #9061f966}.horizontal-scroll-slider.purple-accent::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 14px #9061f999}.horizontal-scroll-slider.purple-accent::-webkit-slider-thumb:active{cursor:grabbing;background:#9061f9;transform:scale(1.3)}.horizontal-scroll-slider.purple-accent::-moz-range-thumb{cursor:grab;background:#fff;border:3px solid #9061f9;border-radius:50%;width:20px;height:20px;box-shadow:0 0 10px #9061f966}.call-timer-badge{border-radius:var(--radius-full);border:1px solid var(--border-subtle);color:#fff;background:#0009;align-items:center;gap:8px;padding:6px 18px;font-family:JetBrains Mono,monospace;font-size:1.25rem;font-weight:700;display:inline-flex}.call-timer-badge.urgent{color:#f87171;border-color:#ef444480;animation:1s infinite alternate pulseUrgent}@keyframes pulseUrgent{0%{box-shadow:0 0 5px #ef44444d}to{box-shadow:0 0 18px #ef4444b3}}.greeting-toast{border-radius:var(--radius-full);z-index:100;color:#fff;background:#10131df2;border:1.5px solid #ff3b69;align-items:center;gap:12px;padding:12px 28px;font-size:1.05rem;font-weight:700;animation:.5s cubic-bezier(.16,1,.3,1) slideDownToast;display:flex;position:absolute;top:80px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #ff3b6959}@keyframes slideDownToast{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}.modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#000000bf;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-bottom-nav{background:var(--bg-glass-elevated);-webkit-backdrop-filter:blur(24px);border-top:1px solid var(--border-subtle);z-index:999;height:64px;padding:6px 12px;padding-bottom:max(6px, env(safe-area-inset-bottom,6px));justify-content:space-around;align-items:center;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0006}.mobile-nav-item{color:var(--text-secondary);border-radius:var(--radius-sm);-webkit-tap-highlight-color:transparent;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;min-height:48px;font-size:.68rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex;position:relative}.mobile-nav-item:active{transform:scale(.92)}.mobile-nav-item.active{color:#fff}.mobile-nav-item.active .mobile-nav-icon-wrap{color:var(--primary);filter:drop-shadow(0 0 8px var(--primary-glow))}.mobile-nav-item.active:after{content:"";border-radius:var(--radius-full);background:var(--primary);width:16px;height:3px;box-shadow:0 0 8px var(--primary);position:absolute;top:2px}.mobile-nav-badge{background:var(--primary);color:#fff;box-shadow:0 0 6px var(--primary-glow);border-radius:10px;padding:0 5px;font-size:.65rem;font-weight:800;line-height:14px;position:absolute;top:4px;right:calc(50% - 16px)}.hide-desktop{display:none!important}.hide-mobile{display:block}@media (max-width:1024px){.container{padding:0 20px}.glass-card{border-radius:var(--radius-md)}}@media (min-width:769px) and (max-width:1024px){.nav-links{gap:4px;padding:4px}.nav-link-item{gap:5px;padding:7px 12px;font-size:.86rem}.btn-find-match{padding:20px 44px;font-size:1.25rem}}@media (max-width:768px){body.has-mobile-nav{padding-bottom:74px!important}.container{padding:0 16px}.hide-desktop{display:flex!important}.hide-mobile{display:none!important}.mobile-bottom-nav{display:flex}.nav-links{display:none!important}.app-navbar{padding:10px 0}.nav-brand{font-size:1.2rem}.nav-brand .brand-logo-icon{width:30px;height:30px}.btn-primary,.btn-secondary,.btn-danger{padding:10px 20px;font-size:.9rem}.btn-find-match{gap:10px;width:100%;max-width:340px;padding:18px 28px;font-size:1.1rem}.form-input,.form-textarea{padding:11px 14px;font-size:.92rem}.tag-chip{padding:7px 14px;font-size:.84rem}.chat-page-container{gap:0!important;height:calc(100vh - 60px)!important;padding:8px!important}.chat-sidebar-pane,.chat-conversation-pane{border-radius:var(--radius-md)!important;width:100%!important}.modal-overlay{padding:12px}.modal-overlay .glass-card{max-height:90vh;padding:24px 18px!important}.greeting-toast{width:90%;max-width:340px;padding:10px 18px;font-size:.88rem;top:70px}.call-timer-badge{padding:5px 12px;font-size:1rem}}@media (max-width:480px){.container{padding:0 12px}.nav-brand span{font-size:1.15rem}.btn-find-match{padding:16px 20px;font-size:1rem}.glass-card{padding:20px 16px!important}}.no-scrollbar::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.no-scrollbar::-webkit-scrollbar-track{width:0!important;height:0!important;display:none!important}.no-scrollbar::-webkit-scrollbar-thumb{width:0!important;height:0!important;display:none!important}.no-scrollbar::-webkit-scrollbar-button{width:0!important;height:0!important;display:none!important}.no-scrollbar::-webkit-scrollbar-corner{width:0!important;height:0!important;display:none!important}.no-scrollbar{-ms-overflow-style:none!important;scrollbar-width:none!important}