*{margin:0;padding:0;box-sizing:border-box}body{color:#111;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;min-height:100vh;display:flex;justify-content:center;align-items:flex-start;background:#f3f4f6;-webkit-font-smoothing:antialiased}#root{width:100%;display:flex;justify-content:center;min-height:100vh}@media (min-width: 601px){body{background:linear-gradient(135deg,#180d2b,#291245,#3e1240);background-attachment:fixed;padding:24px 0}}a{text-decoration:none;color:inherit}.container{width:100%;max-width:100%;min-height:100vh;margin:0 auto;border-radius:0;background:#fff;position:relative;box-shadow:none;display:flex;flex-direction:column}@media (min-width: 601px){.container{max-width:480px;min-height:calc(100vh - 48px);border-radius:28px;box-shadow:0 20px 60px #00000059;overflow:hidden}}.header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 16px 6px;background:#fff;position:relative;z-index:10}.filter-chips-scroll{display:flex;overflow-x:auto;padding:4px 14px 10px;gap:8px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.filter-chips-scroll::-webkit-scrollbar{display:none}.filter-chip{display:inline-flex;align-items:center;padding:6px 12px;height:36px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;font-size:13px;font-weight:500;color:#374151;cursor:pointer;white-space:nowrap;transition:all .15s ease;-webkit-user-select:none;user-select:none}.filter-chip:hover{background:#f9fafb;border-color:#d1d5db}.filter-chip.active{border-color:#e83875;color:#e83875;font-weight:700;background:#fff5f8}.profile-card{background:#fff;border-radius:24px;padding:0;box-shadow:0 10px 25px #0000000d;overflow:hidden}.profile-image{width:100%;height:70vh;min-height:400px;object-fit:cover;display:block}.back-btn{background:none;border:none;font-size:24px;cursor:pointer;padding:4px;margin-bottom:16px;color:#111;display:inline-flex;align-items:center;justify-content:center;align-self:flex-start}.back-btn2{background:none;border:none;font-size:24px;cursor:pointer;padding:12px 16px;color:#111}.logo{font-size:20px;font-weight:700;color:#e83875;margin-bottom:16px;display:inline-block}.btn-primary{background:#e83875;color:#fff;border:none;padding:14px 24px;border-radius:28px;font-size:16px;font-weight:700;cursor:pointer;width:100%;margin:12px 0;transition:background .15s;box-shadow:0 4px 14px #e838754d}.btn-primary:hover{background:#d42764}.btn-secondary{background:#f3f4f6;color:#1f2937;border:1px solid #e5e7eb;padding:14px 24px;border-radius:28px;font-size:15px;font-weight:600;cursor:pointer;width:100%;margin:8px 0}.btn-secondary:hover{background:#e5e7eb}.input-field{width:100%;padding:12px 0;border:none;border-bottom:1.5px solid #d1d5db;font-size:16px;margin:10px 0;outline:none;transition:border-color .2s}.input-field:focus{border-bottom-color:#e83875}.profile-card{padding:0 14px 24px;background:#fff}.profile-image{width:100%;max-height:min(60vh,480px);aspect-ratio:3/4;object-fit:cover;border-radius:16px;margin:0 auto;display:block;cursor:pointer;box-shadow:0 6px 24px #00000014}.profile-avatar{width:38px;height:38px;border-radius:50%;border:2px solid #e83875;object-fit:cover;cursor:pointer}.profile-avatar-large{width:80px;height:80px;border-radius:50%;object-fit:cover}.action-buttons{display:flex;justify-content:center;gap:20px;padding:16px 0}.action-btn{width:96px;height:96px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;font-size:54px;color:#e83875}.skip-btn{background:#e8e8e8}.like-btn{background:#e83875;color:#fff}.message-item{display:flex;align-items:center;padding:15px;border-bottom:1px solid #f0f0f0;cursor:pointer}.message-item:hover{background:#f9f9f9}.message-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;margin-right:10px}.chat-container{display:flex;flex-direction:column;height:100vh}.chat-header{display:flex;align-items:center;padding:10px;background:#fff;border-bottom:1px solid #f0f0f0;position:relative}.chat-avatar{width:50px;height:50px;border-radius:50%;margin:0 -10px;cursor:pointer}.video-call-btn{width:40px;height:40px;border-radius:50%;background:#e83875;color:#fff;border:2px solid white;display:flex;align-items:center;justify-content:center;cursor:pointer;position:absolute;right:10px}.chat-messages{flex:1;overflow-y:auto;padding:20px;background:#fff}.message{max-width:70%;padding:10px 15px;border-radius:15px;margin:5px 0;word-wrap:break-word}.message-sent{background:#e83875;color:#fff;align-self:flex-end;margin-left:auto}.message-received{background:#eef0f1;align-self:flex-start}.chat-input-container{display:flex;padding:15px 20px;background:#fff;border-top:1px solid #f0f0f0;align-items:center}.chat-input{flex:1;padding:10px 15px;border:1px solid #999;border-radius:15px;outline:none;min-height:35px;max-height:120px;resize:none}.send-btn{background:#e83875;color:#fff;border:none;border-radius:20px;padding:8px 20px;margin-left:10px;cursor:pointer;font-weight:700}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;padding:20px;border-radius:10px;max-width:90%;width:400px;max-height:80vh;overflow-y:auto}.loading{display:flex;justify-content:center;align-items:center;height:100vh;width:100%}.spinner{width:40px;height:40px;border:4px solid #f0f0f0;border-top-color:#e83875;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.select-field{width:100%;height:45px;font-size:16px;margin:10px 0;outline:auto;background:#fff}.gender-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.gender-option{padding:30px 20px;border:3px solid #666;border-radius:10px;text-align:center;cursor:pointer;background:#efefef;position:relative}.gender-option:hover{background:#e0e0e0}.gender-option.selected{border-color:#e83875}.check-mark{position:absolute;bottom:-5px;right:-5px;width:30px;height:30px;background:#00b301;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px}.photo-grid{display:flex;flex-wrap:wrap;gap:10px}.photo-grid>div{position:relative;width:76px;height:76px}.photo-item{width:100%;height:100%;border-radius:10px;object-fit:cover;display:block}.delete-photo{position:absolute;top:-5px;right:-5px;width:20px;height:20px;background:red;color:#fff;border-radius:50%;border:none;cursor:pointer;font-size:12px;line-height:20px;text-align:center;z-index:1}.image-dots{display:flex;justify-content:center;margin-top:10px;gap:6px}.dot{width:8px;height:8px;border-radius:50%;background:#000;cursor:pointer}.dot.active{background:#e83875}.likes-scroll{display:flex;overflow-x:auto;padding:10px 15px;gap:10px}.likes-scroll::-webkit-scrollbar{display:none}.like-avatar{min-width:70px;width:70px;height:70px;border-radius:50%;border:3px solid #e83875;cursor:pointer}.badge{position:absolute;top:-5px;right:-5px;background:#e83875;color:#fff;border-radius:10px;padding:2px 8px;font-size:11px;min-width:20px;text-align:center}.menu-item{padding:15px 0;border-bottom:1px solid #f0f0f0;cursor:pointer;font-size:17px;font-weight:700;color:#333}.menu-item:hover{color:#e83875}.premium-badge{font-size:25px}.no-photo-placeholder{background:#f0f0f0;display:flex;align-items:center;justify-content:center;color:#999;font-size:14px}.bottom-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .2s ease}.bottom-sheet-content{background:#fff;width:100%;max-width:480px;border-top-left-radius:24px;border-top-right-radius:24px;padding:20px 20px 30px;max-height:85vh;overflow-y:auto;box-shadow:0 -8px 32px #0000002e;animation:slideUp .25s cubic-bezier(.16,1,.3,1)}.modal-handle{width:40px;height:4px;border-radius:2px;background:#d1d5db;margin:0 auto 16px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.ovrtxt-waiting-card{background:#fffbeb;border:1px solid #fef3c7;border-radius:16px;padding:20px;text-align:center;margin-bottom:24px}.ovrtxt-spinner{width:28px;height:28px;border:3px solid #fef3c7;border-top-color:#d97706;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 12px}