:root{--bg-dark: #121212;--surface-dark: #1a1a1a;--surface-light: #222222;--premium-gold: #d6a848;--premium-gold-light: #f3e2a9;--action-red: #e63946;--pass-grey: #3a3b40;--alert-red: #ff3b30;--text-primary: #ffffff;--text-secondary: #a0aec0;--text-muted: #6b7280;--font-family: "Inter", sans-serif;--nav-height: 72px;--border-radius: 16px;--border-radius-lg: 24px;--border-radius-full: 9999px;--premium-gradient: linear-gradient(135deg, var(--premium-gold-light), var(--premium-gold))}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-family);background-color:var(--bg-dark);color:var(--text-primary);overflow-x:hidden;overscroll-behavior-y:none;line-height:1.5;-webkit-font-smoothing:antialiased}#root{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;width:100vw;max-width:500px;margin:0 auto;position:relative;background-color:var(--bg-dark);box-shadow:0 0 50px #00000080}button{background:none;border:none;cursor:pointer;font-family:inherit;color:inherit}a{text-decoration:none;color:inherit}img{border-radius:var(--border-radius)}.app-container{flex:1;display:flex;flex-direction:column;height:100%;overflow-y:hidden;position:relative}.content-area{flex:1;min-height:0;overflow-y:auto;padding-bottom:var(--nav-height)}.bottom-nav{position:fixed;bottom:calc(8px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);width:min(calc(100% - 16px),484px);height:var(--nav-height);display:flex;justify-content:space-around;align-items:center;border:1px solid rgba(255,255,255,.14);border-radius:20px;z-index:100;background:linear-gradient(160deg,#121214e6,#121214b3);box-shadow:0 14px 34px #00000073,inset 0 1px #ffffff14;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-secondary);gap:4px;width:25%;height:100%;transition:color .2s ease}.nav-item span{font-size:.65rem;font-weight:500}.nav-item.active{color:var(--premium-gold)}.nav-icon{position:relative}.notification-badge{position:absolute;top:-4px;right:-8px;background-color:var(--alert-red);color:#fff;font-size:.6rem;font-weight:800;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--surface-dark)}.page{min-height:100%;padding:24px;display:flex;flex-direction:column}.page.center{align-items:center;justify-content:center}.btn-primary{width:100%;height:56px;border-radius:var(--border-radius-full);background:var(--premium-gradient);color:var(--bg-dark);font-weight:700;font-size:1.1rem;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease;box-shadow:0 4px 15px #d6a8484d}.btn-primary:active{opacity:.8;transform:scale(.98)}.btn-secondary{width:100%;height:56px;border-radius:var(--border-radius-full);background-color:var(--surface-light);color:var(--text-primary);font-weight:600;font-size:1.1rem;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease}.btn-secondary:active{opacity:.8;transform:scale(.98)}.glass-panel{background:#1a1a1ab3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.glass-elevated{background:linear-gradient(160deg,#121214e6,#121214b8);border:1px solid rgba(255,255,255,.14);box-shadow:0 12px 30px #0000006b,inset 0 1px #ffffff14;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.glass-modal{background:linear-gradient(160deg,#121214f2,#121214d1);border:1px solid rgba(255,255,255,.14);box-shadow:0 -10px 40px #00000080,inset 0 1px #ffffff14;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d6a84840;border-radius:4px}input[type=range]{appearance:none;-webkit-appearance:none;height:4px;border-radius:4px;background:var(--surface-light);outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:var(--premium-gold);box-shadow:0 0 10px #d6a84873;border:3px solid var(--bg-dark);cursor:grab}input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--premium-gold);box-shadow:0 0 10px #d6a84873;border:3px solid var(--bg-dark);cursor:grab}input.settings-range,input.distance-range{height:6px;border-radius:999px;background:var(--surface-light)}input.distance-range::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:transparent;border:none}input.distance-range::-moz-range-track{height:6px;border-radius:999px;background:transparent;border:none}input.settings-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;box-shadow:0 0 8px #ffffff59;border:3px solid var(--bg-dark);margin-top:-8px}input.settings-range::-moz-range-thumb{background:#fff;box-shadow:0 0 8px #ffffff59;border:3px solid var(--bg-dark)}input.settings-range::-moz-range-track{height:6px;border-radius:999px;background:transparent}input.age-dual-range{pointer-events:none;height:30px;background:transparent!important}input.age-dual-range::-webkit-slider-thumb{pointer-events:auto}input.age-dual-range::-webkit-slider-runnable-track{height:6px;background:transparent;border:none}input.age-dual-range::-moz-range-thumb{pointer-events:auto}input.age-dual-range::-moz-range-track{height:6px;background:transparent;border:none}.swipe-label{position:absolute;top:28px;font-size:2rem;font-weight:900;letter-spacing:3px;text-transform:uppercase;border-width:4px;border-style:solid;border-radius:8px;padding:4px 18px;pointer-events:none;z-index:30}.swipe-label-like{right:20px;color:#4ade80;border-color:#4ade80;transform:rotate(15deg);text-shadow:0 0 20px rgba(74,222,128,.5)}.swipe-label-nope{left:20px;color:#ef4444;border-color:#ef4444;transform:rotate(-15deg);text-shadow:0 0 20px rgba(239,68,68,.5)}.nav-dot{width:5px;height:5px;border-radius:50%;background:var(--premium-gold);margin-top:2px;transition:opacity .2s ease}@keyframes logo-pulse{0%,to{box-shadow:0 0 30px #d6a84859}50%{box-shadow:0 0 65px #d6a848bf}}.logo-pulse{animation:logo-pulse 2.5s ease-in-out infinite}@keyframes bg-drift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.splash-bg{background:linear-gradient(-45deg,#121212,#1a1a1a,#1d1508,#121212);background-size:400% 400%;animation:bg-drift 7s ease infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes confettiFall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(105vh) rotate(720deg);opacity:0}}@keyframes typingBounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-5px);opacity:1}}@keyframes message-action-menu-in{0%{opacity:0;transform:translateY(8px) scale(.92);filter:blur(6px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.profile-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;background:#ffffff12;border:1px solid rgba(255,255,255,.1);font-size:.75rem;color:#ffffffbf;font-weight:500;white-space:nowrap}.locked-photo-bubble{position:relative;width:200px;height:200px;border-radius:16px;overflow:hidden}.blurred-bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:blur(12px) brightness(.6);transform:scale(1.1)}.lock-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.chat-photo{max-width:200px;border-radius:16px;object-fit:cover}.message-action-menu{display:flex;align-items:center;gap:8px;padding:7px;border-radius:18px;background:#121212e6;border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 12px 34px #0000006b,0 0 0 1px #d6a8480f;animation:message-action-menu-in .18s cubic-bezier(.18,.9,.32,1.2);transform-origin:bottom left}.message-action-btn{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 14px;border-radius:9999px;background:#ffffff0a;color:var(--text-primary);font-size:.82rem;font-weight:700;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.message-action-btn:active{transform:scale(.97)}.message-action-btn-primary{background:linear-gradient(135deg,#f3e2a9f2,#d6a848f2);color:var(--bg-dark);box-shadow:0 6px 18px #d6a84842}.spin{animation:spin .8s linear infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes ptr-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}