@import url(https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css);#root,body,html{height:100%;margin:0;overflow:hidden;padding:0}body{background-color:#fff;color:#333;font-family:Quicksand,sans-serif;padding:0}a{color:#fe2c54;color:var(--primary-color);text-decoration:none}a:hover{color:#e61e3c;color:var(--primary-dark)}button,input,textarea{font-family:Quicksand,sans-serif}.text-center{text-align:center}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mt-5{margin-top:2rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mb-5{margin-bottom:2rem}.form-control{background-color:#fff;background-color:var(--bg-primary);border:1px solid #fe2c5433;border:1px solid var(--border-color);border-radius:8px;padding:10px 15px}.form-control:focus{border-color:#fe2c54;border-color:var(--primary-color);box-shadow:0 0 0 .2rem #fe2c5440}.card{background-color:#fff;border:none;border-radius:12px;box-shadow:0 2px 4px #fe2c541a;transition:transform .2s ease-in-out}.card:hover{transform:translateY(-5px)}.btn-primary{background-color:#fe2c54;border-color:#fe2c54;border-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:#e61e3c;border-color:#e61e3c;border-color:var(--primary-dark)}.bg-primary{background-color:#fe2c54!important;background-color:var(--primary-color)!important}.text-primary{color:#fe2c54!important;color:var(--primary-color)!important}.border-primary{border-color:#fe2c54!important;border-color:var(--primary-color)!important}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#fff;background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#fe2c54;background:var(--primary-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#e61e3c;background:var(--primary-dark)}.login-container{align-items:center;background-color:#f8f6e7;display:flex;justify-content:center;min-height:100vh;padding:1rem}.login-card{border-radius:1rem;box-shadow:0 4px 6px #0000001a;padding:0;width:100%}.login-left-content{background-color:#fff;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:3rem}.welcome-title{color:#333;font-size:2.5rem;font-weight:500;margin:0 0 .5rem}.welcome-subtitle{color:#666;font-size:1.1rem;margin:0}.login-right-content{background-color:#fff;flex:1 1;justify-content:center;padding:3rem}.login-form,.login-right-content{display:flex;flex-direction:column}.login-form{gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.label-row{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:.25rem}.form-group label{color:#333;font-size:1rem;font-weight:500}.signup-prompt{color:#666;font-size:.9rem;margin:0}.register-link{color:#eec9b7;font-weight:500;text-decoration:none;transition:color .3s ease}.register-link:hover{color:#d19a7e}.form-group input{border:1px solid #ccc;border-radius:.5rem;font-size:1rem;padding:.75rem 1rem;transition:border-color .3s ease,box-shadow .3s ease}.form-group input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #f0485733;outline:none}.form-group input::placeholder{color:var(--text-secondary)}.error-message{border-radius:.5rem;padding:.75rem}.login-button{background-color:var(--primary-color);border:none;border-radius:.5rem;box-shadow:0 2px 4px #f048571a;color:var(--text-light);cursor:pointer;font-size:1.1rem;font-weight:500;padding:1rem;transition:all .3s ease}.login-button:hover:not(:disabled){background-color:var(--primary-dark);box-shadow:0 4px 12px #f0485733;transform:translateY(-2px)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{cursor:not-allowed;opacity:.7}@media (max-width:768px){.login-card{flex-direction:column;max-width:400px}.login-left-content,.login-right-content{padding:2rem}.login-left-content{text-align:center}.welcome-title{font-size:2rem}.welcome-subtitle{font-size:1rem}.label-row{align-items:flex-start;flex-direction:column;gap:.25rem}.signup-prompt{text-align:left}}:root{--secondary-color:#ff4081;--secondary-light:#ff79b0;--secondary-dark:#c60055;--error-color:#dc3545;--success-color:#28a745;--warning-color:#ffc107}.login-bg{align-items:center;background-color:#fff;background-color:var(--bg-primary);display:flex;font-family:Arial,sans-serif;justify-content:center;min-height:100vh}.login-card{background-color:#fff;background-color:var(--bg-secondary);border-radius:10px;box-shadow:0 4px 20px #f048571a;display:flex;max-width:900px;overflow:hidden;width:90%}.login-left{align-items:center;background:linear-gradient(135deg,#f04857,#ff6b7a);background:linear-gradient(135deg,var(--primary-color),var(--primary-light));color:#fff;color:var(--text-light);display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:20px;text-align:center}.login-logo{margin-bottom:20px}.logo-circle{align-items:center;background-color:#fff;background-color:var(--bg-secondary);border-radius:50%;display:flex;height:70px;justify-content:center;margin:0 auto 15px;width:70px}.logo-heart{color:#f04857;color:var(--primary-color);font-size:35px}.logo-text{font-family:"Cedarville Cursive",cursive;font-size:2em;font-weight:400;margin-bottom:5px}.app-tagline,.logo-text{color:#fff;color:var(--text-light)}.app-tagline{font-size:1em;opacity:.9}.login-right{background-color:#fff;background-color:var(--bg-primary);display:flex;flex:1 1;flex-direction:column;justify-content:center;overflow-y:auto;padding:30px}.login-form-container{margin:0 auto;max-width:400px;width:100%}.login-title{color:#333;color:var(--text-primary);font-size:2em;margin-bottom:10px;text-align:center}.login-subtitle{font-size:1em;margin-bottom:30px;text-align:center}.login-form label,.login-subtitle{color:#666;color:var(--text-secondary)}.login-form label{display:block;font-weight:700;margin-bottom:8px}.login-form input{background-color:#fff;background-color:var(--bg-primary);border:1px solid #f0485733;border-radius:5px;font-size:1em;margin-bottom:20px;padding:12px 10px;width:calc(100% - 20px)}.login-form input:focus{border-color:#f04857;border-color:var(--primary-color);box-shadow:0 0 0 3px #f0485733;outline:none}.login-btn{background-color:#f04857;background-color:var(--primary-color);border:none;border-radius:5px;color:#fff;color:var(--text-light);cursor:pointer;font-size:1.1em;padding:15px;transition:background-color .3s ease;width:100%}.login-btn:hover{background-color:#d62e3d;background-color:var(--primary-dark)}.login-btn:disabled{background-color:#ccc;cursor:not-allowed}.error-message{background-color:#f048571a;color:#dc3545;color:var(--error-color);font-weight:700;margin-top:15px}.login-footer{color:#666;color:var(--text-secondary);font-size:.9em;margin-top:25px;text-align:center}.signup-link{color:#f04857;color:var(--primary-color);font-weight:700;text-decoration:none}.signup-link:hover{text-decoration:underline}.user-avatar{border:4px solid #fff;border:4px solid var(--bg-secondary);border-radius:50%;box-shadow:0 4px 10px #f048571a;height:120px;margin-bottom:20px;object-fit:cover;width:120px}.logout-btn{background-color:#dc3545;background-color:var(--error-color);border:none;border-radius:5px;color:#fff;color:var(--text-light);cursor:pointer;margin-top:20px;padding:10px 20px;transition:background-color .3s ease}.logout-btn:hover{background-color:#c82333}@media (max-width:768px){.login-card{flex-direction:column;width:95%}.login-left{padding:20px}.login-right{padding:30px}.logo-text{font-size:2em}.app-tagline{font-size:1em}}@media (max-width:480px){.login-card{border-radius:5px;margin:10px;width:100%}.login-left{padding:15px}.login-right{padding:20px}.login-form-container{max-width:300px}.login-title{font-size:1.8em}.login-subtitle{font-size:.9em}.login-form input{padding:10px}.login-btn{font-size:1em;padding:12px}.login-footer{font-size:.8em}}.login-form input.error{background-color:#fff8f8;border-color:#dc3545}.login-form input.error:focus{box-shadow:0 0 0 3px #dc354533}.password-strength-bar{background-color:#eee;border-radius:3px;height:5px;margin:5px 0;overflow:hidden}.password-strength-bar-fill{height:100%;transition:width .3s ease,background-color .3s ease}.success-message{background-color:#d4edda;color:#155724;margin-bottom:20px}.error-message,.success-message{border-radius:5px;padding:10px;text-align:center}.error-message{background-color:#f8d7da;color:#721c24}.password-toggle{background:none;border:none;color:#666;cursor:pointer;padding:5px;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:color .3s ease}.password-toggle:hover{color:#333}.form-field-container{margin-bottom:20px;position:relative}.validation-error{color:#dc3545;font-size:.8rem;margin-bottom:15px;margin-top:-15px}.card{background-color:var(--bg-primary);border-radius:15px;box-shadow:0 4px 15px #fe2c5426;height:600px;margin:0 auto;max-width:400px;overflow:hidden;position:relative;transition:transform .3s ease;width:100%}.card:before{background:linear-gradient(180deg,#fe2c541a,#fe2c5433);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.card-image{height:400px;overflow:hidden;position:relative;width:100%}.card-image img{height:100%;object-fit:cover;object-position:center;width:100%}.card-info{background:linear-gradient(180deg,#fe2c54e6,#fe2c54f2);color:var(--text-light);display:flex;flex-direction:column;height:calc(100% - 400px);padding:20px;position:relative;z-index:2}.card-info h2{font-size:1.5rem;font-weight:600}.card-info h2,.username{color:var(--text-light);margin:0 0 5px}.username{font-size:1rem;opacity:.9}.age,.location{margin:0 0 5px}.age,.bio,.location{color:var(--text-light);font-size:.95rem;opacity:.9}.bio{flex-grow:1;line-height:1.5;margin:10px 0;overflow-y:auto}.interests{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.interest-tag{background-color:#fff3;border-radius:15px;color:var(--text-light);font-size:.85rem;padding:5px 12px;transition:background-color .3s ease}.interest-tag:hover{background-color:#ffffff4d}.card-actions{background-color:#fe2c54f2;border-top:1px solid #ffffff1a;display:flex;gap:15px;justify-content:space-between;padding:20px}.dislike-btn,.like-btn{align-items:center;background-color:var(--text-light);border:none;border-radius:30px;color:var(--primary-color);cursor:pointer;display:flex;flex:1 1;font-size:1.2rem;font-weight:600;gap:10px;justify-content:center;min-height:60px;padding:15px;transition:all .3s ease}.dislike-btn:hover,.like-btn:hover{background-color:#ffffffe6;box-shadow:0 4px 12px #fff3;transform:translateY(-2px)}@media (max-width:768px){.card{height:550px;max-width:350px}.card-image{height:350px}.card-info{height:calc(100% - 350px);padding:15px}.card-info h2{font-size:1.3rem}.age,.bio,.location,.username{font-size:.9rem}.interest-tag{font-size:.8rem;padding:4px 10px}.card-actions{gap:10px;padding:15px}.dislike-btn,.like-btn{font-size:1.1rem;min-height:50px;padding:12px}}.home-container{align-items:center;background-color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative;width:100vw}.card-container{height:600px;margin:20px auto;max-width:400px;perspective:1000px;position:relative;width:100%}.loading-spinner{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center}.spinner{animation:spin 1s linear infinite;border:5px solid #f3f3f3;border-radius:50%;border-top-color:#eec9b7;height:50px;width:50px}.home-message{background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a;max-width:400px;padding:20px;text-align:center;width:90%}.home-message h2{color:#333;font-size:1.8rem;margin-bottom:10px}.home-message p{color:#666;font-size:1.1rem}.swipe-indicator{border:3px solid;border-radius:10px;font-size:1.5rem;font-weight:700;padding:10px 20px;pointer-events:none;position:absolute;text-transform:uppercase;top:50px;z-index:2}.swipe-indicator.right{border-color:#4caf50;color:#4caf50;right:20px;transform:rotate(30deg)}.swipe-indicator.left{border-color:#ff6b6b;color:#ff6b6b;left:20px;transform:rotate(-30deg)}.match-modal{align-items:center;background-color:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1001}.match-modal-content{background-color:#fff;border-radius:20px;box-shadow:0 5px 30px #0000004d;max-width:500px;padding:40px;text-align:center;width:90%}.match-animation{margin-bottom:20px}.match-hearts{animation:float 2s ease-in-out infinite;display:flex;gap:10px;justify-content:center}.match-hearts span{animation:pulse 1.5s ease-in-out infinite;color:#4caf50;font-size:2rem}.match-hearts span:nth-child(2){animation-delay:.2s}.match-hearts span:nth-child(3){animation-delay:.4s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.match-modal-content h2{color:#4caf50;font-size:2.5rem;margin-bottom:15px}.match-modal-content p{color:#666;font-size:1.2rem;margin-bottom:25px}.match-avatars{display:flex;gap:20px;justify-content:center;margin-bottom:30px}.match-avatar{border:4px solid #4caf50;box-shadow:0 4px 15px #0000001a;height:100px;width:100px}.match-modal-btn{background-color:#4caf50;border:none;border-radius:30px;box-shadow:0 4px 15px #4caf504d;color:#fff;cursor:pointer;font-size:1.2rem;padding:15px 40px;transition:all .3s ease}.match-modal-btn:hover{background-color:#45a049;box-shadow:0 6px 20px #4caf5066;transform:translateY(-2px)}@media (max-width:768px){.card-container{height:500px}.match-modal-content{padding:30px}.match-modal-content h2{font-size:2rem}.match-avatar{height:80px;width:80px}.match-modal-btn{font-size:1.1rem;padding:12px 30px}}@media (max-width:480px){.card-container{height:450px}.match-modal-content{padding:20px}.match-modal-content h2{font-size:1.8rem}.match-avatar{height:70px;width:70px}.match-modal-btn{font-size:1rem;padding:10px 25px}}.notification{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;left:50%;padding:12px 24px;transform:translateX(-50%);z-index:1000}.notification.success{background:#4caf50;color:#fff}.notification.error{background:#f44336;color:#fff}.notification.info{background:#2196f3;color:#fff}:root{--primary-color:#f04857;--primary-light:#ff6b7a;--primary-dark:#d62e3d;--border-color:#f0485733}.profile-container{margin:0 auto;max-width:800px;padding:20px}.profile-header h1{color:#333;color:var(--text-primary);font-size:2rem;margin-bottom:10px}.profile-username{color:#666;color:var(--text-secondary);font-size:1.1rem;font-weight:500;margin-bottom:15px}.profile-avatar{border:3px solid #f04857;border:3px solid var(--primary-color);margin-right:30px;overflow:hidden}.profile-avatar img{height:100%;object-fit:cover;width:100%}.profile-info{flex:1 1}.profile-info h2{color:#333;color:var(--text-primary);font-size:28px;font-weight:600;margin:0 0 5px}.profile-email{font-size:14px;margin:0 0 10px}.profile-bio,.profile-email{color:#666;color:var(--text-secondary)}.profile-bio{font-size:1.1rem;line-height:1.5}.profile-stats{background-color:#fff;background-color:var(--bg-primary);border-radius:1rem;box-shadow:0 2px 4px #0000001a;margin:1.5rem 0;padding:1.5rem}.stat-item{align-items:center;display:flex;flex-direction:column;gap:.5rem}.stat-item-clickable{cursor:pointer}.stat-value{color:#f04857;color:var(--primary-color);font-size:1.5rem;font-weight:600}.stat-label{color:#666;color:var(--text-secondary);font-size:.9rem;text-transform:capitalize}.matches-section{background:#fff;background:var(--bg-primary);border-radius:12px;box-shadow:0 2px 4px #f048571a;margin:20px 0;padding:20px}.matches-section h2{color:#333;color:var(--text-primary);font-size:1.2rem;margin-bottom:15px}.matches-list{display:flex;flex-wrap:wrap;gap:15px}.match-item{align-items:center;display:flex;flex-direction:column;gap:8px}.match-avatar{border:2px solid #f04857;border:2px solid var(--primary-color);border-radius:50%;height:80px;object-fit:cover;width:80px}.match-name{color:#333;color:var(--text-primary);font-size:.9rem;font-weight:500}.match-status{color:#666;color:var(--text-secondary);font-size:.8rem}.profile-actions{gap:1rem;margin-top:2rem}.edit-profile-btn,.profile-actions,.settings-btn{align-items:center;display:flex;justify-content:center}.edit-profile-btn,.settings-btn{background-color:#f04857;background-color:var(--primary-color);border:none;border-radius:25px;color:#fff;color:var(--text-light);cursor:pointer;font-size:1rem;font-weight:600;height:50px;margin:0;padding:12px 24px;transition:all .3s ease;width:200px}.edit-profile-btn:hover,.settings-btn:hover{background-color:#d62e3d;background-color:var(--primary-dark);transform:translateY(-2px)}.settings-modal-content{position:relative}.settings-modal-content h2{color:#f04857}.settings-section{margin-bottom:1.5rem}.settings-section h3{color:#333;color:var(--text-primary)}.setting-item{border-bottom:1px solid #f0485733;border-bottom:1px solid var(--border-color);padding:.75rem 0}.setting-item label{color:#333;color:var(--text-primary);font-size:.95rem}.setting-item input[type=number]{border:1px solid #f0485733;border:1px solid var(--border-color);border-radius:4px;padding:.5rem;text-align:center;width:60px}.setting-button{background-color:#f04857;border-radius:4px;color:var(--text-light)}.setting-button:hover{background-color:#d62e3d}.save-settings-button{background-color:#f04857;background-color:var(--primary-color);border:none;border-radius:25px;color:#fff;color:var(--text-light);cursor:pointer;font-size:1rem;font-weight:600;margin-top:1rem;padding:1rem 2rem;transition:all .3s ease;width:100%}.save-settings-button:hover{background-color:#d62e3d;background-color:var(--primary-dark);transform:translateY(-2px)}.close-settings-btn{color:#f04857}.close-settings-btn:hover{color:#d62e3d}.delete-account-button{background-color:#dc3545!important}.delete-account-button:hover{background-color:#c82333!important}@media (max-width:768px){.profile-container{padding:15px}.profile-header h1{font-size:1.8rem}.profile-avatar{height:120px;margin-right:20px;width:120px}.profile-info h2{font-size:24px}.profile-stats{gap:20px}.stat-value{font-size:1.3rem}.matches-section{padding:15px}.match-avatar{height:60px;width:60px}.settings-modal-content{padding:1.5rem;width:95%}.setting-item{align-items:flex-start;flex-direction:column;gap:.5rem}.setting-item input[type=number]{width:100%}.edit-profile-btn,.settings-btn{font-size:.9rem;padding:10px 20px}}@media (max-width:480px){.profile-container{padding:10px}.profile-avatar{height:100px;width:100px}.profile-info h2{font-size:24px}.profile-email{font-size:12px}.profile-bio{font-size:14px}}:root{--primary-color:#fe2c54;--primary-light:#ff4d6d;--primary-dark:#e61e3c;--text-primary:#333;--text-secondary:#666;--text-light:#fff;--bg-primary:#fff;--bg-secondary:#fff;--border-color:#fe2c5433}.nav-btn{color:#666;color:var(--text-secondary);padding:10px}.nav-btn.active,.nav-btn:hover{color:#fe2c54;color:var(--primary-color)}.theme-toggle{cursor:pointer;transition:opacity .3s ease}.theme-toggle:hover{opacity:.8}.profile-container{background-color:#fff;background-color:var(--bg-primary);min-height:100vh;padding-bottom:80px;position:relative}button[style*="background: #fff"]:hover{background:#fe2c54!important;background:var(--primary-color)!important;border-color:#fe2c54!important;border-color:var(--primary-color)!important;color:#fff!important;color:var(--text-light)!important}.switch{display:inline-block;height:24px;position:relative;width:48px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;bottom:3px;content:"";height:18px;left:3px;width:18px}input:checked+.slider{background-color:#fe2c54;background-color:var(--primary-color)}input:focus+.slider{box-shadow:0 0 1px #fe2c54;box-shadow:0 0 1px var(--primary-color)}input:checked+.slider:before{transform:translateX(24px)}.slider.round{border-radius:24px}.slider.round:before{border-radius:50%}.welcome-container{background-color:#fff;background-color:var(--bg-primary);display:flex;flex-direction:column;min-height:100vh}.welcome-header{background-color:#fe2c54;background-color:var(--primary-color);box-shadow:0 2px 4px #fe2c5433;justify-content:space-between;padding:1rem;position:sticky;top:0;z-index:100}.welcome-header,.welcome-logo{align-items:center;display:flex}.logo-image{height:50px;object-fit:contain;width:70px;width:auto}.logo-heart{color:#fff;color:var(--text-light);margin-right:.25rem}.header-actions{display:flex;gap:1rem}.action-btn{align-items:center;background:none;border:none;color:#fff;color:var(--text-light);cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .3s ease}.action-btn:hover{opacity:.8}.welcome-main{background-color:#fff;background-color:var(--bg-primary);flex:1 1;overflow-y:auto;padding:1rem}.bottom-nav{background-color:#fe2c54;background-color:var(--primary-color);bottom:0;box-shadow:0 -2px 4px #fe2c5433;display:flex;justify-content:space-around;padding:1rem;position:sticky}.nav-btn{align-items:center;background:none;border:none;cursor:pointer;display:flex;flex-direction:column;gap:.25rem;transition:all .3s ease}.nav-btn,.nav-btn:hover{color:#fff;color:var(--text-light)}.nav-btn:hover{opacity:.8}.nav-btn.active{opacity:1}.nav-btn.active,.nav-text{color:#fff;color:var(--text-light)}.nav-text{font-size:.75rem;font-weight:500}.settings-modal{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.settings-modal-content{background-color:#fff;background-color:var(--bg-primary);border-radius:1rem;box-shadow:0 4px 6px #f048571a;max-height:90vh;max-width:500px;overflow-y:auto;padding:2rem;width:90%}.settings-modal-content h2{color:#fe2c54;color:var(--primary-color);font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.settings-section{border-bottom:1px solid #fe2c5433;border-bottom:1px solid var(--border-color);margin-bottom:2rem;padding-bottom:1rem}.settings-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.settings-section h3{color:#fe2c54;color:var(--primary-color);font-size:1.1rem;font-weight:600;margin-bottom:1rem}.setting-item{padding:.5rem 0}.setting-item label{color:#666}.setting-button{border-radius:.5rem;font-size:.9rem;padding:.5rem 1rem;text-align:left;width:100%}.language-select{background-color:#fff;background-color:var(--bg-primary);border:1px solid #fe2c54;border:1px solid var(--primary-color);border-radius:.5rem;color:#333;color:var(--text-primary);font-size:.9rem;max-width:200px;padding:.5rem;width:100%}.language-select:focus{border-color:#e61e3c;border-color:var(--primary-dark);outline:none}input[type=checkbox]{accent-color:#fe2c54;accent-color:var(--primary-color);height:18px;width:18px}input[type=number]{border:1px solid #fe2c54;border:1px solid var(--primary-color);border-radius:.5rem;color:#333;color:var(--text-primary);font-size:.9rem;padding:.5rem;width:80px}input[type=number]:focus{border-color:#e61e3c;border-color:var(--primary-dark);outline:none}.delete-account-button{border:none;border-radius:25px;cursor:pointer;font-size:1rem;margin-top:20px;padding:10px 20px;transition:background-color .3s ease;width:100%}.close-settings-btn{background:none;border:none;color:#fe2c54;color:var(--primary-color);cursor:pointer;font-size:1.5rem;line-height:1;padding:.5rem;position:absolute;right:1rem;top:1rem;transition:color .3s ease}.close-settings-btn:hover{color:#e61e3c;color:var(--primary-dark)}.loading-container{align-items:center;background-color:#fff;background-color:var(--bg-primary);display:flex;justify-content:center;min-height:100vh}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #fe2c54;border:4px solid var(--primary-color);border-radius:50%;border-top:4px solid #0000;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.welcome-header{padding:.75rem}.welcome-logo{font-size:1.25rem}.header-actions{gap:.5rem}.bottom-nav{padding:.75rem}}.profile-section{background-color:#fff;background-color:var(--bg-primary);border-radius:12px;box-shadow:0 4px 15px #0000000d;margin:20px auto;max-width:800px;padding:20px}.profile-header{align-items:center;display:flex;flex-direction:column}.profile-avatar{border:4px solid #fe2c54;border:4px solid var(--primary-color);border-radius:50%;height:150px;margin-bottom:15px;object-fit:cover;width:150px}.profile-name{color:#000;font-size:1.8rem;font-weight:700;margin-bottom:10px}.profile-details{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:20px}.detail-item{text-align:center}.detail-item label{color:#555;font-size:.9rem}.detail-item p{color:#000;font-size:1.1rem;font-weight:500}.profile-bio{color:#000;font-size:1rem;line-height:1.6;margin-bottom:20px;padding:0 15px}.profile-interests{margin-bottom:20px;margin-top:20px}.profile-interests h2{color:#fe2c54;color:var(--primary-color);font-size:1.4rem;margin-bottom:15px}.interest-tag{background-color:#fff;background-color:var(--bg-primary);color:#000;cursor:pointer;display:inline-block;margin:5px}.interest-tag:hover{background-color:#fe2c5433;background-color:var(--border-color)}.profile-stats{border-bottom:1px solid #fff;border-bottom:1px solid var(--bg-primary);border-top:1px solid #fff;border-top:1px solid var(--bg-primary);display:flex;justify-content:space-around;margin-top:20px;padding:15px 0}.stat-item{text-align:center}.stat-item span{color:#fe2c54;color:var(--primary-color);display:block;font-size:1.8rem;font-weight:700;margin-bottom:5px}.stat-item p{color:#000;font-size:.9rem}.edit-profile-btn{background-color:#fe2c54;background-color:var(--primary-color);border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1rem;margin-top:20px;padding:10px 20px;transition:background-color .3s ease}.edit-profile-btn:hover{background-color:#e61e3c;background-color:var(--primary-dark)}.edit-modal,.messages-modal,.notifications-modal{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.edit-modal-content,.messages-modal-content,.notifications-modal-content{background-color:#fff;background-color:var(--bg-primary);border-radius:1rem;box-shadow:0 4px 6px #f048571a;max-width:500px;padding:2rem;position:relative;width:90%}.edit-modal-content h2,.messages-modal-content h2,.notifications-modal-content h2{color:#fe2c54;color:var(--primary-color);margin-bottom:1.5rem;text-align:center}.edit-modal-content form label,.notifications-modal-content label,.settings-modal-content label{color:#000;display:block;font-weight:500;margin-bottom:8px}.edit-modal-content form input,.edit-modal-content form textarea,.notifications-modal-content input,.notifications-modal-content textarea,.settings-modal-content input{background-color:#fff;background-color:var(--bg-primary);border:1px solid #fe2c5433;border:1px solid var(--border-color);border-radius:5px;color:#000;font-size:1rem;margin-bottom:15px;padding:10px;width:100%}.edit-modal-content form textarea{min-height:80px;resize:vertical}.edit-modal-content form button,.notifications-modal-content button,.settings-modal-content button{background-color:#fe2c54;background-color:var(--primary-color);border:none;border-radius:5px;color:#fff;cursor:pointer;margin-right:10px;padding:10px 15px;transition:background-color .3s ease}.edit-modal-content form button:hover,.notifications-modal-content button:hover,.settings-modal-content button:hover{background-color:#e61e3c;background-color:var(--primary-dark)}.edit-modal-content form button[disabled],.notifications-modal-content button[disabled],.settings-modal-content button[disabled]{background-color:#ccc;cursor:not-allowed}.setting-item{align-items:center;border-bottom:1px solid #fff;border-bottom:1px solid var(--bg-primary);display:flex;justify-content:space-between;padding:15px 0}.setting-item:first-child{padding-top:0}.setting-item:last-child{border-bottom:none;padding-bottom:0}.setting-item label{color:#000;font-weight:500}.delete-account-button{background-color:#fe2c54!important;background-color:var(--primary-color)!important;color:#fff!important}.delete-account-button:hover{background-color:#e61e3c!important;background-color:var(--primary-dark)!important}.close-button{background:none;border:none;border-radius:5px;color:#000;cursor:pointer;font-size:1.5rem;padding:5px 10px;position:absolute;right:15px;top:15px;transition:background-color .3s ease}.close-button:hover{background-color:#f0f0f0}.setting-button{background-color:#fe2c54;background-color:var(--primary-color);border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1rem;margin-top:20px;padding:10px 20px;transition:background-color .3s ease}.setting-button:hover{background-color:#e61e3c;background-color:var(--primary-dark)}.email-change-modal{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.email-change-modal-content{background-color:#fff;background-color:var(--bg-primary);border-radius:1rem;box-shadow:0 4px 6px #f048571a;max-width:400px;padding:2rem;position:relative;width:90%}.email-change-modal-content h2{color:#fe2c54;color:var(--primary-color);margin-bottom:1.5rem;text-align:center}.email-change-modal-content label{color:#000;display:block;font-weight:500;margin-bottom:8px}.email-change-modal-content input[type=email]{background-color:#fff;background-color:var(--bg-primary);border:1px solid #fe2c5433;border:1px solid var(--border-color);border-radius:5px;color:#000;font-size:1rem;margin-bottom:15px;padding:10px;width:100%}.email-change-modal-content button{border:none;border-radius:5px;color:#fff;cursor:pointer;margin-right:10px;padding:10px 15px;transition:background-color .3s ease}.email-change-modal-content button,.email-change-modal-content button:first-of-type{background-color:#fe2c54;background-color:var(--primary-color)}.email-change-modal-content button:first-of-type:hover{background-color:#e61e3c;background-color:var(--primary-dark)}.email-change-modal-content button:last-of-type{background-color:#6c757d}.email-change-modal-content button:last-of-type:hover{background-color:#5a6268}.chat-user-item{align-items:center;background-color:#fff;background-color:var(--bg-secondary);border-radius:10px;box-shadow:0 1px 3px #0000000d;cursor:pointer;display:flex;margin-bottom:8px;padding:10px 15px;transition:background-color .2s ease}.chat-user-item.active,.chat-user-item:hover{background-color:#fe2c5433;background-color:var(--border-color)}.chat-user-avatar{border:2px solid #fe2c54;border:2px solid var(--primary-color);border-radius:50%;height:55px;object-fit:cover;width:55px}.chat-user-item span{color:#333;color:var(--text-primary);flex-grow:1;font-size:1.1rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.messages-container{bottom:0;flex-direction:row;height:100%;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:1000}.chat-list-panel,.messages-container{background-color:#fff;background-color:var(--bg-primary);display:flex}.chat-list-panel{border-right:1px solid #fe2c5433;border-right:1px solid var(--border-color);flex-direction:column;flex-shrink:0;min-width:280px;transition:transform .3s ease-in-out;width:350px}.chat-list-header{align-items:center;background-color:#fff;background-color:var(--bg-primary);border-bottom:1px solid #fe2c5433;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px}.chat-list-header h2{color:#fe2c54;color:var(--primary-color);font-size:1.5rem;margin:0}.close-messages-btn{background:none;border:none;border-radius:50%;color:#000;cursor:pointer;font-size:1.8rem;padding:5px 10px;transition:background-color .2s ease}.close-messages-btn:hover{background-color:#fff;background-color:var(--bg-primary)}.chat-list-content{flex:1 1;overflow-y:auto;padding:10px 0}.chat-user-avatar{margin-right:15px;position:relative}.unread-indicator{background-color:#fe2c54;background-color:var(--primary-color);border:2px solid #fff;border:2px solid var(--bg-primary);border-radius:50%;height:12px;position:absolute;right:-2px;top:-2px;width:12px}.chat-user-info{flex:1 1;min-width:0}.chat-user-name{font-weight:500;margin-bottom:4px}.chat-user-last-message,.chat-user-name{color:#000;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-user-last-message{font-size:.9rem;opacity:.7}.chat-window-panel{background-color:#fff;background-color:var(--bg-primary);display:flex;flex:1 1;flex-direction:column;height:100%;transition:transform .3s ease-in-out}.chat-header{background-color:#fe2c54;background-color:var(--primary-color);border-bottom:1px solid #fe2c5433;border-bottom:1px solid var(--border-color);gap:15px;padding:15px 20px}.chat-header-info{align-items:center;display:flex;flex:1 1;gap:15px}.chat-header h3{color:#000;font-size:1.2rem;margin:0}.chat-header-avatar{border:2px solid #fff;border-radius:50%;height:40px;object-fit:cover;width:40px}.back-to-chats-btn{background:none;border:none;border-radius:50%;color:#000;cursor:pointer;display:none;font-size:1.5rem;padding:5px 10px;transition:background-color .2s ease}.back-to-chats-btn:hover{background-color:#fff;background-color:var(--bg-primary)}.chat-messages{flex:1 1;gap:10px;height:85vh;min-height:0;overflow-y:auto;padding:20px}.chat-message,.chat-messages{display:flex;flex-direction:column}.chat-message{animation:messageAppear .3s ease-out;max-width:90%}@keyframes messageAppear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-message.sent{word-wrap:break-all;align-self:flex-end}.chat-message.received{align-self:flex-start}.message-content{word-wrap:break-all;border-radius:18px;padding:12px 16px;position:relative}.chat-message.sent .message-content{background-color:#ffbebe;background-color:#ff9c9c}.chat-message.received .message-content,.chat-message.sent .message-content{border-bottom-right-radius:4px;color:#000;max-width:50vw;overflow-wrap:anywhere;overflow-x:clip}.chat-message.received .message-content{background-color:#f1f1f1;background-color:#929292;border-bottom-left-radius:4px}.message-content p{color:#000;line-height:1.4;margin:0}.message-meta{align-items:center;display:flex;font-size:.75rem;gap:4px;margin-top:4px}.message-time{color:#000;display:none;opacity:.7}.message-status-icon{margin-left:auto}.double-tick,.single-tick{color:#fe2c54;color:var(--primary-color);font-size:.8rem;line-height:1}.chat-input-form{border-top:1px solid #fe2c5433;border-top:1px solid var(--border-color);display:flex;gap:10px;padding:15px 20px}.chat-input,.chat-input-form{background-color:#fff;background-color:var(--bg-primary)}.chat-input{border:1px solid #fe2c5433;border:1px solid var(--border-color);border-radius:25px;color:#000;flex:1 1;font-size:1rem;padding:12px 20px;transition:border-color .2s ease}.chat-input:focus{border-color:#fe2c54;border-color:var(--primary-color);outline:none}.send-button{background-color:#fe2c54;background-color:var(--primary-color);border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1rem;padding:12px 24px;transition:background-color .2s ease}.send-button:hover:not(:disabled){background-color:#e61e3c;background-color:var(--primary-dark)}.send-button:disabled{cursor:not-allowed;opacity:.5}.no-chat-selected,.no-chats-message,.no-messages{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:20px;text-align:center}.welcome-message h3{color:#fe2c54;color:var(--primary-color);margin-bottom:10px}.sub-text{color:#000;margin-top:5px;opacity:.7}@media (max-width:768px){.messages-container{flex-direction:column}.chat-list-panel{border-bottom:1px solid #fe2c5433;border-bottom:1px solid var(--border-color);border-right:none;height:auto;width:100%}.chat-list-panel.hidden-on-mobile{position:absolute;transform:translateX(-100%)}.chat-window-panel{flex:1 1;height:calc(100% - var(--chat-list-height-on-mobile))}.chat-window-panel.visible{transform:translateX(0)}.back-to-chats-btn{display:block}.close-messages-btn{display:none}}.dark-theme{--bg-color:#1a1a1a;--text-color:#fff;--card-bg:#282828;--card-border:#3a3a3a;--primary-color:#eec9b7;--secondary-color:#f0e6d6;--modal-bg:#222;--button-bg:var(--primary-color);--button-hover-bg:#e89a7c;--input-bg:#333;--input-border:#555;--shadow-color:#0009}.dark-theme .welcome-container{background-color:var(--bg-color)}.dark-theme .bottom-nav,.dark-theme .matches-section,.dark-theme .profile-details,.dark-theme .profile-interests,.dark-theme .welcome-header{background-color:var(--card-bg);box-shadow:0 2px 4px var(--shadow-color)}.dark-theme .chat-user-list h3,.dark-theme .chat-window h3,.dark-theme .email-change-modal-content h2,.dark-theme .matches-section h2,.dark-theme .notifications-modal-content h2,.dark-theme .profile-header h1,.dark-theme .profile-interests h2,.dark-theme .settings-modal-content h2,.dark-theme .welcome-header h1,.dark-theme .welcome-header h2,.dark-theme .welcome-logo{color:#fe2c54;color:var(--primary-color)}.dark-theme .action-btn,.dark-theme .logo-heart,.dark-theme .nav-btn{color:var(--secondary-color)}.dark-theme .action-btn:hover,.dark-theme .nav-btn.active,.dark-theme .nav-btn:hover{color:#fe2c54;color:var(--primary-color)}.dark-theme .chat-message p,.dark-theme .chat-user-item span,.dark-theme .detail-item label,.dark-theme .detail-item p,.dark-theme .email-change-modal-content label,.dark-theme .home-message p,.dark-theme .interest-tag,.dark-theme .loading-spinner+p,.dark-theme .match-name,.dark-theme .profile-bio,.dark-theme .profile-error p,.dark-theme .stat-label{color:var(--text-color)}.dark-theme .stat-value{color:#fe2c54;color:var(--primary-color)}.dark-theme .match-avatar{border-color:#fe2c54;border-color:var(--primary-color)}.dark-theme .edit-modal-content,.dark-theme .email-change-modal-content,.dark-theme .messages-modal-content,.dark-theme .notifications-modal-content,.dark-theme .settings-modal-content{background-color:var(--modal-bg);box-shadow:0 4px 6px var(--shadow-color)}.dark-theme .edit-modal-content form input,.dark-theme .edit-modal-content form label,.dark-theme .edit-modal-content form textarea{color:var(--text-color)}.dark-theme .edit-modal-content form input,.dark-theme .edit-modal-content form textarea,.dark-theme .email-change-modal-content input[type=email]{background-color:var(--input-bg);border-color:var(--input-border);color:var(--text-color)}.dark-theme .edit-modal-content form input::placeholder,.dark-theme .email-change-modal-content input[type=email]::placeholder{color:#aaa}.dark-theme .chat-input-form button,.dark-theme .edit-profile-btn,.dark-theme .email-change-modal-content button:first-of-type,.dark-theme .logout-button,.dark-theme .save-settings-button,.dark-theme .setting-button{background-color:var(--button-bg);color:#fff}.dark-theme .chat-input-form button:hover,.dark-theme .edit-profile-btn:hover,.dark-theme .email-change-modal-content button:first-of-type:hover,.dark-theme .logout-button:hover,.dark-theme .save-settings-button:hover,.dark-theme .setting-button:hover{background-color:var(--button-hover-bg)}.dark-theme .delete-account-button{background-color:#c00}.dark-theme .delete-account-button:hover{background-color:#900}.dark-theme .close-button,.dark-theme .email-change-modal-content button:last-of-type{background-color:#555;color:var(--text-color)}.dark-theme .close-button:hover,.dark-theme .email-change-modal-content button:last-of-type:hover{background-color:#777}.dark-theme .loading-spinner{border-color:#fe2c54 #444 #444;border-top-color:var(--primary-color)}.dark-theme .notification.info{background-color:#2196f3;color:#fff}.dark-theme .notification.success{background-color:#4caf50;color:#fff}.dark-theme .notification.error{background-color:#f44336;color:#fff}.dark-theme .chat-message.sent{background-color:#3a3a3a;color:var(--text-color)}.dark-theme .chat-message.received{background-color:#282828;color:var(--text-color)}.dark-theme .chat-window-panel{background-color:var(--bg-color)}.dark-theme .chat-input-form,.dark-theme .chat-list-header,.dark-theme .chat-list-panel{background-color:var(--card-bg)}.dark-theme .chat-input{background-color:var(--input-bg);color:var(--text-color)}.loading-spinner-container{align-items:center;background-color:var(--bg-color);color:var(--text-color);display:flex;justify-content:center;min-height:100%}.loading-spinner-container .loading-spinner{margin-right:10px}.dark-theme .search-section{background-color:var(--bg-color)}.dark-theme .search-result-item{background-color:var(--card-bg);box-shadow:0 2px 4px var(--shadow-color)}.dark-theme .search-result-bio,.dark-theme .search-result-info h3,.dark-theme .search-result-info p{color:var(--text-color)}.dark-theme .interest-tag-small{background-color:var(--input-bg);color:var(--text-color)}.dark-theme .interest-tag-small:hover{background-color:var(--input-border)}.notification{animation:slideIn .3s ease-out;border-radius:5px;box-shadow:0 2px 5px #0003;color:#fff;font-weight:500;padding:15px 25px;position:fixed;right:20px;top:20px;z-index:9999}.notification.success{background-color:#4caf50}.notification.error{background-color:#f44336}.notification.info{background-color:#2196f3}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.notification.hide{animation:slideOut .3s ease-in forwards}.loading-spinner-container .loading-spinner{border-width:5px;height:50px;width:50px}.search-results-list{background-color:var(--card-bg);border-radius:12px;box-shadow:0 4px 15px #0000000d;display:flex;flex-direction:column;margin:20px auto;max-width:500px;overflow:hidden;width:100%}.search-result-item{align-items:center;border-bottom:1px solid var(--card-border);cursor:pointer;display:flex;padding:15px 20px;transition:background-color .2s ease}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background-color:var(--input-bg)}.search-result-avatar{border:2px solid #fe2c54;border:2px solid var(--primary-color);border-radius:50%;height:60px;margin-right:15px;object-fit:cover;width:60px}.search-result-info{display:flex;flex:1 1;flex-direction:column;justify-content:center}.search-result-info h3{color:var(--text-color);font-size:1.1rem;margin:0}.search-result-username{color:#666;color:var(--text-secondary);font-size:.9rem;margin-top:2px}.dark-theme .search-section{background-color:var(--dark-background)}.dark-theme .search-results-list{background-color:var(--dark-card-background);box-shadow:0 4px 15px #0003}.dark-theme .search-result-item{border-bottom-color:var(--dark-card-border)}.dark-theme .search-result-item:hover{background-color:var(--dark-input-bg)}.dark-theme .search-result-info h3,.dark-theme .search-result-username{color:var(--dark-text-color)}.dark-theme .search-result-username{color:var(--dark-text-secondary)}.search-section h2{color:var(--text-color);font-size:1.8rem;margin-bottom:25px;text-align:center}.search-input-group{align-items:center;display:flex;gap:10px;margin-bottom:15px}.search-input-group input{background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:8px;color:var(--text-color);flex:1 1;font-size:1rem;padding:12px 15px;transition:border-color .2s ease,box-shadow .2s ease}.search-input-group input::placeholder{color:#666;color:var(--text-secondary)}.search-input-group input:focus{border-color:#fe2c54;border-color:var(--primary-color);box-shadow:0 0 0 3px #ff4b9133;outline:none}.search-input-group button{background-color:#fe2c54;background-color:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:12px 20px;transition:background-color .2s ease,transform .2s ease;white-space:nowrap}.search-input-group button:hover{background-color:#e61e3c;background-color:var(--primary-dark);transform:translateY(-1px)}.search-input-group button:active{transform:translateY(0)}.user-profile-view{background-color:var(--card-bg);border-radius:12px;box-shadow:0 4px 15px #0000000d;padding:20px}.back-button{align-items:center;border:none;color:#fe2c54;color:var(--primary-color);display:flex;font-size:1rem;gap:5px;margin-bottom:20px;padding:10px 0;transition:color .2s ease}.back-button:hover{color:#e61e3c;color:var(--primary-dark)}.profile-header{margin-bottom:30px;text-align:center}.profile-header .profile-avatar{border:3px solid #fe2c54;border:3px solid var(--primary-color);border-radius:50%;height:120px;margin-bottom:15px;object-fit:cover;width:120px}.profile-header h2{color:var(--text-color);font-size:1.8rem;margin:0}.profile-header .username{color:#666;color:var(--text-secondary);font-size:1.1rem;margin:5px 0}.profile-details{margin:0 auto;max-width:600px}.detail-item{margin-bottom:20px}.detail-item label{color:#666;color:var(--text-secondary);display:block;font-weight:600;margin-bottom:5px}.detail-item p{color:var(--text-color);line-height:1.5;margin:0}.profile-interests{margin-top:30px}.profile-interests h3{color:var(--text-color);margin-bottom:15px}.interests-list{display:flex;flex-wrap:wrap;gap:10px}.interest-tag{background-color:var(--input-bg);border-radius:20px;color:var(--text-color);font-size:.9rem;padding:8px 15px;transition:background-color .2s ease}.interest-tag:hover{background-color:var(--input-border)}.dark-theme .user-profile-view{background-color:var(--dark-card-background)}.dark-theme .detail-item p,.dark-theme .profile-header h2{color:var(--dark-text-color)}.dark-theme .detail-item label,.dark-theme .profile-header .username{color:var(--dark-text-secondary)}.dark-theme .interest-tag{background-color:var(--dark-input-bg);color:var(--dark-text-color)}.dark-theme .interest-tag:hover{background-color:var(--dark-input-border)}.match-request-button{background-color:#fe2c54;background-color:var(--primary-color);border:none;border-radius:25px;box-shadow:0 2px 8px #ff4b9133;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:15px;padding:12px 25px;transition:all .3s ease}.match-request-button:hover:not(:disabled){background-color:#e61e3c;background-color:var(--primary-dark);box-shadow:0 4px 12px #ff4b914d;transform:translateY(-2px)}.match-request-button:active:not(:disabled){transform:translateY(0)}.match-request-button:disabled{background-color:var(--input-border);box-shadow:none;cursor:not-allowed;transform:none}.match-request-button.sent{background-color:#4caf50;box-shadow:0 2px 8px #4caf5033}.match-request-button.sent:hover{background-color:#45a049;box-shadow:0 4px 12px #4caf504d}.error-message{color:#f44336;font-size:.9rem;margin-top:10px}.dark-theme .match-request-button{box-shadow:0 2px 8px #ff4b914d}.dark-theme .match-request-button:hover:not(:disabled){box-shadow:0 4px 12px #ff4b9166}.dark-theme .match-request-button.sent{box-shadow:0 2px 8px #4caf504d}.dark-theme .match-request-button.sent:hover{box-shadow:0 4px 12px #4caf5066}.notification-modal{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.notification-modal-content{background-color:var(--bg-color);border-radius:10px;max-height:80vh;max-width:500px;overflow-y:auto;padding:20px;position:relative;width:90%}.match-requests-section{margin-top:20px}.match-requests-section h3{color:var(--text-color);font-size:1.2rem;margin-bottom:15px}.match-request-item{align-items:center;background-color:var(--card-bg);border-bottom:1px solid #fe2c5433;border-bottom:1px solid var(--border-color);border-radius:8px;display:flex;margin-bottom:10px;padding:15px}.match-request-avatar{border-radius:50%;height:50px;margin-right:15px;object-fit:cover;width:50px}.match-request-info{flex:1 1}.match-request-info h4{color:var(--text-color);font-size:1.1rem;margin:0}.match-request-info p{color:#666;color:var(--text-secondary);font-size:.9rem;margin:5px 0 0}.match-request-actions{display:flex;gap:10px}.accept-button{background-color:#fe2c54;background-color:var(--primary-color);border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 15px;transition:all .3s ease}.accept-button:hover{background-color:#e61e3c;background-color:var(--primary-dark);transform:translateY(-1px)}.decline-button{background-color:var(--input-bg);border:1px solid #fe2c5433;border:1px solid var(--border-color);border-radius:20px;color:var(--text-color);cursor:pointer;font-size:.9rem;padding:8px 15px;transition:all .3s ease}.decline-button:hover{background-color:var(--input-border)}.close-notifications-btn{background:none;border:none;color:#666;color:var(--text-secondary);cursor:pointer;font-size:1.5rem;line-height:1;padding:5px;position:absolute;right:10px;top:10px}.close-notifications-btn:hover{color:var(--text-color)}.dark-theme .match-request-item,.dark-theme .notification-modal-content{background-color:var(--dark-card-background)}.dark-theme .match-request-item{border-color:var(--dark-border-color)}.dark-theme .match-request-info h4{color:var(--dark-text-color)}.dark-theme .match-request-info p{color:var(--dark-text-secondary)}.dark-theme .decline-button{background-color:var(--dark-input-bg);border-color:var(--dark-border-color);color:var(--dark-text-color)}.dark-theme .decline-button:hover{background-color:var(--dark-input-border)}.chat-container{background-color:#f8f6e7;bottom:0;color:#333;display:flex;flex-direction:column;height:100%;left:0;overflow:hidden;position:absolute;right:0;top:0;width:100%}.chat-header{align-items:center;background-color:#eec9b7;box-shadow:0 2px 4px #0000001a;color:#fff;display:flex;flex-shrink:0;justify-content:space-between;padding:1rem;z-index:1}.chat-header h2{font-size:1.2rem;margin:0}.back-button{background:none;border:1px solid #fff;border-radius:.5rem;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:background-color .3s ease,color .3s ease}.back-button:hover{background-color:#fff;color:#eec9b7}.message-list{display:flex;flex:1 1;flex-direction:column;gap:.5rem;min-height:0;overflow-y:auto;padding:1rem;position:relative}.message{display:flex}.message.sent{align-self:flex-end;justify-content:flex-end;margin-right:30px}.message.received{align-self:flex-start;justify-content:flex-start;margin-left:30px}.message-bubble-content{word-wrap:break-word;border-radius:1rem;box-sizing:border-box;display:flex;flex-direction:column;max-width:70%;overflow-wrap:break-word;padding:.75rem 1rem;position:relative}.message.sent .message-bubble-content{background-color:#eec9b7;border-bottom-right-radius:.25rem;color:#fff}.message.received .message-bubble-content{background-color:#fff;border:1px solid #ddd;border-bottom-left-radius:.25rem;color:#333}.message p{font-size:.9rem;margin:0;overflow-wrap:break-word;white-space:normal;word-break:break-all}.timestamp{display:block;font-size:.7rem;margin-top:.25rem}.message.sent .timestamp{color:#ffffffb3;text-align:right}.message.received .timestamp{color:#999;text-align:left}.message-input-form{background-color:#fff;border-top:1px solid #eee;display:flex;flex-shrink:0;gap:.5rem;padding:1rem;z-index:1}.message-input-form input{border:1px solid #ddd;border-radius:.5rem;flex-grow:1;font-size:1rem;padding:.75rem}.message-input-form input:focus{border-color:#eec9b7;outline:none}.message-input-form button{background-color:#eec9b7;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.25rem;transition:background-color .3s ease}.message-input-form button:hover{background-color:#d19a7e}.chat-error,.chat-loading{align-items:center;background-color:#f8f6e7;color:#666;display:flex;font-size:1.1rem;height:100vh;justify-content:center}.unsend-button{background:none;border:none;border-radius:.3rem;color:#fff;cursor:pointer;font-size:.8rem;margin-top:.5rem;padding:.2rem .5rem;transition:background-color .2s ease}.message.sent .unsend-button.mobile-direct{background-color:#0003}.message.sent .unsend-button.mobile-direct:hover{background-color:#0006}.unsend-dots-button{background:red;border:2px solid blue;color:#fff;cursor:pointer;font-size:1.5rem;opacity:1;padding:0 .5rem;position:absolute;right:5px;top:50%;transform:translateY(-50%);transition:opacity .2s ease;z-index:999}.unsend-options-dropdown{background-color:#fff;border:1px solid #ddd;border-radius:.5rem;box-shadow:0 2px 5px #0003;padding:.5rem;position:absolute;right:0;top:100%;white-space:nowrap;z-index:10}.message.sent .unsend-options-dropdown{right:0}.message.received .unsend-options-dropdown{left:0}.unsend-option-button{background:none;border:none;color:#333;cursor:pointer;padding:.5rem 1rem;text-align:left;transition:background-color .2s ease;width:100%}.unsend-option-button:hover{background-color:#f0f0f0}.App{background-color:var(--bg-primary);display:flex;flex-direction:column;font-family:Quicksand,sans-serif;height:100%;text-align:center}*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--text-primary);font-family:Quicksand,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{margin:0 auto;max-width:1200px;padding:0 20px}.btn{border:none;border-radius:25px;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease}.btn-primary{background-color:var(--primary-color);color:var(--text-light)}.btn-primary:hover{background-color:var(--primary-dark)}.btn-secondary{background-color:var(--text-secondary);color:var(--text-light)}.btn-secondary:hover{background-color:var(--text-primary)}
/*# sourceMappingURL=main.a0717197.css.map*/