.toast[data-v-0d00477c]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#000c;color:#fff;padding:12px 24px;border-radius:8px;font-size:14px;z-index:9999;opacity:0;pointer-events:none;transition:opacity .3s ease}.toast.show[data-v-0d00477c]{opacity:1}.app-container[data-v-0d00477c]{min-height:100vh;max-width:100%;margin:0 auto;background:linear-gradient(180deg,#0a0a0a,#1a1a2e,#0a0a0a);box-sizing:border-box;position:relative;overflow:hidden}@media (min-width: 768px){.app-container[data-v-0d00477c]{max-width:480px;box-shadow:0 0 40px #00000080}}.stars-container[data-v-0d00477c]{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:0}.star[data-v-0d00477c]{position:absolute;background:#fff;border-radius:50%;animation:twinkle-0d00477c 3s infinite ease-in-out}@keyframes twinkle-0d00477c{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.match-before-container[data-v-0d00477c]{display:flex;flex-direction:column;align-items:center;padding:30px 20px;min-height:100vh;position:relative;z-index:1}.logo-section[data-v-0d00477c]{display:flex;flex-direction:column;align-items:center;margin-bottom:40px}.logo-wrapper[data-v-0d00477c]{position:relative;margin-bottom:15px}.logo-circle[data-v-0d00477c]{width:80px;height:80px;background:linear-gradient(135deg,#00d9a0,#00b4d8);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:float-0d00477c 3s ease-in-out infinite;box-shadow:0 10px 30px #00d9a066}.logo-emoji[data-v-0d00477c]{font-size:40px}.logo-glow[data-v-0d00477c]{position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;background:radial-gradient(circle,rgba(0,217,160,.3) 0%,transparent 70%);border-radius:50%;animation:pulse-glow-0d00477c 2s ease-in-out infinite}@keyframes float-0d00477c{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow-0d00477c{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.app-name[data-v-0d00477c]{font-size:28px;font-weight:700;color:#fff;margin-bottom:10px;letter-spacing:4px}.online-status[data-v-0d00477c]{display:flex;align-items:center;gap:6px}.online-dot[data-v-0d00477c]{width:8px;height:8px;background:#00d9a0;border-radius:50%;animation:blink-0d00477c 1.5s infinite}@keyframes blink-0d00477c{0%,to{opacity:1}50%{opacity:.4}}.online-text[data-v-0d00477c]{font-size:14px;color:#00d9a0}.gender-section[data-v-0d00477c]{display:flex;gap:20px;margin-bottom:30px}.gender-card[data-v-0d00477c]{width:100px;height:110px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.gender-card.active[data-v-0d00477c]{background:#00d9a026;border-color:#00d9a0;transform:scale(1.05);box-shadow:0 5px 20px #00d9a04d}.gender-icon[data-v-0d00477c]{width:50px;height:50px;border-radius:10px;display:flex;align-items:center;justify-content:center}.gender-icon.male[data-v-0d00477c]{background:linear-gradient(135deg,#00d9a0,#00b4d8)}.gender-icon.female[data-v-0d00477c]{background:#ffffff1a}.gender-card.active .gender-icon.female[data-v-0d00477c]{background:linear-gradient(135deg,#00d9a0,#00b4d8)}.gender-card:not(.active) .gender-icon.male[data-v-0d00477c]{background:#ffffff1a}.icon-symbol[data-v-0d00477c]{font-size:28px;color:#fff}.gender-label[data-v-0d00477c]{font-size:14px;color:#fffc}.gender-card.active .gender-label[data-v-0d00477c]{color:#fff}.age-section[data-v-0d00477c]{margin-bottom:40px}.age-label[data-v-0d00477c]{font-size:15px;color:#fff9}.start-section[data-v-0d00477c]{width:100%;padding:0 20px;margin-bottom:30px}.start-match-btn[data-v-0d00477c]{width:100%;height:50px;background:linear-gradient(90deg,#1a1a2e,#2d2d44);border:1px solid rgba(255,255,255,.2);border-radius:25px;font-size:17px;font-weight:500;color:#fff;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 5px 20px #0000004d;cursor:pointer}.start-match-btn[data-v-0d00477c]:active{transform:scale(.98);background:linear-gradient(90deg,#00d9a0,#00b4d8)}.bottom-actions[data-v-0d00477c]{display:flex;gap:30px;margin-bottom:20px}.action-item[data-v-0d00477c]{padding:10px;cursor:pointer}.action-text[data-v-0d00477c]{font-size:13px;color:#ffffff80}.footer-info[data-v-0d00477c]{position:absolute;bottom:20px;left:0;right:0;text-align:center}.footer-text[data-v-0d00477c]{display:block;font-size:10px;color:#ffffff4d;margin-bottom:4px}.settings-panel[data-v-0d00477c]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;z-index:1000;display:flex;align-items:flex-end;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease}.settings-panel.show[data-v-0d00477c]{opacity:1;pointer-events:auto}.settings-content[data-v-0d00477c]{width:100%;max-width:480px;background:linear-gradient(180deg,#1a1a2e,#0a0a0a);border-radius:20px 20px 0 0;padding:20px;transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.settings-panel.show .settings-content[data-v-0d00477c]{transform:translateY(0)}.settings-header[data-v-0d00477c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.settings-title[data-v-0d00477c]{font-size:18px;font-weight:700;color:#fff}.settings-close[data-v-0d00477c]{font-size:20px;color:#ffffff80;padding:5px;cursor:pointer}.settings-form[data-v-0d00477c]{margin-bottom:20px}.form-item[data-v-0d00477c]{margin-bottom:15px}.label[data-v-0d00477c]{display:block;font-size:14px;color:#fff9;margin-bottom:8px}.input-field[data-v-0d00477c]{width:100%;height:45px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:0 12px;font-size:15px;color:#fff;box-sizing:border-box}.input-field[data-v-0d00477c]::placeholder{color:#ffffff4d}.switch-item[data-v-0d00477c]{display:flex;justify-content:space-between;align-items:center;padding:10px 0}.switch[data-v-0d00477c]{position:relative;display:inline-block;width:50px;height:28px}.switch input[data-v-0d00477c]{opacity:0;width:0;height:0}.slider[data-v-0d00477c]{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#fff3;transition:.4s;border-radius:28px}.slider[data-v-0d00477c]:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}.switch input:checked+.slider[data-v-0d00477c]{background-color:#00d9a0}.switch input:checked+.slider[data-v-0d00477c]:before{transform:translate(22px)}.switch input:disabled+.slider[data-v-0d00477c]{opacity:.5;cursor:not-allowed}.settings-save-btn[data-v-0d00477c]{width:100%;height:45px;background:linear-gradient(90deg,#00d9a0,#00b4d8);border:none;border-radius:22px;font-size:16px;font-weight:500;color:#fff;cursor:pointer}.matching-container[data-v-0d00477c]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;padding:50px 20px;box-sizing:border-box;position:relative;z-index:1}.matching-animation[data-v-0d00477c]{position:relative;width:150px;height:150px;display:flex;align-items:center;justify-content:center;margin-bottom:30px}.pulse-ring[data-v-0d00477c]{position:absolute;width:100%;height:100%;border:2px solid rgba(0,217,160,.3);border-radius:50%;animation:pulse-expand-0d00477c 2s ease-out infinite}.pulse-ring.delay-1[data-v-0d00477c]{animation-delay:.6s}.pulse-ring.delay-2[data-v-0d00477c]{animation-delay:1.2s}@keyframes pulse-expand-0d00477c{0%{transform:scale(.5);opacity:1}to{transform:scale(1.5);opacity:0}}.matching-avatar[data-v-0d00477c]{width:70px;height:70px;background:linear-gradient(135deg,#00d9a0,#00b4d8);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:1}.matching-emoji[data-v-0d00477c]{font-size:35px}.matching-text[data-v-0d00477c]{font-size:18px;color:#fff;font-weight:500;margin-bottom:10px}.matching-tips[data-v-0d00477c]{margin-bottom:40px}.tips-text[data-v-0d00477c]{font-size:14px;color:#ffffff80}.cancel-match-btn[data-v-0d00477c]{background:#ffffff1a;color:#fffc;border:1px solid rgba(255,255,255,.2);border-radius:25px;padding:12px 40px;font-size:15px;cursor:pointer}.chat-container[data-v-0d00477c]{display:flex;flex-direction:column;height:100vh;background:#0a0a0a}.chat-header[data-v-0d00477c]{background:linear-gradient(90deg,#1a1a2e,#2d2d44);padding:15px;display:flex;align-items:center;gap:10px;flex-shrink:0}.chat-back[data-v-0d00477c]{padding:5px;cursor:pointer}.back-icon[data-v-0d00477c]{font-size:20px;color:#fff}.chat-user-info[data-v-0d00477c]{flex:1;display:flex;align-items:center;gap:10px}.chat-avatar[data-v-0d00477c]{width:40px;height:40px;background:linear-gradient(135deg,#00d9a0,#00b4d8);border-radius:50%;display:flex;align-items:center;justify-content:center}.avatar-emoji[data-v-0d00477c]{font-size:20px}.chat-user-detail[data-v-0d00477c]{display:flex;flex-direction:column}.chat-nickname[data-v-0d00477c]{font-size:16px;color:#fff;font-weight:500}.chat-meta[data-v-0d00477c]{font-size:12px;color:#ffffff80}.chat-header-right[data-v-0d00477c]{padding:5px}.more-icon[data-v-0d00477c]{font-size:18px;color:#fff9}.warm-tips[data-v-0d00477c]{background:#ffc1071a;color:#ffc107cc;padding:10px 15px;font-size:12px;display:flex;align-items:center;gap:6px;flex-shrink:0}.tips-icon[data-v-0d00477c]{font-size:14px}.messages-container[data-v-0d00477c]{flex:1;background:#0a0a0a;padding:10px;overflow-y:auto;-webkit-overflow-scrolling:touch}.match-success-tip[data-v-0d00477c]{text-align:center;padding:15px;margin-bottom:10px}.success-text[data-v-0d00477c]{font-size:13px;color:#fff6;background:#ffffff0d;padding:8px 15px;border-radius:15px}.message-item[data-v-0d00477c]{display:flex;align-items:flex-end;gap:8px;margin-bottom:15px;animation:fadeInUp-0d00477c .3s ease}@keyframes fadeInUp-0d00477c{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.self-message[data-v-0d00477c]{flex-direction:row-reverse}.message-avatar[data-v-0d00477c]{width:30px;height:30px;background:#ffffff1a;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.msg-avatar-emoji[data-v-0d00477c]{font-size:15px}.message-bubble[data-v-0d00477c]{max-width:70%;background:#ffffff1a;padding:12px 15px;border-radius:15px 15px 15px 4px}.self-message .message-bubble[data-v-0d00477c]{background:linear-gradient(135deg,#00d9a0,#00b4d8);border-bottom-left-radius:15px;border-bottom-right-radius:4px}.bubble-text[data-v-0d00477c]{font-size:15px;color:#fff;line-height:1.6;white-space:pre-wrap;word-break:break-all}.chat-input-area[data-v-0d00477c]{display:flex;padding:10px 15px;padding-bottom:calc(10px + env(safe-area-inset-bottom));background:#1a1a2e;gap:10px;align-items:center;flex-shrink:0}.input-wrapper[data-v-0d00477c]{flex:1;background:#ffffff14;border-radius:20px;padding:0 15px}.chat-input[data-v-0d00477c]{width:100%;height:40px;font-size:15px;color:#fff}.chat-input[data-v-0d00477c]::placeholder{color:#ffffff4d}.send-btn[data-v-0d00477c]{width:40px;height:40px;background:#ffffff1a;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;padding:0;cursor:pointer}.send-btn.active[data-v-0d00477c]{background:linear-gradient(135deg,#00d9a0,#00b4d8)}.send-icon[data-v-0d00477c]{font-size:18px;color:#fff}.modal-overlay[data-v-0d00477c]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-0d00477c]{background:linear-gradient(180deg,#1a1a2e,#0a0a0a);border-radius:15px;padding:25px 20px;width:85%;max-width:300px;animation:modalSlideIn-0d00477c .3s ease;border:1px solid rgba(255,255,255,.1)}@keyframes modalSlideIn-0d00477c{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal-header[data-v-0d00477c]{text-align:center;margin-bottom:20px}.modal-title[data-v-0d00477c]{font-size:18px;font-weight:700;color:#fff}.modal-input[data-v-0d00477c]{width:100%;height:45px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:0 12px;font-size:15px;color:#fff;margin-bottom:20px;box-sizing:border-box}.modal-input[data-v-0d00477c]::placeholder{color:#ffffff4d}.modal-buttons[data-v-0d00477c]{display:flex;gap:10px}.modal-cancel-btn[data-v-0d00477c]{flex:1;background:#ffffff1a;color:#fffc;border:none;border-radius:22px;padding:12px;font-size:15px;cursor:pointer}.modal-confirm-btn[data-v-0d00477c]{flex:1;background:linear-gradient(90deg,#00d9a0,#00b4d8);color:#fff;border:none;border-radius:22px;padding:12px;font-size:15px;cursor:pointer}@media (min-width: 768px){.logo-circle[data-v-0d00477c]{width:100px;height:100px}.logo-emoji[data-v-0d00477c]{font-size:50px}.app-name[data-v-0d00477c]{font-size:32px}.gender-card[data-v-0d00477c]{width:120px;height:130px}.gender-icon[data-v-0d00477c]{width:60px;height:60px}.start-match-btn[data-v-0d00477c]{height:55px;font-size:18px}}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{height:100%;overflow:hidden}button{border:none;outline:none;cursor:pointer;background:transparent}input{border:none;outline:none;background:transparent}