body.body-profile{background:#100b19;color:#efe5fa;background-image:radial-gradient(ellipse at 20% 0,#58327533,transparent 50%)}
body.body-profile #page_content{max-width:1200px;width:100%;padding:0 24px;margin-top:94px!important}
.cf-profile{color:#efe5fa;margin:0 auto!important;overflow:visible;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.cf-profile *{box-sizing:border-box}.cf-profile .container-profile{width:100%!important;max-width:100%;padding-left:0;padding-right:0}.cf-profile .animated{animation:none!important}
.cf-profile .user-heading{border:1px solid #d6b3f12e;border-radius:28px;padding:130px 0 0;background:#22182e;isolation:isolate;overflow:visible}.cf-profile .user-heading:before{z-index:-2!important;border-radius:28px;background-position:center 30%;opacity:.7}.cf-profile .user-heading:after{inset:0;border-radius:28px;width:auto;height:auto;transform:none;z-index:-1;background:linear-gradient(180deg,#1b102322 0%,#21172de8 62%,#21172dfa)}
.cf-profile .user-heading div.user-info{padding:30px!important;gap:24px;align-items:flex-end;z-index:1}.cf-profile .user-heading div.user-info>.avatar{width:134px;height:134px;flex:none}.cf-profile .user-heading div.user-info>.avatar img{width:134px;height:134px;object-fit:cover;border:4px solid #e9ccfa30;box-shadow:0 10px 35px #0005}.cf-profile .user-heading div.user-info .info{min-width:0;flex:1;margin:0;padding:0}.cf-profile .user-heading .uname h4{font-size:28px;letter-spacing:-.8px;color:#fff;overflow-wrap:anywhere}.cf-profile .status{line-height:1.7;overflow-wrap:anywhere;max-width:720px}.cf-profile .social-links{float:none!important;display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:8px 0!important}.cf-profile .social-links li{margin:0!important}.cf-profile .social-links a{max-width:100%;overflow:hidden;text-overflow:ellipsis}.cf-profile .user-heading .info>.btn,.cf-profile .user__info button{min-height:46px;height:auto!important;border:1px solid #dab9f13d!important;border-radius:14px!important;padding:12px 18px!important;margin:12px 6px 0 0!important;background:linear-gradient(135deg,#ac84cb29,#a899c210)!important;backdrop-filter:blur(12px);color:#f5eaff!important;box-shadow:inset 0 1px 0 #ffffff15!important;transition:background .2s,box-shadow .2s!important;font-size:14px;font-weight:600;white-space:normal}
.cf-profile .user-heading .info>.btn:hover,.cf-profile .user__info button:hover{background:#a16dc83b!important}.cf-profile .btn-following{border-color:#c9a0ed66!important}.cf-profile .user-heading #payment-button-profile{background:linear-gradient(115deg,#8545b7,#b96ede)!important;border-color:#e1bcff77!important;box-shadow:0 6px 26px #9855cd35,inset 0 1px 0 #fff3!important;animation:cf-subscribe-glow 3.5s ease-in-out infinite!important}
.cf-profile .navbar-bottom{margin:20px 0 0;background:linear-gradient(120deg,#3c2a495c,#1c142699)!important;border:1px solid #c49fdf25;border-radius:20px;box-shadow:inset 0 1px 0 #ffffff0a;overflow:auto}.cf-profile .navbar-bottom ul{display:flex;float:none;width:100%;justify-content:space-around;gap:6px;padding:7px;margin:0;list-style:none}.cf-profile .navbar-bottom li{flex:1;float:none;margin:0!important}.cf-profile .navbar-bottom .nav__item{display:flex!important;align-items:center;justify-content:center;flex-direction:column;gap:4px;padding:12px 8px!important;min-height:66px;color:#bca5ce!important;border:0!important;border-radius:14px;font-size:18px;font-weight:600;white-space:nowrap;background:transparent!important}.cf-profile .navbar-bottom .nav__item span{display:block;font-size:12px;font-weight:500;margin:0!important}.cf-profile .navbar-bottom .nav-item.active .nav__item{background:#ac78d924!important;color:#f2ddff!important;box-shadow:inset 0 0 0 1px #bb85df38}.cf-profile .navbar-bottom .nav__item:after{display:none!important}.cf-profile button:disabled{opacity:.55;cursor:wait}.cf-profile a:focus-visible,.cf-profile button:focus-visible{outline:2px solid #d0a3f2;outline-offset:3px}
#cf-profile-panel{min-height:280px;padding:22px 0;outline:none;transition:opacity .15s}.cf-profile-loading #cf-profile-panel{opacity:.4;pointer-events:none}.cf-profile-notice{padding:12px 16px;margin-top:12px;border:1px solid #cb9bea30;border-radius:12px;background:#5c347530;color:#dcc2ef;font-size:13px}.cf-profile-notice[hidden]{display:none}.cf-profile-empty{grid-column:1/-1;min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;text-align:center;color:#bca6cd;gap:12px}.cf-profile-empty h3{color:#ead7f7;font-size:22px}.cf-profile-more{display:block;margin:24px auto 6px;padding:12px 24px;border:1px solid #b787da44;border-radius:14px;background:#a877d01c;color:#e8cdf9;min-height:46px}.cf-profile-more[hidden]{display:none}
.cf-profile .user-posts{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0!important;padding:0!important;border:0!important}.cf-profile .user-posts>.item{width:100%!important;min-width:0;padding:0!important;margin:0!important;border-radius:18px;overflow:hidden;border:1px solid #e2c6fa1f;background:#271d33}.cf-profile .user-posts .user-postset,.cf-profile .user-posts .user-postset_fav{border-radius:18px;overflow:hidden;margin:0!important}.cf-profile .user-posts .media{width:100%!important;height:auto!important;aspect-ratio:1/1;margin:0;background-color:#291c36;display:block}.cf-profile .user-posts .media .category{color:#e8d0f7}.cf-profile .user-posts .caption span{font-size:12px}
.cf-profile .followers--ls,.cf-profile .following--ls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0!important;width:100%}.cf-profile .followers--ls:before,.cf-profile .followers--ls:after,.cf-profile .following--ls:before,.cf-profile .following--ls:after{display:none}.cf-profile .followers--ls__item,.cf-profile .following--ls__item{float:none!important;width:100%!important;min-width:0;padding:24px 12px!important;border-radius:20px;border:1px solid #d3abe535;box-shadow:none!important;isolation:isolate}.cf-profile .followers--ls__item:before,.cf-profile .following--ls__item:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#1c102b77,#1b122bea);z-index:-1;border-radius:inherit}.cf-profile .user__info h5 a{color:#f6e6ff!important;overflow-wrap:anywhere}.cf-profile .user__info h5{white-space:normal!important;height:auto!important;line-height:1.5}.cf-profile .followers--ls .avatar img,.cf-profile .following--ls .avatar img{width:82px!important;height:82px!important;object-fit:cover;border:3px solid #dfb8f64d}.cf-profile .user__info button{width:100%;margin-right:0!important}
.cf-profile .dropdown-menu{background:#2b1e39!important;border:1px solid #d9aaf039;border-radius:14px;color:#edddf8;box-shadow:0 12px 32px #0005}.cf-profile .dropdown-menu a{color:#edddf8!important}.cf-profile .dropdown-menu a:hover{background:#b886d922!important}
#subscribeModal,#modalPayment{z-index:12080}body:has(#subscribeModal.in) .modal-backdrop,body:has(#modalPayment.in) .modal-backdrop{z-index:12070;background:#0c0712;opacity:.8}body:has(#subscribeModal.in) #header_nav,body:has(#subscribeModal.in) .cf-dock,body:has(#modalPayment.in) #header_nav,body:has(#modalPayment.in) .cf-dock{visibility:hidden!important}
#subscribeModal .modal-dialog{width:calc(100% - 28px);max-width:460px;margin:50px auto}#subscribeModal .modal-content,#modalPayment .modal-content{border:1px solid #dab7f044;border-radius:28px;background:linear-gradient(145deg,#48344ee8,#1c1525f5);color:#edddfa;box-shadow:0 30px 100px #0008,inset 0 1px 0 #ffffff1c;backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px)}#subscribeModal .modal-content{overflow:hidden}.cf-subscribe-close{position:absolute;right:14px;top:14px;z-index:2;border:1px solid #e5c6ff30;background:#16101f55;color:#f6e8ff;width:36px;height:36px;border-radius:50%;font-size:27px;line-height:30px}.cf-subscribe-hero{padding:36px 28px 24px;text-align:center;background:radial-gradient(ellipse at top,#b271d630,transparent 75%);border-bottom:1px solid #d6b2ed20}.cf-subscribe-hero img{width:82px;height:82px;object-fit:cover;border:3px solid #dfb7fc55;border-radius:26px;display:block;margin:0 auto 20px;box-shadow:0 12px 24px #0004}.cf-subscribe-hero>span{font-size:9px;letter-spacing:2px;color:#cfa9e9}.cf-subscribe-hero h2{font-size:25px;line-height:1.35;letter-spacing:-.6px;margin:12px 0;color:#fff;overflow-wrap:anywhere}.cf-subscribe-hero p{color:#bfa6cf;font-size:13px;line-height:1.6;margin:0}.cf-subscribe-body{padding:25px 28px}.cf-subscribe-body ul{padding:0!important;margin:0 0 25px!important;list-style:none}.cf-subscribe-body li{display:flex;align-items:flex-start;gap:12px;color:#e3d1ee;line-height:1.6;font-size:14px;margin:14px 0}.cf-subscribe-body li>span{color:#d3a6f5;background:#ba87df1f;border:1px solid #b67dda30;border-radius:8px;width:24px;min-width:24px;text-align:center}.cf-subscribe-price{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 0 22px;border-top:1px solid #d6b2ed20}.cf-subscribe-price>span{font-size:12px;color:#c1a5d3}.cf-subscribe-price strong{font-size:28px;letter-spacing:-1px;color:#f3ddff;white-space:nowrap}.cf-subscribe-pay{width:100%;min-height:54px;border:1px solid #e4bcff6b;border-radius:15px;background:linear-gradient(110deg,#8c4abd,#b971dc);color:#fff;font:600 15px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;padding:15px;box-shadow:0 8px 26px #9050ba30;animation:cf-subscribe-glow 3.5s ease-in-out infinite;cursor:pointer}.cf-subscribe-pay span{margin-left:10px}.cf-subscribe-pay:disabled{opacity:.6;animation:none;cursor:wait}.cf-subscribe-note{text-align:center;color:#ad93bf;font-size:11px;line-height:1.6;margin:15px 0 0}.cf-subscribe-error{background:#8e39512b;border:1px solid #e895bb44;border-radius:12px;padding:12px;color:#f4cbdc;font-size:13px}.cf-subscribe-error[hidden]{display:none}
#modalPayment .modal-dialog{max-width:560px;width:calc(100% - 28px);margin:40px auto}#modalPayment .b-modal__cover{opacity:.35;border-radius:28px 28px 0 0;overflow:hidden}#modalPayment .b-modal__user__info,#modalPayment .b-profile__user__name,#modalPayment .b-profile__user__login,#modalPayment label{color:#edddfa!important}#modalPayment .form-control{background:#160e234f;border:1px solid #cfabe543;border-radius:12px;min-height:46px;color:#f8edff}#modalPayment .form-control::placeholder{color:#aa91bc}#modalPayment .li-payment{background:#b081cd16;border:1px solid #d9b3ed2e;border-radius:13px;color:#e4d2ee}#modalPayment .li-payment.yes_border{border-color:#ce9eee!important;background:#a063ce2a}#modalPayment .btn-primary,#modalPayment .send-payment{border:1px solid #d5a7ed55;border-radius:13px;background:linear-gradient(110deg,#8748ba,#b16bd5);color:#fff;min-height:48px}
@keyframes cf-subscribe-glow{0%,100%{transform:scale(1);box-shadow:0 6px 22px #a066cb25,0 0 0 0 #c080eb00}50%{transform:scale(1.025);box-shadow:0 8px 30px #ba79e55a,0 0 0 6px #c080eb15}}
@media(max-width:767px){body.body-profile #page_content{padding:0 12px;margin-top:84px!important}.cf-profile .user-heading{padding-top:90px;border-radius:22px}.cf-profile .user-heading:before,.cf-profile .user-heading:after{border-radius:22px}.cf-profile .user-heading div.user-info{padding:20px!important;display:block}.cf-profile .user-heading div.user-info>.avatar,.cf-profile .user-heading div.user-info>.avatar img{width:90px;height:90px}.cf-profile .user-heading div.user-info .info{margin:14px 0 0}.cf-profile .user-heading .uname h4{font-size:25px}.cf-profile .user-heading .info>.btn{font-size:13px;padding:11px 14px!important;margin-top:10px!important}.cf-profile .navbar-bottom{margin-top:14px;border-radius:17px}.cf-profile .navbar-bottom ul{gap:2px;padding:5px}.cf-profile .navbar-bottom .nav__item{font-size:16px;padding:10px 4px!important;min-height:62px}.cf-profile .navbar-bottom .nav__item span{font-size:11px}.cf-profile .user-posts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.cf-profile .user-posts>.item,.cf-profile .user-posts .user-postset,.cf-profile .user-posts .user-postset_fav{border-radius:13px}.cf-profile .following--ls,.cf-profile .followers--ls{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#subscribeModal .modal-dialog{margin:22px auto}.cf-subscribe-body{padding:20px}.cf-subscribe-hero{padding:30px 20px 20px}.cf-subscribe-hero h2{font-size:23px}#cf-profile-panel{padding-top:16px}}
@media(prefers-reduced-motion:reduce){.cf-profile #payment-button-profile,.cf-subscribe-pay{animation:none!important}#cf-profile-panel,.cf-profile .btn{transition:none!important}}
.cf-profile .navbar-bottom ul.navbar-nav{display:flex!important;float:none!important;width:100%;margin:0!important}.cf-profile .navbar-bottom ul.navbar-nav:before,.cf-profile .navbar-bottom ul.navbar-nav:after{display:none}.cf-profile .navbar-bottom ul.navbar-nav li a.nav__item{width:100%!important;height:auto!important;margin:0!important;font-size:18px}.cf-profile .navbar-bottom ul.navbar-nav li a.nav__item span{color:inherit!important;text-transform:none;letter-spacing:0}
#subscribeModal .modal-dialog,#modalPayment .modal-dialog{display:block}#subscribeModal:before,#modalPayment:before{display:none!important}#subscribeModal .modal-content:after,#modalPayment .modal-content:after{display:none}#subscribeModal button:focus-visible,#modalPayment button:focus-visible{outline:2px solid #e3c2ff;outline-offset:3px}
@media(max-width:767px){.cf-profile .navbar-bottom ul.navbar-nav li a.nav__item{font-size:16px}}

/* Full-bleed profile cover with a readable gradient and layered details. */
.cf-profile .user-heading{position:relative;display:flex;align-items:flex-end;min-height:400px;padding-top:100px!important;overflow:hidden;background:#21172d;isolation:isolate}
.cf-profile .user-heading::before{content:none!important;background-image:none!important}
.cf-profile .user-heading>.cf-profile-cover{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center center;border-radius:inherit;pointer-events:none}
.user-profile-page-content.cf-profile .user-heading::after{content:""!important;display:block!important;position:absolute;inset:0;width:100%;height:100%;transform:none;border-radius:inherit;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(24,13,35,.04) 0%,rgba(29,16,41,.15) 30%,rgba(30,17,43,.58) 62%,rgba(30,17,43,.94) 100%)!important}
.cf-profile .user-heading div.user-info{position:relative;z-index:2;width:100%;background:transparent!important}
.cf-profile .user-heading .uname,.cf-profile .user-heading .status{ text-shadow:0 2px 12px #0008 }
html[data-theme="light"] .cf-profile .user-heading::after{background:linear-gradient(180deg,rgba(246,235,255,.02) 0%,rgba(238,219,251,.12) 30%,rgba(238,219,251,.72) 66%,rgba(244,231,253,.97) 100%)!important}
html[data-theme="light"] .cf-profile .user-heading .uname,html[data-theme="light"] .cf-profile .user-heading .status{text-shadow:none}
@media(max-width:767px){body.body-profile{padding-top:0!important}body.body-profile #page_content{margin-top:0!important;padding-top:0!important}.cf-profile .user-heading{width:calc(100% + 24px);margin-left:-12px;margin-top:0;min-height:460px;border-top:0;border-left:0;border-right:0;border-radius:0 0 24px 24px;padding-top:calc(150px + env(safe-area-inset-top,0px))!important}.cf-profile .user-heading::after{border-radius:inherit}}
