@import"https://fonts.googleapis.com/css2?family=Syne:wght@700;800;900&family=Outfit:wght@300;400;500;600&display=swap";:root{--bg: #fbfbff;--bg2: #f5f2ff;--glass: rgba(255,255,255,.8);--glass2: rgba(255,255,255,.66);--border: rgba(123, 87, 255, .14);--border2: rgba(123, 87, 255, .22);--text: #221a3b;--muted: rgba(46, 33, 84, .56);--muted2: rgba(46, 33, 84, .34);--cyan: #8a5bff;--pink: #ff8c42;--violet: #6f4af2;--male: #4f8ef7;--female: #f06292;--green: #22c55e;--r-sm: 10px;--r-md: 16px;--r-lg: 22px;--r-xl: 30px;--ease: cubic-bezier(.34,1.56,.64,1);--ease-out: cubic-bezier(.16,1,.3,1);--ease-in: cubic-bezier(.4,0,1,1)}:root[data-theme=light]{--bg: #fbfbff;--bg2: #f5f2ff;--glass: rgba(255,255,255,.8);--glass2: rgba(255,255,255,.66);--border: rgba(123, 87, 255, .14);--border2: rgba(123, 87, 255, .22);--text: #221a3b;--muted: rgba(46, 33, 84, .56);--muted2: rgba(46, 33, 84, .34)}*{box-sizing:border-box}html,body,#root{height:100%;width:100%}body{background:var(--bg);color:var(--text);font-family:Outfit,system-ui,sans-serif;font-size:14px;line-height:1.5;overflow:hidden;margin:0}.mesh{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.blob{position:absolute;border-radius:50%;will-change:transform}.blob1{width:600px;height:600px;top:-15%;left:-15%;background:radial-gradient(circle,rgba(138,91,255,.18) 0%,transparent 70%);filter:blur(80px);animation:float 12s ease-in-out infinite}.blob2{width:500px;height:500px;bottom:-15%;right:-15%;background:radial-gradient(circle,rgba(255,140,66,.16) 0%,transparent 70%);filter:blur(80px);animation:float 12s ease-in-out infinite -5s}.blob3{width:350px;height:350px;top:40%;left:40%;background:radial-gradient(circle,rgba(111,74,242,.14) 0%,transparent 70%);filter:blur(80px);animation:float 12s ease-in-out infinite -9s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-20px) scale(1.04)}66%{transform:translate(-20px,30px) scale(.97)}}.grain{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.022;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}:root[data-theme=light] .grain{opacity:.015}.app{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:2}.screen{width:100%;max-width:480px;height:100%;overflow-y:auto;overflow-x:hidden;animation:screen-in .45s var(--ease-out) forwards}@media (max-width: 480px){.screen{max-width:100%}}.screen.exit{animation:screen-out .3s var(--ease-in) forwards}@keyframes screen-in{0%{opacity:0;transform:scale(.96) translateY(12px)}to{opacity:1}}@keyframes screen-out{to{opacity:0;transform:scale(1.03)}}.screen::-webkit-scrollbar{width:3px}.screen::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:2px}.home{display:flex;flex-direction:column;align-items:center;padding:28px 16px}@media (max-width: 480px){.home{padding:16px 12px}}.logo{font-family:Syne,sans-serif;font-size:52px;font-weight:900;letter-spacing:-3px;background:linear-gradient(130deg,#6f4af2,#8a5bff 55%,#ff8c42);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 8px 18px rgba(111,74,242,.22));margin-bottom:6px}@media (max-width: 480px){.logo{font-size:40px}}.tagline{font-size:13px;color:var(--muted);text-align:center;margin-bottom:16px}.online-count{margin-bottom:14px;font-size:12px;color:#5938c8;background:#ffffffb8;border:1px solid rgba(111,74,242,.16);border-radius:999px;padding:8px 14px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.card{width:100%;max-width:380px;background:linear-gradient(145deg,#ffffffd1,#ffffffad);backdrop-filter:blur(28px) saturate(150%);-webkit-backdrop-filter:blur(28px) saturate(150%);border:1px solid rgba(111,74,242,.18);border-radius:34px;padding:30px;position:relative;overflow:hidden;margin-bottom:14px;box-shadow:0 26px 60px #6542dc29,inset 0 1px #ffffffbf}@media (max-width: 480px){.card{padding:20px;max-width:calc(100% - 24px)}}.card:before{content:"";position:absolute;inset:0;background:linear-gradient(140deg,#8a5bff1f,#ff8c4214 45%,#fff0 70%);pointer-events:none}.card>*{position:relative;z-index:1}.section-label{font-size:11px;font-weight:600;color:var(--muted2);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}.g-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}.g-grid.three{grid-template-columns:1fr 1fr 1fr}.g-btn{border:1.5px solid var(--border2);background:#ffffffb8;border-radius:22px;padding:18px 10px;display:flex;flex-direction:column;align-items:center;gap:7px;color:var(--muted);font-size:13px;font-weight:500;cursor:pointer;transition:all .22s var(--ease-out);will-change:transform;box-shadow:inset 0 1px #fffc}@media (max-width: 480px){.g-btn{padding:14px 8px;font-size:12px}}.g-btn:hover{transform:translateY(-2px) scale(1.02)}.g-btn:active{transform:scale(.98)}.g-btn .gi{font-size:26px;transition:transform .3s var(--ease)}.g-btn:hover .gi{transform:scale(1.15)}.g-btn.sm{padding:13px 8px;font-size:11px}.g-btn.sm .gi{font-size:20px}.g-btn.active-male{border-color:var(--male);background:#4f8ef71f;color:var(--male);box-shadow:0 0 0 3px #4f8ef71a,0 4px 20px #4f8ef726}.g-btn.active-female{border-color:var(--female);background:#f062921f;color:var(--female);box-shadow:0 0 0 3px #f062921a,0 4px 20px #f0629226}.g-btn.active-any{border-color:var(--cyan);background:#8a5bff1f;color:var(--cyan);box-shadow:0 0 0 3px #8a5bff1a,0 4px 20px #8a5bff2e}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--border2),transparent);margin:22px 0}.captcha-box{background:linear-gradient(135deg,#8a5bff14,#ff8c4214);border:1px solid rgba(111,74,242,.2);border-radius:22px;padding:14px 18px;display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:20px}.cap-eq{font-family:Syne;font-size:26px;font-weight:700;color:var(--cyan);text-shadow:0 0 20px rgba(138,91,255,.35)}.cap-input{width:100%;max-width:150px;background:var(--glass2);border:2px solid var(--border2);border-radius:var(--r-sm);padding:10px 14px;color:var(--text);font-size:18px;font-weight:600;text-align:center;outline:none;transition:all .2s ease;font-family:Syne,sans-serif;letter-spacing:2px}.cap-input:focus{border-color:var(--cyan);box-shadow:0 0 0 4px #8a5bff33,0 0 12px #8a5bff59}.cap-input::placeholder{color:var(--muted2);opacity:.6}.cap-verified{display:flex;align-items:center;gap:6px;color:var(--cyan);font-size:13px}.cap-check{width:18px;height:18px;border-radius:50%;background:var(--cyan);color:#000;font-size:10px;display:flex;align-items:center;justify-content:center;animation:pop .3s var(--ease);font-weight:700}@keyframes pop{0%{transform:scale(0)}to{transform:scale(1)}}.start-btn{width:100%;padding:18px;border-radius:20px;background:linear-gradient(135deg,#6f4af2,#8a5bff,#ff8c42);background-size:200% 200%;animation:grad-shift 4s ease infinite;color:#fff;font-family:Syne;font-size:17px;font-weight:700;box-shadow:0 12px 28px #6f4af242,0 6px 16px #ff8c4238;border:none;cursor:pointer;transition:all .2s var(--ease)}@media (max-width: 480px){.start-btn{padding:15px;font-size:15px}}.start-btn:hover:not(:disabled){transform:translateY(-2px) scale(1.01);box-shadow:0 16px 44px #6f4af257}.start-btn:disabled{opacity:.3;cursor:not-allowed;background:#c8d0e633}@keyframes grad-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.ripple{position:absolute;border-radius:50%;background:#ffffff26;pointer-events:none;animation:ripple-out .5s ease-out forwards}@keyframes ripple-out{to{transform:scale(4);opacity:0}}.footer-note{font-size:10px;color:var(--muted2);text-align:center}button{border:none;background:none;padding:0;font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.matching{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px}.match-logo{font-family:Syne;font-size:34px;font-weight:900;background:linear-gradient(135deg,var(--cyan),var(--violet),var(--pink));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:12px}.match-msg{font-size:14px;color:var(--muted);margin-bottom:20px;font-weight:500}.orbit-wrapper{width:160px;height:160px;position:relative;margin:0 auto 28px}.orbit-ring{position:absolute;inset:0;border-radius:50%;border:1.5px solid transparent;background:linear-gradient(var(--bg),var(--bg)) padding-box,linear-gradient(135deg,var(--cyan),transparent,var(--pink)) border-box;animation:spin 3s linear infinite}.orbit-ring:nth-child(2){inset:-18px;opacity:.5;animation:spin 5s linear reverse infinite}.orbit-ring:nth-child(3){inset:-36px;opacity:.25;animation:spin 8s linear infinite}.orbit-ring:nth-child(4){inset:-54px;opacity:.12;animation:spin 12s linear reverse infinite}.orbit-core{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--cyan),var(--violet),var(--pink));margin:auto;font-size:26px;animation:pulse-glow 2s ease-in-out infinite;box-shadow:0 0 40px #00f0e066}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 40px #00f0e066}50%{box-shadow:0 0 60px #00f0e099}}.match-title{font-family:Syne;font-size:24px;font-weight:800}.match-subtitle{font-size:13px;color:var(--muted);margin-top:6px}.dots{display:flex;gap:7px;justify-content:center;margin-top:20px}.dot{width:7px;height:7px;border-radius:50%;animation:db 1.4s infinite}.dot:nth-child(1){background:var(--cyan)}.dot:nth-child(2){background:var(--violet);animation-delay:.18s}.dot:nth-child(3){background:var(--pink);animation-delay:.36s}@keyframes db{0%,80%,to{transform:scale(.6);opacity:.35}40%{transform:scale(1);opacity:1}}.cancel-match-btn{margin-top:28px;padding:11px 32px;border-radius:40px;border:1px solid var(--border2);background:var(--glass2);color:var(--muted);font-size:13px;transition:all .18s var(--ease-out)}.cancel-match-btn:hover{border-color:#ff2d7866;color:var(--pink);transform:scale(1.03)}.chat{display:flex;flex-direction:column;height:100%;background:var(--bg2)}.chat-header{height:auto;padding:14px 16px;background:var(--glass);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px;flex-shrink:0;z-index:10}@media (max-width: 480px){.chat-header{padding:12px 14px}}.avatar{width:42px;height:42px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:18px;position:relative;transition:transform .2s var(--ease)}.avatar.male{background:linear-gradient(135deg,#4f8ef733,#4f8ef70d);border:1px solid rgba(79,142,247,.2);color:var(--male)}.avatar.female{background:linear-gradient(135deg,#f0629233,#f062920d);border:1px solid rgba(240,98,146,.2);color:var(--female)}.online-dot{position:absolute;bottom:1px;right:1px;width:10px;height:10px;border-radius:50%;background:var(--green);border:2px solid var(--bg2);animation:blink-dot 2.5s ease-in-out infinite}@keyframes blink-dot{0%,to{opacity:1;box-shadow:0 0 6px var(--green)}50%{opacity:.4}}.info-col{flex:1;min-width:0}.info-name{font-weight:600;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.info-status{font-size:11px;color:var(--green);margin-top:1px}.header-actions{margin-left:auto;display:flex;gap:7px;flex-shrink:0}.hbtn{width:36px;height:36px;border-radius:10px;border:1px solid var(--border2);background:var(--glass2);font-size:16px;color:var(--muted);transition:all .18s var(--ease-out)}@media (max-width: 480px){.hbtn{width:32px;height:32px;font-size:14px}}.hbtn:hover{transform:scale(1.1)}.hbtn.sound-on{color:var(--cyan);border-color:#00f0e04d}.messages{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px 14px;display:flex;flex-direction:column;gap:6px;scroll-behavior:smooth}@media (max-width: 480px){.messages{padding:12px 10px}}.messages::-webkit-scrollbar{width:3px}.messages::-webkit-scrollbar-thumb{background:#ffffff1f}.respectful-msg{text-align:center;font-size:11px;color:var(--muted);padding:10px;background:#00f0e00d;border:1px solid rgba(0,240,224,.1);border-radius:var(--r-md);margin-bottom:8px;font-style:italic}.mrow{display:flex;animation:msg-in .28s var(--ease) both;gap:8px}.mrow.me{flex-direction:row-reverse;align-items:flex-end}@keyframes msg-in{0%{opacity:0;transform:translateY(10px) scale(.96)}}.bubble-wrap{max-width:min(78%,360px)}.bubble{width:fit-content;max-width:100%;min-width:min(112px,42vw);padding:10px 14px;border-radius:18px;overflow-wrap:anywhere;word-break:normal}@media (max-width: 480px){.bubble-wrap{max-width:86%}.bubble{min-width:min(92px,46vw);padding:8px 12px;font-size:13px}}.mrow.me .bubble{background:linear-gradient(135deg,var(--cyan),var(--violet));color:#fff;font-weight:500;border-radius:18px 18px 4px}.mrow.them .bubble{background:var(--glass);backdrop-filter:blur(12px);border:1px solid var(--border2);color:var(--text);border-radius:18px 18px 18px 4px;position:relative}.report-btn{position:absolute;top:-28px;right:0;padding:4px 10px;border-radius:20px;font-size:10px;background:var(--glass);border:1px solid var(--border2);color:var(--muted);opacity:0;transform:translateY(4px);transition:all .2s ease}.mrow.them:hover .report-btn{opacity:1;transform:translateY(0)}@media (hover: none){.report-btn{opacity:1;transform:translateY(0);font-size:9px;padding:3px 8px}}.msg-time{font-size:10px;color:var(--muted2);margin-top:3px}.sys-msg{align-self:center;background:var(--glass);border:1px solid var(--border);border-radius:40px;padding:5px 16px;font-size:11px;color:var(--muted);animation:screen-in .3s var(--ease-out)}.topic-card{align-self:center;text-align:center;background:linear-gradient(135deg,#00f0e00f,#7c6af50f);border:1px solid rgba(0,240,224,.15);border-radius:var(--r-md);padding:12px 18px;max-width:280px;animation:screen-in .35s var(--ease-out) .1s both}.topic-label{font-size:11px;color:var(--muted2);text-transform:uppercase;letter-spacing:1px}.topic-text{font-size:13px;color:var(--cyan);font-weight:500}.typing-bubble{background:var(--glass);backdrop-filter:blur(12px);border:1px solid var(--border2);padding:12px 16px;border-radius:18px 18px 18px 4px;display:flex;gap:4px}.typing-dot{width:7px;height:7px;border-radius:50%;background:var(--muted);animation:db 1.2s ease-in-out infinite}.typing-dot:nth-child(2){animation-delay:.15s}.typing-dot:nth-child(3){animation-delay:.3s}.chat-footer{padding:10px 12px 14px;background:var(--glass);backdrop-filter:blur(20px);border-top:1px solid var(--border);flex-shrink:0;max-height:50vh;overflow-y:auto}@media (max-width: 480px){.chat-footer{padding:8px 10px 12px}}.emoji-tray{display:flex;gap:4px;overflow-x:auto;padding-bottom:10px;-webkit-overflow-scrolling:touch;max-height:45px;transition:max-height .25s ease,opacity .2s ease;opacity:1}.emoji-tray:not(.visible){max-height:0;opacity:0;overflow:hidden;pointer-events:none}.emoji-toggle.open{background:#00f0e026;border-color:var(--cyan)}.emoji-btn{font-size:21px;border-radius:10px;padding:5px 6px;flex-shrink:0;background:transparent;transition:all .2s ease}.emoji-btn:hover{background:#ffffff14;transform:scale(1.25)}.input-row{display:flex;gap:8px;align-items:flex-end}@media (max-width: 480px){.input-row{gap:6px}}.emoji-toggle{width:42px;height:42px;border-radius:12px;flex-shrink:0;background:var(--glass2);border:1.5px solid var(--border2);font-size:20px;transition:all .2s var(--ease-out)}@media (max-width: 480px){.emoji-toggle{width:38px;height:38px;font-size:18px}}.emoji-toggle:hover{border-color:#00f0e066;transform:scale(1.05)}.msg-input{flex:1;background:var(--glass2);border:1.5px solid var(--border2);border-radius:14px;padding:11px 14px;color:var(--text);font-size:14px;outline:none;resize:none;line-height:1.5;max-height:100px;font-family:inherit;-webkit-appearance:none}@media (max-width: 480px){.msg-input{padding:10px 12px;font-size:13px}}.msg-input:focus{border-color:#00f0e059;box-shadow:0 0 0 3px #00f0e014}.send-btn{width:48px;height:48px;border-radius:14px;flex-shrink:0;background:linear-gradient(135deg,var(--cyan),var(--violet));transition:all .2s ease}@media (max-width: 480px){.send-btn{width:44px;height:44px;border-radius:12px}}.send-btn:hover:not(:disabled){transform:scale(1.1)}.send-btn:disabled{opacity:.3;cursor:not-allowed;background:#c8d0e626}.send-icon{width:18px;height:18px;stroke:#fff;stroke-width:2}.action-bar{display:flex;gap:7px;margin-top:9px}.apill{flex:1;padding:9px 6px;border-radius:10px;border:1px solid var(--border2);background:var(--glass2);color:var(--muted);font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:5px;transition:all .18s var(--ease-out);white-space:nowrap}@media (max-width: 480px){.apill{padding:8px 4px;font-size:10px}}.overlay{position:fixed;inset:0;background:#05070bbf;backdrop-filter:blur(8px);z-index:200;display:flex;align-items:flex-end;justify-content:center;padding:20px;animation:fade-in .2s ease}.overlay-center{align-items:center}@keyframes fade-in{0%{opacity:0}}.sheet{width:100%;max-width:480px;background:var(--glass);backdrop-filter:blur(32px) saturate(180%);border:1px solid var(--border2);border-radius:28px 28px 0 0;padding:28px 24px 32px;animation:slide-up .35s var(--ease-out);position:relative}@media (max-width: 480px){.sheet{padding:20px 16px 24px;border-radius:24px}}@keyframes slide-up{0%{transform:translateY(100%)}}.sheet:before{content:"";position:absolute;top:12px;left:50%;transform:translate(-50%);width:36px;height:4px;border-radius:4px;background:var(--border2)}.modal-box{width:100%;max-width:360px;background:var(--glass);backdrop-filter:blur(32px) saturate(180%);border:1px solid var(--border2);border-radius:var(--r-xl);padding:28px 24px;animation:screen-in .3s var(--ease-out)}@media (max-width: 480px){.modal-box{padding:20px 16px;max-width:calc(100% - 32px)}}.modal-title{font-family:Syne;font-size:18px;font-weight:800;margin-bottom:6px}.modal-subtitle{font-size:12px;color:var(--muted);margin-bottom:20px}.sheet-title{font-family:Syne;font-size:20px;font-weight:800;text-align:center;margin-bottom:20px}.name-age-grid{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.input-field{width:100%;background:var(--glass2);border:1.5px solid var(--border2);border-radius:var(--r-sm);padding:12px 14px;color:var(--text);font-size:14px;outline:none;font-family:inherit}.input-field:focus{border-color:#00f0e080;box-shadow:0 0 0 3px #00f0e01a}.report-reasons{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.reason-btn{padding:12px 16px;border-radius:var(--r-sm);border:1.5px solid var(--border2);background:var(--glass2);color:var(--muted);font-size:13px;text-align:left;transition:all .18s ease}.reason-btn:hover{border-color:#ff2d784d;color:var(--text)}.reason-btn.sel{border-color:var(--pink);background:#ff2d781a;color:var(--text)}.modal-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.modal-btn{padding:13px;border-radius:var(--r-sm);border:1.5px solid var(--border2);background:var(--glass2);color:var(--muted);font-size:13px;font-weight:600;transition:all .2s ease}.modal-btn:hover{color:var(--text);transform:scale(1.02)}.modal-btn.danger{background:linear-gradient(135deg,#ff4444,var(--pink));color:#fff;border:none}.modal-btn:disabled{opacity:.3;cursor:not-allowed}.toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%);background:var(--glass);backdrop-filter:blur(16px);border:1px solid var(--border2);border-radius:40px;padding:10px 20px;font-size:13px;color:var(--text);z-index:300;white-space:nowrap;animation:toast-in .3s var(--ease),toast-out .3s var(--ease-in) 2s forwards;pointer-events:none}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(12px)}}@keyframes toast-out{to{opacity:0;transform:translate(-50%) translateY(-8px)}}.theme-toggle{position:fixed;top:20px;right:20px;width:42px;height:42px;border-radius:50%;background:var(--glass);backdrop-filter:blur(16px);border:1px solid var(--border2);font-size:20px;transition:all .2s var(--ease);z-index:100}@media (max-width: 480px){.theme-toggle{top:16px;right:16px;width:38px;height:38px;font-size:18px}}