@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}:root{--rc-drag-handle-size: 12px;--rc-drag-handle-mobile-size: 24px;--rc-drag-handle-bg-colour: rgba(0, 0, 0, .2);--rc-drag-bar-size: 6px;--rc-border-color: rgba(255, 255, 255, .7);--rc-focus-color: #0088ff}.ReactCrop{position:relative;display:inline-block;cursor:crosshair;max-width:100%}.ReactCrop *,.ReactCrop *:before,.ReactCrop *:after{box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{overflow:hidden;max-height:inherit}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-width:100%;max-height:inherit}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video{touch-action:none}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{touch-action:none}.ReactCrop__crop-mask{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;width:calc(100% + .5px);height:calc(100% + .5px)}.ReactCrop__crop-selection{position:absolute;top:0;left:0;transform:translateZ(0);cursor:move}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--circular-crop .ReactCrop__crop-selection:after{pointer-events:none;content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border:1px solid var(--rc-border-color);opacity:.3}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed white}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){animation:marching-ants 1s;background-image:linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%);background-size:10px 1px,10px 1px,1px 10px,1px 10px;background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;color:#fff;animation-play-state:running;animation-timing-function:linear;animation-iteration-count:infinite}.ReactCrop__crop-selection:focus{outline:2px solid var(--rc-focus-color);outline-offset:-1px}.ReactCrop--invisible-crop .ReactCrop__crop-mask,.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{content:"";display:block;position:absolute;background-color:#fff6}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after{width:1px;height:100%}.ReactCrop__rule-of-thirds-vt:before{left:33.3333333333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666666667%}.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{width:100%;height:1px}.ReactCrop__rule-of-thirds-hz:before{top:33.3333333333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6666666667%}.ReactCrop__drag-handle{position:absolute;width:var(--rc-drag-handle-size);height:var(--rc-drag-handle-size);background-color:var(--rc-drag-handle-bg-colour);border:1px solid var(--rc-border-color)}.ReactCrop__drag-handle:focus{background:var(--rc-focus-color)}.ReactCrop .ord-nw{top:0;left:0;transform:translate(-50%,-50%);cursor:nw-resize}.ReactCrop .ord-n{top:0;left:50%;transform:translate(-50%,-50%);cursor:n-resize}.ReactCrop .ord-ne{top:0;right:0;transform:translate(50%,-50%);cursor:ne-resize}.ReactCrop .ord-e{top:50%;right:0;transform:translate(50%,-50%);cursor:e-resize}.ReactCrop .ord-se{bottom:0;right:0;transform:translate(50%,50%);cursor:se-resize}.ReactCrop .ord-s{bottom:0;left:50%;transform:translate(-50%,50%);cursor:s-resize}.ReactCrop .ord-sw{bottom:0;left:0;transform:translate(-50%,50%);cursor:sw-resize}.ReactCrop .ord-w{top:50%;left:0;transform:translate(-50%,-50%);cursor:w-resize}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{top:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(-50%)}.ReactCrop__drag-bar.ord-e{right:0;top:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(50%)}.ReactCrop__drag-bar.ord-s{bottom:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(50%)}.ReactCrop__drag-bar.ord-w{top:0;left:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(-50%)}.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle,.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w{display:none}@media (pointer: coarse){.ReactCrop .ord-n,.ReactCrop .ord-e,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{width:var(--rc-drag-handle-mobile-size);height:var(--rc-drag-handle-mobile-size)}}.dashboard-page-wrapper{display:flex;flex-direction:column;height:100vh;overflow:hidden}.dashboard-container{display:flex;flex-direction:row;flex-grow:1;overflow:hidden;background-color:var(--bg-color);position:relative}.dashboard-main-content{flex-grow:1;display:flex}.sidebar{background-color:var(--surface-color);display:flex;flex-direction:column;padding:20px;width:280px;flex-shrink:0;height:100%;border-right:1px solid var(--secondary-color);z-index:200}.sidebar-header{display:flex;align-items:center;justify-content:flex-start;gap:15px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--secondary-color);flex-shrink:0}.sidebar-header-left{display:flex;align-items:center;gap:15px}.sidebar-branding{display:flex;align-items:center;gap:10px;color:var(--text-color);text-decoration:none}.logo-small{width:32px;height:32px;border-radius:50%}.sidebar-title{font-size:1.2rem;font-weight:600}.hamburger-menu-container{position:relative}.hamburger-btn{background:none;border:1px solid transparent;color:var(--text-color-secondary);cursor:pointer;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;position:relative}.hamburger-btn:hover{background-color:var(--secondary-color);color:var(--text-color)}.dashboard-dropdown-menu{position:absolute;top:100%;left:0;margin-top:10px;background-color:#4a4a54;border-radius:8px;box-shadow:0 4px 12px #0003;width:220px;z-index:100;padding:8px;display:flex;flex-direction:column}.menu-top-section{display:flex;justify-content:center;gap:12px;padding:4px 8px 12px}.menu-icon-btn{background:none;border:none;color:var(--text-color-secondary);padding:8px;border-radius:50%;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.menu-icon-btn:hover{background-color:var(--secondary-color);color:var(--text-color)}.menu-item-btn{padding:10px 15px;color:var(--text-color);text-decoration:none;display:flex;align-items:center;gap:10px;border-radius:6px;background:none;border:none;text-align:left;cursor:pointer;font-size:.95rem;width:100%;transition:background-color .2s,color .2s}.menu-item-btn:hover{background-color:var(--primary-color);color:var(--bg-color)}.menu-divider{height:1px;background-color:var(--secondary-color);margin:8px 4px}.legal-link{font-size:.85rem;color:var(--text-color-secondary)}.legal-link:hover{color:var(--text-color)}.profile-preview{display:flex;flex-direction:column;align-items:center;gap:15px;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid var(--secondary-color)}.profile-preview img{width:100px;height:100px;border-radius:50%;object-fit:cover;flex-shrink:0;border:3px solid var(--primary-color)}.welcome-message{font-size:1.1rem;color:var(--text-color-secondary);text-align:center}.welcome-username{font-weight:600;color:var(--text-color)}.friends-section{display:flex;flex-direction:column;flex-grow:1;overflow:hidden}.friends-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding:0 5px;flex-shrink:0}.friends-header h3{font-size:1rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-color-secondary)}.friends-count{font-size:.9rem;background-color:var(--secondary-color);padding:2px 8px;border-radius:10px}.search-box input{width:100%;background-color:var(--bg-color);border:1px solid var(--secondary-color);color:var(--text-color);border-radius:8px;padding:10px 15px}#friends-list{list-style:none;padding:0 5px 0 0;display:flex;flex-direction:column;gap:8px;overflow-y:auto}.no-friends-message,.no-results-message{text-align:center;padding:20px;color:var(--text-color-secondary);font-size:.9rem}.friend-list-item{display:flex;align-items:center;gap:12px;padding:10px;border-radius:8px;cursor:pointer;transition:background-color .2s ease}.friend-list-item:hover{background-color:var(--secondary-color)}.friend-avatar{width:45px;height:45px;border-radius:50%;object-fit:cover;flex-shrink:0}.friend-info{display:flex;flex-direction:column;justify-content:center;white-space:nowrap;overflow:hidden;flex-grow:1}.friend-name{font-weight:500;color:var(--text-color);font-size:.95rem;line-height:1.2}.friend-status{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--text-color-secondary);text-transform:capitalize}.status-indicator{width:8px;height:8px;border-radius:50%;background-color:var(--text-color-secondary);flex-shrink:0}.status-indicator.online{background-color:#4caf50}.status-indicator.away{background-color:#ffc107}.chat-area{display:flex;flex-direction:column;flex-grow:1;height:100%;background-color:var(--bg-color)}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;background-color:var(--surface-color);border-bottom:1px solid var(--secondary-color);flex-shrink:0}.chat-partner-info{display:flex;align-items:center;gap:15px}.chat-header-actions{display:flex;align-items:center;gap:10px}.header-action-btn{background:none;border:none;color:var(--text-color-secondary);cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.header-action-btn:hover{background-color:var(--secondary-color);color:var(--text-color)}.header-action-btn:disabled{opacity:.5;cursor:not-allowed}.more-options-container{position:relative}.chat-dropdown-menu{position:absolute;top:100%;right:0;margin-top:10px;background-color:#4a4a54;border-radius:8px;box-shadow:0 4px 12px #0003;width:180px;z-index:100;padding:8px;display:flex;flex-direction:column}.danger-text{color:var(--error-color)!important}.danger-text:hover{background-color:var(--error-color)!important;color:var(--bg-color)!important}.message-list{flex-grow:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:12px}.message-list.loading,.message-list.empty{justify-content:center;align-items:center}.empty-chat-message{text-align:center;color:var(--text-color-secondary)}.empty-chat-message span{display:block;margin-top:10px;font-size:1.2rem}.message-bubble-container{display:flex;max-width:75%}.message-bubble-container.sent{align-self:flex-end;flex-direction:row-reverse}.message-bubble-container.received{align-self:flex-start}.message-bubble{padding:10px 15px;border-radius:18px;position:relative}.message-bubble.sent{background-color:var(--primary-color);color:var(--bg-color);border-bottom-right-radius:4px}.message-bubble.received{background-color:var(--surface-color);border-bottom-left-radius:4px}.message-text{margin:0;padding-right:50px;white-space:pre-wrap;word-wrap:break-word;color:inherit}.message-timestamp{position:absolute;bottom:5px;right:15px;font-size:.7rem;color:inherit;opacity:.7}.message-input-area{display:flex;align-items:flex-end;padding:15px 20px;background-color:var(--surface-color);border-top:1px solid var(--secondary-color);gap:10px}.input-action-btn{flex-shrink:0;align-self:center}.message-input{flex-grow:1;background-color:var(--bg-color);border:1px solid var(--secondary-color);border-radius:18px;padding:10px 15px;color:var(--text-color);font-family:var(--font-body);font-size:1rem;resize:none;max-height:120px;overflow-y:auto}.send-btn{background-color:var(--primary-color);color:var(--bg-color);border:none;border-radius:50%;width:40px;height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s}.send-btn:disabled{background-color:var(--secondary-color);cursor:not-allowed}.random-chat-finder{flex-grow:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px;justify-content:flex-start;padding-top:5vh;overflow-y:auto}.finder-content{background-color:var(--surface-color);padding:30px 40px;border-radius:16px;width:100%;max-width:600px;box-shadow:0 5px 15px #0003}.finder-content h2{font-size:2rem;margin-bottom:10px}.finder-content p{color:var(--text-color-secondary);margin-bottom:30px}.chat-type-selector{display:flex;justify-content:center;background-color:var(--bg-color);border-radius:10px;padding:5px;margin-bottom:30px}.type-btn{flex-grow:1;padding:10px;border:none;background-color:transparent;color:var(--text-color-secondary);font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease-in-out}.type-btn.active{background-color:var(--primary-color);color:var(--bg-color);box-shadow:0 2px 5px #0000001a}.type-btn:disabled{color:#666;cursor:not-allowed;opacity:.5}.filters-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.filter-item{text-align:left;margin-bottom:20px}.filter-item label{display:block;font-size:.9rem;font-weight:500;margin-bottom:8px;color:var(--text-color-secondary)}.filter-item select,.filter-item input{width:100%;background-color:var(--bg-color);border:1px solid var(--secondary-color);color:var(--text-color);padding:10px;border-radius:8px;font-size:1rem}.multiselect-dropdown-container{position:relative}.multiselect-btn{width:100%;background-color:var(--bg-color);border:1px solid var(--secondary-color);color:var(--text-color);padding:10px;border-radius:8px;font-size:1rem;font-family:var(--font-body);text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.multiselect-panel{position:absolute;top:100%;left:0;right:0;background-color:var(--surface-color);border:1px solid var(--secondary-color);border-radius:8px;margin-top:5px;z-index:10;max-height:200px;overflow-y:auto}.multiselect-panel ul{list-style:none;padding:5px;margin:0}.multiselect-item{display:flex;align-items:center;gap:10px;padding:10px;cursor:pointer;border-radius:6px}.multiselect-item:hover{background-color:var(--secondary-color)}.multiselect-item input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary-color);pointer-events:none}.multiselect-item label{margin:0;font-weight:400;color:var(--text-color);flex-grow:1}.age-range-wheels{display:flex;align-items:center;justify-content:center;gap:20px}.age-range-wheels span{color:var(--text-color-secondary);font-weight:500}.age-wheel-container{width:80px;height:120px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,transparent,black 25%,black 75%,transparent);mask-image:linear-gradient(to bottom,transparent,black 25%,black 75%,transparent)}.age-wheel-highlight{position:absolute;top:50%;left:0;right:0;height:40px;transform:translateY(-50%);background-color:#f8b4c41a;border-top:2px solid var(--primary-color);border-bottom:2px solid var(--secondary-color);z-index:1;pointer-events:none}.age-wheel-list{list-style:none;padding:0;margin:0;height:100%;overflow-y:scroll;scroll-snap-type:y mandatory;cursor:grab;-webkit-user-select:none;user-select:none;-ms-overflow-style:none;scrollbar-width:none}.age-wheel-list:active{cursor:grabbing}.age-wheel-list::-webkit-scrollbar{display:none}.age-wheel-item,.age-wheel-spacer{height:40px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:600;color:var(--text-color-secondary);scroll-snap-align:center;transition:color .2s,transform .2s}.age-wheel-item.is-selected{color:var(--text-color);transform:scale(1.1)}.age-wheel-spacer{height:40px}.finder-actions{margin-top:30px}.searching-indicator{display:flex;flex-direction:column;align-items:center;gap:15px}.searching-indicator p{margin-bottom:0;font-size:1.1rem;color:var(--text-color)}.notification-bell-btn{position:relative;background:none;border:none;color:var(--text-color-secondary);cursor:pointer;padding:8px;border-radius:50%;display:flex}.notification-bell-btn:hover{background-color:var(--secondary-color);color:var(--text-color)}.notification-badge{position:absolute;top:4px;right:4px;background-color:#f44336;color:#fff;border-radius:50%;width:18px;height:18px;font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid var(--surface-color)}.notification-panel{position:absolute;top:60px;right:20px;width:350px;max-height:400px;background-color:var(--surface-color);border-radius:12px;box-shadow:0 5px 20px #0000004d;z-index:250;display:flex;flex-direction:column;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s ease-in-out}.notification-panel.is-open{opacity:1;visibility:visible;transform:translateY(0)}.notification-panel-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid var(--secondary-color)}.notification-panel-header h3{margin:0}.notification-list{overflow-y:auto;padding:10px}.no-notifications{padding:30px 20px;text-align:center;color:var(--text-color-secondary)}.notification-item{display:flex;gap:15px;padding:15px;border-radius:8px}.notification-item:hover{background-color:var(--secondary-color)}.notification-icon{color:var(--primary-color)}.notification-content{flex-grow:1}.notification-message{margin-bottom:10px}.notification-actions{display:flex;gap:10px}.btn-action{background:none;border:1px solid var(--text-color-secondary);color:var(--text-color-secondary);padding:5px 10px;font-size:.8rem;border-radius:6px;cursor:pointer;transition:all .2s ease}.btn-action.accept{border-color:var(--success-color);color:var(--success-color)}.btn-action.accept:hover{background-color:var(--success-color);color:var(--bg-color)}.btn-action.decline{border-color:var(--error-color);color:var(--error-color)}.btn-action.decline:hover{background-color:var(--error-color);color:var(--bg-color)}.gifts-modal-content{text-align:center}.coming-soon-banner{background-color:var(--bg-color);padding:20px;border-radius:8px;margin-bottom:20px}.gifts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.gift-card{background-color:var(--bg-color);padding:15px;border-radius:8px;border:1px solid var(--secondary-color);display:flex;flex-direction:column}.gift-card.disabled{opacity:.6}.gift-emoji{font-size:3rem;margin-bottom:10px}.gift-name{font-size:1.1rem;margin-bottom:5px}.gift-description{font-size:.8rem;color:var(--text-color-secondary);margin-bottom:15px;flex-grow:1}.gift-price{font-weight:700;color:var(--primary-color);margin-bottom:15px}.mobile-header{display:none}@media (max-width: 768px){.mobile-header{display:flex;align-items:center;justify-content:space-between;padding:10px 15px;background-color:var(--surface-color);border-bottom:1px solid var(--secondary-color);flex-shrink:0}.dashboard-page-wrapper{flex-direction:column-reverse}.dashboard-container{flex-grow:1}.sidebar{position:fixed;top:0;left:0;bottom:0;height:100%;width:80%;max-width:300px;transform:translate(-100%);transition:transform .3s ease-in-out}.sidebar.is-open{transform:translate(0)}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:199;opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}.sidebar-overlay.is-open{opacity:1;visibility:visible}.mobile-header-logo{display:flex;align-items:center;gap:10px}.mobile-header-logo h2{font-size:1.2rem}}.modal.no-padding{padding:0}.modal.no-padding .modal-title{padding:40px 40px 20px;margin-bottom:0}.modal.no-padding .modal-close{top:25px;right:25px}.settings-modal-container{display:flex;flex-direction:column}.settings-tabs{display:flex;border-bottom:1px solid var(--secondary-color);padding:0 40px;flex-shrink:0}.tab-btn{background:none;border:none;color:var(--text-color-secondary);padding:15px 20px;cursor:pointer;font-size:1rem;font-weight:500;position:relative;transition:color .2s ease}.tab-btn:hover{color:var(--text-color)}.tab-btn.active{color:var(--primary-color)}.tab-btn.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background-color:var(--primary-color)}.settings-panel{padding:30px 40px 40px}.settings-content h4{margin-top:0;margin-bottom:20px;font-size:1.2rem}.danger-zone-item{display:flex;flex-direction:column;align-items:center;gap:15px;padding:20px;border:1px solid var(--error-color);border-radius:8px;background-color:#e573731a}.danger-zone-item p{margin:5px 0 0;font-size:.9rem}.btn.btn-danger{background-color:var(--error-color);color:var(--bg-color)}.danger-zone-confirm{margin-top:20px;padding-top:20px;border-top:1px solid var(--secondary-color)}.friend-action-modal-content{padding:20px;text-align:center}.friend-profile-header{margin-bottom:30px}.friend-avatar-large{width:120px;height:120px;border-radius:50%;object-fit:cover;border:4px solid var(--primary-color);margin-bottom:15px}.friend-profile-header h3{font-size:1.5rem;margin-bottom:5px}.friend-action-buttons{display:flex;flex-direction:column;gap:15px}.action-btn{width:100%;justify-content:flex-start;padding:15px 20px;font-size:1rem}.action-btn.btn-danger{background-color:transparent;border:1px solid var(--error-color);color:var(--error-color)}.action-btn.btn-danger:hover{background-color:var(--error-color);color:var(--bg-color)}.confirmation-view{padding:20px}.confirmation-view p{margin-bottom:20px;font-size:1.1rem}.chat-invite-modal-content{padding:20px;text-align:center}.decline-form h4{margin-bottom:10px}.decline-form p{margin-bottom:15px;color:var(--text-color-secondary)}.decline-form textarea{width:100%;min-height:80px;resize:vertical;margin-bottom:15px}.waiting-for-user-container{flex-grow:1;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px}.waiting-content{display:flex;flex-direction:column;align-items:center;gap:15px}.waiting-content h3{font-size:1.5rem}.hamburger-btn{position:relative}.hamburger-badge{position:absolute;top:2px;right:2px;width:18px;height:18px;font-size:.7rem;border:2px solid var(--surface-color)}.dashboard-dropdown-menu .notification-bell-btn{padding:8px;border-radius:50%;transition:all .2s ease}.dashboard-dropdown-menu .notification-bell-btn .notification-badge{top:-2px;right:-2px;border-color:#4a4a54}@font-face{font-family:Work Sans;font-style:normal;font-weight:400;src:url(/fonts/work-sans-v23-latin-regular.woff2) format("woff2")}@font-face{font-family:Work Sans;font-style:normal;font-weight:500;src:url(/fonts/work-sans-v23-latin-500.woff2) format("woff2")}@font-face{font-family:Poppins;font-style:normal;font-weight:400;src:url(/fonts/poppins-v23-latin-regular.woff2) format("woff2")}@font-face{font-family:Poppins;font-style:normal;font-weight:600;src:url(/fonts/poppins-v23-latin-600.woff2) format("woff2")}@font-face{font-family:Poppins;font-style:normal;font-weight:700;src:url(/fonts/poppins-v23-latin-700.woff2) format("woff2")}:root{--bg-color: #2c2c34;--surface-color: #3a3a44;--primary-color: #f8b4c4;--primary-color-hover: #f49aac;--secondary-color: #4a4a54;--text-color: #f0f0f5;--text-color-secondary: #b8b8c8;--success-color: #A7B6A2;--error-color: #e57373;--valid-color: #81c784;--font-heading: "Poppins", sans-serif;--font-body: "Work Sans", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);font-weight:400;background-color:var(--bg-color);color:var(--text-color);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root,.app-container{display:flex;flex-direction:column;min-height:100vh}main{flex-grow:1}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;color:var(--text-color)}p{font-family:var(--font-body);color:var(--text-color-secondary)}.btn{font-family:var(--font-heading);font-weight:600;padding:10px 20px;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s ease,transform .2s ease;display:inline-flex;justify-content:center;align-items:center;gap:8px;position:relative}.btn:hover{transform:translateY(-2px)}.btn:disabled{cursor:not-allowed;background-color:var(--secondary-color)!important;color:var(--text-color-secondary)!important;transform:none!important}.btn-primary{background-color:var(--primary-color);color:var(--bg-color)}.btn-primary:hover{background-color:var(--primary-color-hover)}.btn-secondary{background-color:var(--secondary-color);color:var(--text-color)}.btn-secondary:hover{background-color:#5a5a64}.btn-large{padding:15px 30px;font-size:1.1rem}.hidden{display:none!important}.alert-success,.alert-error{color:var(--bg-color);padding:10px 15px;border-radius:8px;margin-bottom:15px;font-weight:500;display:flex;justify-content:center;align-items:center;gap:10px}.alert-success{background-color:var(--success-color)}.alert-error{background-color:var(--error-color)}.alert-success p,.alert-success{color:var(--bg-color)!important}.spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.5);border-top-color:#fff;border-radius:50%;animation:spin 1s ease-in-out infinite}.spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.5);border-top-color:#fff;border-radius:50%;animation:spin 1s ease-in-out infinite}.shake{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.main-header{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;background-color:#2c2c34cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:10}.logo-container{display:flex;align-items:center;gap:15px}.logo{height:100px;width:100px;object-fit:cover;border-radius:50%}.main-header h1{font-family:var(--font-heading);font-size:1.8rem;color:var(--text-color)}.main-header nav{display:flex;gap:15px}.video-banner{width:100%;display:flex;justify-content:center;margin-bottom:40px;padding:0 20px}.landing-video{width:100%;max-width:720px;height:auto;object-fit:contain;border-radius:12px;box-shadow:0 4px 20px #00000040}.hero-section{flex-grow:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px 20px}.hero-content h2{font-family:var(--font-heading);font-size:3.5rem;font-weight:700;margin-bottom:20px}.hero-content p{font-size:1.2rem;color:var(--text-color-secondary);margin-bottom:40px}.main-footer{text-align:center;padding:20px 40px;background-color:var(--surface-color);font-size:.9rem}.main-footer p{color:var(--text-color-secondary);margin-bottom:5px}.main-footer a{color:var(--primary-color);text-decoration:none;transition:text-decoration .2s ease;cursor:pointer}.main-footer a:hover{text-decoration:underline}.logo-link{text-decoration:none;color:inherit}.form-wrapper{background-color:var(--surface-color);border-radius:12px}.form-wrapper h2{text-align:center;margin-bottom:10px}.form-wrapper p{text-align:center;margin-bottom:30px}.form-wrapper form{display:flex;flex-direction:column;gap:15px}.form-wrapper input,.form-wrapper select,.form-wrapper textarea{background-color:var(--bg-color);border:1px solid var(--secondary-color);padding:12px;border-radius:8px;color:var(--text-color);font-family:var(--font-body);font-size:1rem;width:100%}.form-wrapper select{padding-right:2.5rem}.form-wrapper input:disabled{background-color:var(--secondary-color);cursor:not-allowed;opacity:.7}.form-wrapper .btn{width:100%;justify-content:center;padding:12px;margin-top:10px}.form-container{padding:30px 40px;width:90%;max-width:450px;text-align:left}.form-container form{gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;font-size:.9rem;color:var(--text-color-secondary)}.form-group small{font-size:.8rem;color:var(--text-color-secondary);margin-top:-4px}.form-container select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23f0f0f5' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .7rem center;background-size:1em}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px var(--bg-color) inset!important;-webkit-text-fill-color:var(--text-color)!important;caret-color:var(--text-color)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:100;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.modal-overlay.active{opacity:1;visibility:visible}.modal{padding:40px;width:90%;max-width:500px;position:relative;transform:translateY(-10px);transition:transform .3s ease;max-height:90vh;overflow-y:auto}.modal-overlay.active .modal{transform:translateY(0)}.modal-close{position:absolute;top:15px;right:15px;background:none;border:none;color:var(--text-color-secondary);font-size:2rem;cursor:pointer}.info-modal-content{padding:0 20px 20px;text-align:left}.info-modal-content p{text-align:left!important;margin-bottom:1rem}.info-modal-content h4{margin-top:20px;margin-bottom:10px}.info-modal-content ul{padding-left:20px}.divider{text-align:center;color:var(--text-color-secondary);margin:20px 0;position:relative}.divider:before,.divider:after{content:"";position:absolute;top:50%;width:40%;height:1px;background-color:var(--secondary-color)}.divider:before{left:0}.divider:after{right:0}.extra-links{text-align:center;margin:15px 0 20px;font-size:.9rem}.extra-links a{color:var(--primary-color);text-decoration:none}.extra-links a:hover{text-decoration:underline}.social-login-container{display:flex;justify-content:center;gap:20px}.social-login-btn{display:flex;justify-content:center;align-items:center;width:50px;height:50px;border-radius:50%;background-color:var(--bg-color);border:1px solid var(--secondary-color);transition:transform .2s ease,border-color .2s ease}.social-login-btn:hover{transform:translateY(-2px);border-color:var(--primary-color)}.social-login-btn img{height:24px;width:24px}#password-requirements{margin:-5px 0 15px 10px}#password-requirements ul{list-style:none;padding:0;font-size:.85rem}#password-requirements li{color:var(--text-color-secondary);transition:color .3s ease;margin-bottom:5px;display:flex;align-items:center}#password-requirements li:before{content:"○";margin-right:10px;font-size:1.2rem;line-height:1}#password-requirements li.valid{color:var(--valid-color)}#password-requirements li.valid:before{content:"●";color:var(--valid-color)}.password-wrapper{position:relative;display:flex;align-items:center}.password-toggle{background:none;border:none;cursor:pointer;position:absolute;right:12px;color:var(--text-color-secondary)}.password-toggle:hover{color:var(--primary-color)}.avatar-upload-wrapper{display:flex;flex-direction:column;align-items:center;gap:15px;margin-bottom:20px}.avatar-preview-img{border-radius:50%;object-fit:cover;border:3px solid var(--secondary-color)}#edit-avatar-preview{width:120px;height:120px}#avatar-preview{width:100px;height:100px;display:flex;justify-content:center;align-items:center;background-color:var(--bg-color);color:var(--text-color-secondary);font-size:.9rem;text-align:center;padding:10px;background-size:cover;background-position:center}#avatar-preview[style*=background-image] span,#avatar-input,#edit-avatar-input{display:none}.tags-input-container{display:flex;flex-wrap:wrap;gap:8px;padding:10px;border:1px solid var(--secondary-color);border-radius:8px;margin-bottom:15px;min-height:48px}.tag{background-color:var(--primary-color);color:var(--bg-color);padding:5px 10px;border-radius:5px;display:flex;align-items:center;gap:5px;font-weight:500}.tag .remove-tag-btn{background:none;border:none;color:var(--bg-color);cursor:pointer;font-size:16px;line-height:1}.confirmation-buttons{display:flex;gap:15px;justify-content:center;margin-top:20px}.confirmation-buttons .btn{width:auto;flex-grow:1}.sidebar{background-color:var(--surface-color);display:flex;flex-direction:column;padding:20px;border-right:1px solid var(--secondary-color)}.sidebar-header .logo-link{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text-color)}.sidebar-header .logo-small{width:40px;height:40px;border-radius:50%}.sidebar-header h2{font-size:1.5rem}.profile-preview{text-align:center;margin:30px 0}.profile-preview .avatar-wrapper{margin-bottom:10px}#user-avatar-sidebar{width:100px;height:100px;border-radius:50%;border:3px solid var(--primary-color);object-fit:cover}.profile-name-link{text-decoration:none;color:var(--text-color);display:inline-block;transition:color .2s ease}.profile-name-link:hover{color:var(--primary-color)}.profile-preview h3{font-size:1.2rem}.sidebar-nav{flex-grow:1;overflow-y:auto}.search-box{position:relative;margin-bottom:20px}.search-box i{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--text-color-secondary)}.search-box input{width:100%;background-color:var(--bg-color);border:1px solid var(--secondary-color);color:var(--text-color);border-radius:8px;padding:10px 15px 10px 40px}#friends-list{list-style:none;padding:0}.sidebar-footer{padding-top:20px;border-top:1px solid var(--secondary-color)}.chat-area{display:flex;flex-direction:column;background-color:var(--bg-color)}#welcome-view{flex-grow:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:40px}.messages-container{flex-grow:1;padding:20px;overflow-y:auto}.message-input-area{display:flex;padding:20px;gap:10px;background-color:var(--surface-color);border-top:1px solid var(--secondary-color)}#message-input{flex-grow:1;background-color:var(--bg-color);border:1px solid var(--secondary-color);color:var(--text-color);border-radius:8px;padding:12px 15px}.video-area{background-color:var(--surface-color);border-left:1px solid var(--secondary-color);padding:20px;display:flex;flex-direction:column;gap:20px}.video-area h3{text-align:center}.video-wrapper{background-color:#000;border-radius:8px;overflow:hidden;position:relative}.video-wrapper video{width:100%;display:block}.video-wrapper label{position:absolute;bottom:10px;left:10px;background:#00000080;padding:2px 8px;border-radius:4px;font-size:.8rem}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--secondary-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-color-hover)}@media (max-width: 480px){.landing-video{max-width:100%;border-radius:8px}}@media (max-width: 1024px){.dashboard-container{grid-template-columns:280px 1fr}.video-area{display:none}}@media (max-width: 768px){.dashboard-container{grid-template-columns:1fr}.main-header{flex-direction:column;gap:20px;padding:15px}.logo{height:80px;width:80px}.main-header h1{font-size:1.5rem}.hero-section{padding:20px}.hero-content h2{font-size:2.5rem}.hero-content p{font-size:1rem}.form-container{padding:20px 15px}.modal{padding:20px;width:100%;height:100%;border-radius:0;display:flex;flex-direction:column;justify-content:center}.sidebar{display:none;position:fixed;top:0;left:0;height:100vh;width:75%;max-width:280px;z-index:200;animation:sidebarSlideOut .3s ease forwards}.sidebar.active{display:flex;animation:sidebarSlideIn .3s ease forwards}}@keyframes sidebarSlideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes sidebarSlideOut{0%{transform:translate(0)}to{transform:translate(-100%)}}.form-error,.error-text{color:var(--error-color);font-size:.85rem;font-weight:500;margin-top:-10px;margin-bottom:5px;padding-left:5px}.success-text{color:var(--valid-color);font-size:.85rem;font-weight:500}.visually-hidden{position:absolute!important;clip:rect(1px,1px,1px,1px);padding:0!important;border:0!important;height:1px!important;width:1px!important;overflow:hidden}.form-container>div{transition:opacity .4s ease,visibility .4s ease}@media (max-width: 480px){.form-container{padding:20px 15px}.btn{padding:12px;font-size:1rem}}@media (prefers-reduced-motion: reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.tos-container{text-align:left}.tos-box{height:200px;overflow-y:auto;border:1px solid var(--secondary-color);background-color:var(--bg-color);padding:15px;border-radius:8px;margin-bottom:20px;font-size:.9rem}.tos-box h3{margin-top:0;border-bottom:1px solid var(--secondary-color);padding-bottom:10px;margin-bottom:10px}.tos-box ul{padding-left:20px;margin-bottom:15px}.tos-box li{margin-bottom:10px}.custom-checkbox-label{display:flex;align-items:center;cursor:pointer;font-size:.95rem;gap:12px;-webkit-user-select:none;user-select:none}.custom-checkbox-label input{display:none}.custom-checkbox-checkmark{height:20px;width:20px;background-color:var(--bg-color);border:2px solid var(--secondary-color);border-radius:4px;transition:all .2s ease;position:relative}.custom-checkbox-label:hover .custom-checkbox-checkmark{border-color:var(--primary-color)}.custom-checkbox-label input:checked+.custom-checkbox-checkmark{background-color:var(--primary-color);border-color:var(--primary-color)}.custom-checkbox-checkmark:after{content:"";position:absolute;display:none;left:6px;top:2px;width:5px;height:10px;border:solid var(--bg-color);border-width:0 3px 3px 0;transform:rotate(45deg)}.custom-checkbox-label input:checked+.custom-checkbox-checkmark:after{display:block}.custom-checkbox-label a{color:var(--primary-color);text-decoration:none;transition:text-decoration .2s ease}.custom-checkbox-label a:hover{text-decoration:underline}.ReactCrop__crop-selection{border:2px dashed var(--primary-color)}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%;box-shadow:0 0 0 9999px #00000080}.input-with-status{position:relative}.legal-page-content{padding:20px}.home-section{padding:60px 20px;text-align:center}.home-section h2{font-size:2.5rem;margin-bottom:40px}.how-it-works{background-color:var(--surface-color)}.step-cards,.feature-cards{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;max-width:1200px;margin:0 auto}.step-card,.feature-card{background-color:var(--bg-color);padding:30px;border-radius:12px;flex:1;min-width:280px;max-width:350px}.step-card svg,.feature-card svg{color:var(--primary-color);margin-bottom:20px}.step-card h3,.feature-card h3{font-size:1.5rem;margin-bottom:10px;color:var(--text-color)}.step-card p,.feature-card p{color:var(--text-color-secondary);font-size:1rem}@media (max-width: 768px){.home-section h2{font-size:2rem}}