@media (max-width:768px){.register-card{padding:20px!important}.msgdiv{background:#cce4f5;height:300px!important}.sticker-popup{height:auto}.sticker-header .close-btn{font-size:18px}.sticker-item{width:78px}.sticker-grid{gap:0}.banner{padding:50px 20px}.feed-btn{width:100%}.hero-badge{padding:10px 20px;font-size:12px}.hero-section,.steps,.testimonial-section,.faq,.cta,.container-center,.about,.values,.creates,.why-connect,.community,.helps,.community-guidelines{padding:20px 10px}.hero-title{font-size:var(--h2-size);line-height:var(--h2-line-height)}h2{font-size:var(--h2-responsive-size)}h3{font-size:var(--h3-responsive-size)}.tab-content{padding:10px}.members,.connections,.friends-section{padding:20px 10px}.friends-wrapper{border-radius:10px}.step-detail h3 br{display:none}.mail-link{font-size:15px}.mail-body{padding:10px!important}.account-btn{display:none}.profile-icon{color:#fff;background:linear-gradient(90deg,#ff6bff,#6745d1)!important}.app-container{margin:50px auto 15px!important}.photos{justify-content:center;gap:2rem;display:flex}.photos div .fw-bold{text-align:center}.edit-settings{margin:10px auto!important}.setting-body{padding:10px!important}.delete-icon{margin:0 auto 10px}.popup-title{font-size:20px}.popup-modal{padding:20px 15px}.sidebar{background:#111827;flex-direction:column;justify-content:space-between;width:260px;min-height:100vh;display:flex}.mobile-menu-btn{z-index:99999;color:#fff;background:#6c5ce7;border:none;border-radius:8px;width:45px;height:45px;position:fixed;top:15px;left:15px}@media (max-width:991px){.sidebar{z-index:99999;width:260px;height:100vh;transition:all .3s;position:fixed;top:0;left:-280px;overflow-y:auto}.sidebar-open{left:0}.sidebar-overlay{z-index:99998;background:#00000080;position:fixed;inset:0}}@media (min-width:768px) and (max-width:992px){.sticky-top{justify-content:space-between;gap:2rem;display:flex}.toc1{width:400px;max-width:100%;margin-top:0!important}}@media (max-width:768px){h1{font-size:24px}.banner h1{font-size:var(--h2-size)}.post{padding:15px}.post .d-flex.gap-5{flex-direction:column;align-items:flex-start!important;gap:15px!important}.footer-btn{flex-direction:column;gap:10px}.footer-btn button{width:100%}.title{font-size:16px}.feed-btn{padding:5px 15px;font-size:14px}}@media (max-width:576px){.post{padding:12px}.profile-img{width:40px;height:40px}.popup-modal{height:500px;overflow-y:auto}.btn-outline-custom,.feed-btn{text-align:center}.follow,.follow button{width:100%}}@media (max-width:992px){.main-feed{margin-bottom:20px}.post{max-width:100%}}.tabs-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.gift-card{width:100%}.warning-box{flex-direction:column}.gift-image{width:100px;height:100px}.gift-image img{width:80px!important;height:80px!important}.gift-info h2{margin-top:0!important}.profile-col{width:140px;height:140px}.story-card{width:100%;min-width:100%}.tabs{flex-wrap:nowrap;min-width:max-content;display:flex}.publish-btn{text-align:center}.tab{white-space:nowrap;flex:none}}@media (max-width:576px){.message-item{padding:12px!important}.message-item .view-file-link{min-width:0;width:100%!important}.message-item .profile-img img{width:40px!important;height:40px!important}.message-item h6{font-size:15px}.message-item .chat-tagline{white-space:normal;word-break:break-word;max-width:100%!important}.message-item .badge{padding:4px 8px;font-size:11px}.message-item small{font-size:11px}.message-item .btn{padding:4px}.message-item .star{margin-bottom:8px}.message-item .d-flex.justify-content-between{flex-wrap:wrap;gap:5px}.message-item .d-flex.align-items-center.gap-2{flex-wrap:wrap}}@media (min-width:768px) and (max-width:992px){.profile-col{height:118px!important}}@media (min-width:992px) and (max-width:1024px){.profile-add-icons{width:50px;height:50px;font-size:20px}.profile-col{font-size:14px;height:auto!important}.about-imgs{justify-content:center;align-items:center;display:flex}}
body,h1,h2,h3,h4,h5,h6,button{font-family:var(--font-primary)}p,i,small,strong,span,ul,ol,li{font-family:var(--font-secondary)}:root{--font-secondary:"Open Sans Variable", sans-serif;--font-primary:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--white:#fff;--primary-dark:#08143d;--text-gray:#555;--purple:#8a63ff;--purple-light:#9c6bff;--purple-medium:#a679e0;--purple-dark:#7249ed;--pink:#ff5ca8;--pink-light:#ff6ca8;--pink-dark:#e452a6;--orange:#ff9f43;--orange-light:#ff9f62;--yellow:#ffb400;--blue:#53a7ff;--h1-size:45px;--h2-size:30px;--h3-size:23px;--h2-responsive-size:23px;--h3-responsive-size:20px;--btn-size:17px;--auth-h1-size:25px;--auth-h2-size:23px;--auth-h3-size:20px;--banner-size:50px;--heading-weight-bold:500;--heading-bold:600;--heading-extra-bold:700;--h1-line-height:54px;--h2-line-height:40px;--h3-line-height:34px;--line-height:1.5;--h-margin:20px 0 20px 0;--border-light:#d3c8c8;--section-bg:linear-gradient(45deg, #fbf4fb, #f8f7fd);--gradient-primary:linear-gradient(90deg, var(--purple), var(--pink), var(--orange));--gradient-text:linear-gradient(90deg, var(--pink), var(--purple));--gradient-heading:linear-gradient(90deg, var(--pink-light), var(--orange-light));--gradient-button:linear-gradient(90deg, var(--purple-medium), var(--pink-dark));--gradient-cta:linear-gradient(90deg, #420393, #6c1648);--gradient-quote:linear-gradient(135deg, var(--purple-light), var(--pink));--shadow-sm:0 2px 5px #d5e2eb;--shadow-purple:0 2px 5px #a679e0;--shadow-connect:0 2px 5px #d2bdee;--shadow-card:0 15px 50px #00000014;--shadow-profile:0 20px 40px #00000014;--shadow-chat:0 15px 30px #00000014;--shadow-wrapper:0 30px 80px #0000001f;--radius-sm:10px;--radius-md:20px;--radius-lg:30px;--radius-xl:50px;--radius-circle:50%;--hero-title-size:45px;--hero-title-line-height:54px;--hero-text-size:17px;--section-padding:42px 0 50px;--card-padding:20px;--form-card-padding:40px;--profile-padding:15px;--badge-padding:12px 25px;--transition:.4s;--text-left:left;--text-center:center;--text-right:right;--text-justify:justify;--align-center:center;--align-start:flex-start;--align-end:flex-end;--align-between:space-between;--align-around:space-around;--align-evenly:space-evenly}body{margin-top:80px}.hero-title{font-size:var(--hero-title-size);line-height:var(--hero-title-line-height);color:var(--primary-dark);font-weight:var(--heading-extra-bold);text-align:var(--text-left)}p,ul li{font-size:var(--hero-text-size);color:var(--text-gray)}h2{font-size:var(--h2-size);line-height:var(--h3-line-height);font-weight:var(--heading-extra-bold);margin:var(--h-margin)}.btn-link{color:var(--purple);font-size:18px}h3{font-size:var(--h3-size);line-height:var(--h3-line-height);font-weight:var(--heading-bold)}.gradient-text{background:var(--gradient-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-badge{padding:var(--badge-padding);border:1px solid var(--border-light);border-radius:var(--radius-xl)}.btn-gradient{background:var(--gradient-primary);color:var(--white);border-radius:var(--radius-sm);font-weight:var(--heading-weight-bold);font-size:var(--btn-size);font-family:var(--font-primary);border:none;width:auto;min-width:150px;max-width:100%}.btn-gradient:hover,.btn-gradient:focus,.btn-gradient:active{color:#9c6bff;background:#fff;border:1px solid #9c6bff}h1{text-align:var(--text-center);font-size:30px;line-height:var(--h2-line-height);font-weight:var(--heading-bold)}.hero-section,.steps,.testimonial-section,.faq,.cta,.create,.why-connect,.about,.values,.community,.cta-section,.community-guidelines,.place,.intro,.vibes,.helps{padding:var(--section-padding);background:var(--section-bg)}.profile-card{background:var(--white);padding:var(--profile-padding);border-radius:var(--radius-md);box-shadow:var(--shadow-profile)}.chat-bubble{background:var(--white);border-radius:var(--radius-sm);box-shadow:var(--shadow-chat)}.form-card{background:var(--white);box-shadow:var(--shadow-purple)}.connect-card{background:var(--white);box-shadow:var(--shadow-connect);height:100%}.quote-icon{background:var(--gradient-quote);color:var(--white);border-radius:var(--radius-circle)}.cta{background:var(--gradient-cta);color:var(--white)}.accordion-header{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;padding:12px;display:flex;margin-bottom:0!important}.accordion-heading{margin-bottom:0;font-size:17px}.accordion-content{max-height:0;padding:0 12px;font-size:17px;transition:max-height .4s,padding .3s;overflow:hidden}.accordion-section .arrow i{transition:transform .3s}@media (hover:hover){.accordion-section:hover .accordion-content{max-height:500px;padding:12px}.accordion-section:hover .arrow i{transform:rotate(180deg)}}@media (hover:none){.accordion-section.active .accordion-content{max-height:500px;padding:12px}.accordion-section.active .arrow i{transform:rotate(180deg)}}@media (max-width:768px){hr{margin:0!important}.accordion-header{margin-bottom:0!important;padding:5px!important}.accordion-content{margin-bottom:0!important}}.profile-card{background:#fff;border-radius:20px;padding:15px;position:absolute;box-shadow:0 20px 40px #00000014}.card-1{top:40px;left:20px}.card-2{top:20px;right:20px}.chat-bubble{background:#fff;border-radius:15px;padding:15px 20px;position:absolute;box-shadow:0 15px 30px #00000014}.bubble-1{top:150px;right:120px}.bubble-2{bottom:120px;left:100px}.cta-banner{color:#fff;background:#08143d;border-radius:30px;padding:20px}.stat-box{font-family:var(--font-secondary)}.stat-icon{color:#fff;background:#7249ed;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.quote-icon{color:#fff;background:linear-gradient(135deg,#9c6bff,#ff5ca8);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:25px;font-size:20px;display:flex}.user-info{align-items:center;margin-top:25px;display:flex}.user-info img{object-fit:cover;border-radius:50%;width:70px;height:70px;margin-right:15px}.user-info h5{color:#08143d;margin:0;font-weight:700}.stars{color:#ffb400;margin-top:5px}.testimonial-card{background:#fff;border-radius:30px;flex-direction:column;justify-content:center;padding:15px;transition:all .4s;display:flex;position:relative;box-shadow:0 15px 50px #00000014}.testimonial-card:hover{transform:translateY(-10px)}.connect-icon,.member-icon{color:#fff;background:#a679e0;border-radius:50%;width:60px;height:60px;font-size:30px}.profile-chat-icon{display:inline-block;position:relative}.profile-chat-icon .fa-comment{font-size:12px;position:absolute;bottom:0;right:0}.process-step{background:#fff;border-radius:20px;height:100%;padding:20px;box-shadow:0 2px 5px #d5e2eb}.step-icon{color:#fff;background:#a679e0;border-radius:50%;flex-shrink:0;width:60px;height:60px;font-size:30px}.step-detail small{color:#a679e0}.friends-wrapper{background:#08143d;border-radius:30px;overflow:hidden;box-shadow:0 30px 80px #0000001f}.friends-content{color:#fff;z-index:2;position:relative}.friends-content h2 span{background:linear-gradient(90deg,#ff6ca8,#ff9f62);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.connect-btn{color:#fff;background:linear-gradient(90deg,#cc5de8,#ff6b81,#ff9f43);border-radius:60px;justify-content:center;align-items:center;padding:10px 20px;font-size:18px;font-weight:600;text-decoration:none;transition:all .4s;display:inline-flex}.connect-btn:hover{color:#fff;transform:translateY(-4px)}.friends-image{height:350px;position:relative}.friends-image img{object-fit:cover;width:100%;height:350px}.friends-image:before{content:"";background:linear-gradient(90deg,#08143d 0%,#08143dd9 15%,#08143d59 35%,#0000 60%);position:absolute;inset:0}.members,.connections,.friends-section{padding:var(--section-padding)}.container-center{justify-content:center;align-items:center;padding:50px 0;display:flex}.form-check-input:checked{background-color:#6745d1;border-color:#6745d1;box-shadow:0 2px 5px #6745d1}.form-control:focus{color:var(--bs-body-color);background-color:var(--bs-body-bg);border-color:#6745d1;outline:0;box-shadow:0 2px 5px #6745d1}#myInput{border-radius:0 6px 6px 0!important}.btn-outline-custom{border-radius:var(--radius-sm);font-weight:var(--heading-weight-bold);font-size:var(--btn-size);color:#9c6bff;background:#fff;border:1px solid #9c6bff;width:auto;min-width:150px;max-width:100%}.btn-outline-custom:hover{color:#fff;border-radius:var(--radius-sm);background:linear-gradient(90deg,#ff6bff,#6745d1);border:none}.or{color:#555;padding:0 20px;font-size:17px;font-weight:700;display:inline-block;position:relative}.or:before,.or:after{content:"";background:#ccc;width:150px;height:1px;position:absolute;top:50%}.or:before{margin-right:10px;right:100%}.or:after{margin-left:10px;left:100%}.step-detail h3,.hero-text{text-align:var(--text-left)}.register-card{background:#fff;border-radius:20px;padding:35px;box-shadow:0 15px 50px #00000014}.step-indicator{justify-content:center;align-items:center;margin-bottom:25px;display:flex}.step{background:#e9ecef;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-weight:600;display:flex}.step.active{color:#fff;background:linear-gradient(90deg,#7c4dff,#ff4fa5,#ff9f43)}.line{background:#ddd;width:70px;height:2px}.register-section{padding:80px 0}.register-card{padding:var(--form-card-padding);background-color:#fff;border-radius:10px;margin:auto;box-shadow:0 20px 60px #00000014}label{font-weight:var(--heading-bold);font-family:var(--font-primary);margin-bottom:10px;display:block}.gender-group,.looking-group{gap:15px;margin-bottom:20px;display:flex}.option-btn{height:45px;font-weight:var(--heading-weight-bold);background:#fff;border:1px solid #ddd;border-radius:12px;flex:1;transition:all .3s}.option-btn.active{color:#fff;background:linear-gradient(90deg,#7c4dff,#ff4fa5,#ff9f43);border:none}.input-group{margin-bottom:20px}.input-group-text{background:#fff;border-color:#ececec}.form-control{border-color:#ececec}.password-toggle{z-index:10;background:0 0;border:none;position:absolute;top:50%;right:15px;transform:translateY(-50%)}.carousel-item{padding:5px}.option-btn img{height:16px}.feed-btn{color:#000;white-space:nowrap;text-align:center;background-color:#e9e6ed;border:none;border-radius:20px;width:120px;max-width:100%;height:36px;padding:5px 20px;font-size:17px;font-weight:500;text-decoration:none}.feed-btn .active{background-color:#cdaef5}.sticky-top{z-index:50}.main-feed{background-color:#f5f5f5;border-radius:10px;min-height:100vh;box-shadow:0 2px 5px #e1dcdc}.main-post{padding:20px}.profile-img{border-radius:50%;width:50px;height:50px}.post{border-radius:10px;width:100%;max-width:700px;margin:auto;padding:20px;box-shadow:0 2px 5px #bdbebe}.post-img img{border-radius:10px;width:100%;max-width:100%;height:auto}.menu a{color:#555;font-size:14px}.title{font-size:20px;font-weight:600}.dropdown-toggle:after{display:none}.dropdown-toggle{text-decoration:none;font-size:25px!important}.toc1{background-color:#fff;border-radius:10px;padding:20px;box-shadow:0 4px 12px #00000026}.feed-list a{color:#555}.chat i{color:#6c63ff}.diamond i{color:#00c2ff}.mail i{color:#ff6b6b}.user i{color:#0ac50a}.feed-btn.active{background:var(--purple-light);color:#fff}.active-follow,.active-like{color:#fff;background:linear-gradient(90deg,#ff6bff,#6745d1);border:none}.profile-cards{border-radius:12px;overflow:hidden}.profile-cards .card-header{background:#fff;padding:5px 20px}.profile-cards strong{color:#555;margin-bottom:4px;font-size:16px;font-weight:600;display:block}.profile-cards p{font-size:15px;font-weight:500}.profile-add{flex-direction:column;justify-content:center;align-items:center;width:150px;height:150px;display:flex;box-shadow:0 2px 5px #c5c1d4}.add-icons{text-align:center;color:#fff;background:#6d1aec;border-radius:50%;width:30px;height:30px;padding:2px}.select-card{cursor:pointer;background-color:#eeeded;border-radius:20px;justify-content:center;padding:5px 20px;display:flex}.select-card.selected{color:#fff;cursor:pointer;background:#894bee}.about-profile h3{font-size:20px}.age-header{justify-content:space-between;margin-bottom:10px;display:flex}.range-slider{height:40px;position:relative}.track{background:#ddd;border-radius:5px;height:4px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.range-fill{background:#f60;border-radius:5px;height:4px;position:absolute;top:50%;left:0%;right:0%;transform:translateY(-50%)}.range-slider input[type=range]{pointer-events:none;-webkit-appearance:none;background:0 0;width:100%;position:absolute;top:50%;transform:translateY(-50%)}.range-slider input[type=range]::-webkit-slider-thumb{pointer-events:auto;-webkit-appearance:none;cursor:pointer;background:#f60;border-radius:50%;width:16px;height:16px}.profile-cardss{text-align:center;background:#f4f4f4;border-radius:12px;padding:20px;box-shadow:0 4px 12px #00000014}.profile-preview{background:#fff4e8;border:2px dashed #ffb366;border-radius:12px;justify-content:center;align-items:center;width:220px;height:220px;margin:0 auto 20px;display:flex}.profile-preview img{object-fit:cover;border-radius:10px;width:100%;height:100%}.profile-cards{background-color:#fff;border-radius:10px;box-shadow:0 4px 12px #00000026}.mail-card{background-color:#fff;border-radius:10px;min-height:100vh;box-shadow:0 2px 5px #cdcaca}.mail-link{color:#555;font-size:17px;font-weight:600;text-decoration:none}.mail-link:hover{color:#6c63ff}.active-mail{text-align:center;border-bottom:2px solid #6c63ff;color:#6c63ff!important}.message-item{padding:10px}.star,.trash{color:#777;cursor:pointer;margin-top:10px;font-size:18px}.badge{border-radius:20px;padding:5px 10px;font-size:11px}.online-dot{background:#ff7800;border-radius:50%;width:8px;height:8px;display:inline-block}.chat-tagline{color:#555;font-size:15px}.modal-overlay{width:100%;height:100vh;font-family:var(--font-primary);z-index:99999;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.popup-modal{text-align:center;background:#fff;border-radius:20px;width:620px;max-width:90%;padding:20px 30px;position:relative;box-shadow:0 10px 30px #00000026}.delete-icon{background:#fff0f0;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 25px;display:flex}.delete-icon i{color:#ff1f1f;font-size:32px}.popup-title{margin-bottom:10px;font-size:23px;font-weight:500}.modal-actions{gap:15px;display:flex}.cancel-btn,.delete-btn{cursor:pointer;border:1px solid #ddd;border-radius:8px;flex:1;height:52px;font-size:18px}.cancel-btn{background:#fff}.delete-btn{color:red;background:#fff}.mail-header{background:#fff;border-radius:10px 10px 0 0;box-shadow:0 4px 12px #00000026}.thread-alert{color:#8f55fa;background:#efe7fd;font-size:14px;box-shadow:0 4px 12px #00000026}.timer{background:#fff;border-radius:6px;padding:4px 10px}.letter-box{resize:none;border-radius:4px;min-height:200px!important}.terms-box{color:#777;background:#fafafa;padding:12px;font-size:13px}.view-card{box-shadow:0 4px 12px #00000026;border:1px solid #e5e5e5!important}.view-card,.view-card-body{border-radius:0 0 10px 10px}.textarea-wrapper{position:relative}.char-count{color:#6c757d;pointer-events:none;font-size:12px;position:absolute;bottom:10px;right:12px}.letter-box{padding-bottom:25px}.profile-main-img{object-fit:cover;border-radius:16px;width:100%;height:320px}.public-photos-section{background:#fff;border-radius:16px;padding:16px;box-shadow:0 2px 12px #0000000f}.photo-card{cursor:pointer;border-radius:12px;overflow:hidden}.photo-grid-img{object-fit:cover;width:100%;height:160px;transition:all .3s;display:block}.photo-grid-img:hover{transform:scale(1.08)}@media (max-width:991px){.profile-main-img{height:260px}.photo-grid-img{height:140px}}@media (max-width:576px){.photo-grid-img{height:120px}}.selects-card{color:#374151;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:999px;align-items:center;gap:8px;padding:5px 16px;font-size:14px;transition:all .2s;display:flex}.selects-card:hover{background:#e5e7eb;transform:translateY(-2px)}.selects-card i{color:#6b7280;font-size:14px}.custom-swiper-btn{z-index:10;cursor:pointer;color:#4126b4;background:#fff;border:1px solid #4126b4;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.custom-swiper-btn.left{left:0}.custom-swiper-btn.right{right:0}.icon-number{background:var(--purple-light);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:25px;height:25px;font-size:13px;font-weight:600;display:flex}.story-viewer{background-position:50%;background-size:cover;border-radius:10px 10px 0 0;height:90vh;position:relative;overflow:hidden}.story-viewer:before{content:"";background:linear-gradient(#00000080,#0000001a 20%,#0000);position:absolute;inset:0}.story-progress-container{z-index:2;gap:5px;display:flex;position:absolute;top:15px;left:15px;right:15px}.story-progress-bg{background:#ffffff4d;border-radius:50px;flex:1;height:4px}.story-progress-fill{background:#fff;border-radius:50px;height:100%}.story-header{z-index:2;position:absolute;top:35px;left:20px}.user-info{align-items:center;gap:12px;display:flex}.info-icon{color:#fff;background:#0d6efd;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.user-info h4{color:#fff;margin:0;font-size:32px;font-weight:700}.online-dot{background:#00d26a;border:2px solid #fff;border-radius:50%;width:12px;height:12px;margin-left:6px;display:inline-block}.left-click,.right-click{z-index:5;cursor:pointer;width:50%;height:100%;position:absolute;top:0}.left-click{left:0}.right-click{right:0}.btn-outline-secondary{border-color:#ececec;width:auto;min-width:150px;max-width:100%}@media (max-width:576px){.story-viewer{border-radius:0;width:100%;height:100vh}}.profile-image-wrapper{position:relative}.profile-image{object-fit:cover;width:100%;height:340px}.favorite-btn{color:#fff;background:#0006;border:none;border-radius:50%;width:38px;height:38px;position:absolute;top:12px;right:12px}.photo-count{color:#fff;background:#00000059;width:100%;padding:8px 15px;position:absolute;bottom:0;left:0}.profile-content{padding:14px}.profile-content h6{margin-bottom:12px;font-weight:700}.online-dot{background:#2ecc71;border-radius:50%;width:8px;height:8px;margin-left:6px;display:inline-block}.profile-btn{background:var(--purple-dark);color:#fff;border-radius:6px;width:100%;font-weight:600}.profile-btn:hover{background:var(--purple-dark);color:#fff}.footer{background:var(--gradient-primary);font-family:var(--font-primary)}.footer-heading{color:#fff;margin:10px 0;font-size:23px;font-weight:500}.footer-menu li a{color:#fff;font-size:17px;font-weight:500;text-decoration:none}.footer-menu li{margin-bottom:10px}.dropdown-item{color:#67686a;font-weight:500}.account-btn i{color:#67686a}.credit-card,.setting-card{border-radius:10px;box-shadow:0 4px 12px #00000026}.setting-icon{color:#5707a7;background:#d4b8f1;border-radius:5px;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.img{background-color:#ebe5e5;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:auto;display:flex}.credit-need .col-auto{margin:auto}.complimentry,.purchased{text-align:center;border:1px solid #e2dddd;border-radius:10px}.complimentry,.purchased .number{font-size:30px;font-weight:500}.dropdown-item:focus,.dropdown-item:hover{background-color:var(--purple-medium);color:#fff}.filter-wrapper{position:relative}.filter-sidebar{z-index:1000;background:#fff;border-radius:12px;width:400px;padding:24px;position:absolute;top:50px;right:0;box-shadow:0 5px 25px #00000026}.page-link{color:#7c00ff}.active>.page-link,.page-link.active{background-color:#7c00ff;border:none}.hnd{width:20px;height:20px}.check-icon{color:#fff;background:#9316a3;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;font-weight:700;display:inline-flex}.promo-card{background:#f7eef8;border:1.5px solid #c08cd0;border-radius:18px;width:320px;margin:auto;padding:20px 16px 14px;position:relative}.promo-card:before,.promo-card:after{content:"";background:#fff;border:1.5px solid #ca8cd0;border-radius:50%;width:22px;height:22px;position:absolute;top:50%;transform:translateY(-50%)}.promo-card:before{left:-12px}.promo-card:after{right:-12px}.promo-header{color:#1f2937;align-items:center;gap:8px;margin-bottom:14px;font-size:16px;font-weight:700;display:flex}.sparkle{color:#b310b9}.promo-code-box{color:#374151;background:#fff;border:1px solid #dbb7de;border-radius:6px;align-items:center;gap:10px;padding:10px 14px;font-size:18px;display:flex}.success-icon{color:#16a34a}.profile-content{padding:30px;overflow-y:auto}.profile-header{align-items:center;gap:15px;display:flex}.interest-tags{flex-wrap:wrap;gap:10px;display:flex}.interest-tags span{background:#f5f5f5;border-radius:30px;padding:8px 16px}.close-btn{z-index:100;background:#fff;border:none;font-size:30px;position:absolute;top:10px;right:20px}.main-image{object-fit:cover;object-position:center;border-radius:16px;width:100%;height:500px;display:block}.thumb{object-fit:cover;object-position:center;cursor:pointer;border-radius:10px;width:70px;height:70px}.modal.show{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.gallery-content{align-items:center;gap:20px;display:flex}.thumb-column{scrollbar-width:none;width:100px;max-height:80vh;overflow-y:auto}.thumb-column::-webkit-scrollbar{display:none}.thumb{object-fit:cover;cursor:pointer;border:2px solid #0000;border-radius:10px;width:80px;height:80px;transition:all .3s}.thumb:hover{transform:scale(1.05)}.thumb.active{border:3px solid #ff4d6d}.main-image-section{justify-content:center;align-items:center;height:80vh;display:flex;position:relative}.bg-blur-img{object-fit:cover;filter:blur(30px)brightness(.6);z-index:0;width:120%;height:120%;position:absolute;transform:scale(1.1)}.overlay{z-index:1;background:#00000059;position:absolute;inset:0}.main-clear-img{z-index:2;object-fit:contain;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:90%;max-height:80vh;position:relative;box-shadow:0 20px 60px #00000080}.nav-btn{z-index:3;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:none;border-radius:50%;width:50px;height:50px;font-size:24px;transition:all .3s}.nav-btn:hover:not(:disabled){background:#000c}.nav-btn:disabled{opacity:.4;cursor:not-allowed}.nav-btn.left{left:15px}.nav-btn.right{right:15px}.profile-card{text-align:left;background:#fff;border-radius:16px;min-width:220px;padding:15px;position:absolute;bottom:20px;left:20px;box-shadow:0 10px 30px #00000026}.profile-card h5,.profile-card h3{margin:8px 0 4px}.profile-card p{color:#666;margin:0}.online{color:#28a745;font-size:14px;font-weight:600}@media (max-width:768px){.gallery-content{flex-direction:column}.thumb-column{width:100%;max-height:unset;flex-direction:row;order:2;gap:10px;margin-top:15px;display:flex;overflow:auto hidden}.thumb{flex-shrink:0}.profile-card{width:100%;margin-top:15px;position:static}.nav-btn{width:42px;height:42px;font-size:20px}}.floating-controls{width:100px;max-height:80vh}.control-btn{width:50px;height:50px;color:var(--purple-light);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd9;border:none;border-radius:12px;justify-content:center;align-items:center;margin-bottom:10px;font-size:18px;transition:all .25s;display:flex}.control-btn:hover{background:#fff;transform:scale(1.05);box-shadow:0 10px 25px #00000026}.css-1u9des2-indicatorSeparator{display:none}.css-13cymwt-control{border-color:#ececec!important}.css-t3ipsp-control:hover{border:1px solid #6745d1!important}.package-card{text-align:center;background:#f5f5f5;border:1px solid #ddd;border-radius:20px;flex-direction:column;height:100%;display:flex;overflow:hidden}.card-header-custom{color:#fff;height:170px;padding:20px;position:relative}.card-header-custom :after{content:"";background:#f5f5f5;border-radius:50% 50% 0 0;width:100%;height:70px;position:absolute;bottom:-35px;left:0}.card-body-custom{flex:1;padding:20px}.price{font-size:32px;font-weight:700}.month{font-size:18px}.plan{margin-top:10px;font-size:25px;font-weight:700}.feature{border-bottom:1px solid #eee;padding:20px}.card-footer-custom{padding:20px}.demo-btn{color:#fff;cursor:pointer;border:none;border-radius:10px;padding:12px 25px;font-weight:600}.orange{background:#ff7a00}.yellow{background:#f4c20d}.cyan{background:#18c3d6}.blue{background:#1976d2}.profile-add:hover{background-color:#efeaff;border:1px solid #e2e1e1}.icon-wrapper{background:#f3f3f3;border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;margin:10px auto 25px;display:flex}.icon-wrapper img{width:60px}.highlight{color:#10b759;font-weight:700}.emailicon-box{border:1px solid #2f5f91;border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;margin:10px auto 22px;display:flex}.emailicon{font-size:46px}.email-box{background:#f3f3f3;border-radius:8px;margin:20px 0 24px;padding:14px}.email-label{color:#555;margin-bottom:4px;font-size:18px}.email{color:#222;font-size:20px;font-weight:700}.verify-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;background-color:#fff;border-radius:32px;width:100%;max-width:500px;padding:40px;box-shadow:0 2px 5px #5ea3d8}.icon-wrap{color:#fff;background:var(--gradient-primary);border-radius:10px;justify-content:center;align-items:center;width:70px;height:60px;margin:auto;display:flex}.icon{font-size:30px}.verify-emails{color:#000;background:#f1efef;border:1px solid #ffffff1f;border-radius:14px;padding:12px 18px;font-weight:600;display:inline-block}.react-datepicker-wrapper{width:100%}.upload-btn{color:#fff;background:var(--gradient-primary);border:none;border-radius:10px;width:100%;padding:10px;font-weight:600}.guidelines-card{background:#fff;border:1px solid #eee;border-radius:20px;padding:20px}.template-overlay{z-index:99999;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.template-modal{background:#fff;border-radius:12px;width:700px;max-width:95%;padding:30px;position:relative}.template-close{cursor:pointer;background:0 0;border:none;font-size:30px;position:absolute;top:15px;right:20px}.template-title{margin-bottom:25px;font-size:36px;font-weight:700}.template-box{border:1px dashed #cfcfcf;border-radius:16px;overflow:hidden}.template-info{background:#fafafa;padding:20px}.template-icon{background:#f0f0f0;border-radius:8px;width:120px;height:50px;margin-bottom:15px;padding:12px}.template-icon div{background:#cfcfcf;border-radius:10px;height:6px;margin-bottom:6px}.template-form{padding:15px}.notification-card{background:#fff;border-radius:14px;align-items:flex-start;gap:15px;margin-bottom:15px;padding:18px;transition:all .3s;display:flex;box-shadow:0 2px 10px #0000000d}.notification-card:hover{transform:translateY(-2px)}.notification-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:55px;height:55px;font-size:24px;display:flex}.icon-message{background:#e8f4ff}.icon-like{background:#fff3e0}.icon-success{background:#e9f9ef}.notification-content{flex:1}.notification-title{color:#222;margin-bottom:5px;font-size:17px;font-weight:600}.notification-text{color:#666;line-height:1.5}.notification-time{color:#999;margin-top:8px;font-size:13px}.phrase-chip{background:#f5f5f5;border-radius:20px;padding:8px 14px;font-size:14px}.why-connect{background:#faf8ff;overflow:hidden}.section-tag{color:#6f42c1;background:#ede5ff;border-radius:30px;margin-bottom:15px;padding:8px 16px;font-size:14px;font-weight:600;display:inline-block}.section-title{color:#1c1c1c;margin-bottom:40px;font-size:48px;font-weight:800;line-height:1.2}.section-title span{color:#7c4dff}.feature-list{flex-direction:column;gap:20px;display:flex}.feature-card{background:#fff;border:1px solid #f0ebff;border-radius:18px;gap:18px;padding:20px;transition:all .3s;display:flex}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #7c4dff1f}.feature-icon{color:#7c4dff;background:#f2ebff;border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:65px;height:65px;font-size:26px;display:flex}.feature-content h4{margin-bottom:8px;font-size:22px;font-weight:700}.feature-content p{color:#666;margin:0;line-height:1.7}.image-wrapper{position:relative}.image-wrapper img{border-radius:30px;box-shadow:0 20px 50px #00000014}.floating-card{background:#fff;border-radius:18px;align-items:center;gap:15px;padding:18px 25px;display:flex;position:absolute;bottom:-25px;left:50%;transform:translate(-50%);box-shadow:0 15px 40px #0000001a}.floating-card i{color:#7c4dff;font-size:24px}.floating-card h6{margin:0;font-weight:700}.floating-card p{color:#777;margin:0;font-size:14px}@media (max-width:991px){.section-title{font-size:36px}.floating-card{margin-top:20px;position:static;transform:none}}.story-card{text-align:center;background:#fff;border-radius:16px;width:auto;min-width:430px;max-width:100%;margin:auto;box-shadow:0 4px 15px #0000000f}.photo-story-card{text-align:center;background:#fff;border-radius:16px;width:auto;min-width:320px;max-width:100%;margin:auto;padding:25px;box-shadow:0 4px 15px #0000000f}.story-card .card-header{border-bottom:1px solid #0000002d;padding:5px 20px}.story-card .card-body{padding:25px}.story-icon{background:linear-gradient(135deg,#8b5cf6,#a855f7);border-radius:20px;justify-content:center;align-items:center;width:50px;height:50px;margin:0 auto 20px;display:flex;position:relative}.story-icon i{color:#fff;font-size:25px}.story-icon:before,.story-icon:after{content:"✦";color:#fbbf24;font-size:14px;position:absolute}.story-icon:before{top:-8px;left:-8px}.story-icon:after{bottom:-8px;right:-8px}.story-title{color:#222;margin-bottom:12px;font-size:24px;font-weight:700}.story-text{color:#777;margin-bottom:25px;font-size:15px;line-height:1.7}.sidebar{background:linear-gradient(141deg,#14124a,#30134d);flex-direction:column;justify-content:space-between;height:100vh;display:flex;position:sticky;top:0}.sidebar ul li,.footer-btn{color:#333;border-radius:8px;align-items:center;gap:10px;text-decoration:none;transition:all .3s;display:flex}.sidebar-footer{border-top:1px solid #e5e5e5;padding-top:15px}.logout-btn{color:#dc3545}.sidebar ul{padding:0;list-style:none}a{text-decoration:none}.sidebar ul li{cursor:pointer;color:#fff;padding:15px;font-weight:500;transition:all .3s}.sidebar ul li:hover{background:#ffffff26}.sidebar ul li.active{color:#fff;cursor:pointer;background:#d40c66;border-radius:8px}.user-cards{background-color:#fff;border-radius:10px;justify-content:center;width:auto;min-width:300px;max-width:100%;padding:15px;display:flex;box-shadow:0 4px 12px #00000026}.dash-icon{border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:25px;display:flex}.dash1{color:#490aae;background-color:#cec4f1}.dash2{color:#d40c66;background-color:#f5c0ff}.dash3{color:#004aad;background-color:#b8ceeb}.dash4{color:#06ad00;background-color:#b8ebbf}.dash5{color:#ad9300;background-color:#ebe8b8}.inactive{color:#ff9800;background:#fff2df}.admin-profile{background:#fff;border-radius:20px;padding:30px;box-shadow:0 4px 20px #0000000d}.profile-imgs{object-fit:cover;border:5px solid #d40c66;border-radius:50%;width:140px;height:140px}.btn-primary,.btn-primary:hover{background-color:#d40c66}.admin-profile label{margin-bottom:8px;font-weight:600}.admin-profile .form-control{border-radius:12px;height:50px}.admin-profile .btn{border-radius:12px;padding:12px 25px}.custom-tabs{background-color:#d3d3d3}.react-select__menu{z-index:9999!important}.banner{background:var(--gradient-primary);padding:60px}.banner h1{font-size:var(--banner-size);color:#fff}.tabs{background:#eef2ff;border:1px solid #f6cff5;border-radius:10px;display:flex}.tab{cursor:pointer;background:0 0;border:none;border-radius:10px;flex:1;padding:15px;font-size:16px;font-weight:600;transition:all .3s}.tab:hover{background:#dbeafe}.tab.active{background:var(--gradient-primary);color:#fff}.tab-content{padding:15px;animation:.3s fade}.tab-content ul{margin-top:15px;padding-left:20px}.tab-content li{margin-bottom:10px}@keyframes fade{0%{opacity:0}to{opacity:1}}.landing-img{height:300px}.home{color:#d75f74;background:#fffbfc;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;padding:10px;font-size:26px;display:flex;box-shadow:0 2px 5px pink}.bg-primary-sender{background-color:#0d6efda3}.main-cardss{width:100%;min-width:800px;min-height:450px;max-height:auto;background:#fff;border-radius:20px;padding:30px;box-shadow:0 2px 5px #d3d7db}.progress-wrapper{margin-bottom:35px;position:relative}.progress-wrapper:before{content:"";z-index:0;background:#ddd;width:80%;height:3px;position:absolute;top:18px;left:10%}.onboarding-step{text-align:center;z-index:2;cursor:pointer;flex:1;position:relative}.step-number{color:#fff;background:#d4d4d4;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;margin:auto;font-weight:600;transition:all .3s;display:flex}.onboarding-step.active .step-number{background:#8b5cf6;box-shadow:0 0 15px #8b5cf659}.gender-card{cursor:pointer;background:#fff;border:1px solid #e8e8e8;border-radius:16px;flex-direction:column;align-items:center;min-height:180px;padding:10px;transition:all .3s;display:flex}.gender-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #00000014}.gender-card.active{border:2px solid #ff4f8b}.gender-icon{border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:34px;font-weight:700;display:flex}.gender-card h6{font-weight:600}.radio-circle{border:2px solid #d0d0d0;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.radio-circle.active{border-color:#ff4f8b}.radio-dot{background:#ff4f8b;border-radius:50%;width:10px;height:10px}.heart-divider{color:#ff4f8b;font-size:14px}.date-card{background-color:#fff;border-radius:20px;padding:20px;box-shadow:0 2px 5px #ebdfe4}.contents h1{font-size:48px;font-weight:700;line-height:54px}.contents p{color:#666;margin:20px 0}.mesg{background:var(--gradient-text);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin:auto;display:flex}.mesg-bg{background:#efd7f9;border-radius:10px;margin:10px;padding:10px}.mesg-bg:hover{border-color:#6745d1}.mesg-bg.selected{color:#6745d1;background:#efe8ff;border:2px solid #6745d1}.popup-body{height:300px;overflow-y:auto}.story-modal{z-index:9999;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.story-box{background:#fff;border-radius:18px;width:500px;padding:25px;box-shadow:0 15px 40px #0003}.story-option{text-align:center;cursor:pointer;border:2px solid #e9ecef;border-radius:15px;height:100%;padding:20px;transition:all .3s}.story-option:hover{border-color:#6f42c1}.story-option.active{background:#f4efff;border-color:#6f42c1}.story-icon{color:#6f42c1;background:#f3f0ff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:auto auto 10px;font-size:26px;font-weight:600;display:flex}.upload-box{cursor:pointer;background:#fcfbff;border:2px dashed #d3c5ff;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:220px;transition:all .3s;display:flex}.upload-box:hover{background:#f7f3ff;border-color:#7c4dff}.upload-icon{background:#efe8ff;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;display:flex}.upload-icon i{color:#7c4dff;font-size:34px}.story-preview{object-fit:cover;border-radius:18px;width:100%;height:220px}.like-gif{z-index:999999;pointer-events:none;width:50px;height:100px;position:absolute;top:0;left:77px}.detail-icon{background:#f5f1ff;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.detail-icon i{color:#7c4dff;font-size:18px}.detail-left span{font-size:18px;font-weight:500}.custom-dropdown{display:inline-block;position:relative}.custom-menu{z-index:9999;background:#fff;border-radius:12px;width:auto;padding:15px;position:absolute;top:145px;right:0;box-shadow:0 5px 20px #00000026}.menu-item{cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;width:100%;padding:10px 12px;font-size:14px;display:flex}.profile-icons{font-size:20px}.menu-item:hover{background:#f5f5f5}.menu-item i{width:18px}.menu-item.delete{color:#dc3545}.divider{background:#eee;height:1px;margin:5px 0}.profile-edit-btn{color:#fff;cursor:pointer;background:#c90063;border:none;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:all .3s;display:flex;position:absolute;top:20px;right:20px}.profile-edit-btn:hover{background:#a90053;transform:scale(1.05)}.profile-edit-btn i{font-size:16px}.css-t3ipsp-control{outline:0;border:1px #6745d1!important;box-shadow:0 2px 5px #a696d6!important}.css-t3ipsp-control:focus-within{border-color:#6745d1!important;box-shadow:0 0 0 1px #6745d1!important}.custom-message-box{color:#7a2cff;text-align:center;cursor:pointer;background:#f7ebff;border:2px dashed #b45cff;border-radius:12px;margin-top:15px;padding:15px;font-weight:600;transition:all .3s}.custom-message-box:hover{background:#efe0ff}.custom-textarea{resize:none;box-shadow:none;border:1px solid #d8b8ff;border-radius:12px}.custom-textarea:focus{border-color:#9d4edd;box-shadow:0 0 0 .2rem #9d4edd26}.selected-message{border:1px solid #7830ef;border-radius:10px;padding:10px;box-shadow:0 2px 5px #7830ef}.message-box{text-align:center;background:#faf5ff;border:2px solid #8b5cf6;border-radius:15px;margin:20px 0;padding:18px;font-size:18px;box-shadow:0 8px 25px #8b5cf626}.match-grid{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.match-card{text-align:center;cursor:pointer;width:120px;transition:all .3s}.match-card:hover{transform:translateY(-6px)}.profile-wrapper{width:90px;height:90px;margin:auto;position:relative}.profile-wrapper img{object-fit:cover;border:4px solid #ececec;border-radius:50%;width:90px;height:90px}.match-card.active img{border-color:var(--purple)}.online-dot{background:#22c55e;border:3px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;bottom:8px;right:8px}.selected-check{background:var(--purple);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:absolute;top:-2px;right:-2px}.selection-info{background:#e1d6f1;border-radius:12px;justify-content:space-between;align-items:center;margin-top:35px;padding:15px 20px;display:flex}.credits-box{border:1px solid #eee;border-radius:15px;justify-content:space-between;align-items:center;margin-top:25px;padding:20px;display:flex}.giftss img{width:100px;height:100px;margin:auto}.giftss{text-align:center;flex-direction:column;justify-content:center;padding:10px;display:flex}.gift-wrapper{background-color:#fff;border-radius:10px;height:100%}.gift-div{padding:20px}.gift-card{flex-direction:column;justify-content:center;width:500px;margin:50px auto;display:flex}.gift-image{background:linear-gradient(#fff0f5,#f2c8ff);border-radius:20px;justify-content:center;align-items:center;width:200px;height:150px;display:flex;position:relative}.emoji{font-size:120px}.credit-box{text-align:center;border:1px solid #ffd4df;border-radius:10px;padding:10px}.warning-box{border:1px dashed #ffb4c9;border-radius:10px;align-items:center;gap:20px;padding:20px;display:flex}.message-boxx{color:#7c8194;border:1px solid #d9c8ff;border-radius:20px;align-items:center;gap:15px;min-height:90px;padding:15px 25px;display:flex}.message-icon{font-size:25px}.message-boxx textarea{resize:none;color:#555;background:0 0;border:none;outline:none;flex:1;height:55px;font-family:inherit;font-size:18px}.message-boxx textarea::placeholder{color:#8b8fa3}.message-boxx small{color:#7c8194;margin-left:auto}.profile-add-icons{text-align:center;color:#fff;background:#7c4dff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:auto;padding:2px;font-size:30px;display:flex}.profile-col{width:200px}.video-card{cursor:pointer;aspect-ratio:1;background:#000;border-radius:18px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 8px 25px #00000014}.video-card:hover{transform:translateY(-4px)}.video-thumb{object-fit:cover;width:100%;height:100%}.play-overlay{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000008c;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;font-size:22px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.more-overlay{color:#fff;background:#000000a6;justify-content:center;align-items:center;font-size:20px;font-weight:700;display:flex;position:absolute;inset:0}.upload-video-card{aspect-ratio:1;cursor:pointer;text-align:center;background:linear-gradient(#faf7ff,#fff);border:2px dashed #d8c7ff;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;transition:all .3s;display:flex}.upload-video-card:hover{background:#f8f3ff;border-color:#7c4dff;transform:translateY(-4px)}.upload-circle{color:#fff;background:linear-gradient(135deg,#7b5cff,#a855f7);border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin-bottom:15px;font-size:28px;display:flex;box-shadow:0 10px 25px #7c4dff59}.upload-video-card h6{margin-bottom:4px;font-weight:600}.upload-video-card small{color:#777}.story-list{background:#111;gap:18px;padding:15px;display:flex}.story-item{text-align:center;width:72px}.story-avatar{background:linear-gradient(45deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5);border-radius:50%;width:68px;height:68px;padding:3px;position:relative}.story-avatar img{object-fit:cover;border:3px solid #111;border-radius:50%;width:100%;height:100%}.story-avatar.viewed{background:#777}.story-avatar.your-story{background:linear-gradient(45deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5)}.story-view{z-index:9999;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.story-container{background:#000;border-radius:15px;width:600px;max-width:95%;height:80vh;position:relative;overflow:hidden}.story-header{color:#fff;z-index:2;justify-content:space-between;align-items:center;padding:15px;display:flex;position:absolute;top:0;left:0;right:0}.story-img{object-fit:contain;width:100%;height:100%}.more-btn,.close-btn{color:#fff;cursor:pointer;background:0 0;border:none;font-size:22px}.story-menu{z-index:3;background:#fff;border-radius:8px;flex-direction:column;justify-content:center;gap:1rem;padding:10px 18px;display:flex;position:absolute;top:55px;right:15px;overflow:hidden}.category-btn{cursor:pointer;background:0 0;border:none;border-radius:12px;padding:0;transition:all .3s}.category-btn img{width:50px;height:50px}.category-btn.active{background:#ffeedb;border:2px solid #ff9800}.sticker-grid{flex-wrap:wrap;gap:15px;margin-top:10px;display:flex}.sticker-footer{margin-top:10px}.sticker-popup{z-index:1040;background:#fff;border-radius:10px;width:100%;max-width:700px;padding:10px;position:absolute;bottom:45px;left:0}.sticker-header .close-btn{padding-top:0}.sticker-item{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:80px;height:80px;transition:all .2s;display:flex}.sticker-item:hover{background:#f5f5f5!important}.sticker-item img{object-fit:contain;width:70px;height:70px}.sticker-footer{border-top:1px solid #eee;flex-wrap:wrap;justify-content:center;gap:10px;padding:12px;display:flex}