/*!
   Grid System Based on Flexbox - v1.0 | Eliezer Pujols (@wideckop)
*/*,*::before,*::after{box-sizing:border-box}.grid{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap}.grid__cell{width:100%}.grid--gutter{margin:-20px 0 20px -20px}.grid--gutter>.grid__cell{padding:20px 0 0 20px}.grid--gutter-small{margin:-12px 0 20px -12px}.grid--gutter-small>.grid__cell{padding:12px 0 0 12px}@media (min-width: 480px){.grid__cell--small-1of12{width:8.33333%}.grid__cell--small-2of12{width:16.66667%}.grid__cell--small-3of12{width:25%}.grid__cell--small-4of12{width:33.33333%}.grid__cell--small-5of12{width:41.66667%}.grid__cell--small-6of12{width:50%}.grid__cell--small-7of12{width:58.33333%}.grid__cell--small-8of12{width:66.66667%}.grid__cell--small-9of12{width:75%}.grid__cell--small-10of12{width:83.33333%}.grid__cell--small-11of12{width:91.66667%}.grid__cell--small-12of12{width:100%}}@media (max-width: 480px){.grid--small-square .grid__cell--small-1of12{width:8.33333%}.grid--small-square .grid__cell--small-2of12{width:16.66667%}.grid--small-square .grid__cell--small-3of12{width:25%}.grid--small-square .grid__cell--small-4of12{width:33.33333%}.grid--small-square .grid__cell--small-5of12{width:41.66667%}.grid--small-square .grid__cell--small-6of12{width:50%}.grid--small-square .grid__cell--small-7of12{width:58.33333%}.grid--small-square .grid__cell--small-8of12{width:66.66667%}.grid--small-square .grid__cell--small-9of12{width:75%}.grid--small-square .grid__cell--small-10of12{width:83.33333%}.grid--small-square .grid__cell--small-11of12{width:91.66667%}.grid--small-square .grid__cell--small-12of12{width:100%}}@media (min-width: 768px){.grid__cell--medium-1of12{width:8.33333%}.grid__cell--medium-2of12{width:16.66667%}.grid__cell--medium-3of12{width:25%}.grid__cell--medium-4of12{width:33.33333%}.grid__cell--medium-5of12{width:41.66667%}.grid__cell--medium-6of12{width:50%}.grid__cell--medium-7of12{width:58.33333%}.grid__cell--medium-8of12{width:66.66667%}.grid__cell--medium-9of12{width:75%}.grid__cell--medium-10of12{width:83.33333%}.grid__cell--medium-11of12{width:91.66667%}.grid__cell--medium-12of12{width:100%}}@media (min-width: 960px){.grid__cell--large-1of12{width:8.33333%}.grid__cell--large-2of12{width:16.66667%}.grid__cell--large-3of12{width:25%}.grid__cell--large-4of12{width:33.33333%}.grid__cell--large-5of12{width:41.66667%}.grid__cell--large-6of12{width:50%}.grid__cell--large-7of12{width:58.33333%}.grid__cell--large-8of12{width:66.66667%}.grid__cell--large-9of12{width:75%}.grid__cell--lager-10of12{width:83.33333%}.grid__cell--large-11of12{width:91.66667%}.grid__cell--large-12of12{width:100%}}@media (min-width: 480px){.grid__cell--small-half-1{margin-left:8.33333%}.grid__cell--small-half-2{margin-left:16.66667%}.grid__cell--small-half-3{margin-left:25%}.grid__cell--small-half-4{margin-left:33.33333%}.grid__cell--small-half-5{margin-left:41.66667%}.grid__cell--small-half-6{margin-left:50%}.grid__cell--small-half-7{margin-left:58.33333%}.grid__cell--small-half-8{margin-left:66.66667%}.grid__cell--small-half-9{margin-left:75%}.grid__cell--small-half-10{margin-left:83.33333%}.grid__cell--small-half-11{margin-left:91.66667%}}@media (min-width: 768px){.grid__cell--medium-half-1{margin-left:8.33333%}.grid__cell--medium-half-2{margin-left:16.66667%}.grid__cell--medium-half-3{margin-left:25%}.grid__cell--medium-half-4{margin-left:33.33333%}.grid__cell--medium-half-5{margin-left:41.66667%}.grid__cell--medium-half-6{margin-left:50%}.grid__cell--medium-half-7{margin-left:58.33333%}.grid__cell--medium-half-8{margin-left:66.66667%}.grid__cell--medium-half-9{margin-left:75%}.grid__cell--medium-half-10{margin-left:83.33333%}.grid__cell--medium-half-11{margin-left:91.66667%}}@media (min-width: 960px){.grid__cell--large-half-1{margin-left:8.33333%}.grid__cell--large-half-2{margin-left:16.66667%}.grid__cell--large-half-3{margin-left:25%}.grid__cell--large-half-4{margin-left:33.33333%}.grid__cell--large-half-5{margin-left:41.66667%}.grid__cell--large-half-6{margin-left:50%}.grid__cell--large-half-7{margin-left:58.33333%}.grid__cell--large-half-8{margin-left:66.66667%}.grid__cell--large-half-9{margin-left:75%}.grid__cell--large-half-10{margin-left:83.33333%}.grid__cell--large-half-11{margin-left:91.66667%}}:root{--color-gray-01: #1F1F1F;--color-gray-02: #282828;--color-gray-03: #363636;--color-gray-04: #535353;--color-gray-05: #949494;--color-gray-06: #C9C9C9;--color-primary-01: #DF4C42;--color-primary-02: #FF746A;--color-primary-03: #FFC6C6;--font-primary: 'Montserrat', sans-serif;--font-secondary: 'Rubik', sans-serif;--shadow-bigger: 0px 16px 31px rgba(0, 0, 0, 0.4)}*,*::before,*::after{box-sizing:border-box}body{background-color:var(--color-gray-01);font-family:var(--font-primary);font-size:17px;color:white;padding-bottom:56px}*:focus{outline:none}h1,h2,h3,h4,h5{margin-top:0;margin-bottom:24px}h1{font-family:var(--font-secondary);font-weight:bold;font-size:54px;line-height:64px}h2{font-family:var(--font-secondary);font-weight:bold;font-size:36px;line-height:43px}h3{font-family:var(--font-secondary);font-weight:500;font-size:22px;line-height:26px}H4{font-family:var(--font-primary);font-weight:bold;font-size:19px;line-height:23px;text-transform:uppercase}h5{font-family:var(--font-secondary);font-weight:500;font-size:14px;line-height:17px;letter-spacing:0.12em;text-transform:uppercase;opacity:0.72}a{color:var(--color-primary-02);text-decoration:none}p{margin-top:0px;line-height:160%}.container{position:relative;padding-left:8px;padding-right:8px;max-width:1280px;margin-left:auto;margin-right:auto}.container--flex{display:flex;flex-wrap:wrap}.btn{cursor:pointer;display:inline-block;background-color:transparent;border:none;border-radius:4px;padding:9px 12px;font-weight:600}.btn--primary{border:1px solid var(--color-primary-01);background-color:var(--color-primary-01);color:#fff}.btn--secondary{border:1px solid #fff;color:#fff}.btn--large{padding:16px 24px}.btn--fluid{display:block;width:100%;text-align:center}.input-group{position:relative;margin-bottom:20px}.input-group label{display:block;margin-bottom:8px;font-weight:600;font-size:13px;line-height:16px;text-transform:uppercase}.textfield{display:block;width:100%;padding:14px 16px;border:none;border:2px solid transparent;border-radius:4px;background-color:var(--color-gray-04);background-position:8px 8px;color:#fff}.textfield::placeholder{color:var(--color-gray-06)}.textfield:focus{border:2px solid var(--color-primary-01)}.tag{border-radius:20px;display:inline-block;color:#fff;font-size:14px;font-weight:500;padding:8px 12px;margin-right:4px;margin-bottom:8px;background-color:var(--color-gray-04)}.header{padding-top:6px;padding-bottom:16px}@media (min-width: 768px){.header{padding:0}.header .container--flex{align-items:center;padding:8px 32px;order:1;flex:none}}.header__logo{display:inline-block;flex:1;margin-bottom:4px}.header__logo img{width:107px}@media (min-width: 768px){.header__logo{order:1;flex:none;margin-right:20px}}.header__search{width:100%}.header__search input{display:block;width:100%;padding:10px 8px 10px 44px;border:none;border:2px solid transparent;border-radius:4px;background-color:var(--color-gray-04);background-image:url(https://www.exotha.com/assets/icon-search-a649e7c05bd389472fa2077625213b7fb13ce7b9af342a29bcc0a054d93e9e75.svg);background-repeat:no-repeat;background-position:8px 8px;color:#fff}.header__search input::placeholder{color:#fff}.header__search input:focus{border:2px solid var(--color-primary-01)}@media (min-width: 768px){.header__search{order:2;max-width:322px;margin-right:20px}.header__search input{border-radius:40px}}@media (min-width: 768px){.header__nav{flex:1;display:flex;order:3}}.nav__quick,.nav__tabs{align-self:center;list-style:none;padding-left:0;margin-top:0;margin-bottom:0}.nav__quick{display:flex;padding-top:10px}.nav__quick li{margin-left:12px}@media (min-width: 768px){.nav__quick{padding-top:0;order:2}}.nav__tabs{z-index:10;position:fixed;bottom:0;left:0;display:flex;width:100%;background-color:var(--color-gray-03);box-shadow:0px 8px 31px rgba(0,0,0,0.4)}.nav__tabs>li{width:25%}.nav__tabs>li>a{display:block;padding:33px 0px 7px;font-size:13px;font-weight:600;text-align:center;color:#fff;background-repeat:no-repeat;background-position:center 6px;border-top:2px solid var(--color-gray-03)}.nav__tabs>li>a.icon-home{background-image:url(https://www.exotha.com/assets/icon-home-a18f65af8609266fedaf7acf783aa264b2e7f43ebac9e6cc57d82d767250c547.svg)}.nav__tabs>li>a.icon-star{background-image:url(https://www.exotha.com/../img/icon-star.svg)}.nav__tabs>li>a.icon-category{background-image:url(https://www.exotha.com/../img/icon-tags.svg)}.nav__tabs>li>a.icon-video{background-image:url(https://www.exotha.com/../img/icon-video.svg)}.nav__tabs>li.is-active>a.icon-home,.nav__tabs>li.is-active>a.icon-star,.nav__tabs>li.is-active>a.icon-category,.nav__tabs>li.is-active>a.icon-video{border-top:2px solid var(--color-primary-01);color:var(--color-primary-01)}.nav__tabs>li.is-active>a.icon-home{background-image:url(https://www.exotha.com/../img/icon-home-actived.svg)}.nav__tabs>li.is-active>a.icon-star{background-image:url(https://www.exotha.com/../img/icon-star-actived.svg)}.nav__tabs>li.is-active>a.icon-category{background-image:url(https://www.exotha.com/../img/icon-tags-actived.svg)}.nav__tabs>li.is-active>a.icon-video{background-image:url(https://www.exotha.com/../img/icon-video-actived.svg)}@media (min-width: 768px){.nav__tabs{position:static;background-color:transparent;box-shadow:none;width:auto;flex:1;order:1}.nav__tabs>li{width:auto;margin-right:12px}.nav__tabs>li>a{border-radius:200px;border-top:none;font-size:17px;padding:8px 16px;background-image:none !important}.nav__tabs>li>a:hover{background-color:var(--color-gray-03)}.nav__tabs>li.is-active>a{border-top:none !important}}.nav__tabs>li.is-opened .dropdown{display:block}.dropdown{z-index:3;display:none;position:fixed;top:0;left:0;width:100%;height:calc(100% - 56px);border-bottom:1px solid var(--color-gray-04);background-color:var(--color-gray-03)}.dropdown__header{position:relative;padding:16px;color:var(--color-primary-03)}.dropdown__close{display:block;width:24px;height:24px;position:absolute;top:50%;right:12px;transform:translateY(-50%);background-image:url(https://www.exotha.com/../img/icon-close-red.svg);background-position:center;background-repeat:no-repeat}.dropdown__header h4{margin-bottom:0}.dropdown__menu{padding-left:0;margin-top:0;margin-bottom:0}.dropdown__menu>li{margin-bottom:1px}.dropdown__menu>li>a{position:relative;display:block;color:#fff;padding:16px;background-color:var(--color-gray-04)}.dropdown__menu>li>a::before{content:" ";display:block;width:24px;height:24px;position:absolute;top:50%;right:12px;transform:translateY(-50%);background-image:url(https://www.exotha.com/../img/icon-arrow-right.svg);background-position:center;background-repeat:no-repeat}.footer{padding:40px 8px 48px}@media (min-width: 768px){.footer{padding:72px 0}.footer .container{padding-left:40px;padding-right:40px}}.footer .footer__logo{display:block;width:107px;margin-bottom:16px}.footer .footer__logo img{width:100%}.footer .footer__about{font-size:14px;opacity:0.8;margin-bottom:36px}.footer .footer__links{padding-left:0;margin-top:0;margin-bottom:56px;list-style:none}.footer .footer__links li{margin-bottom:16px}.footer .footer__links li a{color:#fff;font-weight:600}.footer .footer__legal{font-size:14px;opacity:0.8}@media (min-width: 768px){.footer .footer__about{max-width:445px}.footer .footer__links{margin-bottom:0}}.slide{padding:0 8px 56px}.slide::before{z-index:-1;content:" ";position:absolute;top:0;left:0;width:100%;height:678px;background:linear-gradient(180deg, rgba(223,76,66,0) 0%, rgba(223,76,66,0.37) 48.44%, rgba(223,76,66,0) 100%)}@media (min-width: 768px){.slide{display:flex;align-items:center;position:relative;padding:0px;height:720px}.slide::before{display:none}.slide .container{width:100%;padding-left:40px;padding-right:40px}}.slide__img{width:100%;padding-top:60%;border-radius:4px;box-shadow:var(--shadow-bigger);background-size:cover;background-position:center;background-repeat:no-repeat}@media (min-width: 768px){.slide__img{position:absolute;top:0;left:0;padding-top:0;border-radius:0px;height:720px;box-shadow:none}}.slide__content{padding-top:32px;text-align:center}.slide__content h3{font-family:var(--font-primary);font-size:19px;font-weight:bold;text-transform:uppercase;line-height:23px;color:var(--color-primary-03);margin-bottom:8px}.slide__content h2{margin-bottom:12px;color:#fff}.slide__content p{margin-bottom:28px;opacity:0.9;color:#fff}.slide__content a{box-shadow:var(--shadow-bigger)}@media (min-width: 768px){.slide__content{z-index:4;position:relative;text-align:left}.slide__content h3,.slide__content h2,.slide__content p{max-width:600px}.slide__content h3{text-shadow:0px 2px 6px rgba(0,0,0,0.4)}.slide__content h2{font-size:54px;line-height:64px;text-shadow:0px 10px 20px rgba(0,0,0,0.5)}.slide__content p{font-size:20px;line-height:32px;text-shadow:0px 2px 6px rgba(0,0,0,0.6)}}@media (min-width: 768px){.slide__overlay{z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;position:absolute;background:linear-gradient(-90deg, rgba(31,31,31,0) 40%, #1F1F1F 100%)}.slide__overlay::before,.slide__overlay::after{z-index:1;content:" ";display:block;position:absolute;left:0;width:100%;height:123px;background:linear-gradient(180deg, rgba(31,31,31,0) 0%, #1F1F1F 100%)}.slide__overlay::before{top:0;transform:rotate(180deg)}.slide__overlay::after{bottom:0}}.featured{padding-bottom:48px}@media (min-width: 768px){.featured{padding-top:72px;padding-bottom:72px}.featured .container{padding-left:32px;padding-right:32px}}.featured-item{position:relative;display:block;background-size:cover;background-repeat:no-repeat;background-position:center;border-radius:4px;margin-bottom:8px;padding-top:60%;width:100%}.featured-item .featured-item__content{position:absolute;left:0;bottom:14px}.featured-item .featured-item__content h4,.featured-item .featured-item__content p{padding:8px 8px 8px 24px;box-shadow:var(--shadow-bigger)}.featured-item .featured-item__content h4{margin-bottom:0;color:#fff;background-color:var(--color-primary-01);border-radius:0px 4px 4px 0px}.featured-item .featured-item__content p{display:inline-block;font-size:14px;font-weight:600;color:var(--color-gray-01);background-color:#fff;border-radius:0px 0px 4px 0px}@media (min-width: 768px){.featured-item{margin-left:8px;margin-right:8px;margin-bottom:0;padding-top:38%;width:calc(50% - 16px)}.featured-item h4{font-size:24px;line-height:26px;text-transform:none}.featured-item .featured-item__content p{font-size:17px;font-weight:500}}.video-item{position:relative;display:block;padding:8px;border-radius:4px;background-color:var(--color-gray-03)}.video-item .video-item__source{display:block;margin-bottom:8px;border-radius:2px;overflow:hidden}.video-item .video-item__source img{width:100%;display:block}.video-item .video-item__content{padding:4px 12px}.video-item .video-item__content .video-item__title{margin-bottom:4px;margin-left:0px !important;text-transform:none !important}.video-item .video-item__content .video-item__title a{color:#fff}@media (min-width: 768px){.video-item .video-item__content .video-item__title{font-size:20px}}.video-item .video-item__content .video-item__stars,.video-item .video-item__content .video-item__views,.video-item .video-item__content .video-item__duration{font-size:14px}.video-item .video-item__content .video-item__stars{margin-bottom:4px}.video-item .video-item__content .video-item__views{color:#fff}.video-item .video-item__content .video-item__duration{position:absolute;top:16px;right:16px;padding:5px 6px 5px 32px;color:var(--color-gray-01);border-radius:20px;background-color:#fff;background-repeat:no-repeat;background-position:7px center;background-image:url(https://www.exotha.com/assets/icon-play-a6ef0e6c64de77dd651ab5885daf83c66031d000ffd7a68bc0f5e751cd02611c.svg)}.video-item .video-item__content .video-item__premium{position:absolute;top:16px;left:16px;padding:5px 6px 5px 32px;color:var(--color-gray-01);border-radius:20px;background-color:black;background-repeat:no-repeat;background-position:7px center}.popular-videos{padding:56px 0px 36px}.popular-videos h3{font-family:var(--font-primary);font-weight:bold;font-size:19px;line-height:23px;text-transform:uppercase;margin-left:8px}.popular-videos .popular-videos__view-all{margin-top:24px;width:100%}@media (min-width: 768px){.popular-videos{padding:72px 0px 52px}.popular-videos h3{font-size:24px;line-height:26px}.popular-videos .container{padding-left:40px;padding-right:40px}.popular-videos .popular-videos__view-all{margin-top:0px;position:absolute;top:-4px;right:40px;width:auto}}.svg-black{display:block;margin-left:auto;margin-right:auto;filter:invert(0%) sepia(0%) saturate(7500%) hue-rotate(340deg) brightness(0) contrast(100%)}.banner_add{width:1200px;height:250px;display:flex;justify-content:center;align-content:center;margin:auto}.banner_content{display:flex;height:252px}.similar-videos{padding-top:56px;padding-bottom:36px}.similar-videos h3{font-family:var(--font-primary);font-weight:bold;font-size:19px;line-height:23px;text-transform:uppercase;margin-left:8px}.similar-videos .similar-videos__view-all{margin-top:24px;width:100%}@media (min-width: 768px){.similar-videos{padding:72px 0px 52px}.similar-videos h3{font-size:24px;line-height:26px}.similar-videos .container{padding-left:40px;padding-right:40px}.similar-videos .similar-videos__view-all{margin-top:0px;position:absolute;top:-4px;right:40px;width:auto}}.featured-categories{padding-bottom:56px}.featured-categories h3{font-family:var(--font-primary);font-weight:bold;font-size:19px;line-height:23px;text-transform:uppercase;margin-left:8px}.featured-categories .featured-categories__view-all{margin-top:24px;width:100%}@media (min-width: 768px){.featured-categories{padding:72px 0px 52px}.featured-categories h3{font-size:24px;line-height:26px}.featured-categories .container{padding-left:40px;padding-right:40px}.featured-categories .featured-categories__view-all{margin-top:0px;position:absolute;top:-4px;right:40px;width:auto}}.categories-item{display:block;background-color:var(--color-gray-03);border-radius:4px;color:#fff}.categories-item .categories-item__source{display:none}.categories-item .categories-item__content{position:relative;padding:8px 16px 12px}.categories-item .categories-item__content::before{content:" ";display:block;width:24px;height:24px;position:absolute;top:50%;right:8px;transform:translateY(-50%);background-image:url(https://www.exotha.com/assets/icon-arrow-right-3b7e1d9c4dc8eedf9579e2debe6367941553d228a00d00e6cba299f031aca8b4.svg);background-position:center;background-repeat:no-repeat}.categories-item .categories-item__content .categories-item__title{font-family:var(--font-secondary);font-weight:500;font-size:22px;line-height:26px;text-transform:none !important;margin-bottom:4px;margin-left:0 !important}.categories-item .categories-item__content .categories-item__count{opacity:0.72}@media (min-width: 768px){.categories-item .categories-item__source{padding:8px;display:block}.categories-item .categories-item__source img{border-radius:4px;width:100%}.categories-item .categories-item__content::before{display:none}}.cta{position:relative;padding:0 8px 96px}.cta::before{z-index:-1;content:" ";position:absolute;top:-72px;left:0;width:100%;height:678px;background:linear-gradient(180deg, rgba(223,76,66,0) 0%, rgba(223,76,66,0.37) 48.44%, rgba(223,76,66,0) 100%)}@media (min-width: 768px){.cta{display:flex;align-items:center;justify-content:center;height:720px}.cta::before{display:none}.cta::after{z-index:1;content:" ";display:block;position:absolute;left:0;width:100%;height:100%;background:linear-gradient(180deg, rgba(31,31,31,0.3) 0%, #1F1F1F 100%);bottom:0}}.cta .cta__img{width:100%;padding-top:60%;border-radius:4px;box-shadow:var(--shadow-bigger);background-size:cover;background-position:center;background-repeat:no-repeat}@media (min-width: 768px){.cta .cta__img{position:absolute;top:0;left:0;padding-top:0;border-radius:0px;height:720px;box-shadow:none}}.cta .cta__content{text-align:center;margin-top:24px}.cta .cta__content h2{margin-bottom:16px;text-shadow:0px 10px 20px rgba(0,0,0,0.5)}.cta .cta__content p{margin-bottom:24px;opacity:0.9}.cta .cta__content a{box-shadow:var(--shadow-bigger)}@media (min-width: 768px){.cta .cta__content{z-index:4;position:relative}.cta .cta__content h3,.cta .cta__content h2,.cta .cta__content p{max-width:700px}.cta .cta__content h2{font-size:54px;line-height:64px}.cta .cta__content p{font-size:20px;line-height:32px;text-shadow:0px 2px 6px rgba(0,0,0,0.6)}}.featured-stars{display:none;padding-bottom:56px;background-color:var(--color-gray-02)}.featured-stars h3{font-family:var(--font-primary);font-weight:bold;font-size:19px;line-height:23px;text-transform:uppercase;margin-left:8px}.featured-stars .stars-item__view-all{margin-top:24px;width:100%}@media (min-width: 768px){.featured-stars{display:block;padding:72px 0px 52px}.featured-stars h3{font-size:24px;line-height:26px}.featured-stars .container{padding-left:40px;padding-right:40px}.featured-stars .stars-item__view-all{margin-top:0px;position:absolute;top:-4px;right:40px;width:auto}}.stars-item{display:block;background-color:var(--color-gray-03);border-radius:4px;color:#fff}.stars-item .stars-item__source{display:none}.stars-item .stars-item__content{position:relative;padding:8px 16px 12px}.stars-item .stars-item__content::before{content:" ";display:block;width:24px;height:24px;position:absolute;top:50%;right:8px;transform:translateY(-50%);background-image:url(https://www.exotha.com/assets/icon-arrow-right-3b7e1d9c4dc8eedf9579e2debe6367941553d228a00d00e6cba299f031aca8b4.svg);background-position:center;background-repeat:no-repeat}.stars-item .stars-item__content .stars-item__title{font-family:var(--font-secondary);font-weight:500;font-size:22px;line-height:26px;text-transform:none !important;margin-bottom:4px;margin-left:0 !important}.stars-item .stars-item__content .stars-item__count{opacity:0.72}@media (min-width: 768px){.stars-item .stars-item__source{padding:8px;display:block}.stars-item .stars-item__source img{border-radius:4px;width:100%}.stars-item .stars-item__content::before{display:none}}.enter{display:none;z-index:999;position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--color-gray-03);padding:20% 48px 48px;overflow-y:scroll}.enter .enter__logo{display:block;width:156px;margin-left:auto;margin-right:auto;margin-bottom:32px}.enter .enter__close{position:fixed;top:16px;right:16px;display:block;width:48px;height:48px;border-radius:40px;background-color:var(--color-gray-04);background-image:url(https://www.exotha.com/../img/icon-close-white.svg);background-position:center;background-repeat:no-repeat;background-size:24px}.enter .enter__divider{position:relative;margin-top:40px;margin-bottom:38px;text-align:center}.enter .enter__divider h4{position:relative;display:inline-block;padding:0 8px;margin-bottom:0;font-weight:600;font-size:13px;line-height:16px;text-align:center;text-transform:uppercase;color:var(--color-gray-06);background-color:var(--color-gray-03)}.enter .enter__divider::before{content:" ";display:block;position:absolute;top:10px;left:0;width:100%;height:1px;background-color:var(--color-gray-05)}.enter .enter__form .change-password{display:block;margin-top:6px;color:var(--color-primary-03);font-size:13px}@media (min-width: 768px){.enter{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.3)}.enter .enter__wrapper{position:fixed;padding:48px 48px;top:50%;left:50%;width:auto;height:auto;transform:translate(-50%, -50%);border-radius:6px;background-color:var(--color-gray-03);box-shadow:var(--shadow-bigger)}}.video-detail{display:block}@media (min-width: 768px){.video-detail .container{padding-left:40px;padding-right:40px}}.video-detail__source{order:1;width:calc(100% + 16px);margin-left:-8px;margin-right:-8px}.video-detail__source video{width:100%}@media (min-width: 960px){.video-detail__source{width:100%;margin-left:0;margin-right:0}}.video-detail__head{flex:1;order:2;padding:16px;margin-left:-8px;margin-right:-8px}.video-detail__head h1{font-weight:500;font-size:22px;line-height:28px;margin-bottom:8px}.video-detail__head p{color:var(--color-gray-05);font-weight:600;font-size:13px;line-height:16px;text-transform:uppercase;margin-bottom:0}@media (min-width: 960px){.video-detail__head{width:auto;margin-left:0;margin-right:0}.video-detail__head h1{font-size:28px;line-height:32px}}.video-detail__specs{display:flex;order:4;justify-content:space-between;padding:16px;width:calc(100% + 16px);margin:0px -8px;border-top:1px solid var(--color-gray-04);border-bottom:1px solid var(--color-gray-04);list-style:none}.video-detail__specs li:nth-child(2){text-align:center}.video-detail__specs li:last-child{text-align:right}.video-detail__specs li .info__value{color:var(--color-primary-03);font-weight:400;margin-bottom:2px}.video-detail__specs li .info__label{font-style:normal;font-weight:600;font-size:13px;line-height:16px;text-transform:uppercase}@media (min-width: 960px){.video-detail__specs{order:5;margin:0px;width:100%;justify-content:flex-start}.video-detail__specs li{text-align:left !important;margin-right:48px}}.video-detail__plan{order:5;width:calc(100% + 16px);padding:16px;margin-left:-8px;margin-right:-8px}@media (min-width: 960px){.video-detail__plan{order:4;width:auto}}.video-detail__favorite{order:3;padding:16px}.video-detail__tabs{order:6;width:100%;margin-top:16px;background-color:var(--color-gray-03);border-radius:4px;margin-bottom:24px}.video-detail__tabs .tabs{display:flex;border-bottom:1px solid var(--color-gray-04)}.video-detail__tabs .tabs .tabs__item{position:relative;padding:15px 16px 17px;border:none;background-color:transparent;color:var(--color-gray-05);font-weight:600;font-size:13px;line-height:16px;text-transform:uppercase}.video-detail__tabs .tabs .tabs__item.is-active{color:#fff}.video-detail__tabs .tabs .tabs__item.is-active::after{content:" ";position:absolute;left:0;bottom:-1px;height:2px;width:100%;background-color:var(--color-primary-01)}.video-detail__tabs .tabs-body{display:none;padding:16px}.video-detail__tabs .tabs-body p{font-weight:400;font-size:14px;line-height:160%;color:var(--color-gray-06)}.video-detail__tabs .tabs-body.is-active{display:block}@media (min-width: 960px){.video-detail__tabs{margin-right:16px;flex:1;order:6}}.video-detail__stars{order:7;width:100%;margin-top:0;background-color:var(--color-gray-03);border-radius:4px;margin-bottom:24px}.video-detail__stars .stars__head{border-bottom:1px solid var(--color-gray-04);padding:15px 16px 17px}.video-detail__stars .stars__head h4{color:#fff;font-weight:600;font-size:13px;line-height:16px;text-transform:uppercase;margin-bottom:0}.video-detail__stars .stars__item{display:flex;align-items:center;padding:16px;border-bottom:1px solid var(--color-gray-04)}.video-detail__stars .stars__item:last-child{border-bottom:none}.video-detail__stars .stars__item .item__img{width:112px;border-radius:4px;height:112px;background-size:cover;background-position:center;background-repeat:no-repeat}.video-detail__stars .stars__item .item__info{padding-left:24px}.video-detail__stars .stars__item .item__info h4{font-weight:400;margin-bottom:12px;text-transform:none}.video-detail__stars .stars__item .item__info a{color:var(--color-primary-03);font-weight:600}@media (min-width: 960px){.video-detail__stars{order:7;width:40%;margin-top:16px}}.video-detail__shots{order:8;width:100%;margin-top:0;background-color:var(--color-gray-03);border-radius:4px}.video-detail__shots .shots__head{position:relative;border-bottom:1px solid var(--color-gray-04);padding:15px 16px 17px}.video-detail__shots .shots__head h4{color:#fff;font-weight:600;font-size:13px;line-height:16px;text-transform:uppercase;margin-bottom:0}.video-detail__shots .shots__head .shots__controls{display:flex;position:absolute;top:4px;right:4px}.video-detail__shots .shots__head .shots__controls .prev,.video-detail__shots .shots__head .shots__controls .next{width:40px;height:40px;display:block;border-radius:4px;background-image:url(https://www.exotha.com/assets/icon-arrow-right-3b7e1d9c4dc8eedf9579e2debe6367941553d228a00d00e6cba299f031aca8b4.svg);background-color:transparent;background-position:center;background-repeat:no-repeat;background-size:24px;border:none}.video-detail__shots .shots__head .shots__controls .prev:focus,.video-detail__shots .shots__head .shots__controls .next:focus{background-color:var(--color-gray-04)}.video-detail__shots .shots__head .shots__controls .prev{transform:rotate(180deg)}.video-detail__shots .shots__slider{margin-top:0;margin-bottom:0;padding:16px 16px 8px;list-style:none;overflow:hidden}.video-detail__shots .shots__slider .shots__item{width:40%;height:auto;margin-right:16px}.video-detail__shots .shots__slider .shots__item img{border-radius:4px;display:block;width:100%}@media (min-width: 960px){.video-detail__shots{order:7}}.text-align--center{text-align:center}.div-adv-center{text-align:center}.div-adv-center-desktop{text-align:center;padding-top:60px}.page{padding:4px 12px;text-decoration:none;background-color:var(--color-gray-02);border:1px solid #888888}.text_init{padding-top:10px}.long_description{display:none}.text_description{font-size:42px}.footer .footer__logo_red_instagram{display:block;width:44px;padding-top:3px;margin-bottom:16px}.footer .footer__logo_red_instagram img{width:100%}.footer .footer__logo_red_tik_tok{display:block;width:50px;margin-bottom:16px}.footer .footer__logo_red_tik_tok img{width:100%}:root{--color-gray-01: #1F1F1F;--color-gray-02: #282828;--color-gray-03: #363636;--color-gray-04: #535353;--color-gray-05: #949494;--color-gray-06: #C9C9C9;--color-primary-01: #DF4C42;--color-primary-02: #FF746A;--color-primary-03: #FFC6C6;--font-primary: 'Montserrat', sans-serif;--font-secondary: 'Rubik', sans-serif;--shadow-bigger: 0px 16px 31px rgba(0, 0, 0, 0.4)}*,*::before,*::after{box-sizing:border-box}body{background-color:var(--color-gray-01);font-family:var(--font-primary);font-size:17px;color:white;padding-bottom:56px}*:focus{outline:none}h1,h2,h3,h4,h5{margin-top:0;margin-bottom:24px}h1{font-family:var(--font-secondary);font-weight:bold;font-size:54px;line-height:64px}h2{font-family:var(--font-secondary);font-weight:bold;font-size:36px;line-height:43px}h3{font-family:var(--font-secondary);font-weight:500;font-size:22px;line-height:26px}H4{font-family:var(--font-primary);font-weight:bold;font-size:19px;line-height:23px;text-transform:uppercase}h5{font-family:var(--font-secondary);font-weight:500;font-size:14px;line-height:17px;letter-spacing:0.12em;text-transform:uppercase;opacity:0.72}a{color:var(--color-primary-02);text-decoration:none}p{margin-top:0px;line-height:160%}.container{position:relative;padding-left:8px;padding-right:8px;max-width:1280px;margin-left:auto;margin-right:auto}.container--flex{display:flex;flex-wrap:wrap}.btn{cursor:pointer;display:inline-block;background-color:transparent;border:none;border-radius:4px;padding:9px 12px;font-weight:600}.btn--primary{border:1px solid var(--color-primary-01);background-color:var(--color-primary-01);color:#fff}.btn--secondary{border:1px solid #fff;color:#fff}.btn--large{padding:16px 24px}.btn--fluid{display:block;width:100%;text-align:center}.input-group{position:relative;margin-bottom:20px}.input-group label{display:block;margin-bottom:8px;font-weight:600;font-size:13px;line-height:16px;text-transform:uppercase}.textfield{display:block;width:100%;padding:14px 16px;border:none;border:2px solid transparent;border-radius:4px;background-color:var(--color-gray-04);background-position:8px 8px;color:#fff}.textfield::placeholder{color:var(--color-gray-06)}.textfield:focus{border:2px solid var(--color-primary-01)}.tag{border-radius:20px;display:inline-block;color:#fff;font-size:14px;font-weight:500;padding:8px 12px;margin-right:4px;margin-bottom:8px;background-color:var(--color-gray-04)}.slide{padding:0 8px 56px}.slide::before{z-index:-1;content:" ";position:absolute;top:0;left:0;width:100%;height:678px;background:linear-gradient(180deg, rgba(223,76,66,0) 0%, rgba(223,76,66,0.37) 48.44%, rgba(223,76,66,0) 100%)}@media (min-width: 768px){.slide{display:flex;align-items:center;position:relative;padding:0px;height:720px}.slide::before{display:none}.slide .container{width:100%;padding-left:40px;padding-right:40px}}.slide__img{width:100%;padding-top:60%;border-radius:4px;box-shadow:var(--shadow-bigger);background-size:cover;background-position:center;background-repeat:no-repeat}@media (min-width: 768px){.slide__img{position:absolute;top:0;left:0;padding-top:0;border-radius:0px;height:720px;box-shadow:none}}.slide__content{padding-top:32px;text-align:center}.slide__content h3{font-family:var(--font-primary);font-size:19px;font-weight:bold;text-transform:uppercase;line-height:23px;color:var(--color-primary-03);margin-bottom:8px}.slide__content h2{margin-bottom:12px;color:#fff}.slide__content p{margin-bottom:28px;opacity:0.9;color:#fff}.slide__content a{box-shadow:var(--shadow-bigger)}@media (min-width: 768px){.slide__content{z-index:4;position:relative;text-align:left}.slide__content h3,.slide__content h2,.slide__content p{max-width:600px}.slide__content h3{text-shadow:0px 2px 6px rgba(0,0,0,0.4)}.slide__content h2{font-size:54px;line-height:64px;text-shadow:0px 10px 20px rgba(0,0,0,0.5)}.slide__content p{font-size:20px;line-height:32px;text-shadow:0px 2px 6px rgba(0,0,0,0.6)}}@media (min-width: 768px){.slide__overlay{z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;position:absolute;background:linear-gradient(-90deg, rgba(31,31,31,0) 40%, #1F1F1F 100%)}.slide__overlay::before,.slide__overlay::after{z-index:1;content:" ";display:block;position:absolute;left:0;width:100%;height:123px;background:linear-gradient(180deg, rgba(31,31,31,0) 0%, #1F1F1F 100%)}.slide__overlay::before{top:0;transform:rotate(180deg)}.slide__overlay::after{bottom:0}}.footer{padding:40px 8px 48px}@media (min-width: 768px){.footer{padding:72px 0}.footer .container{padding-left:40px;padding-right:40px}}.footer .footer__logo{display:block;width:107px;margin-bottom:16px}.footer .footer__logo img{width:100%}.footer .footer__about{font-size:14px;opacity:0.8;margin-bottom:36px}.footer .footer__links{padding-left:0;margin-top:0;margin-bottom:56px;list-style:none}.footer .footer__links li{margin-bottom:16px}.footer .footer__links li a{color:#fff;font-weight:600}.footer .footer__legal{font-size:14px;opacity:0.8}@media (min-width: 768px){.footer .footer__about{max-width:445px}.footer .footer__links{margin-bottom:0}}.featured{padding-bottom:48px}@media (min-width: 768px){.featured{padding-top:72px;padding-bottom:72px}.featured .container{padding-left:32px;padding-right:32px}}.featured-item{position:relative;display:block;background-size:cover;background-repeat:no-repeat;background-position:center;border-radius:4px;margin-bottom:8px;padding-top:60%;width:100%}.featured-item .featured-item__content{position:absolute;left:0;bottom:14px}.featured-item .featured-item__content h4,.featured-item .featured-item__content p{padding:8px 8px 8px 24px;box-shadow:var(--shadow-bigger)}.featured-item .featured-item__content h4{margin-bottom:0;color:#fff;background-color:var(--color-primary-01);border-radius:0px 4px 4px 0px}.featured-item .featured-item__content p{display:inline-block;font-size:14px;font-weight:600;color:var(--color-gray-01);background-color:#fff;border-radius:0px 0px 4px 0px}@media (min-width: 768px){.featured-item{margin-left:8px;margin-right:8px;margin-bottom:0;padding-top:38%;width:calc(50% - 16px)}.featured-item h4{font-size:24px;line-height:26px;text-transform:none}.featured-item .featured-item__content p{font-size:17px;font-weight:500}}.cta{position:relative;padding:0 8px 96px}.cta::before{z-index:-1;content:" ";position:absolute;top:-72px;left:0;width:100%;height:678px;background:linear-gradient(180deg, rgba(223,76,66,0) 0%, rgba(223,76,66,0.37) 48.44%, rgba(223,76,66,0) 100%)}@media (min-width: 768px){.cta{display:flex;align-items:center;justify-content:center;height:720px}.cta::before{display:none}.cta::after{z-index:1;content:" ";display:block;position:absolute;left:0;width:100%;height:100%;background:linear-gradient(180deg, rgba(31,31,31,0.3) 0%, #1F1F1F 100%);bottom:0}}.cta .cta__img{width:100%;padding-top:60%;border-radius:4px;box-shadow:var(--shadow-bigger);background-size:cover;background-position:center;background-repeat:no-repeat}@media (min-width: 768px){.cta .cta__img{position:absolute;top:0;left:0;padding-top:0;border-radius:0px;height:720px;box-shadow:none}}.cta .cta__content{text-align:center;margin-top:24px}.cta .cta__content h2{margin-bottom:16px;text-shadow:0px 10px 20px rgba(0,0,0,0.5)}.cta .cta__content p{margin-bottom:24px;opacity:0.9}.cta .cta__content a{box-shadow:var(--shadow-bigger)}@media (min-width: 768px){.cta .cta__content{z-index:4;position:relative}.cta .cta__content h3,.cta .cta__content h2,.cta .cta__content p{max-width:700px}.cta .cta__content h2{font-size:54px;line-height:64px}.cta .cta__content p{font-size:20px;line-height:32px;text-shadow:0px 2px 6px rgba(0,0,0,0.6)}}.pagy-nav-js,.pagy-nav{display:flex;justify-content:center;align-items:center;gap:8px;margin:20px 0;padding:10px 0}.pagy-nav-js a,.pagy-nav a,.pagy-nav-js span,.pagy-nav span{display:inline-block;padding:8px 14px;margin:0 3px;text-decoration:none;background-color:var(--color-gray-02);border:1px solid var(--color-gray-03);border-radius:4px;color:#fff;font-weight:500;transition:all 0.2s ease;cursor:pointer}.pagy-nav-js a:hover,.pagy-nav a:hover,.pagy-nav-js span:hover,.pagy-nav span:hover{background-color:var(--color-gray-03);border-color:var(--color-primary-01);text-decoration:none}.pagy-nav-js a.current,.pagy-nav a.current,.pagy-nav-js span.current,.pagy-nav span.current{background-color:var(--color-primary-01);border-color:var(--color-primary-01);color:#fff;cursor:default}.pagy-nav-js a.current:hover,.pagy-nav a.current:hover,.pagy-nav-js span.current:hover,.pagy-nav span.current:hover{background-color:var(--color-primary-01);border-color:var(--color-primary-01)}.pagy-nav-js a.disabled,.pagy-nav a.disabled,.pagy-nav-js span.disabled,.pagy-nav span.disabled{opacity:0.5;cursor:not-allowed}.pagy-nav-js a.disabled:hover,.pagy-nav a.disabled:hover,.pagy-nav-js span.disabled:hover,.pagy-nav span.disabled:hover{background-color:var(--color-gray-02);border-color:var(--color-gray-03)}.pagy-nav-js a.gap,.pagy-nav a.gap,.pagy-nav-js span.gap,.pagy-nav span.gap{background:none;border:none;cursor:default}.pagy-nav-js a.gap:hover,.pagy-nav a.gap:hover,.pagy-nav-js span.gap:hover,.pagy-nav span.gap:hover{background:none;border:none}.pagy-nav-js a:first-child,.pagy-nav a:first-child,.pagy-nav-js a:last-child,.pagy-nav a:last-child{font-weight:600;padding:8px 16px}@media (max-width: 768px){.pagy-nav-js,.pagy-nav{gap:4px}.pagy-nav-js a,.pagy-nav-js span,.pagy-nav a,.pagy-nav span{padding:6px 10px;margin:0 2px;font-size:14px}}.featured-stars{display:none;padding-bottom:56px;background-color:var(--color-gray-02)}.featured-stars h3{font-family:var(--font-primary);font-weight:bold;font-size:19px;line-height:23px;text-transform:uppercase;margin-left:8px}.featured-stars .stars-item__view-all{margin-top:24px;width:100%}@media (min-width: 768px){.featured-stars{display:block;padding:72px 0px 52px}.featured-stars h3{font-size:24px;line-height:26px}.featured-stars .container{padding-left:40px;padding-right:40px}.featured-stars .stars-item__view-all{margin-top:0px;position:absolute;top:-4px;right:40px;width:auto}}.stars-item{display:block;background-color:var(--color-gray-03);border-radius:4px;color:#fff}.stars-item .stars-item__source{display:none}.stars-item .stars-item__content{position:relative;padding:8px 16px 12px}.stars-item .stars-item__content::before{content:" ";display:block;width:24px;height:24px;position:absolute;top:50%;right:8px;transform:translateY(-50%);background-image:url(https://www.exotha.com/assets/icon-arrow-right-3b7e1d9c4dc8eedf9579e2debe6367941553d228a00d00e6cba299f031aca8b4.svg);background-position:center;background-repeat:no-repeat}.stars-item .stars-item__content .stars-item__title{font-family:var(--font-secondary);font-weight:500;font-size:22px;line-height:26px;text-transform:none !important;margin-bottom:4px;margin-left:0 !important}.stars-item .stars-item__content .stars-item__count{opacity:0.72}@media (min-width: 768px){.stars-item .stars-item__source{padding:8px;display:block}.stars-item .stars-item__source img{border-radius:4px;width:100%}.stars-item .stars-item__content::before{display:none}}.video-item{position:relative;display:block;padding:8px;border-radius:4px;background-color:var(--color-gray-03)}.video-item .video-item__source{display:block;margin-bottom:8px;border-radius:2px;overflow:hidden}.video-item .video-item__source img{width:100%;display:block}.video-item .video-item__content{padding:4px 12px}.video-item .video-item__content .video-item__title{margin-bottom:4px;margin-left:0px !important;text-transform:none !important}.video-item .video-item__content .video-item__title a{color:#fff}@media (min-width: 768px){.video-item .video-item__content .video-item__title{font-size:20px}}.video-item .video-item__content .video-item__stars,.video-item .video-item__content .video-item__views,.video-item .video-item__content .video-item__duration{font-size:14px}.video-item .video-item__content .video-item__stars{margin-bottom:4px}.video-item .video-item__content .video-item__views{color:#fff}.video-item .video-item__content .video-item__duration{position:absolute;top:16px;right:16px;padding:5px 6px 5px 32px;color:var(--color-gray-01);border-radius:20px;background-color:#fff;background-repeat:no-repeat;background-position:7px center;background-image:url(https://www.exotha.com/assets/icon-play-a6ef0e6c64de77dd651ab5885daf83c66031d000ffd7a68bc0f5e751cd02611c.svg)}.video-item .video-item__content .video-item__premium{position:absolute;top:16px;left:16px;padding:5px 5px 29px 5px;color:var(--color-gray-01);border-radius:20px;height:30px;background-color:#fff;background-repeat:no-repeat;background-position:7px center}.popular-videos{padding:56px 0px 36px}.popular-videos h3{font-family:var(--font-primary);font-weight:bold;font-size:19px;line-height:23px;text-transform:uppercase;margin-left:8px}.popular-videos .popular-videos__view-all{margin-top:24px;width:100%}@media (min-width: 768px){.popular-videos{padding:72px 0px 52px}.popular-videos h3{font-size:24px;line-height:26px}.popular-videos .container{padding-left:40px;padding-right:40px}.popular-videos .popular-videos__view-all{margin-top:0px;position:absolute;top:-4px;right:40px;width:auto}}.similar-videos{padding-top:56px;padding-bottom:36px}.similar-videos h3{font-family:var(--font-primary);font-weight:bold;font-size:19px;line-height:23px;text-transform:uppercase;margin-left:8px}.similar-videos .similar-videos__view-all{margin-top:24px;width:100%}@media (min-width: 768px){.similar-videos{padding:72px 0px 52px}.similar-videos h3{font-size:24px;line-height:26px}.similar-videos .container{padding-left:40px;padding-right:40px}.similar-videos .similar-videos__view-all{margin-top:0px;position:absolute;top:-4px;right:40px;width:auto}}.video-detail{display:block}@media (min-width: 768px){.video-detail .container{padding-left:40px;padding-right:40px}}.video-detail__source{order:1;width:calc(100% + 16px);margin-left:-8px;margin-right:-8px}.video-detail__source video{width:100%}@media (min-width: 960px){.video-detail__source{width:100%;margin-left:0;margin-right:0}}.video-detail__head{flex:1;order:2;padding:16px;margin-left:-8px;margin-right:-8px}.video-detail__head h1{font-weight:500;font-size:22px;line-height:28px;margin-bottom:8px}.video-detail__head p{color:var(--color-gray-05);font-weight:600;font-size:13px;line-height:16px;text-transform:uppercase;margin-bottom:0}@media (min-width: 960px){.video-detail__head{width:auto;margin-left:0;margin-right:0}.video-detail__head h1{font-size:28px;line-height:32px}}.video-detail__specs{display:flex;order:4;justify-content:space-between;padding:16px;width:calc(100% + 16px);margin:0px -8px;border-top:1px solid var(--color-gray-04);border-bottom:1px solid var(--color-gray-04);list-style:none}.video-detail__specs li:nth-child(2){text-align:center}.video-detail__specs li:last-child{text-align:right}.video-detail__specs li .info__value{color:var(--color-primary-03);font-weight:400;margin-bottom:2px}.video-detail__specs li .info__label{font-style:normal;font-weight:600;font-size:13px;line-height:16px;text-transform:uppercase}@media (min-width: 960px){.video-detail__specs{order:5;margin:0px;width:100%;justify-content:flex-start}.video-detail__specs li{text-align:left !important;margin-right:48px}}.video-detail__plan{order:5;width:calc(100% + 16px);padding:16px;margin-left:-8px;margin-right:-8px}@media (min-width: 960px){.video-detail__plan{order:4;width:auto}}.video-detail__favorite{order:3;padding:16px}.video-detail__favorite #btn-favorite{width:53px;height:53px;border-radius:200px;background-image:url(https://www.exotha.com/assets/heart-1-71c5d49560bb17fc704e43319f4acc22b20d268d7e4dcda29020fbafc7c8181b.svg);background-position:center;background-repeat:no-repeat;transition:100ms all}.video-detail__favorite #btn-favorite.is-saved{width:53px;height:53px;border-radius:200px;background-image:url(https://www.exotha.com/assets/heart-2-0298ed1b886ea60ab3e3c9a30efaa082899464d50e80eb4fcc7bb033345ef86f.svg);background-position:center;background-repeat:no-repeat;transition:100ms all}@media (min-width: 960px){.video-detail__favorite{order:2;width:auto}}.video-detail__tabs{order:6;width:100%;margin-top:16px;background-color:var(--color-gray-03);border-radius:4px;margin-bottom:24px}.video-detail__tabs .tabs{display:flex;border-bottom:1px solid var(--color-gray-04)}.video-detail__tabs .tabs .tabs__item{position:relative;padding:15px 16px 17px;border:none;background-color:transparent;color:var(--color-gray-05);font-weight:600;font-size:13px;line-height:16px;text-transform:uppercase}.video-detail__tabs .tabs .tabs__item.is-active{color:#fff}.video-detail__tabs .tabs .tabs__item.is-active::after{content:" ";position:absolute;left:0;bottom:-1px;height:2px;width:100%;background-color:var(--color-primary-01)}.video-detail__tabs .tabs-body{display:none;padding:16px}.video-detail__tabs .tabs-body p{font-weight:400;font-size:14px;line-height:160%;color:var(--color-gray-06)}.video-detail__tabs .tabs-body.is-active{display:block}@media (min-width: 960px){.video-detail__tabs{margin-right:16px;flex:1;order:6}}.video-detail__stars{order:7;width:100%;margin-top:0;background-color:var(--color-gray-03);border-radius:4px;margin-bottom:24px}.video-detail__stars .stars__head{border-bottom:1px solid var(--color-gray-04);padding:15px 16px 17px}.video-detail__stars .stars__head h4{color:#fff;font-weight:600;font-size:13px;line-height:16px;text-transform:uppercase;margin-bottom:0}.video-detail__stars .stars__item{display:flex;align-items:center;padding:16px;border-bottom:1px solid var(--color-gray-04)}.video-detail__stars .stars__item:last-child{border-bottom:none}.video-detail__stars .stars__item .item__img{width:112px;border-radius:4px;height:112px;background-size:cover;background-position:center;background-repeat:no-repeat}.video-detail__stars .stars__item .item__info{padding-left:24px}.video-detail__stars .stars__item .item__info h4{font-weight:400;margin-bottom:12px;text-transform:none}.video-detail__stars .stars__item .item__info a{color:var(--color-primary-03);font-weight:600}@media (min-width: 960px){.video-detail__stars{order:7;width:40%;margin-top:16px}}.video-detail__shots{order:8;width:100%;margin-top:0;background-color:var(--color-gray-03);border-radius:4px}.video-detail__shots .shots__head{position:relative;border-bottom:1px solid var(--color-gray-04);padding:15px 16px 17px}.video-detail__shots .shots__head h4{color:#fff;font-weight:600;font-size:13px;line-height:16px;text-transform:uppercase;margin-bottom:0}.video-detail__shots .shots__head .shots__controls{display:flex;position:absolute;top:4px;right:4px}.video-detail__shots .shots__head .shots__controls .prev,.video-detail__shots .shots__head .shots__controls .next{width:40px;height:40px;display:block;border-radius:4px;background-image:url(https://www.exotha.com/assets/icon-arrow-right-3b7e1d9c4dc8eedf9579e2debe6367941553d228a00d00e6cba299f031aca8b4.svg);background-color:transparent;background-position:center;background-repeat:no-repeat;background-size:24px;border:none}.video-detail__shots .shots__head .shots__controls .prev:focus,.video-detail__shots .shots__head .shots__controls .next:focus{background-color:var(--color-gray-04)}.video-detail__shots .shots__head .shots__controls .prev{transform:rotate(180deg)}.video-detail__shots .shots__slider{margin-top:0;margin-bottom:0;padding:16px 16px 8px;list-style:none;overflow:hidden}.video-detail__shots .shots__slider .shots__item{width:40%;height:auto;margin-right:16px}.video-detail__shots .shots__slider .shots__item img{border-radius:4px;display:block;width:100%}@media (min-width: 960px){.video-detail__shots{order:7}}.text_init{padding-top:10px}.featured-categories{padding-bottom:56px}.featured-categories h3{font-family:var(--font-primary);font-weight:bold;font-size:19px;line-height:23px;text-transform:uppercase;margin-left:8px}.featured-categories .featured-categories__view-all{margin-top:24px;width:100%}@media (min-width: 768px){.featured-categories{padding:72px 0px 52px}.featured-categories h3{font-size:24px;line-height:26px}.featured-categories .container{padding-left:40px;padding-right:40px}.featured-categories .featured-categories__view-all{margin-top:0px;position:absolute;top:-4px;right:40px;width:auto}}.categories-item{display:block;background-color:var(--color-gray-03);border-radius:4px;color:#fff}.categories-item .categories-item__source{display:none}.categories-item .categories-item__content{position:relative;padding:8px 16px 12px}.categories-item .categories-item__content::before{content:" ";display:block;width:24px;height:24px;position:absolute;top:50%;right:8px;transform:translateY(-50%);background-image:url(https://www.exotha.com/assets/icon-arrow-right-3b7e1d9c4dc8eedf9579e2debe6367941553d228a00d00e6cba299f031aca8b4.svg);background-position:center;background-repeat:no-repeat}.categories-item .categories-item__content .categories-item__title{font-family:var(--font-secondary);font-weight:500;font-size:22px;line-height:26px;text-transform:none !important;margin-bottom:4px;margin-left:0 !important}.categories-item .categories-item__content .categories-item__count{opacity:0.72}@media (min-width: 768px){.categories-item .categories-item__source{padding:8px;display:block}.categories-item .categories-item__source img{border-radius:4px;width:100%}.categories-item .categories-item__content::before{display:none}}.header{padding-top:6px;padding-bottom:16px}@media (min-width: 768px){.header{padding:0}.header .container--flex{align-items:center;padding:8px 32px;order:1;flex:none}}.header__logo{display:inline-block;flex:1;margin-bottom:4px}.header__logo img{width:107px}@media (min-width: 768px){.header__logo{order:1;flex:none;margin-right:20px}}.header__search{width:100%}.header__search input{display:block;width:100%;padding:10px 8px 10px 44px;border:none;border:2px solid transparent;border-radius:4px;background-color:var(--color-gray-04);background-image:url(https://www.exotha.com/assets/icon-search-a649e7c05bd389472fa2077625213b7fb13ce7b9af342a29bcc0a054d93e9e75.svg);background-repeat:no-repeat;background-position:8px 8px;color:#fff}.header__search input::placeholder{color:#fff}.header__search input:focus{border:2px solid var(--color-primary-01)}@media (min-width: 768px){.header__search{order:2;max-width:322px;margin-right:20px}.header__search input{border-radius:40px}}@media (min-width: 768px){.header__nav{flex:1;display:flex;order:3}}.nav__quick,.nav__tabs{align-self:center;list-style:none;padding-left:0;margin-top:0;margin-bottom:0}.nav__quick{display:flex;padding-top:10px}.nav__quick li{margin-left:12px}@media (min-width: 768px){.nav__quick{padding-top:0;order:2}}.nav__tabs{z-index:10;position:fixed;bottom:0;left:0;display:flex;width:100%;background-color:var(--color-gray-03);box-shadow:0px 8px 31px rgba(0,0,0,0.4)}.nav__tabs>li{width:25%}.nav__tabs>li>a{display:block;padding:33px 0px 7px;font-size:13px;font-weight:600;text-align:center;color:#fff;background-repeat:no-repeat;background-position:center 6px;border-top:2px solid var(--color-gray-03)}.nav__tabs>li>a.icon-home{background-image:url(https://www.exotha.com/assets/icon-home-a18f65af8609266fedaf7acf783aa264b2e7f43ebac9e6cc57d82d767250c547.svg)}.nav__tabs>li>a.icon-star{background-image:url(https://www.exotha.com/assets/icon-star-b90241a37a4ab844241db72bec4eb64c602f76818db94dcbab7bb474298ce98b.svg)}.nav__tabs>li>a.icon-category{background-image:url(https://www.exotha.com/assets/icon-tags-8e5eeb387282f4a284e1726b3223f90f32485947520ab32af08781f7d56ee4fa.svg)}.nav__tabs>li>a.icon-video{background-image:url(https://www.exotha.com/assets/icon-video-51472c8c46a68b203ef72ad74668a6feddf26eae2de77e1c15ee0060dd310a00.svg)}.nav__tabs>li.is-active>a.icon-home,.nav__tabs>li.is-active>a.icon-star,.nav__tabs>li.is-active>a.icon-category,.nav__tabs>li.is-active>a.icon-video{border-top:2px solid var(--color-primary-01);color:var(--color-primary-01)}.nav__tabs>li.is-active>a.icon-home{background-image:url(https://www.exotha.com/assets/icon-home-actived-55e02abeda7f31b2bd3f6f4f39e953fc705dffb5dc344a09818b28e662836142.svg)}.nav__tabs>li.is-active>a.icon-star{background-image:url(https://www.exotha.com/assets/icon-star-actived-eb91dbe0845d89abfdfbca66f08f8b7c8b0f2aab96d0f08816c97777aee405aa.svg)}.nav__tabs>li.is-active>a.icon-category{background-image:url(https://www.exotha.com/assets/icon-tags-actived-644f541cf99cd3a34f674fe4f168fe63fe6fe1c632ddd69a54f4f629ba3a84d1.svg)}.nav__tabs>li.is-active>a.icon-video{background-image:url(https://www.exotha.com/assets/icon-video-actived-f50d2a788dd01fe012b623c9701e9e9356f04cdd64084f1952ad3a24fa41599d.svg)}@media (min-width: 768px){.nav__tabs{position:static;background-color:transparent;box-shadow:none;width:auto;flex:1;order:1}.nav__tabs>li{width:auto;margin-right:12px}.nav__tabs>li>a{border-radius:200px;border-top:none;font-size:17px;padding:8px 16px;background-image:none !important}.nav__tabs>li>a:hover{background-color:var(--color-gray-03)}.nav__tabs>li.is-active>a{border-top:none !important}}.nav__tabs>li.is-opened .dropdown{display:block}.dropdown{z-index:3;display:none;position:fixed;top:0;left:0;width:100%;height:calc(100% - 56px);border-bottom:1px solid var(--color-gray-04);background-color:var(--color-gray-03)}.dropdown__header{position:relative;padding:16px;color:var(--color-primary-03)}.dropdown__close{display:block;width:24px;height:24px;position:absolute;top:50%;right:12px;transform:translateY(-50%);background-image:url(https://www.exotha.com/../img/icon-close-red.svg);background-position:center;background-repeat:no-repeat}.dropdown__header h4{margin-bottom:0}.dropdown__menu{padding-left:0;margin-top:0;margin-bottom:0}.dropdown__menu>li{margin-bottom:1px}.dropdown__menu>li>a{position:relative;display:block;color:#fff;padding:16px;background-color:var(--color-gray-04)}.dropdown__menu>li>a::before{content:" ";display:block;width:24px;height:24px;position:absolute;top:50%;right:12px;transform:translateY(-50%);background-image:url(https://www.exotha.com/assets/icon-arrow-right-3b7e1d9c4dc8eedf9579e2debe6367941553d228a00d00e6cba299f031aca8b4.svg);background-position:center;background-repeat:no-repeat}.enter{display:none;z-index:999;position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--color-gray-03);padding:20% 48px 48px;overflow-y:scroll}.enter .enter__logo{display:block;width:156px;margin-left:auto;margin-right:auto;margin-bottom:32px}.enter .enter__close{position:fixed;top:16px;right:16px;display:block;width:48px;height:48px;border-radius:40px;background-color:var(--color-gray-04);background-image:url(https://www.exotha.com/assets/icon-close-white-17db28d77cc19c5569727eac7f88b46c9ae23a15e5577c59f35008ec4016d370.svg);background-position:center;background-repeat:no-repeat;background-size:24px}.enter .enter__divider{position:relative;margin-top:40px;margin-bottom:38px;text-align:center}.enter .enter__divider h4{position:relative;display:inline-block;padding:0 8px;margin-bottom:0;font-weight:600;font-size:13px;line-height:16px;text-align:center;text-transform:uppercase;color:var(--color-gray-06);background-color:var(--color-gray-03)}.enter .enter__divider::before{content:" ";display:block;position:absolute;top:10px;left:0;width:100%;height:1px;background-color:var(--color-gray-05)}.enter .enter__form .change-password{display:block;margin-top:6px;color:var(--color-primary-03);font-size:13px}@media (min-width: 768px){.enter{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.3)}.enter .enter__wrapper{position:fixed;padding:48px 48px;top:50%;left:50%;width:auto;height:auto;transform:translate(-50%, -50%);border-radius:6px;background-color:var(--color-gray-03);box-shadow:var(--shadow-bigger)}}.enter_login{z-index:999;position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--color-gray-03);padding:20% 48px 48px;overflow-y:scroll}.enter_login .enter__logo{display:block;width:156px;margin-left:auto;margin-right:auto;margin-bottom:32px}.enter_login .enter__close{position:fixed;top:16px;right:16px;display:block;width:48px;height:48px;border-radius:40px;background-color:var(--color-gray-04);background-image:url(https://www.exotha.com/assets/icon-close-red-52d4c7f775d413aff1b7b19225622cab84738c83fa0fdfd6b6f08417199d6cce.svg);background-position:center;background-repeat:no-repeat;background-size:24px}.enter_login .enter__divider{position:relative;margin-top:40px;margin-bottom:38px;text-align:center}.enter_login .enter__divider h4{position:relative;display:inline-block;padding:0 8px;margin-bottom:0;font-weight:600;font-size:13px;line-height:16px;text-align:center;text-transform:uppercase;color:var(--color-gray-06);background-color:var(--color-gray-03)}.enter_login .enter__divider::before{content:" ";display:block;position:absolute;top:10px;left:0;width:100%;height:1px;background-color:var(--color-gray-05)}.enter_login .enter__form .change-password{display:block;margin-top:6px;color:var(--color-primary-03);font-size:13px}.text-align--center{text-align:center}.notification-container{position:relative;display:inline-block}.notification-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.5);z-index:99998;opacity:0;visibility:hidden;transition:all 0.3s ease;backdrop-filter:blur(4px)}.notification-overlay.show{opacity:1;visibility:visible}.notification-dropdown-container{position:fixed !important;width:360px !important;background:#0a0a0a !important;border:1px solid rgba(255,255,255,0.06) !important;border-radius:16px !important;box-shadow:0 0 0 1px rgba(255,255,255,0.03),0 20px 50px -10px rgba(0,0,0,0.7),0 0 80px -20px rgba(255,0,116,0.1) !important;z-index:99999 !important;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all 0.25s cubic-bezier(0.16, 1, 0.3, 1);max-height:480px !important;overflow:hidden !important}.notification-dropdown-container.show{opacity:1 !important;visibility:visible !important;transform:translateY(0) !important}.notification-dropdown-container::before{content:'';position:absolute;top:-6px;left:var(--arrow-position, 30px);width:12px;height:12px;background:#0a0a0a;border-left:1px solid rgba(255,255,255,0.06);border-top:1px solid rgba(255,255,255,0.06);transform:translateX(-50%) rotate(45deg);z-index:1}.notifications-dropdown{max-height:480px;display:flex;flex-direction:column}.notifications-header{padding:18px 20px;border-bottom:1px solid rgba(255,255,255,0.06);display:flex;justify-content:space-between;align-items:center;flex-shrink:0;background:linear-gradient(180deg, rgba(255,0,116,0.05) 0%, transparent 100%)}.notifications-header h3{margin:0;font-family:'Montserrat', sans-serif;font-size:15px;font-weight:700;color:#f5f5f5;display:flex;align-items:center;gap:10px}.notifications-header h3::before{content:'';width:6px;height:6px;background:#ff0074;border-radius:50%;box-shadow:0 0 8px #ff0074}.notifications-header .mark-all-read{font-family:'Montserrat', sans-serif;font-size:12px;color:#ff3d9a;text-decoration:none;font-weight:600;white-space:nowrap;padding:6px 12px;border-radius:6px;transition:all 0.2s ease}.notifications-header .mark-all-read:hover{background:rgba(255,0,116,0.1)}.notifications-list{flex:1;overflow-y:auto;max-height:360px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.1) transparent}.notifications-list::-webkit-scrollbar{width:5px}.notifications-list::-webkit-scrollbar-track{background:transparent}.notifications-list::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.1);border-radius:10px}.notifications-list::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,0.18)}.notification-item{display:flex;align-items:flex-start;padding:14px 20px;border-bottom:1px solid rgba(255,255,255,0.06);cursor:pointer;transition:all 0.2s ease;position:relative;text-decoration:none;color:inherit}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:rgba(255,255,255,0.03)}.notification-item.unread{background:linear-gradient(90deg, rgba(255,0,116,0.08) 0%, transparent 100%)}.notification-item.unread::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg, #ff3d9a, #ff0074)}.notification-item.unread:hover{background:linear-gradient(90deg, rgba(255,0,116,0.12) 0%, rgba(255,255,255,0.02) 100%)}.notification-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;margin-right:14px;flex-shrink:0}.notification-icon.notification-success{background:linear-gradient(145deg, rgba(40,167,69,0.18) 0%, rgba(40,167,69,0.06) 100%);border:1px solid rgba(40,167,69,0.2)}.notification-icon.notification-danger{background:linear-gradient(145deg, rgba(220,53,69,0.18) 0%, rgba(220,53,69,0.06) 100%);border:1px solid rgba(220,53,69,0.2)}.notification-icon.notification-primary{background:linear-gradient(145deg, rgba(255,0,116,0.18) 0%, rgba(255,0,116,0.06) 100%);border:1px solid rgba(255,0,116,0.2)}.notification-icon.notification-warning{background:linear-gradient(145deg, rgba(255,193,7,0.18) 0%, rgba(255,193,7,0.06) 100%);border:1px solid rgba(255,193,7,0.2)}.notification-icon.notification-info{background:linear-gradient(145deg, rgba(23,162,184,0.18) 0%, rgba(23,162,184,0.06) 100%);border:1px solid rgba(23,162,184,0.2)}.notification-content{flex:1;min-width:0}.notification-title{font-family:'Montserrat', sans-serif;font-weight:600;color:#f5f5f5;margin-bottom:4px;font-size:13px;line-height:1.3}.notification-message{font-family:'Rubik', sans-serif;color:#8a8a8a;font-size:12px;line-height:1.45;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-time{font-family:'Rubik', sans-serif;color:#5a5a5a;font-size:11px}.notification-actions{margin-left:12px;flex-shrink:0}.notification-actions .mark-read-btn{background:transparent;border:1px solid rgba(255,255,255,0.06);color:#5a5a5a;padding:6px 10px;border-radius:6px;font-size:12px;cursor:pointer;transition:all 0.2s ease}.notification-actions .mark-read-btn:hover{background:rgba(255,0,116,0.1);border-color:rgba(255,0,116,0.3);color:#ff3d9a}.notifications-footer{padding:16px 20px;border-top:1px solid rgba(255,255,255,0.06);text-align:center;flex-shrink:0;background:linear-gradient(0deg, rgba(255,0,116,0.03) 0%, transparent 100%)}.notifications-footer .view-all-link{font-family:'Montserrat', sans-serif;color:#ff3d9a;text-decoration:none;font-size:13px;font-weight:600;padding:10px 20px;border-radius:8px;display:inline-block;transition:all 0.2s ease}.notifications-footer .view-all-link:hover{background:rgba(255,0,116,0.1)}.empty-notifications{padding:50px 20px;text-align:center}.empty-notifications .empty-icon{font-size:36px;margin-bottom:14px;opacity:0.25;filter:grayscale(0.8)}.empty-notifications p{margin:0;font-family:'Rubik', sans-serif;font-size:13px;color:#5a5a5a}meta[name="current-user-id"]{display:none}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,0.92);backdrop-filter:blur(12px) saturate(120%);-webkit-backdrop-filter:blur(12px) saturate(120%);z-index:99998;opacity:0;visibility:hidden;transition:opacity 0.4s cubic-bezier(0.16, 1, 0.3, 1),visibility 0.4s cubic-bezier(0.16, 1, 0.3, 1)}.modal-backdrop.show{opacity:1;visibility:visible}.notification-modal-container{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%) scale(0.92);width:480px;max-width:calc(100vw - 32px);max-height:80vh;background:#0a0a0a;border:1px solid rgba(255,255,255,0.06);border-radius:20px;box-shadow:0 0 0 1px rgba(255,255,255,0.03),0 32px 64px -12px rgba(0,0,0,0.8),0 0 120px -20px rgba(255,0,116,0.15);z-index:99999;opacity:0;visibility:hidden;transition:all 0.5s cubic-bezier(0.16, 1, 0.3, 1);overflow:hidden;display:flex;flex-direction:column}.notification-modal-container.show{opacity:1;visibility:visible;transform:translate(-50%, -50%) scale(1)}.notifications-modal{display:flex;flex-direction:column;height:100%;max-height:80vh}.modal-header{padding:24px 28px 20px;display:flex;justify-content:space-between;align-items:center;position:relative;background:linear-gradient(180deg, rgba(255,0,116,0.08) 0%, transparent 100%);border-bottom:1px solid rgba(255,255,255,0.06)}.modal-header::before{content:'';position:absolute;top:0;left:28px;right:28px;height:1px;background:linear-gradient(90deg, transparent 0%, #ff0074 50%, transparent 100%);opacity:0.6}.modal-header h2{margin:0;font-family:'Montserrat', sans-serif;font-size:18px;font-weight:700;color:#f5f5f5;letter-spacing:-0.02em;display:flex;align-items:center;gap:12px}.modal-header h2::before{content:'';width:8px;height:8px;background:#ff0074;border-radius:50%;box-shadow:0 0 12px #ff0074;animation:pulse-dot 2s ease-in-out infinite}.modal-header .close-modal{width:36px;height:36px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.06);color:#8a8a8a;cursor:pointer;border-radius:10px;transition:all 0.25s cubic-bezier(0.16, 1, 0.3, 1);display:flex;align-items:center;justify-content:center}.modal-header .close-modal svg{width:18px;height:18px;transition:transform 0.3s cubic-bezier(0.16, 1, 0.3, 1)}.modal-header .close-modal:hover{background:rgba(255,0,116,0.12);border-color:rgba(255,0,116,0.3);color:#ff3d9a}.modal-header .close-modal:hover svg{transform:rotate(90deg)}.modal-header .close-modal:active{transform:scale(0.95)}@keyframes pulse-dot{0%,100%{opacity:1;box-shadow:0 0 12px #ff0074}50%{opacity:0.6;box-shadow:0 0 20px #ff0074}}.modal-actions{padding:14px 28px;background:rgba(255,255,255,0.01);border-bottom:1px solid rgba(255,255,255,0.06)}.modal-actions .mark-all-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:transparent;border:1px solid rgba(255,0,116,0.25);color:#ff3d9a;text-decoration:none;border-radius:8px;font-family:'Montserrat', sans-serif;font-size:13px;font-weight:600;letter-spacing:0.01em;transition:all 0.25s cubic-bezier(0.16, 1, 0.3, 1)}.modal-actions .mark-all-btn svg{width:14px;height:14px;opacity:0.8}.modal-actions .mark-all-btn:hover{background:rgba(255,0,116,0.1);border-color:rgba(255,0,116,0.4);transform:translateY(-1px)}.modal-actions .mark-all-btn:active{transform:translateY(0)}.notifications-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px 20px;background:#000;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.1) transparent}.notifications-content::-webkit-scrollbar{width:5px}.notifications-content::-webkit-scrollbar-track{background:transparent;margin:8px 0}.notifications-content::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.1);border-radius:10px}.notifications-content::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,0.18)}.notification-card{display:flex;gap:14px;padding:16px;margin-bottom:8px;background:#111111;border:1px solid rgba(255,255,255,0.06);border-radius:14px;text-decoration:none;color:inherit;transition:all 0.3s cubic-bezier(0.16, 1, 0.3, 1);position:relative;overflow:hidden}.notification-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg, rgba(255,0,116,0.06) 0%, transparent 60%);opacity:0;transition:opacity 0.3s ease;pointer-events:none}.notification-card::after{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:linear-gradient(180deg, #ff3d9a, #ff0074);border-radius:0 2px 2px 0;transition:height 0.3s cubic-bezier(0.16, 1, 0.3, 1)}.notification-card:hover{background:#161616;border-color:rgba(255,255,255,0.1);transform:translateX(4px)}.notification-card:hover::before{opacity:1}.notification-card:hover::after{height:60%}.notification-card:hover .notification-icon-wrapper{transform:scale(1.05)}.notification-card.unread{background:linear-gradient(135deg, rgba(255,0,116,0.08) 0%, #111 100%);border-color:rgba(255,0,116,0.2)}.notification-card.unread::after{height:40%;opacity:1}.notification-card.unread .notification-body h4{color:#fff}.notification-card.unread:hover{background:linear-gradient(135deg, rgba(255,0,116,0.12) 0%, #161616 100%);border-color:rgba(255,0,116,0.35)}.notification-card.unread:hover::after{height:70%}.notification-card:last-child{margin-bottom:0}.notification-left{flex-shrink:0}.notification-icon-wrapper{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;transition:transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);position:relative}.notification-icon-wrapper::before{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at center, rgba(255,255,255,0.1) 0%, transparent 70%);opacity:0.5}.notification-icon-wrapper.notification-success{background:linear-gradient(145deg, rgba(40,167,69,0.2) 0%, rgba(40,167,69,0.08) 100%);border:1px solid rgba(40,167,69,0.25)}.notification-icon-wrapper.notification-danger{background:linear-gradient(145deg, rgba(220,53,69,0.2) 0%, rgba(220,53,69,0.08) 100%);border:1px solid rgba(220,53,69,0.25)}.notification-icon-wrapper.notification-primary{background:linear-gradient(145deg, rgba(255,0,116,0.2) 0%, rgba(255,0,116,0.08) 100%);border:1px solid rgba(255,0,116,0.25)}.notification-icon-wrapper.notification-warning{background:linear-gradient(145deg, rgba(255,193,7,0.2) 0%, rgba(255,193,7,0.08) 100%);border:1px solid rgba(255,193,7,0.25)}.notification-icon-wrapper.notification-info{background:linear-gradient(145deg, rgba(23,162,184,0.2) 0%, rgba(23,162,184,0.08) 100%);border:1px solid rgba(23,162,184,0.25)}.notification-body{flex:1;min-width:0}.notification-body h4{margin:0 0 4px 0;font-family:'Montserrat', sans-serif;font-size:14px;font-weight:600;color:#f5f5f5;line-height:1.3;letter-spacing:-0.01em}.notification-body p{margin:0 0 8px 0;font-family:'Rubik', sans-serif;font-size:13px;color:#8a8a8a;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-body .notification-time{display:inline-flex;align-items:center;gap:5px;font-family:'Rubik', sans-serif;font-size:11px;color:#5a5a5a;font-weight:400;letter-spacing:0.02em}.notification-body .notification-time svg{width:12px;height:12px;opacity:0.6}.empty-state{text-align:center;padding:60px 32px}.empty-state .empty-icon{font-size:48px;margin-bottom:20px;opacity:0.25;filter:grayscale(0.8)}.empty-state h3{margin:0 0 10px 0;font-family:'Montserrat', sans-serif;font-size:17px;font-weight:600;color:#f5f5f5;letter-spacing:-0.01em}.empty-state p{margin:0;font-family:'Rubik', sans-serif;font-size:14px;color:#5a5a5a;line-height:1.5;max-width:260px;margin:0 auto}.modal-footer{padding:20px 28px;border-top:1px solid rgba(255,255,255,0.06);background:linear-gradient(0deg, rgba(255,0,116,0.04) 0%, transparent 100%)}.modal-footer .view-all-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 24px;background:linear-gradient(135deg, #ff0074 0%, #d60061 100%);border:none;color:#fff;text-decoration:none;border-radius:12px;font-family:'Montserrat', sans-serif;font-size:14px;font-weight:600;letter-spacing:0.01em;transition:all 0.3s cubic-bezier(0.16, 1, 0.3, 1);box-shadow:0 4px 16px rgba(255,0,116,0.25),inset 0 1px 0 rgba(255,255,255,0.1);position:relative;overflow:hidden}.modal-footer .view-all-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.15) 50%, transparent 100%);transition:left 0.5s ease}.modal-footer .view-all-btn svg{width:16px;height:16px;transition:transform 0.3s cubic-bezier(0.16, 1, 0.3, 1)}.modal-footer .view-all-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(255,0,116,0.35),inset 0 1px 0 rgba(255,255,255,0.15)}.modal-footer .view-all-btn:hover::before{left:100%}.modal-footer .view-all-btn:hover svg{transform:translateX(4px)}.modal-footer .view-all-btn:active{transform:translateY(0)}@media (max-width: 768px){.notification-modal-container{width:100%;max-width:100%;height:100%;max-height:100%;border-radius:0;border:none}.notification-modal-container.show{transform:translate(-50%, -50%) scale(1)}.notifications-modal{max-height:100vh}.modal-header{padding:20px 20px 16px}.modal-header::before{left:20px;right:20px}.modal-header h2{font-size:17px}.modal-actions{padding:12px 20px}.notifications-content{padding:12px 16px}.notification-card{padding:14px;gap:12px;border-radius:12px}.notification-icon-wrapper{width:40px;height:40px;font-size:18px;border-radius:10px}.notification-body h4{font-size:13px}.notification-body p{font-size:12px}.modal-footer{padding:16px 20px}@supports (padding-bottom: env(safe-area-inset-bottom)){.modal-footer{padding-bottom:calc(16px + env(safe-area-inset-bottom))}}.modal-footer .view-all-btn{padding:14px 20px;border-radius:10px}.empty-state{padding:48px 24px}.empty-state .empty-icon{font-size:40px}.empty-state h3{font-size:16px}.empty-state p{font-size:13px}}@media (prefers-reduced-motion: reduce){.modal-backdrop,.notification-modal-container,.notification-card,.close-modal,.close-modal svg,.mark-all-btn,.view-all-btn,.notification-icon-wrapper{transition:none}.modal-header h2::before{animation:none}.view-all-btn::before{display:none}}.like-button-container{display:inline-block}.like-button{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:transparent;border:1px solid rgba(255,255,255,0.2);border-radius:25px;color:rgba(255,255,255,0.8);font-size:14px;font-weight:500;cursor:pointer;transition:all 0.3s ease;text-decoration:none}.like-button:hover:not(.disabled){background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.3);color:#fff;transform:scale(1.05)}.like-button:active:not(.disabled){transform:scale(0.95)}.like-button svg{width:20px;height:20px;transition:all 0.3s ease}.like-button .like-count{font-weight:600}.like-button.liked{background:rgba(239,68,68,0.1);border-color:#ef4444;color:#ef4444}.like-button.liked svg{color:#ef4444;animation:heartbeat 0.5s ease}.like-button.liked:hover{background:rgba(239,68,68,0.2);border-color:#ef4444}.like-button.disabled{opacity:0.5;cursor:not-allowed}.like-button.disabled:hover{transform:none;background:transparent}.like-button.login-required:hover{background:rgba(223,76,66,0.1);border-color:var(--color-primary-01);color:var(--color-primary-01)}@keyframes heartbeat{0%{transform:scale(1)}25%{transform:scale(1.2)}50%{transform:scale(1)}75%{transform:scale(1.1)}100%{transform:scale(1)}}.content-actions{display:flex;align-items:center;gap:20px;margin:20px 0;padding:20px 0;border-top:1px solid rgba(255,255,255,0.1);border-bottom:1px solid rgba(255,255,255,0.1)}.content-stats{display:flex;align-items:center;gap:30px;color:rgba(255,255,255,0.6);font-size:14px}.content-stats .stat-item{display:flex;align-items:center;gap:5px}.content-stats .stat-item svg{width:18px;height:18px}.content-stats .stat-item span{font-weight:500}.content-card{background:var(--color-gray-02, #282828);border-radius:12px;overflow:hidden;margin-bottom:20px;box-shadow:0 2px 8px rgba(0,0,0,0.3);transition:transform 0.2s ease, box-shadow 0.2s ease}.content-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,0.4)}.content-card.locked{position:relative}.content-media{position:relative;width:100%;background:var(--color-gray-01, #1F1F1F);overflow:visible}.content-media img,.content-media video{width:100%;height:100%;object-fit:cover}.content-card.locked .content-media{aspect-ratio:auto !important;height:auto;min-height:500px;display:flex;align-items:center;justify-content:center;position:relative}.content-card.locked .content-media{position:relative}.locked-preview{position:absolute;top:0;left:0;width:100%;height:100%;min-height:500px;z-index:1}.locked-preview .blur-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0c0c0c;background-image:radial-gradient(ellipse 180% 120% at 0% 100%, rgba(255,0,116,0.18) 0%, transparent 45%),radial-gradient(ellipse 150% 100% at 100% 0%, rgba(255,61,154,0.12) 0%, transparent 40%),radial-gradient(circle at 50% 40%, rgba(255,0,116,0.08) 0%, transparent 50%),linear-gradient(165deg, #0c0c0c 0%, #150a11 30%, #1a0c14 50%, #150a11 70%, #0c0c0c 100%);background-size:cover;background-position:center}.locked-preview .default-blur{background:radial-gradient(ellipse 180% 120% at 0% 100%, rgba(255,0,116,0.18) 0%, transparent 45%),radial-gradient(ellipse 150% 100% at 100% 0%, rgba(255,61,154,0.12) 0%, transparent 40%),radial-gradient(circle at 50% 40%, rgba(255,0,116,0.08) 0%, transparent 50%),linear-gradient(165deg, #0c0c0c 0%, #150a11 30%, #1a0c14 50%, #150a11 70%, #0c0c0c 100%);filter:none !important;transform:none;animation:lockedPulse 6s ease-in-out infinite}.locked-preview .default-blur::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%, rgba(255,0,116,0.06) 0%, transparent 30%),radial-gradient(circle at 80% 20%, rgba(255,61,154,0.04) 0%, transparent 25%);animation:lockedFloat 12s ease-in-out infinite;pointer-events:none}@keyframes lockedPulse{0%,100%{opacity:1}50%{opacity:0.88}}@keyframes lockedFloat{0%,100%{transform:translate(0, 0) scale(1)}33%{transform:translate(2%, -1%) scale(1.02)}66%{transform:translate(-1%, 2%) scale(0.98)}}.locked-preview::after{content:'';position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(to top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.2) 60%, transparent 100%);z-index:1;pointer-events:none}.locked-preview:has(.default-blur)::after{display:none}.unlock-overlay{position:absolute;top:39%;left:0;width:100%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;padding:40px 20px;box-sizing:border-box}.lock-icon-container{margin-bottom:16px;width:64px;height:64px;background:rgba(31,31,31,0.8);backdrop-filter:blur(10px);border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,0.1);flex-shrink:0}.lock-icon{font-size:32px;filter:drop-shadow(0 2px 4px rgba(0,0,0,0.8))}.unlock-message{color:#f5f5f5;font-size:16px;font-weight:600;margin-bottom:20px;text-shadow:0 2px 8px rgba(0,0,0,0.9);text-align:center;padding:0 20px;letter-spacing:0.3px;flex-shrink:0}.btn-unlock,.btn-subscribe{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 32px;border-radius:8px;font-weight:600;font-size:15px;text-decoration:none;transition:all 0.2s ease;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.1);min-width:180px;flex-shrink:0;white-space:nowrap}.btn-unlock svg,.btn-subscribe svg{width:18px;height:18px;flex-shrink:0}.btn-unlock{background:linear-gradient(135deg, #ff4081 0%, #f50057 100%);color:white;box-shadow:0 4px 12px rgba(223,76,66,0.3)}.btn-unlock:hover{background:linear-gradient(135deg, #ff4081 0%, #fd2f77 100%);transform:translateY(-1px);box-shadow:0 6px 16px rgba(223,76,66,0.4)}.btn-unlock:active{transform:translateY(0);box-shadow:0 2px 8px rgba(223,76,66,0.3)}.btn-subscribe{background:var(--color-gray-03, #363636);color:#f5f5f5;box-shadow:0 4px 12px rgba(0,0,0,0.4)}.btn-subscribe:hover{background:var(--color-gray-04, #535353);transform:translateY(-1px);box-shadow:0 6px 16px rgba(0,0,0,0.5)}.btn-subscribe:active{transform:translateY(0);box-shadow:0 2px 8px rgba(0,0,0,0.4)}.content-footer{padding:12px 16px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,0.1);background:var(--color-gray-02, #282828)}.creator-info{display:flex;align-items:center;gap:8px}.creator-link{display:flex;align-items:center;gap:8px;text-decoration:none;color:#f5f5f5;transition:opacity 0.2s}.creator-link:hover{opacity:0.8}.creator-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid var(--color-primary-01, #DF4C42)}.creator-avatar-placeholder{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg, var(--color-primary-01, #DF4C42) 0%, var(--color-primary-02, #FF746A) 100%);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:white;border:2px solid var(--color-primary-01, #DF4C42)}.creator-username{font-weight:600;font-size:14px}.content-actions{display:flex;align-items:center;gap:12px}.action-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:none;font-size:14px;cursor:pointer;transition:all 0.2s;padding:0;white-space:nowrap}.action-btn:hover{transform:scale(1.1)}.action-btn:active{transform:scale(0.95)}.action-btn.liked{animation:likeAnimation 0.3s ease}@keyframes likeAnimation{0%,100%{transform:scale(1)}50%{transform:scale(1.3)}}.likes-count{font-size:14px;font-weight:600;color:var(--color-gray-05, #949494)}.content-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg, var(--color-primary-01, #DF4C42) 0%, var(--color-primary-02, #FF746A) 100%)}.content-placeholder .placeholder-icon{font-size:64px;opacity:0.6;color:white}@media (max-width: 768px){.content-card{margin-bottom:12px;border-radius:8px}.unlock-overlay{top:25%}.unlock-message{font-size:14px}.btn-unlock,.btn-subscribe{padding:12px 24px;font-size:14px;min-width:160px}.btn-unlock svg,.btn-subscribe svg{width:16px;height:16px}.lock-icon-container{width:56px;height:56px}.lock-icon-container svg{width:24px;height:24px}}.content-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:20px;padding:20px}@media (max-width: 768px){.content-grid{grid-template-columns:1fr;padding:12px;gap:12px}}.content-feed{max-width:600px;margin:0 auto;padding:20px}@media (max-width: 768px){.content-feed{padding:0}}.switch-pro-container{background:#000 !important;padding-top:0 !important;min-height:100vh}.social-layout{display:grid;grid-template-columns:240px 1fr 320px;gap:30px;max-width:1400px;margin:0 auto;padding:20px;min-height:calc(100vh - 70px)}.left-sidebar{position:sticky;top:90px;height:fit-content}.sidebar-nav{display:flex;flex-direction:column;gap:4px}.sidebar-nav-item{display:flex;align-items:center;gap:16px;padding:12px 16px;border-radius:12px;color:#f5f5f5;text-decoration:none;font-weight:500;font-size:16px;transition:all 0.2s ease}.sidebar-nav-item:hover{background:rgba(255,255,255,0.1)}.sidebar-nav-item.active{background:linear-gradient(135deg, #ff4081 0%, #f50057 100%);font-weight:600}.sidebar-nav-item svg{width:24px;height:24px;flex-shrink:0}.sidebar-nav-item .badge{margin-left:auto;background:#ff4081;color:white;font-size:11px;padding:2px 8px;border-radius:12px;font-weight:700}.sidebar-user-profile{margin-bottom:12px}.sidebar-profile-link{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;text-decoration:none;transition:all 0.2s ease}.sidebar-profile-link:hover{background:rgba(255,255,255,0.05)}.sidebar-profile-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid #ff4081;flex-shrink:0}.sidebar-profile-avatar-placeholder{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg, #ff4081 0%, #f50057 100%);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;color:white;border:2px solid #ff4081;flex-shrink:0}.sidebar-profile-info{flex:1;min-width:0}.sidebar-profile-name{color:#f5f5f5;font-weight:600;font-size:15px;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-profile-username{color:#8e8e8e;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-divider{height:1px;background:rgba(255,255,255,0.1);margin:12px 0}.sidebar-nav-item.sidebar-cta{background:linear-gradient(135deg, #ff4081 0%, #f50057 100%);font-weight:600;margin:8px 0}.sidebar-nav-item.sidebar-cta:hover{background:linear-gradient(135deg, #f50057 0%, #ff4081 100%);transform:translateY(-1px);box-shadow:0 4px 12px rgba(255,64,129,0.3)}.sidebar-nav-item.sidebar-login{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);font-weight:600}.sidebar-nav-item.sidebar-login:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.2)}.main-feed{max-width:630px;margin:0 auto}.right-sidebar{position:sticky;top:90px;height:fit-content}.profile-widget{display:flex;align-items:center;gap:12px;margin-bottom:24px}.profile-widget-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid #ff4081}.profile-widget-info{flex:1}.profile-widget-name{color:#f5f5f5;font-weight:600;font-size:14px}.profile-widget-username{color:#8e8e8e;font-size:12px}.suggestions-section{margin-bottom:24px}.suggestions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.suggestions-title{color:#8e8e8e;font-weight:600;font-size:14px}.see-all-btn{color:#f5f5f5;font-size:12px;font-weight:600;text-decoration:none}.suggestion-item{display:flex;align-items:center;gap:12px;margin-bottom:16px}.suggestion-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover}.suggestion-info{flex:1;min-width:0}.suggestion-name{color:#f5f5f5;font-weight:600;font-size:14px;text-decoration:none;display:block}.suggestion-meta{color:#8e8e8e;font-size:12px}.suggestion-follow-btn{background:none;border:none;color:#4c9aff;font-weight:600;font-size:12px;cursor:pointer}.sidebar-footer{color:#8e8e8e;font-size:11px;line-height:1.6}.sidebar-footer-links{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.sidebar-footer-link{color:#8e8e8e;text-decoration:none}.sidebar-footer-link:hover{text-decoration:underline}@media (max-width: 1024px){.switch-pro-container{overflow-x:hidden;max-width:100vw}.social-layout{grid-template-columns:1fr;padding:0}.left-sidebar{display:none}.right-sidebar{position:static;width:100%;max-width:630px;margin:0 auto;padding:20px;padding-bottom:100px;order:2}.main-feed{width:100%;max-width:630px;padding-bottom:20px;order:1}.user-conversations-page .main-feed,.creator-conversations-page .main-feed{padding-bottom:0}.user-conversations-page .right-sidebar,.creator-conversations-page .right-sidebar{padding-bottom:80px}}@media (max-width: 768px){.main-feed{max-width:100%}.right-sidebar{max-width:100%;padding:16px;padding-bottom:100px}}.language-selector-btn{display:flex;align-items:center;gap:12px;width:100%;padding:10px 16px;background:transparent;border:1px solid rgba(255,255,255,0.08);border-radius:10px;color:#b3b3b3;font-size:14px;font-weight:500;cursor:pointer;transition:all 0.2s ease;margin-bottom:8px}.language-selector-btn:hover{background:rgba(255,255,255,0.05);border-color:rgba(255,0,116,0.3);color:#f5f5f5}.language-selector-btn svg{width:20px;height:20px;flex-shrink:0}.live-streams-page{background-color:#000;min-height:100vh}.page-header{margin-bottom:32px;padding:24px;background:linear-gradient(135deg, rgba(255,0,116,0.08) 0%, rgba(255,61,154,0.04) 100%);border:1px solid rgba(255,0,116,0.15);border-radius:16px;position:relative;overflow:hidden}.page-header::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg, #ff0074 0%, #ff3d9a 100%);border-radius:4px 0 0 4px}.page-title{color:#fff;font-size:28px;font-weight:700;margin-bottom:8px;display:flex;align-items:center;gap:12px}.page-title i{font-size:24px;color:#ff4081}.page-title svg{width:24px;height:24px;color:#ff4081}.page-subtitle{color:rgba(255,255,255,0.6);font-size:14px;font-weight:400;line-height:1.5}.creator-broadcast-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;margin-bottom:28px;background:linear-gradient(135deg, rgba(0,200,150,0.12) 0%, rgba(0,150,200,0.08) 100%);border:1px solid rgba(0,200,150,0.25);border-radius:14px;position:relative;overflow:hidden}.creator-broadcast-cta::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg, #00c896 0%, #0096c8 100%);border-radius:4px 0 0 4px}.creator-broadcast-cta .cta-content{display:flex;align-items:center;gap:16px;flex:1}.creator-broadcast-cta .cta-icon{width:52px;height:52px;background:linear-gradient(135deg, #00c896 0%, #0096c8 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.creator-broadcast-cta .cta-icon svg{color:white}.creator-broadcast-cta .cta-text h3{font-size:16px;font-weight:600;color:#fff;margin:0 0 4px 0}.creator-broadcast-cta .cta-text p{font-size:13px;color:rgba(255,255,255,0.6);margin:0}.creator-broadcast-cta .cta-button{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg, #00c896 0%, #0096c8 100%);color:white;font-size:14px;font-weight:600;border-radius:10px;text-decoration:none;transition:all 0.2s ease;flex-shrink:0}.creator-broadcast-cta .cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,200,150,0.35);color:white}.creator-broadcast-cta .cta-button svg{flex-shrink:0}@media (max-width: 768px){.creator-broadcast-cta{flex-direction:column;align-items:stretch;text-align:center}.creator-broadcast-cta .cta-content{flex-direction:column}.creator-broadcast-cta .cta-button{justify-content:center}}.section-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.section-title{font-size:20px;font-weight:700;color:#f5f5f5;margin:0}.live-icon{width:10px;height:10px;background:#dc3545;border-radius:50%;display:inline-block;animation:pulse-live-icon 2s infinite}@keyframes pulse-live-icon{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:0.7}}.live-stream-card{background:#1a1a1a;border:1px solid rgba(255,255,255,0.1);border-radius:12px;overflow:hidden;transition:all 0.3s ease;height:100%}.live-stream-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,0.5);border-color:rgba(255,64,129,0.5)}.stream-thumbnail-wrapper{position:relative;height:220px;overflow:hidden;background:linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%)}.stream-thumbnail{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.live-stream-card:hover .stream-thumbnail{transform:scale(1.05)}.live-indicator{position:absolute;top:12px;left:12px;background:rgba(220,53,69,0.95);backdrop-filter:blur(10px);padding:6px 12px;border-radius:20px;display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:white;text-transform:uppercase;letter-spacing:0.5px;animation:pulse-live-badge 2s infinite}@keyframes pulse-live-badge{0%{box-shadow:0 0 0 0 rgba(220,53,69,0.7)}70%{box-shadow:0 0 0 10px rgba(220,53,69,0)}100%{box-shadow:0 0 0 0 rgba(220,53,69,0)}}.live-dot{width:6px;height:6px;background:white;border-radius:50%;animation:blink 1.5s infinite}@keyframes blink{0%,100%{opacity:1}50%{opacity:0.3}}.viewers-badge{position:absolute;top:12px;right:12px;background:rgba(0,0,0,0.8);backdrop-filter:blur(10px);padding:6px 12px;border-radius:20px;display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:white}.stream-duration{position:absolute;bottom:12px;left:12px;background:rgba(0,0,0,0.8);backdrop-filter:blur(10px);padding:6px 12px;border-radius:20px;font-size:11px;font-weight:600;color:white;display:flex;align-items:center;gap:4px}.stream-content{padding:16px}.stream-title{font-size:16px;font-weight:600;color:#f5f5f5;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.creator-info{display:flex;align-items:center;gap:12px;margin-bottom:16px}.creator-avatar{position:relative;flex-shrink:0;width:40px;height:40px}.creator-avatar img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}.creator-avatar .creator-avatar-placeholder{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg, #ff4081 0%, #f50057 100%);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;color:white}.creator-avatar .live-status-dot{position:absolute;bottom:0;left:0;width:12px;height:12px;background:#22c55e;border:2px solid #1a1a1a;border-radius:50%;box-shadow:0 0 8px rgba(34,197,94,0.8);z-index:2}.creator-details{flex:1;min-width:0}.creator-name{font-weight:600;color:#f5f5f5;font-size:14px;line-height:1.2;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.creator-username{color:#8e8e8e;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.privacy-indicator{display:inline-flex;align-items:center;gap:6px;background:rgba(124,58,237,0.15);padding:6px 12px;border-radius:16px;font-size:11px;font-weight:600;color:#a78bfa;margin-bottom:12px}.privacy-indicator.tips-only{background:rgba(40,167,69,0.15);color:#4ade80}.privacy-indicator.public{background:rgba(64,169,255,0.15);color:#4c9aff}.stream-action-btn{background:linear-gradient(135deg, #ff4081 0%, #f50057 100%);border:none;color:white;padding:12px 24px;border-radius:8px;font-weight:600;font-size:14px;width:100%;transition:all 0.2s ease;cursor:pointer;text-decoration:none;display:inline-block;text-align:center}.stream-action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,64,129,0.4);color:white}.stream-action-btn:active{transform:translateY(0)}.subscribe-btn{background:transparent;border:2px solid #ff4081;color:#ff4081}.subscribe-btn:hover{background:#ff4081;color:white}.action-helper-text{color:#8e8e8e;font-size:12px;margin-bottom:8px;text-align:center}.empty-state{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.1);border-radius:16px;padding:100px 40px;text-align:center;margin:60px auto 0;max-width:700px;transition:all 0.3s ease}.empty-state:hover{border-color:rgba(255,64,129,0.2);background:rgba(255,255,255,0.03)}.empty-state-icon{width:100px;height:100px;margin:0 auto 32px;background:rgba(255,64,129,0.1);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:pulse 2s ease-in-out infinite}.empty-state-icon i{font-size:48px;color:#ff4081}.empty-state-icon svg{width:48px;height:48px;color:#ff4081}@keyframes pulse{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(255,64,129,0.4)}50%{transform:scale(1.05);box-shadow:0 0 0 20px rgba(255,64,129,0)}}.empty-state-title{color:#f5f5f5;font-size:28px;font-weight:700;margin-bottom:16px;letter-spacing:-0.5px}.empty-state-message{color:#8e8e8e;font-size:16px;margin-bottom:40px;line-height:1.6;max-width:500px;margin-left:auto;margin-right:auto}.empty-state-btn{background:linear-gradient(135deg, #ff4081 0%, #f50057 100%);border:1px solid rgba(255,255,255,0.1);color:white;padding:10px 22px;margin-top:10px;border-radius:10px;font-weight:600;font-size:16px;transition:all 0.3s ease;display:inline-flex;align-items:center;gap:10px;cursor:pointer;text-decoration:none}.empty-state-btn i{font-size:18px}.empty-state-btn:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(255,64,129,0.5);border-color:#ff4081;color:white}.empty-state-btn:active{transform:translateY(-1px)}.upcoming-stream-card{background:#1a1a1a;border:1px solid rgba(255,255,255,0.1);border-radius:12px;padding:20px;transition:all 0.2s ease}.upcoming-stream-card:hover{border-color:rgba(255,255,255,0.2);transform:translateY(-2px)}.upcoming-badge{background:rgba(255,255,255,0.1);color:#8e8e8e;padding:4px 12px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px}.upcoming-date{color:#8e8e8e;font-size:13px;display:flex;align-items:center;gap:6px;margin-top:12px}.upcoming-date i{font-size:14px}@media (max-width: 768px){.page-header{padding:20px 16px;margin-bottom:24px;border-radius:12px}.page-title{font-size:22px}.page-title i{font-size:20px}.page-title svg{width:20px;height:20px}.page-subtitle{font-size:13px}.section-title{font-size:18px}.stream-thumbnail-wrapper{height:200px}.stream-content{padding:12px}.empty-state{padding:80px 24px}.empty-state-icon{width:80px;height:80px}.empty-state-icon i{font-size:36px}.empty-state-icon svg{width:36px;height:36px}.empty-state-title{font-size:24px}.empty-state-message{font-size:14px}.empty-state-btn{padding:10px 22px;font-size:15px}}@media (max-width: 480px){.page-header{padding:16px 14px}.page-title{font-size:20px}.page-title i{font-size:18px}.page-title svg{width:18px;height:18px}.page-subtitle{font-size:12px}}.messages-page{background-color:#000;min-height:100vh}.messages-header{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,0.1)}.messages-title{color:#f5f5f5;font-size:24px;font-weight:700;margin-bottom:4px}.messages-subtitle{color:#8e8e8e;font-size:14px;font-weight:400}.conversations-container{background:#1a1a1a;border-radius:12px;border:1px solid rgba(255,255,255,0.1);overflow:hidden}.conversation-item{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid rgba(255,255,255,0.05);text-decoration:none;transition:all 0.2s ease;cursor:pointer;position:relative}.conversation-item:last-child{border-bottom:none}.conversation-item:hover{background:rgba(255,255,255,0.05)}.conversation-item.unread{background:rgba(255,64,129,0.03)}.conversation-item.unread .conversation-name{font-weight:700}.conversation-item.unread .message-preview{font-weight:600;color:#f5f5f5}.conversation-avatar{position:relative;flex-shrink:0}.conversation-avatar .avatar-img,.conversation-avatar .avatar-placeholder{width:56px;height:56px;border-radius:50%;object-fit:cover}.conversation-avatar .avatar-placeholder{background:linear-gradient(135deg, #ff4081 0%, #f50057 100%);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;color:white}.online-indicator{position:absolute;bottom:2px;right:2px;width:14px;height:14px;background:#28a745;border:3px solid #1a1a1a;border-radius:50%;box-shadow:0 0 8px rgba(40,167,69,0.6)}.conversation-info{flex:1;min-width:0}.conversation-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px}.conversation-name{color:#f5f5f5;font-size:15px;font-weight:600;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;padding-right:12px}.conversation-time{color:#8e8e8e;font-size:12px;font-weight:400;white-space:nowrap;flex-shrink:0}.conversation-preview .message-preview{color:#8e8e8e;font-size:14px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:4px}.conversation-preview .message-preview svg{flex-shrink:0}.conversation-preview .message-preview.empty{font-style:italic;opacity:0.7}.conversation-preview .you-label{font-weight:600;color:#8e8e8e}.unread-badge{background:#ff4081;color:white;min-width:22px;height:22px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;padding:0 6px;flex-shrink:0;box-shadow:0 2px 8px rgba(255,64,129,0.4)}.messages-empty-state{background:linear-gradient(135deg, rgba(124,58,237,0.05) 0%, rgba(220,53,69,0.05) 100%);border:1px solid rgba(124,58,237,0.2);border-radius:16px;padding:80px 40px;text-align:center;margin:40px 0}.empty-icon{width:80px;height:80px;margin:0 auto 24px;background:linear-gradient(135deg, #ff4081 0%, #f50057 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(255,64,129,0.3)}.empty-icon svg{width:40px;height:40px;color:white}.empty-title{color:#f5f5f5;font-size:24px;font-weight:700;margin-bottom:12px}.empty-message{color:#a78bfa;font-size:15px;margin-bottom:24px;line-height:1.5}.btn-explore{display:inline-block;background:linear-gradient(135deg, #ff4081 0%, #f50057 100%);color:white;padding:12px 32px;border-radius:8px;font-weight:600;font-size:14px;text-decoration:none;transition:all 0.2s ease}.btn-explore:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,64,129,0.4);color:white}.btn-explore:active{transform:translateY(0)}@media (max-width: 768px){.messages-title{font-size:20px}.conversation-item{padding:12px}.conversation-avatar .avatar-img,.conversation-avatar .avatar-placeholder{width:48px;height:48px}.conversation-avatar .avatar-placeholder{font-size:18px}.online-indicator{width:12px;height:12px;border-width:2px}.conversation-name{font-size:14px}.conversation-time{font-size:11px}.message-preview{font-size:13px}.messages-empty-state{padding:60px 24px}.empty-icon{width:64px;height:64px}.empty-icon svg{width:32px;height:32px}.empty-title{font-size:20px}}@keyframes slideIn{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.conversation-item{animation:slideIn 0.3s ease}.conversation-avatar .avatar-img,.conversation-avatar .avatar-placeholder{transition:transform 0.2s ease}.conversation-item:hover .conversation-avatar .avatar-img,.conversation-item:hover .conversation-avatar .avatar-placeholder{transform:scale(1.05)}.notifications-page{background-color:#000;min-height:100vh}.notifications-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,0.1)}.notifications-page-title{font-size:24px;font-weight:700;color:#f5f5f5;margin:0}.header-actions{display:flex;gap:10px}.mark-all-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:rgba(255,64,129,0.1);border:none;border-radius:8px;color:#ff4081;font-size:14px;font-weight:500;cursor:pointer;transition:all 0.2s;text-decoration:none}.mark-all-btn svg{width:16px;height:16px}.mark-all-btn:hover{background:rgba(255,64,129,0.2)}.notifications-list{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.notification-item{background:#1a1a1a;border:1px solid rgba(255,255,255,0.05);border-radius:12px;padding:16px;display:flex;align-items:flex-start;gap:16px;transition:all 0.2s;cursor:pointer;position:relative}.notification-item:hover{background:rgba(255,255,255,0.05);border-color:rgba(255,255,255,0.1);transform:translateY(-2px)}.notification-item.unread{background:rgba(255,64,129,0.05);border-left:4px solid;border-left-color:#ff4081}.notification-item.unread .notification-title{font-weight:700}.notification-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0;background:rgba(255,255,255,0.05)}.notification-icon.notification-success{background:rgba(40,167,69,0.1)}.notification-icon.notification-danger{background:rgba(220,53,69,0.1)}.notification-icon.notification-primary{background:rgba(255,64,129,0.1)}.notification-icon.notification-warning{background:rgba(255,193,7,0.1)}.notification-icon.notification-info{background:rgba(23,162,184,0.1)}.notification-content{flex:1;min-width:0}.notification-title{font-weight:600;color:#f5f5f5;margin-bottom:4px;font-size:15px;line-height:1.4}.notification-message{color:#8e8e8e;font-size:14px;line-height:1.5;margin-bottom:8px}.notification-preview{color:#666;font-size:13px;margin-top:6px;font-style:italic;line-height:1.4}.notification-time{color:#666;font-size:12px;display:flex;align-items:center;gap:4px}.notification-time svg{width:12px;height:12px}.notification-actions{position:absolute;top:16px;right:16px}.mark-read-btn{padding:6px 12px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:6px;color:#f5f5f5;font-size:12px;font-weight:500;cursor:pointer;opacity:0;transition:all 0.2s}.mark-read-btn:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.2)}.notification-item:hover .mark-read-btn{opacity:1}.empty-notifications{background:linear-gradient(135deg, rgba(124,58,237,0.05) 0%, rgba(220,53,69,0.05) 100%);border:1px solid rgba(124,58,237,0.2);border-radius:16px;text-align:center;padding:80px 40px;margin:40px 0}.empty-icon{width:80px;height:80px;margin:0 auto 24px;background:linear-gradient(135deg, #ff4081 0%, #f50057 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:40px;box-shadow:0 8px 24px rgba(255,64,129,0.3)}.empty-title{font-size:24px;font-weight:700;color:#f5f5f5;margin-bottom:12px}.empty-message{color:#a78bfa;font-size:15px;line-height:1.5}@media (max-width: 768px){.notifications-page-header{flex-direction:column;align-items:flex-start;gap:16px}.notification-item{padding:12px;gap:12px}.notification-icon{width:40px;height:40px;font-size:20px}.notification-title{font-size:14px}.notification-message{font-size:13px}.empty-notifications{padding:60px 24px}.empty-icon{width:64px;height:64px;font-size:32px}.empty-title{font-size:20px}}.body{background-color:#000 !important}.settings-page{background-color:#000;min-height:100vh}.settings-header{margin-bottom:32px;padding:24px;background:linear-gradient(135deg, rgba(255,0,116,0.08) 0%, rgba(255,61,154,0.04) 100%);border:1px solid rgba(255,0,116,0.15);border-radius:16px;position:relative;overflow:hidden}.settings-header::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg, #ff0074 0%, #ff3d9a 100%);border-radius:4px 0 0 4px}.settings-title{font-size:28px;font-weight:700;color:#fff;margin-bottom:8px;display:flex;align-items:center;gap:12px}.settings-title::before{content:'⚙️';font-size:24px}.settings-subtitle{color:rgba(255,255,255,0.6);font-size:14px;line-height:1.5;padding-left:36px}.settings-container{background:#1a1a1a;border:1px solid rgba(255,255,255,0.1);border-radius:12px;overflow:hidden}.settings-section{padding:24px;border-bottom:1px solid rgba(255,255,255,0.1)}.settings-section:last-child{border-bottom:none}.section-header{margin-bottom:20px}.section-title{font-size:18px;font-weight:600;color:#f5f5f5;margin-bottom:4px}.section-description{color:#8e8e8e;font-size:13px}.form-group{margin-bottom:20px}.form-group:last-child{margin-bottom:0}.form-label{display:block;color:#f5f5f5;font-size:14px;font-weight:500;margin-bottom:8px}.form-hint{display:block;color:#666;font-size:12px;margin-top:6px;line-height:1.4}.form-input,.form-select{width:100%;padding:12px 16px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:8px;color:#f5f5f5;font-size:14px;transition:all 0.2s}.form-input:focus,.form-select:focus{outline:none;background:rgba(255,255,255,0.08);border-color:#ff4081;box-shadow:0 0 0 3px rgba(255,64,129,0.1)}.form-input::placeholder,.form-select::placeholder{color:#666}.form-input:disabled,.form-select:disabled{opacity:0.5;cursor:not-allowed}.form-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23f5f5f5' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14L2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}.form-actions{display:flex;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,0.1)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg, #ff4081 0%, #f50057 100%);color:white;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.2s;text-decoration:none}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,64,129,0.4)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:0.5;cursor:not-allowed;transform:none}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:rgba(255,255,255,0.05);color:#f5f5f5;border:1px solid rgba(255,255,255,0.1);border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.2s;text-decoration:none}.btn-secondary:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.2)}.btn-danger{background:rgba(220,53,69,0.1);color:#dc3545;border:1px solid rgba(220,53,69,0.3)}.btn-danger:hover{background:rgba(220,53,69,0.2);border-color:rgba(220,53,69,0.5)}.danger-zone{background:rgba(220,53,69,0.05);border:1px solid rgba(220,53,69,0.2);border-radius:12px;padding:24px;margin-top:32px}.danger-zone-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.danger-zone-header svg{width:24px;height:24px;color:#dc3545}.danger-zone-title{font-size:18px;font-weight:600;color:#dc3545;margin:0}.danger-zone-description{color:#8e8e8e;font-size:14px;margin-bottom:16px;line-height:1.5}.error-messages{background:rgba(220,53,69,0.1);border:1px solid rgba(220,53,69,0.3);border-radius:8px;padding:16px;margin-bottom:24px}.error-title{font-size:14px;font-weight:600;color:#dc3545;margin-bottom:8px}.error-list{list-style:none;padding:0;margin:0}.error-list li{color:#dc3545;font-size:13px;line-height:1.6;padding-left:20px;position:relative}.error-list li::before{content:'•';position:absolute;left:8px}.info-box{background:rgba(23,162,184,0.1);border:1px solid rgba(23,162,184,0.3);border-radius:8px;padding:12px 16px;display:flex;gap:12px;margin-bottom:20px}.info-box svg{width:20px;height:20px;color:#17a2b8;flex-shrink:0;margin-top:2px}.info-text{color:#8e8e8e;font-size:13px;line-height:1.5}.field-with-icon{position:relative}.field-with-icon svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#666;pointer-events:none}.field-with-icon .form-input{padding-left:44px}.success-message{background:rgba(40,167,69,0.1);border:1px solid rgba(40,167,69,0.3);border-radius:8px;padding:16px;margin-bottom:24px;display:flex;align-items:center;gap:12px}.success-message svg{width:20px;height:20px;color:#28a745;flex-shrink:0}.success-message p{color:#28a745;font-size:14px;margin:0;font-weight:500}@media (max-width: 768px){.settings-header{padding:20px 16px;margin-bottom:24px;border-radius:12px}.settings-title{font-size:22px;gap:10px}.settings-title::before{font-size:20px}.settings-subtitle{font-size:13px;padding-left:30px}.settings-section{padding:20px 16px}.form-actions{flex-direction:column}.form-actions .btn-primary,.form-actions .btn-secondary{width:100%}.danger-zone{padding:20px 16px}}@media (max-width: 480px){.settings-header{padding:16px 14px}.settings-title{font-size:20px;gap:8px}.settings-title::before{font-size:18px}.settings-subtitle{font-size:12px;padding-left:26px}}.become-creator-page{background-color:#000;min-height:auto;padding-bottom:40px}.creator-hero{background:linear-gradient(135deg, rgba(255,64,129,0.15) 0%, rgba(245,0,87,0.1) 100%);border:1px solid rgba(255,64,129,0.25);backdrop-filter:blur(10px);padding:60px 40px;border-radius:16px;margin-bottom:40px;text-align:center;box-shadow:0 8px 32px rgba(255,64,129,0.15);position:relative;overflow:hidden}.creator-hero::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg, transparent, #ff4081, transparent)}.creator-hero-title{font-size:42px;font-weight:700;color:#fff;margin-bottom:16px;text-shadow:0 2px 8px rgba(0,0,0,0.3)}.creator-hero-subtitle{color:#d0d0d0;font-size:18px;margin-bottom:40px;line-height:1.5}.creator-benefits{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:24px;margin-top:40px}.benefit-item{text-align:center;color:#fff;padding:20px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-radius:12px;transition:all 0.3s ease}.benefit-item:hover{background:rgba(255,255,255,0.06);border-color:rgba(255,64,129,0.3);transform:translateY(-4px)}.benefit-icon{width:64px;height:64px;margin:0 auto 16px;background:linear-gradient(135deg, rgba(255,64,129,0.2) 0%, rgba(245,0,87,0.15) 100%);border:1px solid rgba(255,64,129,0.3);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease}.benefit-icon svg{width:32px;height:32px;fill:#ff4081}.benefit-item:hover .benefit-icon{background:linear-gradient(135deg, rgba(255,64,129,0.3) 0%, rgba(245,0,87,0.25) 100%);border-color:#ff4081;transform:scale(1.05);box-shadow:0 4px 16px rgba(255,64,129,0.3)}.benefit-title{font-weight:600;font-size:16px;margin-bottom:8px;color:#fff}.benefit-description{font-size:14px;color:#a0a0a0}.creator-form-section{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.1);border-radius:16px;padding:32px;margin-bottom:24px;transition:all 0.3s}.creator-form-section:hover{border-color:rgba(255,255,255,0.15);background:rgba(255,255,255,0.05)}.section-title{font-size:22px;font-weight:700;color:#f5f5f5;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid rgba(255,64,129,0.3);display:flex;align-items:center;gap:12px}.section-title svg{width:24px;height:24px;color:#ff4081}.section-description{color:#8e8e8e;font-size:14px;margin-bottom:24px;line-height:1.5}.form-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:24px}.form-grid-full{grid-column:1 / -1}.input-group{display:flex;flex-direction:column;gap:8px}.input-group label{color:#f5f5f5;font-size:14px;font-weight:600}.input-group .textfield,.input-group textarea,.input-group select{width:100%;padding:12px 16px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:8px;color:#f5f5f5;font-size:14px;transition:all 0.2s}.input-group .textfield:focus,.input-group textarea:focus,.input-group select:focus{outline:none;background:rgba(255,255,255,0.08);border-color:#ff4081;box-shadow:0 0 0 3px rgba(255,64,129,0.1)}.input-group .textfield::placeholder,.input-group textarea::placeholder,.input-group select::placeholder{color:#666}.input-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}.input-group select option{background:#1a1a1a;color:#f5f5f5;padding:8px}.input-group select:invalid,.input-group select[value=""]{color:#666}.input-group textarea{resize:vertical;min-height:100px;font-family:inherit}.input-hint{color:#666;font-size:12px;margin-top:4px;line-height:1.4}.bio-input-wrapper{position:relative;overflow:visible}.bio-textarea{padding-right:50px !important}.bio-emoji-picker{position:absolute;right:12px;top:12px;z-index:100}.bio-emoji-picker .emoji-trigger-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:8px;color:#8e8e8e;cursor:pointer;transition:all 0.2s ease}.bio-emoji-picker .emoji-trigger-btn:hover{color:#ff4081;background:rgba(255,64,129,0.1);border-color:rgba(255,64,129,0.3)}.bio-emoji-picker .emoji-trigger-btn svg{width:18px;height:18px}.bio-emoji-picker .emoji-picker-dropdown{position:absolute;bottom:100%;right:0;margin-bottom:8px;width:320px;background:#1a1a1a;border:1px solid rgba(255,255,255,0.15);border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,0.5);z-index:9999;overflow:visible}.bio-emoji-picker .emoji-picker-content{display:flex;flex-direction:column}.bio-emoji-picker .emoji-grid{display:grid;grid-template-columns:repeat(8, 1fr);gap:4px;padding:12px;max-height:220px;overflow-y:auto}.bio-emoji-picker .emoji-grid::-webkit-scrollbar{width:6px}.bio-emoji-picker .emoji-grid::-webkit-scrollbar-track{background:transparent}.bio-emoji-picker .emoji-grid::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.2);border-radius:3px}.bio-emoji-picker .emoji-item{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:8px;font-size:20px;cursor:pointer;transition:all 0.15s ease;padding:0}.bio-emoji-picker .emoji-item:hover{background:rgba(255,64,129,0.2);transform:scale(1.2)}.bio-emoji-picker .emoji-categories-bar{display:flex;justify-content:space-around;padding:8px 12px;background:rgba(255,255,255,0.03);border-top:1px solid rgba(255,255,255,0.1)}.bio-emoji-picker .emoji-category-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:8px;font-size:18px;cursor:pointer;transition:all 0.2s ease;opacity:0.6;padding:0}.bio-emoji-picker .emoji-category-btn:hover{opacity:1;background:rgba(255,255,255,0.1)}.bio-emoji-picker .emoji-category-btn.active{opacity:1;background:rgba(255,64,129,0.2)}.username-input-group{position:relative}.username-prefix{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#666;font-weight:600;font-size:16px;pointer-events:none}.username-input{padding-left:35px !important}.social-input-group{position:relative;display:flex;align-items:center}.social-prefix{position:absolute;left:12px;display:flex;align-items:center;justify-content:center;color:#8e8e8e;pointer-events:none;z-index:1}.social-prefix svg{transition:color 0.2s ease}.social-input{padding-left:44px !important}.social-input:focus+.social-prefix,.social-input:focus~.social-prefix{color:#ff4081}.input-group:has(.social-input:focus) .social-prefix{color:#ff4081}.input-group:has(.social-input:focus) .social-prefix svg{fill:#ff4081}.file-input-wrapper{position:relative}.file-input-wrapper input[type="file"]{position:absolute;left:-9999px;opacity:0}.file-input-label{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:8px;color:#8e8e8e;cursor:pointer;text-align:center;transition:all 0.2s;font-size:14px}.file-input-label svg{fill:currentColor}.file-input-label:hover{background:rgba(255,64,129,0.1);border-color:#ff4081;color:#ff4081}.image-upload-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:24px;margin-bottom:24px}@media (max-width: 768px){.image-upload-grid{grid-template-columns:1fr}}.image-upload-card{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.08);border-radius:12px;padding:20px;transition:all 0.2s}.image-upload-card:hover{border-color:rgba(255,255,255,0.15)}.image-upload-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.upload-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:#f5f5f5}.upload-title svg{fill:#ff4081}.upload-badge{font-size:11px;font-weight:600;padding:4px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:0.5px}.upload-badge.required{background:rgba(255,64,129,0.15);color:#ff4081;border:1px solid rgba(255,64,129,0.3)}.upload-badge.optional{background:rgba(255,255,255,0.05);color:#8e8e8e;border:1px solid rgba(255,255,255,0.1)}.image-preview-box{width:100%;height:150px;background:rgba(0,0,0,0.3);border:2px dashed rgba(255,255,255,0.1);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;overflow:hidden;position:relative}.image-preview-box.cover-preview{height:100px}.image-preview-box.has-image{border-style:solid;border-color:rgba(255,64,129,0.3)}.image-preview-box.has-image img{width:100%;height:100%;object-fit:cover}.preview-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;color:#666}.preview-placeholder svg{fill:#444}.preview-placeholder span{font-size:13px}.image-requirements{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,0.05)}.requirements-header{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#8e8e8e;margin-bottom:10px;text-transform:uppercase;letter-spacing:0.5px}.requirements-header svg{fill:#8e8e8e}.requirements-list{list-style:none;padding:0;margin:0}.requirements-list li{font-size:12px;color:#666;padding:4px 0;padding-left:16px;position:relative}.requirements-list li::before{content:'•';position:absolute;left:4px;color:#ff4081}.image-tips-box{display:flex;gap:16px;padding:20px;background:rgba(255,193,7,0.05);border:1px solid rgba(255,193,7,0.2);border-radius:12px}.tips-icon{flex-shrink:0;width:40px;height:40px;background:rgba(255,193,7,0.15);border-radius:10px;display:flex;align-items:center;justify-content:center}.tips-icon svg{fill:#ffc107}.tips-content{flex:1}.tips-title{font-size:14px;font-weight:600;color:#ffc107;margin-bottom:6px}.tips-text{font-size:13px;color:#8e8e8e;line-height:1.5}.terms-box{background:rgba(255,193,7,0.05);border:1px solid rgba(255,193,7,0.3);border-radius:12px;padding:24px;margin-bottom:24px}.terms-title{color:#ffc107;font-weight:600;font-size:16px;margin-bottom:12px;display:flex;align-items:center;gap:8px}.terms-title svg{width:20px;height:20px}.terms-text{color:#8e8e8e;line-height:1.7;font-size:14px}.terms-text strong{color:#ff4081;font-weight:600}.error-messages{background:rgba(220,53,69,0.1);border:1px solid rgba(220,53,69,0.3);border-radius:12px;padding:20px;margin-bottom:24px}.error-title{color:#dc3545;font-weight:600;font-size:15px;margin-bottom:12px}.error-list{list-style:none;padding:0;margin:0}.error-list li{color:#dc3545;font-size:14px;line-height:1.6;padding-left:20px;position:relative;margin-bottom:8px}.error-list li::before{content:'•';position:absolute;left:8px}.error-list li:last-child{margin-bottom:0}.creator-form-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:32px}.btn-cancel{display:inline-flex;align-items:center;justify-content:center;padding:14px 32px;background:rgba(255,255,255,0.05);color:#f5f5f5;border:1px solid rgba(255,255,255,0.1);border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all 0.2s;text-decoration:none}.btn-cancel:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.2)}.btn-submit{display:inline-flex;align-items:center;justify-content:center;padding:14px 32px;background:linear-gradient(135deg, #ff4081 0%, #f50057 100%);color:white;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all 0.2s;text-decoration:none}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(255,64,129,0.4)}.btn-submit:active{transform:translateY(0)}@media (max-width: 1024px){.become-creator-page{padding-bottom:calc(120px + env(safe-area-inset-bottom, 20px)) !important;min-height:auto !important;overflow-y:visible !important}.social-layout-two-col{grid-template-columns:1fr;padding:16px;padding-bottom:16px;overflow:visible !important}.creator-form-actions{margin-bottom:40px}.creator-hero{padding:40px 24px;border-radius:12px;margin-bottom:24px}.creator-hero-title{font-size:32px}.creator-hero-subtitle{font-size:16px;margin-bottom:32px}.creator-benefits{grid-template-columns:repeat(2, 1fr);gap:20px}.creator-form-section{padding:24px;border-radius:12px;margin-bottom:20px}.form-grid{grid-template-columns:1fr}.section-title{font-size:20px}.creator-form-actions{flex-direction:column}.creator-form-actions .btn-cancel,.creator-form-actions .btn-submit{width:100%}}@media (max-width: 768px){.social-layout-two-col{padding:12px}.creator-hero{padding:32px 20px;border-radius:10px;margin-bottom:20px}.creator-hero-title{font-size:26px;margin-bottom:12px}.creator-hero-subtitle{font-size:15px;margin-bottom:28px}.creator-benefits{grid-template-columns:1fr;gap:16px;margin-top:28px}.benefit-item{padding:16px}.benefit-icon{width:56px;height:56px}.benefit-icon svg{width:28px;height:28px}.benefit-title{font-size:15px}.benefit-description{font-size:13px}.creator-form-section{padding:20px;border-radius:10px;margin-bottom:16px}.section-title{font-size:18px;margin-bottom:20px;padding-bottom:12px}.section-title svg{width:20px;height:20px}.section-description{font-size:13px;margin-bottom:20px}.input-group label{font-size:13px}.input-group .textfield,.input-group textarea{padding:10px 14px;font-size:13px}.input-group textarea{min-height:80px}.terms-box{padding:20px;margin-bottom:20px}.terms-title{font-size:15px}.terms-title svg{width:18px;height:18px}.terms-text{font-size:13px}.creator-form-actions{margin-top:24px;gap:12px}.btn-cancel,.btn-submit{padding:12px 24px;font-size:14px}}@media (max-width: 480px){.social-layout-two-col{padding:10px}.creator-hero{padding:24px 16px;border-radius:8px}.bio-emoji-picker .emoji-picker-dropdown{position:fixed;top:auto;bottom:0;left:0;right:0;width:100%;border-radius:16px 16px 0 0;margin-top:0}.creator-hero-title{font-size:22px;margin-bottom:10px}.creator-hero-subtitle{font-size:14px;margin-bottom:24px}.creator-benefits{margin-top:24px;gap:14px}.benefit-item{padding:14px}.benefit-icon{width:48px;height:48px}.benefit-icon svg{width:24px;height:24px}.benefit-title{font-size:14px;margin-bottom:6px}.benefit-description{font-size:12px}.creator-form-section{padding:16px;border-radius:8px;margin-bottom:14px}.section-title{font-size:17px;margin-bottom:16px;padding-bottom:10px;gap:8px}.section-title svg{width:18px;height:18px}.section-description{font-size:12px;margin-bottom:16px}.input-group{gap:6px}.input-group label{font-size:12px}.input-group .textfield,.input-group textarea{padding:10px 12px;font-size:13px;border-radius:6px}.input-group textarea{min-height:70px}.input-hint{font-size:11px}.username-prefix{font-size:14px;left:12px}.username-input{padding-left:30px !important}.file-input-label{padding:10px 12px;font-size:13px;border-radius:6px}.terms-box{padding:16px;border-radius:8px;margin-bottom:16px}.terms-title{font-size:14px;margin-bottom:10px;gap:6px}.terms-title svg{width:16px;height:16px}.terms-text{font-size:12px;line-height:1.6}.error-messages{padding:16px;border-radius:8px}.error-title{font-size:14px;margin-bottom:10px}.error-list li{font-size:12px;padding-left:16px}.error-list li::before{left:6px}.creator-form-actions{margin-top:20px;gap:10px}.btn-cancel,.btn-submit{padding:11px 20px;font-size:13px;border-radius:6px}}.creator-conversations-layout{display:grid;grid-template-columns:400px 1fr;gap:0;height:calc(100vh - 90px);border:1px solid rgba(255,255,255,0.1);border-radius:12px;overflow:hidden;background:rgba(255,255,255,0.02)}.creator-conversations-panel{display:flex;flex-direction:column;height:100%;border-right:1px solid rgba(255,255,255,0.1);background:#000}.creator-chat-panel{display:flex;flex-direction:column;height:100%;background:#000}.creator-chat-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#666;text-align:center;padding:40px}.creator-chat-empty svg{width:80px;height:80px;margin-bottom:20px;opacity:0.3}.creator-chat-empty h3{color:#8e8e8e;font-size:18px;margin-bottom:8px}.creator-chat-empty p{color:#666;font-size:14px}.creator-conversations-page .social-layout{grid-template-columns:240px minmax(350px, 1fr) minmax(400px, 1fr);gap:20px}.creator-conversations-page .social-layout>.main-feed{width:100%}.creator-conversations-container{display:flex;flex-direction:column;height:calc(100vh - 90px);border:1px solid rgba(255,255,255,0.1);border-top-left-radius:12px;border-bottom-left-radius:12px;border-right:none;overflow:hidden;background:rgba(255,255,255,0.02)}.creator-conversations-header{padding:20px;border-bottom:1px solid rgba(255,255,255,0.1);flex-shrink:0;background:rgba(255,255,255,0.02)}.creator-conversations-title{font-size:20px;font-weight:700;color:#f5f5f5;margin:0}.creator-conversations-list{display:flex;flex-direction:column;gap:0;overflow-y:auto;flex:1}.creator-conversations-list::-webkit-scrollbar{width:6px}.creator-conversations-list::-webkit-scrollbar-track{background:transparent}.creator-conversations-list::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.1);border-radius:3px}.creator-conversations-list::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,0.2)}.creator-conversation-item{background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,0.05);padding:16px 20px;display:flex;align-items:center;gap:16px;transition:all 0.2s;cursor:pointer;text-decoration:none;color:inherit}.creator-conversation-item:hover{background:rgba(255,255,255,0.05)}.creator-conversation-item.active{background:rgba(255,64,129,0.1);border-left:3px solid #ff4081}.creator-user-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid rgba(255,64,129,0.3)}.creator-user-avatar-placeholder{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg, #ff4081 0%, #f50057 100%);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;color:white;border:2px solid #ff4081;flex-shrink:0}.creator-conversation-content{flex:1;min-width:0}.creator-user-name{font-weight:600;font-size:15px;color:#f5f5f5;margin-bottom:4px;display:flex;align-items:center;gap:8px}.creator-user-email{font-size:13px;color:#666;margin-bottom:6px}.creator-last-message{color:#8e8e8e;font-size:14px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.creator-last-message em{font-style:italic;color:#666}.creator-conversation-meta{text-align:right;flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.creator-message-time{color:#666;font-size:12px;display:flex;align-items:center;gap:4px}.creator-message-time svg{width:12px;height:12px}.creator-unread-badge{background:linear-gradient(135deg, #ff4081 0%, #f50057 100%);color:#fff;font-size:11px;font-weight:700;padding:4px 10px;border-radius:12px;display:inline-block;min-width:24px;text-align:center}.creator-online-indicator{width:12px;height:12px;border-radius:50%;background:#28a745;border:2px solid #000;position:absolute;bottom:2px;right:2px}.creator-avatar-wrapper{position:relative;flex-shrink:0}.creator-empty-conversations{background:linear-gradient(135deg, rgba(124,58,237,0.05) 0%, rgba(220,53,69,0.05) 100%);border:1px solid rgba(124,58,237,0.2);border-radius:16px;text-align:center;padding:80px 40px;margin:40px 0}.creator-empty-icon{width:80px;height:80px;margin:0 auto 24px;background:linear-gradient(135deg, #ff4081 0%, #f50057 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(255,64,129,0.3)}.creator-empty-icon svg{width:40px;height:40px;color:white}.creator-empty-title{font-size:24px;font-weight:700;color:#f5f5f5;margin-bottom:12px}.creator-empty-subtitle{color:#8e8e8e;font-size:15px;line-height:1.5}.creator-pagination-wrapper{margin-top:32px;display:flex;justify-content:center}@media (max-width: 1024px){.creator-conversations-page .social-layout{grid-template-columns:1fr;gap:0;padding:0}.creator-conversations-page .left-sidebar{display:none}.creator-conversations-container{height:calc(100vh - 70px - 60px);height:calc(100dvh - 70px - 60px);min-height:0;border-radius:0;border:none}.creator-conversations-header{flex-shrink:0}.creator-conversations-list{flex:1;overflow-y:auto}.creator-conversations-page .main-feed{display:block;max-width:100%;padding-bottom:0}turbo-frame#chat_panel .creator-chat-empty{display:none !important}turbo-frame#chat_panel:has(.creator-chat-container){position:fixed;top:60px;left:0;right:0;bottom:60px;height:calc(100vh - 70px - 60px);height:calc(100dvh - 70px - 60px);z-index:200;background:#000;overflow:hidden}}@media (max-width: 768px){.creator-conversations-container{overflow-x:hidden;width:100%;max-width:100vw}.creator-conversations-list{overflow-x:hidden;width:100%}.creator-conversation-item{padding:12px 16px;gap:12px;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.creator-conversation-content{flex:1;min-width:0;overflow:hidden}.creator-user-name{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.creator-last-message{font-size:13px;max-width:100%}.creator-conversation-meta{flex-shrink:0;min-width:50px;max-width:60px}.creator-message-time{font-size:11px;white-space:nowrap}.creator-user-avatar,.creator-user-avatar-placeholder{width:48px;height:48px;font-size:18px}.creator-empty-conversations{padding:60px 24px}.creator-empty-icon{width:64px;height:64px}.creator-empty-icon svg{width:32px;height:32px}.creator-empty-title{font-size:20px}}.creator-chat-container{display:flex;flex-direction:column;height:calc(100vh - 90px);background:#000;border:1px solid rgba(255,255,255,0.1);border-left:none;border-top-right-radius:12px;border-bottom-right-radius:12px;overflow:hidden}.creator-chat-header{padding:16px 20px;border-bottom:1px solid rgba(255,255,255,0.1);display:flex;align-items:center;gap:12px;background:rgba(255,255,255,0.02);flex-shrink:0}.creator-chat-user-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg, #ff4081 0%, #f50057 100%);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;color:white;border:2px solid #ff4081;flex-shrink:0}.creator-chat-user-info{flex:1;min-width:0}.creator-chat-user-name{font-weight:600;font-size:16px;color:#f5f5f5;margin-bottom:2px}.creator-chat-user-email{font-size:13px;color:#666}.creator-messages-container{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:12px;background:#000}.creator-messages-container::-webkit-scrollbar{width:6px}.creator-messages-container::-webkit-scrollbar-track{background:transparent}.creator-messages-container::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.1);border-radius:3px}.creator-messages-container::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,0.2)}.creator-message{display:flex;gap:10px;max-width:70%;animation:messageSlide 0.2s ease-out}.creator-message.sent{align-self:flex-end;flex-direction:row-reverse}.creator-message.received{align-self:flex-start}@keyframes messageSlide{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.creator-message-avatar-wrapper{position:relative;width:32px;height:32px;flex-shrink:0}.creator-message-avatar{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,0.1);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#fff;flex-shrink:0}.creator-message-avatar-img{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid #ff4081}.creator-online-dot{position:absolute;bottom:0;right:0;width:10px;height:10px;background:#28a745;border:2px solid #000;border-radius:50%}.creator-message-content{background:rgba(255,255,255,0.05);padding:10px 14px;border-radius:16px;word-wrap:break-word;max-width:100%}.creator-message.sent .creator-message-content{background:linear-gradient(135deg, #ff4081 0%, #f50057 100%);color:#fff}.creator-message-text{margin:0;line-height:1.5;color:#f5f5f5;font-size:14px}.creator-message.sent .creator-message-text{color:#fff}.creator-message-time{font-size:11px;color:#666;margin-top:4px}.creator-message.sent .creator-message-time{color:rgba(255,255,255,0.7)}.creator-message-image{max-width:100%;width:auto;height:auto;max-height:400px;border-radius:12px;cursor:pointer;transition:transform 0.2s;display:block}.creator-message-image:hover{transform:scale(1.02)}.creator-message-form-container{padding:16px 20px;border-top:1px solid rgba(255,255,255,0.1);background:rgba(255,255,255,0.02);flex-shrink:0}.creator-message-form{display:flex;flex-direction:column;gap:12px}.creator-message-input-wrapper{width:100%;position:relative}.message-form-bottom-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.creator-message-input{width:100%;padding:12px 16px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:24px;color:#f5f5f5;font-size:14px;resize:none;max-height:120px;outline:none;transition:all 0.2s;font-family:inherit}.creator-message-input:focus{border-color:#ff4081;background:rgba(255,255,255,0.08);box-shadow:0 0 0 3px rgba(255,64,129,0.1)}.creator-message-input::placeholder{color:#666}.creator-send-button{padding:12px 24px;background:linear-gradient(135deg, #ff4081 0%, #f50057 100%);border:none;border-radius:24px;color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:all 0.2s;flex-shrink:0}.creator-send-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,64,129,0.4)}.creator-send-button:active{transform:translateY(0)}.creator-send-button:disabled{background:rgba(255,255,255,0.1);cursor:not-allowed;transform:none;opacity:0.5}.creator-chat-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(100vh - 90px);color:#666;text-align:center;padding:40px;background:#000;border:1px solid rgba(255,255,255,0.1);border-left:none;border-top-right-radius:12px;border-bottom-right-radius:12px}.creator-chat-empty svg{width:80px;height:80px;margin-bottom:24px;opacity:0.2}.creator-chat-empty h3{color:#8e8e8e;font-size:18px;margin-bottom:8px;font-weight:600}.creator-chat-empty p{color:#666;font-size:14px;line-height:1.5}.mobile-creator-chat-back-btn{display:none}@media (max-width: 1024px){.creator-chat-container{height:calc(100vh - 70px - 60px);height:calc(100dvh - 70px - 60px);min-height:0;border-radius:0}.creator-chat-empty{display:none}.mobile-creator-chat-back-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;color:#f5f5f5;padding:8px;cursor:pointer;margin-right:8px;border-radius:50%;transition:background 0.2s}.mobile-creator-chat-back-btn:active{background:rgba(255,255,255,0.1)}.mobile-creator-chat-back-btn svg{width:24px;height:24px}.creator-chat-header{padding:12px 16px}.creator-message{max-width:80%}.creator-message-image{max-height:300px}}@media (max-width: 768px){.creator-message{max-width:90%}.creator-messages-container{padding:16px}.creator-message-form-container{padding:12px 16px}}.message-action-buttons{display:flex;gap:8px}.message-action-btn{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s;color:#8e8e8e}.message-action-btn:hover{background:rgba(255,255,255,0.1);border-color:#ff4081;color:#ff4081;transform:scale(1.05)}.message-action-btn svg{width:20px;height:20px}.creator-gif-preview,.creator-image-preview{margin-bottom:12px}.creator-gif-preview-container,.creator-image-preview-container{position:relative;display:inline-block;max-width:200px;border-radius:12px;overflow:hidden;border:2px solid rgba(255,64,129,0.3)}.creator-gif-preview-container img,.creator-image-preview-container img{display:block;max-width:100%;height:auto;max-height:200px}.creator-gif-remove-btn,.creator-image-remove-btn{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;background:rgba(0,0,0,0.7);border:none;color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s}.creator-gif-remove-btn:hover,.creator-image-remove-btn:hover{background:#ff4081;transform:scale(1.1)}.creator-message-gif{max-width:250px;max-height:250px;border-radius:8px;display:block;cursor:pointer;transition:transform 0.2s ease}.creator-message-gif:hover{transform:scale(1.02)}.emoji-picker{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);width:320px;max-height:400px;background:#1a1a1a;border:1px solid rgba(255,255,255,0.2);border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,0.6);z-index:1000;overflow:hidden}.emoji-picker-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,0.1);background:rgba(255,255,255,0.02)}.emoji-picker-title{font-weight:600;font-size:14px;color:#f5f5f5}.emoji-close-btn{background:none;border:none;color:#8e8e8e;font-size:24px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:color 0.2s}.emoji-close-btn:hover{color:#ff4081}.emoji-grid{display:grid;grid-template-columns:repeat(6, 1fr);gap:8px;padding:16px;max-height:320px;overflow-y:auto}.emoji-grid::-webkit-scrollbar{width:6px}.emoji-grid::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.2);border-radius:3px}.emoji-item{font-size:28px;cursor:pointer;text-align:center;padding:8px;border-radius:8px;transition:all 0.2s}.emoji-item:hover{background:rgba(255,255,255,0.1);transform:scale(1.2)}.gif-picker{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);width:400px;max-height:500px;background:#1a1a1a;border:1px solid rgba(255,255,255,0.2);border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,0.6);z-index:1000;overflow:hidden;display:flex;flex-direction:column}.gif-search{width:calc(100% - 32px);margin:12px 16px;padding:10px 14px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:20px;color:#f5f5f5;font-size:14px;outline:none;transition:all 0.2s}.gif-search:focus{border-color:#ff4081;background:rgba(255,255,255,0.08)}.gif-search::placeholder{color:#666}.gif-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:8px;padding:0 16px 16px;overflow-y:auto;max-height:400px}.gif-grid::-webkit-scrollbar{width:6px}.gif-grid::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.2);border-radius:3px}.gif-item{aspect-ratio:1;border-radius:8px;overflow:hidden;cursor:pointer;transition:transform 0.2s;background:rgba(255,255,255,0.05)}.gif-item:hover{transform:scale(1.05)}.gif-item img{width:100%;height:100%;object-fit:cover}.gif-loading,.gif-error{text-align:center;padding:40px 20px;color:#8e8e8e;font-size:14px;grid-column:1 / -1}.gif-error{color:#ff4081}.content-notification-card{align-self:center;max-width:320px;width:100%;margin:16px 0;animation:messageSlide 0.3s ease-out}.content-notification-link-wrapper{display:block;text-decoration:none;color:inherit;background:#1a1a1a;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,0.1);transition:all 0.3s ease}.content-notification-link-wrapper:hover{transform:translateY(-4px);border-color:rgba(255,64,129,0.4);box-shadow:0 8px 24px rgba(255,64,129,0.15)}.content-notification-banner{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:linear-gradient(135deg, #1a1a1a 0%, #0d0d0d 100%)}.notification-banner-img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.content-notification-link-wrapper:hover .notification-banner-img{transform:scale(1.05)}video.notification-banner-img{background:#000;display:block}.notification-banner-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg, #1a1a1a 0%, #0d0d0d 100%);color:rgba(255,255,255,0.2)}.notification-locked-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center}.notification-lock-icon{display:flex;flex-direction:column;align-items:center;gap:8px;color:white}.notification-price{font-size:18px;font-weight:700;color:white;background:linear-gradient(135deg, #ff4081 0%, #f50057 100%);padding:6px 14px;border-radius:20px;box-shadow:0 4px 12px rgba(255,64,129,0.4)}.notification-gallery-badge,.notification-video-badge{position:absolute;top:12px;right:12px;background:rgba(0,0,0,0.7);backdrop-filter:blur(4px);padding:6px 10px;border-radius:20px;display:flex;align-items:center;gap:4px;color:white;font-size:12px;font-weight:600}.content-notification-info{padding:16px}.content-notification-title{color:#ff4081;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:6px}.content-notification-text{color:#f5f5f5;font-size:16px;font-weight:600;margin-bottom:4px;line-height:1.4}.content-notification-desc{color:#8e8e8e;font-size:13px;line-height:1.4;margin-bottom:12px}.content-notification-cta{margin-top:12px}.cta-unlock{display:inline-block;background:linear-gradient(135deg, #ff4081 0%, #f50057 100%);color:white;padding:10px 20px;border-radius:24px;font-size:14px;font-weight:700;box-shadow:0 4px 12px rgba(255,64,129,0.3);transition:all 0.2s}.content-notification-link-wrapper:hover .cta-unlock{transform:scale(1.02);box-shadow:0 6px 16px rgba(255,64,129,0.4)}.cta-view{display:inline-block;color:#ff4081;font-size:14px;font-weight:600;transition:all 0.2s}.content-notification-link-wrapper:hover .cta-view{color:#f50057}.content-notification-link{color:#ff4081;text-decoration:none;font-weight:600;font-size:14px;display:inline-flex;align-items:center;gap:4px}.content-notification-link:hover{text-decoration:underline}.content-notification-card.sent-content{align-self:flex-end;max-width:280px}.content-notification-card.sent-content .content-notification-link-wrapper{border-color:rgba(255,64,129,0.3)}.content-notification-card.sent-content .content-notification-title{color:#28a745}.notification-price-badge{position:absolute;top:12px;left:12px;background:linear-gradient(135deg, #ff4081 0%, #f50057 100%);color:white;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:700}.content-notification-time{font-size:11px;color:#666;margin-top:4px}@media (max-width: 768px){.emoji-picker{width:280px;bottom:80px}.gif-picker{width:320px;max-height:400px;bottom:80px}.gif-grid{grid-template-columns:repeat(2, 1fr)}.creator-gif-preview-container,.creator-image-preview-container{max-width:150px}.creator-gif-preview-container img,.creator-image-preview-container img{max-height:150px}.content-notification-card{max-width:280px}.notification-price{font-size:16px;padding:5px 12px}.content-notification-text{font-size:15px}}.system-message{display:flex;flex-direction:column;align-items:center;text-align:center;padding:16px 20px;margin:16px auto;max-width:360px;background:linear-gradient(135deg, rgba(255,64,129,0.1) 0%, rgba(245,0,87,0.08) 100%);border:1px solid rgba(255,64,129,0.25);border-radius:16px;animation:messageSlide 0.3s ease-out}.system-message-content{color:#f5f5f5;font-size:14px;line-height:1.6}.system-message-content p{margin:0 0 4px 0}.system-message-content p:last-child{margin-bottom:0}.system-message-content p:first-child{font-weight:600;font-size:15px;color:#ff4081}.system-message-time{font-size:11px;color:rgba(255,255,255,0.5);margin-top:8px}.user-conversations-page .social-layout{grid-template-columns:240px minmax(350px, 1fr) minmax(400px, 1fr);gap:20px}.user-conversations-page .social-layout>.main-feed{width:100%}.user-conversations-container{display:flex;flex-direction:column;height:calc(100vh - 90px);border:1px solid rgba(255,255,255,0.1);border-top-left-radius:12px;border-bottom-left-radius:12px;border-right:none;overflow:hidden;background:rgba(255,255,255,0.02)}.user-conversations-header{padding:20px;border-bottom:1px solid rgba(255,255,255,0.1);flex-shrink:0;background:rgba(255,255,255,0.02)}.user-conversations-title{font-size:20px;font-weight:700;color:#f5f5f5;margin:0 0 4px 0}.user-conversations-subtitle{font-size:13px;color:#8e8e8e;margin:0}.user-conversations-list{display:flex;flex-direction:column;gap:0;overflow-y:auto;flex:1}.user-conversations-list::-webkit-scrollbar{width:6px}.user-conversations-list::-webkit-scrollbar-track{background:transparent}.user-conversations-list::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.1);border-radius:3px}.user-conversations-list::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,0.2)}.user-conversation-item{background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,0.05);padding:16px 20px;display:flex;align-items:center;gap:16px;transition:all 0.2s;cursor:pointer;text-decoration:none;color:inherit}.user-conversation-item:hover{background:rgba(255,255,255,0.05)}.user-conversation-item.active{background:rgba(255,64,129,0.1);border-left:3px solid #ff4081}.user-conversation-item.unread{background:rgba(255,64,129,0.05)}.user-creator-avatar-wrapper{position:relative;flex-shrink:0}.user-creator-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid rgba(255,64,129,0.3)}.user-creator-avatar-placeholder{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg, #ff4081 0%, #f50057 100%);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;color:white;border:2px solid #ff4081;flex-shrink:0}.user-online-indicator{position:absolute;bottom:2px;right:2px;width:12px;height:12px;background:#28a745;border:2px solid #000;border-radius:50%}.user-conversation-content{flex:1;min-width:0}.user-conversation-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}.user-conversation-name{font-weight:600;font-size:15px;color:#f5f5f5;margin:0;display:flex;align-items:center;gap:4px}.user-conversation-time{font-size:12px;color:#666;flex-shrink:0;margin-left:8px}.user-message-preview{color:#8e8e8e;font-size:14px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;display:flex;align-items:center;gap:4px}.user-message-preview svg{flex-shrink:0}.user-message-preview.empty{font-style:italic;color:#666}.you-label{font-weight:600;color:#666}.user-unread-badge{background:linear-gradient(135deg, #ff4081 0%, #f50057 100%);color:#fff;font-size:11px;font-weight:700;padding:4px 10px;border-radius:12px;display:inline-block;min-width:24px;text-align:center;flex-shrink:0}.user-empty-conversations{background:linear-gradient(135deg, rgba(124,58,237,0.05) 0%, rgba(220,53,69,0.05) 100%);border:1px solid rgba(124,58,237,0.2);border-radius:16px;text-align:center;padding:80px 40px;margin:40px 20px}.user-empty-icon{width:80px;height:80px;margin:0 auto 24px;background:linear-gradient(135deg, #ff4081 0%, #f50057 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(255,64,129,0.3)}.user-empty-icon svg{width:40px;height:40px;color:white}.user-empty-title{font-size:24px;font-weight:700;color:#f5f5f5;margin-bottom:12px}.user-empty-message{color:#8e8e8e;font-size:15px;line-height:1.5;margin-bottom:24px}.btn-explore{display:inline-block;padding:12px 32px;background:linear-gradient(135deg, #ff4081 0%, #f50057 100%);color:white;border:none;border-radius:24px;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.2s;text-decoration:none}.btn-explore:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(255,64,129,0.4)}@media (max-width: 1024px){.user-conversations-page .social-layout{grid-template-columns:1fr;gap:0;padding:0}.user-conversations-page .left-sidebar{display:none}.user-conversations-container{height:calc(100vh - 70px - 60px);height:calc(100dvh - 70px - 60px);min-height:0;border-radius:0;border:none}.user-conversations-header{flex-shrink:0}.user-conversations-list{flex:1;overflow-y:auto}.user-conversations-page .main-feed{display:block;max-width:100%;padding-bottom:0}turbo-frame#chat_panel .user-chat-empty{display:none !important}turbo-frame#chat_panel:has(.user-chat-container){position:fixed;top:70px;left:0;right:0;bottom:60px;height:calc(100vh - 70px - 60px);height:calc(100dvh - 70px - 60px);z-index:200;background:#000;overflow:hidden}}@media (max-width: 768px){.user-conversations-container{overflow-x:hidden;width:100%;max-width:100vw}.user-conversations-list{overflow-x:hidden;width:100%}.user-conversation-item{padding:12px 16px;gap:12px;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.user-conversation-content{flex:1;min-width:0;overflow:hidden}.user-conversation-header{max-width:100%;overflow:hidden}.user-conversation-name{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.user-conversation-time{font-size:11px;white-space:nowrap;flex-shrink:0}.user-message-preview{font-size:13px;max-width:100%}.user-creator-avatar,.user-creator-avatar-placeholder{width:48px;height:48px;font-size:18px}.user-empty-conversations{padding:60px 24px}}.user-chat-container{display:flex;flex-direction:column;height:calc(100vh - 90px);background:#000;border:1px solid rgba(255,255,255,0.1);border-left:none;border-top-right-radius:12px;border-bottom-right-radius:12px;overflow:hidden}.user-chat-header{padding:16px 20px;border-bottom:1px solid rgba(255,255,255,0.1);display:flex;align-items:center;gap:12px;background:rgba(255,255,255,0.02);flex-shrink:0}.user-chat-creator-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid #ff4081;flex-shrink:0}.user-chat-creator-avatar-placeholder{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg, #ff4081 0%, #f50057 100%);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;color:white;border:2px solid #ff4081;flex-shrink:0}.user-chat-creator-info{flex:1;min-width:0}.user-chat-creator-name{font-weight:600;font-size:16px;color:#f5f5f5;margin-bottom:2px;display:flex;align-items:center;gap:6px}.verified-icon{width:16px;height:16px;fill:#ff4081}.user-chat-creator-username{font-size:13px;color:#666}.view-profile-btn{padding:8px 16px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:20px;color:#f5f5f5;font-size:13px;font-weight:600;text-decoration:none;transition:all 0.2s;flex-shrink:0}.view-profile-btn:hover{background:rgba(255,255,255,0.1);border-color:#ff4081}.user-messages-container{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:12px;background:#000}.user-messages-container::-webkit-scrollbar{width:6px}.user-messages-container::-webkit-scrollbar-track{background:transparent}.user-messages-container::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.1);border-radius:3px}.user-messages-container::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,0.2)}.user-message{display:flex;gap:10px;max-width:70%;animation:messageSlide 0.2s ease-out}.user-message.sent{align-self:flex-end;flex-direction:row-reverse}.user-message.received{align-self:flex-start}@keyframes messageSlide{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.user-message-avatar-wrapper{position:relative;width:32px;height:32px;flex-shrink:0}.user-message-avatar{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,0.1);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#fff;flex-shrink:0}.user-message-avatar-img{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid #ff4081;display:block;flex-shrink:0}.user-online-dot{position:absolute;bottom:0;right:0;width:10px;height:10px;background:#28a745;border:2px solid #000;border-radius:50%}.user-message-content{background:rgba(255,255,255,0.05);padding:10px 14px;border-radius:16px;word-wrap:break-word;max-width:100%}.user-message.sent .user-message-content{background:linear-gradient(135deg, #ff4081 0%, #f50057 100%);color:#fff}.user-message-text{margin:0;line-height:1.5;color:#f5f5f5;font-size:14px}.user-message.sent .user-message-text{color:#fff}.user-message-time{font-size:11px;color:#666;margin-top:4px}.user-message.sent .user-message-time{color:rgba(255,255,255,0.7)}.user-message-image{max-width:100%;width:auto;height:auto;max-height:400px;border-radius:12px;cursor:pointer;transition:transform 0.2s;display:block}.user-message-image:hover{transform:scale(1.02)}.content-notification-card{align-self:center;max-width:320px;width:100%;margin:16px 0;animation:messageSlide 0.3s ease-out}.content-notification-link-wrapper{display:block;text-decoration:none;color:inherit;background:#1a1a1a;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,0.1);transition:all 0.3s ease}.content-notification-link-wrapper:hover{transform:translateY(-4px);border-color:rgba(255,64,129,0.4);box-shadow:0 8px 24px rgba(255,64,129,0.15)}.content-notification-banner{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:linear-gradient(135deg, #1a1a1a 0%, #0d0d0d 100%)}.content-notification-banner.locked{background:radial-gradient(ellipse 180% 120% at 0% 100%, rgba(255,0,116,0.15) 0%, transparent 45%),radial-gradient(ellipse 150% 100% at 100% 0%, rgba(255,61,154,0.1) 0%, transparent 40%),radial-gradient(circle at 50% 50%, rgba(255,0,116,0.05) 0%, transparent 60%),linear-gradient(165deg, #0c0c0c 0%, #150a11 30%, #1a0c14 50%, #150a11 70%, #0c0c0c 100%)}.notification-banner-img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.content-notification-link-wrapper:hover .notification-banner-img{transform:scale(1.05)}video.notification-banner-img{background:#000;display:block}.notification-banner-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg, #1a1a1a 0%, #0d0d0d 100%);color:rgba(255,255,255,0.2)}.notification-locked-bg{position:absolute;inset:0;background:radial-gradient(ellipse 180% 120% at 0% 100%, rgba(255,0,116,0.18) 0%, transparent 45%),radial-gradient(ellipse 150% 100% at 100% 0%, rgba(255,61,154,0.12) 0%, transparent 40%),radial-gradient(circle at 50% 50%, rgba(255,0,116,0.06) 0%, transparent 60%),linear-gradient(165deg, #0c0c0c 0%, #150a11 30%, #1a0c14 50%, #150a11 70%, #0c0c0c 100%);z-index:0}.notification-locked-bg.has-blur{background-size:cover;background-position:center;background-repeat:no-repeat}.notification-locked-overlay{position:absolute;inset:0;background:transparent;display:flex;align-items:center;justify-content:center;z-index:1}.notification-lock-icon{display:flex;flex-direction:column;align-items:center;gap:8px;color:white}.notification-price{font-size:18px;font-weight:700;color:white;background:linear-gradient(135deg, #ff4081 0%, #f50057 100%);padding:6px 14px;border-radius:20px;box-shadow:0 4px 12px rgba(255,64,129,0.4)}.notification-gallery-badge,.notification-video-badge{position:absolute;top:12px;right:12px;background:rgba(0,0,0,0.7);backdrop-filter:blur(4px);padding:6px 10px;border-radius:20px;display:flex;align-items:center;gap:4px;color:white;font-size:12px;font-weight:600}.content-notification-info{padding:16px}.content-notification-title{color:#ff4081;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:6px}.content-notification-text{color:#f5f5f5;font-size:16px;font-weight:600;margin-bottom:4px;line-height:1.4}.content-notification-desc{color:#8e8e8e;font-size:13px;line-height:1.4;margin-bottom:12px}.content-notification-cta{margin-top:12px}.cta-unlock{display:inline-block;background:linear-gradient(135deg, #ff4081 0%, #f50057 100%);color:white;padding:10px 20px;border-radius:24px;font-size:14px;font-weight:700;box-shadow:0 4px 12px rgba(255,64,129,0.3);transition:all 0.2s}.content-notification-link-wrapper:hover .cta-unlock{transform:scale(1.02);box-shadow:0 6px 16px rgba(255,64,129,0.4)}.cta-view{display:inline-block;color:#ff4081;font-size:14px;font-weight:600;transition:all 0.2s}.content-notification-link-wrapper:hover .cta-view{color:#f50057}.content-notification-link{color:#ff4081;text-decoration:none;font-weight:600;font-size:14px;display:inline-flex;align-items:center;gap:4px}.content-notification-link:hover{text-decoration:underline}.notification-price-badge{position:absolute;top:12px;left:12px;background:linear-gradient(135deg, #ff4081 0%, #f50057 100%);color:white;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:700}.content-notification-time{font-size:11px;color:#666;margin-top:4px}@media (max-width: 768px){.content-notification-card{max-width:280px}.notification-price{font-size:16px;padding:5px 12px}.content-notification-text{font-size:15px}}.user-message-form-container{padding:16px 20px;border-top:1px solid rgba(255,255,255,0.1);background:rgba(255,255,255,0.02);flex-shrink:0}.user-message-form{display:flex;flex-direction:column;gap:12px}.user-message-input-wrapper{width:100%;position:relative}.message-form-bottom-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.user-message-input{width:100%;padding:12px 16px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:24px;color:#f5f5f5;font-size:14px;resize:none;max-height:120px;outline:none;transition:all 0.2s;font-family:inherit}.user-message-input:focus{border-color:#ff4081;background:rgba(255,255,255,0.08);box-shadow:0 0 0 3px rgba(255,64,129,0.1)}.user-message-input::placeholder{color:#666}.user-send-button{padding:12px 24px;background:linear-gradient(135deg, #ff4081 0%, #f50057 100%);border:none;border-radius:24px;color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:all 0.2s;flex-shrink:0}.user-send-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,64,129,0.4)}.user-send-button:active{transform:translateY(0)}.user-send-button:disabled{background:rgba(255,255,255,0.1);cursor:not-allowed;transform:none;opacity:0.5}.user-chat-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(100vh - 90px);color:#666;text-align:center;padding:40px;background:#000;border:1px solid rgba(255,255,255,0.1);border-left:none;border-top-right-radius:12px;border-bottom-right-radius:12px}.user-chat-empty svg{width:80px;height:80px;margin-bottom:24px;opacity:0.2}.user-chat-empty h3{color:#8e8e8e;font-size:18px;margin-bottom:8px;font-weight:600}.user-chat-empty p{color:#666;font-size:14px;line-height:1.5}.mobile-chat-back-btn{display:none}@media (max-width: 1024px){.user-chat-container{height:calc(100vh - 70px - 60px);height:calc(100dvh - 70px - 60px);min-height:0;border-radius:0}.user-chat-empty{display:none}.mobile-chat-back-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;color:#f5f5f5;padding:8px;cursor:pointer;margin-right:8px;border-radius:50%;transition:background 0.2s}.mobile-chat-back-btn:active{background:rgba(255,255,255,0.1)}.mobile-chat-back-btn svg{width:24px;height:24px}.user-chat-header{padding:12px 16px}.user-message{max-width:80%}.user-message-image{max-height:300px}}@media (max-width: 768px){.user-message{max-width:90%}.user-messages-container{padding:16px}.user-message-form-container{padding:12px 16px}.view-profile-btn{display:none}}.message-action-buttons{display:flex;gap:8px}.message-action-btn{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s;color:#8e8e8e}.message-action-btn:hover{background:rgba(255,255,255,0.1);border-color:#ff4081;color:#ff4081;transform:scale(1.05)}.message-action-btn.tip-btn{background:linear-gradient(135deg, rgba(255,64,129,0.1) 0%, rgba(245,0,87,0.1) 100%);border-color:rgba(255,64,129,0.3);color:#ff4081}.message-action-btn.tip-btn:hover{background:linear-gradient(135deg, rgba(255,64,129,0.2) 0%, rgba(245,0,87,0.2) 100%);transform:scale(1.1)}.message-action-btn svg{width:20px;height:20px}.user-gif-preview,.user-image-preview{margin-bottom:12px}.user-gif-preview-container,.user-image-preview-container{position:relative;display:inline-block;max-width:200px;border-radius:12px;overflow:hidden;border:2px solid rgba(255,64,129,0.3)}.user-gif-preview-container img,.user-image-preview-container img{display:block;max-width:100%;height:auto;max-height:200px}.user-gif-remove-btn,.user-image-remove-btn{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;background:rgba(0,0,0,0.7);border:none;color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s}.user-gif-remove-btn:hover,.user-image-remove-btn:hover{background:#ff4081;transform:scale(1.1)}.user-message-gif{max-width:250px;max-height:250px;border-radius:8px;display:block;cursor:pointer;transition:transform 0.2s ease}.user-message-gif:hover{transform:scale(1.02)}.emoji-picker{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);width:320px;max-height:400px;background:#1a1a1a;border:1px solid rgba(255,255,255,0.2);border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,0.6);z-index:1000;overflow:hidden}.emoji-picker-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,0.1);background:rgba(255,255,255,0.02)}.emoji-picker-title{font-weight:600;font-size:14px;color:#f5f5f5}.emoji-close-btn{background:none;border:none;color:#8e8e8e;font-size:24px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:color 0.2s}.emoji-close-btn:hover{color:#ff4081}.emoji-grid{display:grid;grid-template-columns:repeat(6, 1fr);gap:8px;padding:16px;max-height:320px;overflow-y:auto}.emoji-grid::-webkit-scrollbar{width:6px}.emoji-grid::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.2);border-radius:3px}.emoji-item{font-size:28px;cursor:pointer;text-align:center;padding:8px;border-radius:8px;transition:all 0.2s}.emoji-item:hover{background:rgba(255,255,255,0.1);transform:scale(1.2)}.gif-picker{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);width:400px;max-height:500px;background:#1a1a1a;border:1px solid rgba(255,255,255,0.2);border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,0.6);z-index:1000;overflow:hidden;display:flex;flex-direction:column}.gif-search{width:calc(100% - 32px);margin:12px 16px;padding:10px 14px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:20px;color:#f5f5f5;font-size:14px;outline:none;transition:all 0.2s}.gif-search:focus{border-color:#ff4081;background:rgba(255,255,255,0.08)}.gif-search::placeholder{color:#666}.gif-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:8px;padding:0 16px 16px;overflow-y:auto;max-height:400px}.gif-grid::-webkit-scrollbar{width:6px}.gif-grid::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.2);border-radius:3px}.gif-item{aspect-ratio:1;border-radius:8px;overflow:hidden;cursor:pointer;transition:transform 0.2s;background:rgba(255,255,255,0.05)}.gif-item:hover{transform:scale(1.05)}.gif-item img{width:100%;height:100%;object-fit:cover}.gif-loading,.gif-error{text-align:center;padding:40px 20px;color:#8e8e8e;font-size:14px;grid-column:1 / -1}.gif-error{color:#ff4081}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index:2000;backdrop-filter:blur(4px)}.tip-modal{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);z-index:2001;max-width:480px;width:90%;max-height:90vh;overflow-y:auto}.tip-modal-content{background:#1a1a1a;border:1px solid rgba(255,255,255,0.2);border-radius:20px;box-shadow:0 16px 48px rgba(0,0,0,0.8)}.tip-modal-header{padding:24px 24px 16px;border-bottom:1px solid rgba(255,255,255,0.1);display:flex;justify-content:space-between;align-items:center}.tip-modal-header h3{font-size:20px;font-weight:700;color:#f5f5f5;margin:0}.tip-modal-close{background:none;border:none;color:#8e8e8e;font-size:28px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all 0.2s}.tip-modal-close:hover{background:rgba(255,255,255,0.1);color:#ff4081}.tip-modal-body{padding:24px}.tip-amount-section,.tip-message-section{margin-bottom:24px}.tip-amount-section label,.tip-message-section label{display:block;font-size:14px;font-weight:600;color:#f5f5f5;margin-bottom:12px}.tip-amount-buttons{display:grid;grid-template-columns:repeat(4, 1fr);gap:8px;margin-bottom:12px}.tip-amount-btn{padding:12px;background:rgba(255,255,255,0.05);border:2px solid rgba(255,255,255,0.1);border-radius:12px;color:#f5f5f5;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.2s}.tip-amount-btn:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,64,129,0.5)}.tip-amount-btn.active{background:linear-gradient(135deg, rgba(255,64,129,0.2) 0%, rgba(245,0,87,0.2) 100%);border-color:#ff4081;color:#ff4081}.tip-amount-input{width:100%;padding:14px 16px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:12px;color:#f5f5f5;font-size:16px;outline:none;transition:all 0.2s}.tip-amount-input:focus{border-color:#ff4081;background:rgba(255,255,255,0.08);box-shadow:0 0 0 3px rgba(255,64,129,0.1)}.tip-amount-input::placeholder{color:#666}.tip-message-textarea{width:100%;padding:14px 16px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:12px;color:#f5f5f5;font-size:14px;font-family:inherit;resize:vertical;outline:none;transition:all 0.2s}.tip-message-textarea:focus{border-color:#ff4081;background:rgba(255,255,255,0.08);box-shadow:0 0 0 3px rgba(255,64,129,0.1)}.tip-message-textarea::placeholder{color:#666}.tip-modal-footer{padding:16px 24px 24px;display:flex;gap:12px}.btn-cancel-tip{flex:1;padding:14px 24px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:12px;color:#f5f5f5;font-size:15px;font-weight:600;cursor:pointer;transition:all 0.2s}.btn-cancel-tip:hover{background:rgba(255,255,255,0.1)}.btn-send-tip{flex:2;padding:14px 24px;background:linear-gradient(135deg, #ff4081 0%, #f50057 100%);border:none;border-radius:12px;color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:all 0.2s;box-shadow:0 4px 12px rgba(255,64,129,0.3)}.btn-send-tip:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,64,129,0.5)}.btn-send-tip:active{transform:translateY(0)}@media (max-width: 768px){.emoji-picker{width:280px;bottom:80px}.gif-picker{width:320px;max-height:400px;bottom:80px}.gif-grid{grid-template-columns:repeat(2, 1fr)}.user-gif-preview-container,.user-image-preview-container{max-width:150px}.user-gif-preview-container img,.user-image-preview-container img{max-height:150px}.tip-modal{width:95%}.tip-amount-buttons{grid-template-columns:repeat(2, 1fr)}}.system-message{display:flex;flex-direction:column;align-items:center;text-align:center;padding:16px 20px;margin:16px auto;max-width:360px;background:linear-gradient(135deg, rgba(255,64,129,0.1) 0%, rgba(245,0,87,0.08) 100%);border:1px solid rgba(255,64,129,0.25);border-radius:16px;animation:messageSlide 0.3s ease-out}.system-message-content{color:#f5f5f5;font-size:14px;line-height:1.6}.system-message-content p{margin:0 0 4px 0}.system-message-content p:last-child{margin-bottom:0}.system-message-content p:first-child{font-weight:600;font-size:15px;color:#ff4081}.system-message-time{font-size:11px;color:rgba(255,255,255,0.5);margin-top:8px}.search-results-page{background:#000;min-height:calc(100vh - 90px)}.mobile-search-container{display:none}@media (max-width: 1024px){.mobile-search-container{display:block;padding:16px;padding-top:8px}.mobile-search-box{width:100%}.mobile-search-input-wrapper{position:relative;display:flex;align-items:center}.mobile-search-icon{position:absolute;left:16px;width:20px;height:20px;color:rgba(255,255,255,0.4);pointer-events:none;transition:color 0.2s ease;z-index:1}.mobile-search-input{width:100%;padding:14px 48px 14px 48px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);border-radius:14px;color:#f5f5f5;font-size:16px;font-weight:400;transition:all 0.25s cubic-bezier(0.4, 0, 0.2, 1)}.mobile-search-input::placeholder{color:rgba(255,255,255,0.35)}.mobile-search-input:hover{background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.15)}.mobile-search-input:focus{outline:none;background:rgba(255,255,255,0.06);border-color:rgba(255,0,116,0.5);box-shadow:0 0 0 3px rgba(255,0,116,0.1), 0 4px 20px rgba(0,0,0,0.2)}.mobile-search-input:focus+.mobile-search-icon,.mobile-search-input:focus~.mobile-search-icon{color:#ff0074}.mobile-search-input-wrapper:focus-within .mobile-search-icon{color:#ff0074}.mobile-search-clear{position:absolute;right:8px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:rgba(255,255,255,0.08);border:none;border-radius:8px;color:rgba(255,255,255,0.6);cursor:pointer;transition:all 0.15s ease;text-decoration:none}.mobile-search-clear svg{width:16px;height:16px}.mobile-search-clear:hover{background:rgba(255,0,116,0.15);color:#ff0074}.mobile-search-clear:active{transform:scale(0.95)}.search-header{margin-top:0}}@media (max-width: 480px){.mobile-search-container{padding:12px;padding-top:4px}.mobile-search-input{padding:12px 44px 12px 44px;font-size:15px;border-radius:12px}.mobile-search-icon{left:14px;width:18px;height:18px}.mobile-search-clear{right:6px;width:30px;height:30px}.mobile-search-clear svg{width:14px;height:14px}}.search-header{margin-bottom:32px;padding:24px;background:linear-gradient(135deg, rgba(255,0,116,0.08) 0%, rgba(255,61,154,0.04) 100%);border:1px solid rgba(255,0,116,0.15);border-radius:16px;position:relative;overflow:hidden}.search-header::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg, #ff0074 0%, #ff3d9a 100%);border-radius:4px 0 0 4px}.search-title{font-size:28px;font-weight:700;color:#fff;margin-bottom:8px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.search-title::before{content:'🔍';font-size:24px}.search-query{color:#ff4081;background:rgba(255,64,129,0.15);padding:4px 12px;border-radius:6px;font-size:24px}.search-subtitle{color:rgba(255,255,255,0.6);font-size:14px;line-height:1.5;padding-left:36px;margin:0}.results-section{margin-bottom:60px}.section-title{font-size:22px;font-weight:700;color:#f5f5f5;margin-bottom:24px;padding-bottom:12px;border-bottom:2px solid rgba(255,64,129,0.3);display:flex;align-items:center;gap:8px}.section-title:before{content:'';width:4px;height:24px;background:linear-gradient(135deg, #ff4081 0%, #f50057 100%);border-radius:2px}.creators-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:20px;margin-bottom:30px}.creator-result-card{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.1);border-radius:12px;padding:24px;text-decoration:none;transition:all 0.3s ease;display:flex;align-items:center;gap:16px;position:relative;overflow:hidden}.creator-result-card:before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg, #ff4081 0%, #f50057 100%);transform:scaleX(0);transform-origin:left;transition:transform 0.3s ease}.creator-result-card:hover{background:rgba(255,255,255,0.05);border-color:#ff4081;transform:translateY(-4px);box-shadow:0 8px 24px rgba(255,64,129,0.2)}.creator-result-card:hover:before{transform:scaleX(1)}.result-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid #ff4081;flex-shrink:0;box-shadow:0 4px 12px rgba(255,64,129,0.3)}.result-avatar-placeholder{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg, #ff4081 0%, #f50057 100%);color:#fff;font-size:26px;font-weight:700;border:2px solid #ff4081;flex-shrink:0;box-shadow:0 4px 12px rgba(255,64,129,0.3)}.result-info{flex:1;min-width:0}.result-name{color:#f5f5f5;font-weight:600;font-size:16px;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:6px}.result-username{color:#666;font-size:14px;margin-bottom:8px}.result-bio{color:#8e8e8e;font-size:13px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.content-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:24px}.no-results{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.1);border-radius:16px;padding:80px 40px;text-align:center;margin:40px 0}.no-results-icon{width:100px;height:100px;margin:0 auto 24px;fill:#333;opacity:0.5}.no-results-title{color:#f5f5f5;font-size:24px;font-weight:700;margin-bottom:12px}.no-results-text{color:#8e8e8e;font-size:16px;margin-bottom:24px;line-height:1.5}.search-suggestions{color:#8e8e8e;font-size:14px;text-align:left;max-width:400px;margin:0 auto;padding:20px;background:rgba(255,255,255,0.02);border-radius:8px}.search-suggestions p{font-weight:600;color:#f5f5f5;margin-bottom:12px}.search-suggestions ul{list-style:none;padding:0;margin:0}.search-suggestions li{margin:8px 0;padding-left:20px;position:relative;line-height:1.5}.search-suggestions li:before{content:'→';position:absolute;left:0;color:#ff4081;font-weight:700}.search-pagination{text-align:center;margin-top:40px;padding-top:40px;border-top:1px solid rgba(255,255,255,0.1)}@media (max-width: 1024px){.creators-grid{grid-template-columns:repeat(auto-fill, minmax(240px, 1fr));gap:16px}.content-grid{grid-template-columns:repeat(auto-fill, minmax(250px, 1fr));gap:20px}}@media (max-width: 768px){.search-header{padding:20px 16px;margin-bottom:24px;border-radius:12px}.search-title{font-size:22px;gap:10px}.search-title::before{font-size:20px}.search-query{font-size:18px;padding:3px 10px}.search-subtitle{font-size:13px;padding-left:30px}.creators-grid{grid-template-columns:1fr}.creator-result-card{padding:16px}.result-avatar,.result-avatar-placeholder{width:56px;height:56px;font-size:22px}.no-results{padding:60px 24px}.no-results-icon{width:80px;height:80px}}@media (max-width: 480px){.search-header{padding:16px 14px}.search-title{font-size:20px;gap:8px}.search-title::before{font-size:18px}.search-query{font-size:16px;padding:2px 8px}.search-subtitle{font-size:12px;padding-left:26px}}:root{--dash-primary: #ff0074;--dash-primary-light: #ff3d9a;--dash-primary-dark: #cc005c;--dash-accent-purple: #7c4dff;--dash-accent-blue: #536dfe;--dash-accent-teal: #00bfa5;--dash-surface: rgba(255, 255, 255, 0.02);--dash-surface-hover: rgba(255, 255, 255, 0.05);--dash-border: rgba(255, 255, 255, 0.08);--dash-border-hover: rgba(255, 0, 116, 0.25);--dash-text: #f5f5f5;--dash-text-muted: #8e8e8e;--dash-text-dim: #666}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}@keyframes pulse-glow{0%,100%{box-shadow:0 0 20px rgba(255,0,116,0.3)}50%{box-shadow:0 0 40px rgba(255,0,116,0.5)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.creator-dashboard-page{background:linear-gradient(180deg, #000 0%, #0a0a0f 100%);min-height:100vh}.creator-dashboard-page .social-layout{display:grid;grid-template-columns:240px 1fr;gap:32px;padding:40px 24px;max-width:1800px;margin:0 auto;width:100%}.creator-dashboard-main{width:100%;max-width:100%}.creator-dashboard{padding:0;background:transparent;width:100%}.verification-banner{background:var(--dash-surface);border:1px solid var(--dash-border);border-radius:16px;padding:28px 32px;margin-bottom:32px;position:relative;overflow:hidden;animation:fadeInDown 0.5s ease}.verification-banner::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:4px 0 0 4px}.verification-banner::after{content:'';position:absolute;top:-50%;right:-10%;width:200px;height:200px;border-radius:50%;pointer-events:none;opacity:0.1}.verification-banner.pending{border-left-color:transparent}.verification-banner.pending::before{background:linear-gradient(180deg, #6c757d 0%, #495057 100%)}.verification-banner.pending::after{background:radial-gradient(circle, #6c757d 0%, transparent 70%)}.verification-banner.pending h3{color:#adb5bd}.verification-banner.pending h3 i{background:rgba(108,117,125,0.2);color:#6c757d}.verification-banner.under_review{border-left-color:transparent}.verification-banner.under_review::before{background:linear-gradient(180deg, #ffc107 0%, #ff9800 100%)}.verification-banner.under_review::after{background:radial-gradient(circle, #ffc107 0%, transparent 70%)}.verification-banner.under_review h3{color:#ffd54f}.verification-banner.under_review h3 i{background:rgba(255,193,7,0.2);color:#ffc107}.verification-banner.rejected{border-left-color:transparent}.verification-banner.rejected::before{background:linear-gradient(180deg, #dc3545 0%, #c82333 100%)}.verification-banner.rejected::after{background:radial-gradient(circle, #dc3545 0%, transparent 70%)}.verification-banner.rejected h3{color:#f8d7da}.verification-banner.rejected h3 i{background:rgba(220,53,69,0.2);color:#dc3545}.verification-banner h3{font-size:20px;font-weight:700;margin-bottom:12px;display:flex;align-items:center;gap:14px;position:relative;z-index:1}.verification-banner h3 i{font-size:20px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px}.verification-banner p{color:var(--dash-text-muted);margin-bottom:20px;line-height:1.7;font-size:15px;position:relative;z-index:1;max-width:600px}.verification-banner .cta-button{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;font-size:14px;font-weight:600;border-radius:10px;text-decoration:none;transition:all 0.3s ease;position:relative;z-index:1;background:linear-gradient(135deg, var(--dash-primary) 0%, var(--dash-primary-light) 100%);color:#fff;border:none}.verification-banner .cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(255,0,116,0.4)}.dashboard-header{margin-bottom:40px;padding:40px;background:linear-gradient(135deg, rgba(255,0,116,0.12) 0%, rgba(255,0,116,0.04) 50%, rgba(0,0,0,0) 100%);border:1px solid rgba(255,0,116,0.2);border-radius:24px;position:relative;overflow:hidden;animation:fadeInDown 0.6s ease}.dashboard-header::before{content:'';position:absolute;top:-80px;right:-80px;width:300px;height:300px;background:radial-gradient(circle, rgba(255,0,116,0.2) 0%, transparent 70%);pointer-events:none;animation:float 6s ease-in-out infinite}.dashboard-header::after{content:'';position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg, var(--dash-primary) 0%, var(--dash-primary-light) 50%, var(--dash-primary) 100%);border-radius:4px 0 0 4px}.dashboard-header .header-pattern{position:absolute;inset:0;background-image:radial-gradient(rgba(255,0,116,0.03) 1px, transparent 1px);background-size:20px 20px;pointer-events:none}.dashboard-title{font-size:36px;font-weight:800;color:#fff;margin-bottom:10px;letter-spacing:-0.5px;position:relative;z-index:1;display:flex;align-items:center;gap:14px}.dashboard-title::before{content:'🎬';font-size:32px}.dashboard-subtitle{color:rgba(255,255,255,0.7);font-size:16px;line-height:1.6;position:relative;z-index:1;font-weight:500}.stats-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:20px;margin-bottom:40px;width:100%}.stat-card{background:var(--dash-surface);border:1px solid var(--dash-border);border-radius:20px;padding:28px;position:relative;overflow:hidden;transition:all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);display:flex;flex-direction:column;gap:8px;animation:fadeInUp 0.5s ease backwards}.stat-card:nth-child(1){animation-delay:0.1s}.stat-card:nth-child(2){animation-delay:0.15s}.stat-card:nth-child(3){animation-delay:0.2s}.stat-card:nth-child(4){animation-delay:0.25s}.stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg, var(--dash-primary), var(--dash-primary-light), var(--dash-primary));opacity:0;transition:opacity 0.3s ease}.stat-card:hover{border-color:var(--dash-border-hover);transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,0.4),0 0 0 1px rgba(255,0,116,0.1)}.stat-card:hover::before{opacity:1}.stat-card:hover .stat-icon{opacity:0.6;transform:translateY(-50%) scale(1.1)}.stat-card--primary{background:linear-gradient(135deg, rgba(255,0,116,0.15) 0%, rgba(255,0,116,0.08) 100%);border-color:rgba(255,0,116,0.3)}.stat-card--primary::before{opacity:1;height:3px;background:linear-gradient(90deg, var(--dash-primary), #fff, var(--dash-primary));background-size:200% 100%;animation:shimmer 3s infinite linear}.stat-card--primary:hover{border-color:rgba(255,0,116,0.5);box-shadow:0 12px 40px rgba(255,0,116,0.25)}.stat-card--primary .stat-label{color:var(--dash-primary-light) !important}.stat-card--primary .stat-value{color:#fff !important}.stat-card--primary .stat-icon{opacity:0.4}.stat-card--primary .stat-icon svg{fill:var(--dash-primary)}.stat-card--primary .payout-info{color:rgba(255,255,255,0.6) !important}.stat-card--primary .payout-btn{background:rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.3);color:#fff;padding:12px 24px;border-radius:10px;font-weight:600;font-size:13px;text-decoration:none;display:inline-flex;align-items:center;gap:8px;margin-top:12px;transition:all 0.3s ease}.stat-card--primary .payout-btn:hover{background:rgba(255,255,255,0.25);border-color:rgba(255,255,255,0.5);transform:translateY(-2px)}.stat-icon{position:absolute;right:24px;top:50%;transform:translateY(-50%);opacity:0.2;transition:all 0.4s ease}.stat-icon svg{width:60px;height:60px;fill:var(--dash-primary)}.stat-label{color:var(--dash-text-muted);font-size:11px;text-transform:uppercase;letter-spacing:1.2px;margin-bottom:6px;font-weight:600}.stat-value{color:var(--dash-text);font-size:30px;font-weight:800;line-height:1.2;letter-spacing:-0.5px}.stat-info{color:var(--dash-accent-teal);font-size:13px;margin-top:8px;font-weight:600;display:flex;align-items:center;gap:6px}.stat-info::before{content:'↑';font-weight:700}.payout-info{color:var(--dash-text-dim);font-size:12px;margin-top:12px;font-weight:500}.earnings-analytics-section{background:var(--dash-surface);border:1px solid var(--dash-border);border-radius:20px;padding:32px;margin-bottom:40px;animation:fadeInUp 0.6s ease 0.3s backwards}.earnings-analytics-grid{display:flex;flex-direction:column;gap:28px}.earnings-breakdown-cards{display:grid;grid-template-columns:repeat(4, 1fr);gap:16px}.earnings-card{display:flex;align-items:center;gap:16px;padding:24px;background:rgba(255,255,255,0.03);border:1px solid var(--dash-border);border-radius:16px;transition:all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);position:relative;overflow:hidden}.earnings-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:4px 0 0 4px;transition:width 0.3s ease}.earnings-card:hover{background:var(--dash-surface-hover);transform:translateY(-3px) translateX(2px);box-shadow:0 8px 24px rgba(0,0,0,0.3)}.earnings-card:hover::before{width:6px}.earnings-card:hover .earnings-card-icon{transform:scale(1.1)}.earnings-card.subscriptions::before{background:linear-gradient(180deg, #ff0074, #ff3d9a)}.earnings-card.subscriptions .earnings-card-icon{background:linear-gradient(135deg, rgba(255,0,116,0.2) 0%, rgba(255,0,116,0.1) 100%);color:var(--dash-primary);box-shadow:0 4px 16px rgba(255,0,116,0.2)}.earnings-card.tips::before{background:linear-gradient(180deg, #ff6b9d, #ffb3c9)}.earnings-card.tips .earnings-card-icon{background:linear-gradient(135deg, rgba(255,107,157,0.2) 0%, rgba(255,107,157,0.1) 100%);color:#ff6b9d;box-shadow:0 4px 16px rgba(255,107,157,0.2)}.earnings-card.content::before{background:linear-gradient(180deg, #7c4dff, #b388ff)}.earnings-card.content .earnings-card-icon{background:linear-gradient(135deg, rgba(124,77,255,0.2) 0%, rgba(124,77,255,0.1) 100%);color:var(--dash-accent-purple);box-shadow:0 4px 16px rgba(124,77,255,0.2)}.earnings-card.ppv::before{background:linear-gradient(180deg, #536dfe, #8c9eff)}.earnings-card.ppv .earnings-card-icon{background:linear-gradient(135deg, rgba(83,109,254,0.2) 0%, rgba(83,109,254,0.1) 100%);color:var(--dash-accent-blue);box-shadow:0 4px 16px rgba(83,109,254,0.2)}.earnings-card-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all 0.3s ease}.earnings-card-icon svg{width:26px;height:26px}.earnings-card-info{display:flex;flex-direction:column;gap:4px;min-width:0}.earnings-card-label{font-size:11px;color:var(--dash-text-muted);font-weight:600;text-transform:uppercase;letter-spacing:0.8px}.earnings-card-value{font-size:22px;font-weight:800;color:var(--dash-text);letter-spacing:-0.3px}.earnings-card-month{font-size:12px;color:var(--dash-text-dim);font-weight:500}.charts-container{display:grid;grid-template-columns:1fr 2fr;gap:24px}.chart-card{background:rgba(255,255,255,0.03);border:1px solid var(--dash-border);border-radius:16px;padding:28px;transition:all 0.3s ease}.chart-card:hover{border-color:var(--dash-border-hover)}.chart-title{font-size:16px;font-weight:700;color:var(--dash-text);margin:0 0 24px 0;display:flex;align-items:center;gap:10px}.chart-title::before{content:'';width:4px;height:18px;background:linear-gradient(180deg, var(--dash-primary), var(--dash-primary-light));border-radius:2px}.chart-wrapper{position:relative;height:280px}.chart-wrapper.donut-wrapper{height:220px;display:flex;align-items:center;justify-content:center}.donut-center{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center;pointer-events:none}.donut-total-label{display:block;font-size:11px;color:var(--dash-text-muted);font-weight:600;text-transform:uppercase;letter-spacing:1px}.donut-total-value{display:block;font-size:24px;font-weight:800;color:var(--dash-text);margin-top:4px;letter-spacing:-0.5px}.chart-legend{display:flex;flex-wrap:wrap;gap:16px;margin-top:24px;justify-content:center}.legend-item{display:flex;align-items:center;gap:8px;font-size:13px;padding:6px 12px;background:rgba(255,255,255,0.02);border-radius:20px;transition:all 0.2s ease}.legend-item:hover{background:rgba(255,255,255,0.05)}.legend-color{width:12px;height:12px;border-radius:4px;flex-shrink:0}.legend-label{color:var(--dash-text-muted);font-weight:500}.legend-value{color:var(--dash-text);font-weight:700}.quick-actions{background:var(--dash-surface);border:1px solid var(--dash-border);border-radius:20px;padding:32px;margin-bottom:40px;animation:fadeInUp 0.6s ease 0.4s backwards}.section-title{font-size:22px;font-weight:800;color:var(--dash-text);margin-bottom:28px;display:flex;align-items:center;gap:12px;letter-spacing:-0.3px}.section-title::before{content:'';width:5px;height:28px;background:linear-gradient(180deg, var(--dash-primary) 0%, var(--dash-primary-light) 100%);border-radius:3px}.actions-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:16px;width:100%}.action-btn{display:flex;align-items:center;justify-content:center;gap:12px;padding:20px 24px;background:rgba(255,255,255,0.03);color:var(--dash-text-muted);border:1px solid var(--dash-border);border-radius:14px;text-decoration:none;transition:all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);font-weight:600;position:relative;overflow:hidden}.action-btn::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg, rgba(255,0,116,0.1) 0%, transparent 100%);opacity:0;transition:opacity 0.3s ease}.action-btn svg{width:22px;height:22px;flex-shrink:0;transition:all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);position:relative;z-index:1}.action-btn span{position:relative;z-index:1}.action-btn:hover{background:rgba(255,0,116,0.08);border-color:rgba(255,0,116,0.3);color:#fff;transform:translateY(-3px);box-shadow:0 8px 24px rgba(255,0,116,0.2)}.action-btn:hover::before{opacity:1}.action-btn:hover svg{color:var(--dash-primary);transform:scale(1.15)}.action-btn:active{transform:translateY(-1px);transition:all 0.1s ease}.action-btn .user-unread-badge{background:linear-gradient(135deg, var(--dash-primary) 0%, var(--dash-primary-light) 100%);color:#fff;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700;margin-left:8px;position:relative;z-index:1;animation:pulse-glow 2s infinite}.content-section{background:var(--dash-surface);border:1px solid var(--dash-border);border-radius:20px;padding:32px;transition:all 0.3s ease;margin-bottom:24px;animation:fadeInUp 0.6s ease 0.5s backwards}.content-section:last-child{margin-bottom:0}.content-section:hover{border-color:var(--dash-border-hover)}.content-list{margin-top:20px}.content-item{display:flex;align-items:center;gap:18px;padding:18px;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.05);border-radius:14px;margin-bottom:12px;transition:all 0.3s ease;text-decoration:none;color:inherit;cursor:pointer}.content-item:hover{background:rgba(255,255,255,0.05);border-color:rgba(255,0,116,0.2);transform:translateX(6px);box-shadow:0 4px 16px rgba(0,0,0,0.2)}.content-item:hover .content-thumbnail{border-color:rgba(255,0,116,0.3)}.content-item:last-child{margin-bottom:0}.content-thumbnail{width:68px;height:68px;border-radius:12px;overflow:hidden;flex-shrink:0;background:rgba(255,255,255,0.05);display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,0.1);transition:all 0.3s ease}.content-thumbnail img,.content-thumbnail video{width:100%;height:100%;object-fit:cover}.content-info{flex:1;min-width:0}.content-title{color:var(--dash-text);font-weight:700;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:15px}.content-meta{color:var(--dash-text-dim);font-size:13px;font-weight:500;display:flex;align-items:center;gap:8px}.subscriber-item{display:flex;align-items:center;justify-content:space-between;padding:18px;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.05);border-radius:14px;margin-bottom:12px;transition:all 0.3s ease}.subscriber-item:hover{background:rgba(255,255,255,0.05);border-color:rgba(255,0,116,0.2);transform:translateX(4px)}.subscriber-item:hover .subscriber-avatar{transform:scale(1.05);box-shadow:0 4px 16px rgba(255,0,116,0.3)}.subscriber-item:last-child{margin-bottom:0}.subscriber-info{display:flex;align-items:center;gap:16px;min-width:0;flex:1}.subscriber-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg, var(--dash-primary) 0%, var(--dash-primary-light) 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:18px;flex-shrink:0;border:3px solid rgba(255,0,116,0.3);transition:all 0.3s ease}.subscriber-details{color:var(--dash-text);min-width:0;overflow:hidden}.subscriber-name{font-weight:700;margin-bottom:4px;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subscriber-date{color:var(--dash-text-dim);font-size:12px;font-weight:500}.subscriber-amount{color:var(--dash-accent-teal);font-weight:800;font-size:16px;display:flex;align-items:center;gap:4px;flex-shrink:0;white-space:nowrap}.subscriber-amount::before{content:'+'}.empty-state{text-align:center;padding:60px 40px;color:var(--dash-text-dim)}.empty-state svg{width:72px;height:72px;margin:0 auto 24px;opacity:0.2;fill:var(--dash-text-muted)}.empty-state p{color:var(--dash-text-muted);font-size:15px;margin:0;font-weight:500}.message-indicator{position:absolute;top:-5px;right:-5px;display:inline-block}.indicator-dot{width:12px;height:12px;background:var(--dash-primary);border-radius:50%;display:block;animation:pulse-glow 2s infinite;box-shadow:0 0 0 3px #000}#creator_message_indicator{position:absolute;top:10px;right:10px}@media (max-width: 1400px){.actions-grid{grid-template-columns:repeat(3, 1fr)}}@media (max-width: 1200px){.stats-grid{grid-template-columns:repeat(2, 1fr)}.earnings-breakdown-cards{grid-template-columns:repeat(2, 1fr)}.charts-container{grid-template-columns:1fr}.chart-wrapper{height:300px}.chart-wrapper.donut-wrapper{height:250px}}@media (max-width: 1024px){.creator-dashboard-page{overflow-x:hidden;max-width:100vw;width:100%}.creator-dashboard-page .social-layout{grid-template-columns:1fr;padding:0;gap:0;max-width:100vw;overflow-x:hidden}.creator-dashboard-page .left-sidebar{display:none}.creator-dashboard-main{padding:24px 16px 100px 16px;max-width:100vw;overflow-x:hidden;box-sizing:border-box}.creator-dashboard{max-width:100%;overflow-x:hidden}.content-item,.subscriber-item{max-width:100%;box-sizing:border-box}.content-info,.subscriber-info,.subscriber-details{min-width:0;overflow:hidden}.content-title,.subscriber-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subscriber-amount{flex-shrink:0;white-space:nowrap;font-size:14px}.dashboard-header{padding:28px 24px;margin-bottom:28px;border-radius:16px}.dashboard-title{font-size:26px}.dashboard-title::before{font-size:24px}.dashboard-subtitle{font-size:14px}.stats-grid{gap:14px;margin-bottom:28px}.stat-card{padding:22px;border-radius:16px}.stat-value{font-size:26px}.actions-grid{grid-template-columns:repeat(2, 1fr);gap:12px}.action-btn{padding:16px;flex-direction:column;text-align:center;border-radius:12px}.action-btn svg{width:26px;height:26px}.action-btn span{font-size:13px}.quick-actions,.content-section,.earnings-analytics-section{padding:24px;border-radius:16px}.section-title{font-size:18px;margin-bottom:20px}.verification-banner{padding:24px;margin-bottom:24px;border-radius:14px}.verification-banner h3{font-size:18px}.verification-banner p{font-size:14px}}@media (max-width: 768px){.creator-dashboard-main{padding:20px 14px 100px 14px;width:100%;max-width:100vw}.stats-grid{grid-template-columns:1fr;gap:12px;width:100%}.content-section,.quick-actions,.earnings-analytics-section{max-width:100%;overflow:hidden}.content-list{max-width:100%}.stat-card{padding:20px}.stat-value{font-size:28px}.dashboard-header{padding:24px 20px;margin-bottom:24px}.dashboard-title{font-size:22px}.earnings-breakdown-cards{grid-template-columns:1fr;gap:12px}.earnings-card{padding:18px}.earnings-card-icon{width:44px;height:44px}.earnings-card-icon svg{width:22px;height:22px}.earnings-card-value{font-size:20px}.chart-card{padding:20px}.chart-wrapper{height:260px}.chart-wrapper.donut-wrapper{height:200px}.donut-total-value{font-size:20px}.chart-legend{gap:10px;margin-top:20px}.legend-item{font-size:12px;padding:5px 10px}.quick-actions,.content-section,.earnings-analytics-section{padding:20px;margin-bottom:20px}.section-title{font-size:17px}.section-title::before{height:22px;width:4px}.content-item,.subscriber-item{padding:14px}.content-thumbnail{width:56px;height:56px}.subscriber-avatar{width:42px;height:42px;font-size:16px}.verification-banner{padding:20px}.verification-banner h3{font-size:16px;gap:10px}.verification-banner h3 i{width:34px;height:34px;font-size:16px}.verification-banner p{font-size:13px;margin-bottom:16px}.verification-banner .cta-button{padding:10px 22px;font-size:13px}.empty-state{padding:48px 24px}.empty-state svg{width:56px;height:56px}.empty-state p{font-size:14px}}@media (max-width: 480px){.creator-dashboard-main{padding:16px 12px 100px 12px;width:100%}.dashboard-header{padding:20px 16px;margin-bottom:20px;max-width:100%;overflow:hidden}.subscriber-item{padding:12px 10px;gap:8px}.subscriber-info{gap:10px;flex:1;min-width:0}.subscriber-amount{font-size:13px;padding-left:8px}.dashboard-title{font-size:20px;gap:10px}.dashboard-title::before{font-size:20px}.dashboard-subtitle{font-size:13px}.stat-card{padding:18px;border-radius:14px}.stat-value{font-size:24px}.stat-label{font-size:10px}.stat-icon svg{width:50px;height:50px}.actions-grid{gap:10px}.action-btn{padding:14px 10px;border-radius:10px}.action-btn svg{width:24px;height:24px}.action-btn span{font-size:11px}.quick-actions,.content-section,.earnings-analytics-section{padding:16px;border-radius:14px}.section-title{font-size:16px;margin-bottom:16px}.section-title::before{height:20px;width:3px}.earnings-card{padding:14px;gap:12px}.earnings-card-icon{width:40px;height:40px}.earnings-card-icon svg{width:20px;height:20px}.earnings-card-label{font-size:10px}.earnings-card-value{font-size:18px}.earnings-card-month{font-size:11px}.chart-wrapper{height:220px}.chart-wrapper.donut-wrapper{height:180px}.content-item{padding:12px;gap:12px}.content-thumbnail{width:50px;height:50px;border-radius:10px}.content-title{font-size:14px}.content-meta{font-size:12px}.subscriber-item{padding:12px;gap:10px}.subscriber-avatar{width:38px;height:38px;font-size:14px;border-width:2px}.subscriber-name{font-size:14px}.subscriber-amount{font-size:14px}.verification-banner{padding:16px;border-radius:12px}.verification-banner h3{font-size:15px}.verification-banner h3 i{width:32px;height:32px;font-size:14px;border-radius:8px}.verification-banner p{font-size:12px}}.new-content-page{background:#000;min-height:calc(100vh - 90px)}.new-content-page .social-layout{display:grid;grid-template-columns:240px 1fr;gap:24px;padding:40px 20px;max-width:1600px;margin:0 auto}.new-content-page .main-feed{max-width:100%;width:100%}.page-header{margin-bottom:40px}.page-title{font-size:36px;font-weight:700;color:#f5f5f5;margin-bottom:10px;display:flex;align-items:center;gap:12px}.page-title:before{content:'';width:4px;height:36px;background:linear-gradient(135deg, #ff4081 0%, #f50057 100%);border-radius:2px}.page-subtitle{color:#8e8e8e;font-size:16px;margin-left:16px}.content-form-wrapper{display:grid;grid-template-columns:1fr 380px;gap:30px;align-items:start}.form-section{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.1);border-radius:12px;padding:30px;margin-bottom:30px;transition:all 0.3s ease}.form-section:hover{border-color:rgba(255,64,129,0.2)}.section-title{font-size:20px;font-weight:700;color:#f5f5f5;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,0.1);display:flex;align-items:center;gap:8px}.section-title:before{content:'';width:3px;height:20px;background:linear-gradient(135deg, #ff4081 0%, #f50057 100%);border-radius:2px}.form-group{margin-bottom:25px}.form-label{display:block;color:#f5f5f5;font-weight:600;margin-bottom:10px;font-size:14px;text-transform:uppercase;letter-spacing:0.8px}.form-label-required::after{content:" *";color:#ff4081}.form-help-text{color:#8e8e8e;font-size:14px;margin-top:10px;line-height:1.5}.form-input{width:100%;padding:14px 16px;background:rgba(255,255,255,0.05);border:2px solid rgba(255,255,255,0.1);border-radius:10px;color:#f5f5f5;font-size:16px;transition:all 0.3s ease}.form-input:focus{outline:none;border-color:#ff4081;background:rgba(255,255,255,0.08);box-shadow:0 0 0 3px rgba(255,64,129,0.1)}.form-input::placeholder{color:#666}.form-textarea{min-height:120px;resize:vertical;font-family:inherit;line-height:1.6}.content-type-selector{display:grid;grid-template-columns:repeat(3, 1fr);gap:15px}.type-option{position:relative;cursor:pointer}.type-option input[type="radio"]{position:absolute;opacity:0}.type-option input[type="radio"]:checked+.type-label{background:rgba(255,64,129,0.15);border-color:#ff4081;transform:translateY(-4px);box-shadow:0 8px 24px rgba(255,64,129,0.3)}.type-label{display:flex;flex-direction:column;align-items:center;padding:20px;background:rgba(255,255,255,0.03);border:2px solid rgba(255,255,255,0.1);border-radius:12px;transition:all 0.3s ease;text-align:center}.type-label:hover{background:rgba(255,255,255,0.05);border-color:rgba(255,64,129,0.3)}.type-icon{width:40px;height:40px;margin-bottom:10px;fill:#ff4081}.type-name{color:#f5f5f5;font-weight:600;font-size:14px}.upload-area{border:2px dashed rgba(255,255,255,0.2);border-radius:12px;padding:40px;text-align:center;transition:all 0.3s ease;cursor:pointer;position:relative;overflow:hidden;background:rgba(255,255,255,0.02)}.upload-area:hover,.upload-area.dragover{border-color:#ff4081;background:rgba(255,64,129,0.08);box-shadow:0 0 20px rgba(255,64,129,0.2)}.upload-icon{width:60px;height:60px;margin:0 auto 20px;fill:#8e8e8e;transition:all 0.3s ease}.upload-area:hover .upload-icon{fill:#ff4081;transform:scale(1.1)}.upload-text{color:#f5f5f5;font-weight:600;margin-bottom:10px;font-size:16px}.upload-subtext{color:#8e8e8e;font-size:14px}.upload-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.preview-container{margin-top:20px;position:relative;border-radius:12px;overflow:hidden}.preview-image,.preview-video{width:100%;border-radius:12px;max-height:400px;object-fit:cover;border:1px solid rgba(255,255,255,0.1)}.preview-remove{position:absolute;top:10px;right:10px;background:rgba(0,0,0,0.9);color:#fff;border:1px solid rgba(255,255,255,0.2);padding:8px 16px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all 0.3s ease}.preview-remove:hover{background:#ff4081;border-color:#ff4081;transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,64,129,0.4)}.access-type-selector{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:15px;margin-bottom:25px}.access-option{position:relative;cursor:pointer}.access-option input[type="radio"]{position:absolute;opacity:0}.access-option input[type="radio"]:checked+.access-label{background:rgba(255,64,129,0.15);border-color:#ff4081;transform:translateY(-4px);box-shadow:0 8px 24px rgba(255,64,129,0.3)}.access-option input[type="radio"]:checked+.access-label .access-icon{transform:scale(1.1)}.access-label{display:flex;flex-direction:column;align-items:center;padding:20px;background:rgba(255,255,255,0.03);border:2px solid rgba(255,255,255,0.1);border-radius:12px;transition:all 0.3s ease;text-align:center;min-height:140px}.access-label:hover{background:rgba(255,255,255,0.05);border-color:rgba(255,64,129,0.3)}.access-icon{width:36px;height:36px;margin-bottom:10px;fill:#ff4081;transition:all 0.3s ease}.access-name{color:#f5f5f5;font-weight:600;font-size:15px;margin-bottom:5px}.access-desc{color:#8e8e8e;font-size:12px;line-height:1.4}.price-input-wrapper{display:none;margin-top:15px}.price-input-wrapper.show{display:block}.pricing-toggle,.schedule-toggle{display:flex;align-items:center;gap:15px;padding:16px 20px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-radius:12px;cursor:pointer;transition:all 0.2s ease;user-select:none}.pricing-toggle:hover,.schedule-toggle:hover{background:rgba(255,255,255,0.05);border-color:rgba(255,0,116,0.2)}.toggle-switch{position:relative;display:inline-block;width:50px;height:26px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg, #ff0074 0%, #ff3d9a 100%);border-color:transparent}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(24px)}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,0.15);transition:all 0.3s ease;border-radius:26px;border:1px solid rgba(255,255,255,0.1)}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:2px;top:2px;background-color:white;transition:all 0.3s ease;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,0.3)}.toggle-label{color:#f5f5f5;font-weight:500;font-size:15px;user-select:none}.datetime-input{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);color:#f5f5f5;padding:14px 16px;border-radius:10px;font-size:15px;width:100%;transition:all 0.2s ease}.datetime-input:focus{outline:none;border-color:#ff0074;background:rgba(255,0,116,0.05)}.datetime-input::-webkit-calendar-picker-indicator{filter:invert(1);opacity:0.7;cursor:pointer}.datetime-input::-webkit-calendar-picker-indicator:hover{opacity:1}#schedule-wrapper{padding:20px;background:rgba(255,0,116,0.05);border:1px solid rgba(255,0,116,0.15);border-radius:12px;margin-top:16px}#schedule-wrapper .form-label{color:#ff0074;font-weight:600;margin-bottom:12px;display:flex;align-items:center;gap:8px}#schedule-wrapper .form-label::before{content:'📅'}.form-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:30px}.btn-cancel{padding:14px 30px;background:rgba(255,255,255,0.05);color:#f5f5f5;border:1px solid rgba(255,255,255,0.1);border-radius:10px;font-weight:600;text-decoration:none;transition:all 0.3s ease;cursor:pointer;font-size:14px}.btn-cancel:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.2);transform:translateY(-2px)}.btn-submit{padding:14px 40px;background:linear-gradient(135deg, #ff4081 0%, #f50057 100%);color:#fff;border:1px solid rgba(255,255,255,0.1);border-radius:10px;font-weight:600;cursor:pointer;transition:all 0.3s ease;font-size:14px}.btn-submit:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(255,64,129,0.5);border-color:#ff4081}.btn-submit:active{transform:translateY(-1px)}.tips-section{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.1);border-radius:12px;padding:30px;position:sticky;top:20px}.tips-title{font-size:20px;font-weight:700;color:#f5f5f5;margin-bottom:20px;display:flex;align-items:center;gap:8px}.tips-title:before{content:'💡';font-size:24px}.tip-item{display:flex;gap:15px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,0.05)}.tip-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.tip-icon{flex-shrink:0;width:40px;height:40px;background:linear-gradient(135deg, #ff4081 0%, #f50057 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(255,64,129,0.3)}.tip-icon svg{width:20px;height:20px;fill:#fff}.tip-content{flex:1}.tip-title{color:#f5f5f5;font-weight:600;margin-bottom:5px;font-size:15px}.tip-text{color:#8e8e8e;font-size:14px;line-height:1.5}.error-messages{background:rgba(255,64,129,0.1);border:1px solid #ff4081;border-radius:12px;padding:20px;margin-bottom:30px}.error-messages strong{color:#f5f5f5 !important;font-size:16px;display:block;margin-bottom:10px}.error-messages ul{list-style:none;padding:0;margin:0}.error-messages li{color:#ff4081;margin-bottom:10px;padding-left:20px;position:relative}.error-messages li:before{content:'•';position:absolute;left:0;color:#ff4081}.error-messages li:last-child{margin-bottom:0}@media (max-width: 1024px){.new-content-page{overflow-x:hidden;max-width:100vw;width:100%;min-height:auto}.new-content-page .social-layout{grid-template-columns:1fr;gap:0;padding:20px 16px;padding-bottom:calc(120px + env(safe-area-inset-bottom, 20px));max-width:100vw;overflow-x:hidden}.new-content-page .left-sidebar{display:none}.new-content-page .main-feed{max-width:100vw;overflow-x:hidden}.content-form-wrapper{grid-template-columns:1fr}.tips-section{position:static;margin-top:30px;margin-bottom:40px}}@media (max-width: 768px){.new-content-page .social-layout{padding:16px 14px;padding-bottom:calc(120px + env(safe-area-inset-bottom, 20px))}.page-title{font-size:24px}.page-title:before{height:24px}.page-subtitle{font-size:14px;margin-left:12px}.content-type-selector{grid-template-columns:1fr}.form-section{padding:20px;margin-bottom:20px}.section-title{font-size:18px}.form-actions{flex-direction:column}.btn-cancel,.btn-submit{width:100%;text-align:center}.access-type-selector{grid-template-columns:1fr}.tips-section{padding:20px;margin-bottom:60px}}@media (max-width: 480px){.new-content-page .social-layout{padding:12px 10px;padding-bottom:calc(110px + env(safe-area-inset-bottom, 20px))}.page-header{margin-bottom:24px}.page-title{font-size:20px}.page-title:before{height:20px;width:3px}.page-subtitle{font-size:13px}.form-section{padding:16px;border-radius:10px}.section-title{font-size:16px;margin-bottom:20px;padding-bottom:12px}.form-label{font-size:12px}.form-input{padding:12px 14px;font-size:15px}.type-label{padding:16px}.upload-area{padding:30px 20px}.upload-icon{width:50px;height:50px}.upload-text{font-size:14px}.upload-subtext{font-size:13px}.access-label{padding:16px;min-height:120px}.btn-cancel,.btn-submit{padding:14px 24px;font-size:14px}.tips-section{padding:16px}.tips-title{font-size:18px}.tip-icon{width:36px;height:36px}.tip-title{font-size:14px}.tip-text{font-size:13px}}.contents-page{background:#000;min-height:calc(100vh - 90px)}.contents-page .social-layout{display:grid;grid-template-columns:240px 1fr;gap:24px;padding:40px 20px;max-width:1800px;margin:0 auto}.contents-page .main-feed{max-width:100%;width:100%}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;flex-wrap:wrap;gap:20px}.page-title{font-size:36px;font-weight:700;color:#f5f5f5;display:flex;align-items:center;gap:12px}.page-title:before{content:'';width:4px;height:36px;background:linear-gradient(135deg, #ff4081 0%, #f50057 100%);border-radius:2px}.new-content-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;background:linear-gradient(135deg, #ff4081 0%, #f50057 100%);color:#fff;border:1px solid rgba(255,255,255,0.1);border-radius:10px;font-weight:600;text-decoration:none;transition:all 0.3s ease;font-size:15px}.new-content-btn:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(255,64,129,0.5);border-color:#ff4081}.new-content-btn:active{transform:translateY(-1px)}.new-content-btn svg{width:20px;height:20px}.new-content-btn.disabled{opacity:0.6;cursor:not-allowed;pointer-events:none}.verification-banner{background:rgba(255,193,7,0.1);border:1px solid rgba(255,193,7,0.3);border-radius:12px;padding:20px 24px;margin-bottom:30px;border-left:4px solid #ffc107}.verification-banner h3{color:#ffc107;margin-bottom:10px;display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700}.verification-banner p{color:#8e8e8e;margin-bottom:15px;line-height:1.6}.verification-banner .cta-button{padding:10px 25px;font-size:14px}.content-stats{display:grid;grid-template-columns:repeat(4, 1fr);gap:20px;margin-bottom:40px}@media (max-width: 1024px){.content-stats{grid-template-columns:repeat(2, 1fr)}}@media (max-width: 640px){.content-stats{grid-template-columns:1fr}}.stat-card{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.1);border-radius:12px;padding:25px;text-align:center;transition:all 0.3s ease}.stat-card:hover{border-color:rgba(255,64,129,0.3);transform:translateY(-4px);box-shadow:0 8px 24px rgba(255,64,129,0.2)}.stat-value{font-size:32px;font-weight:700;color:#f5f5f5;margin-bottom:8px;line-height:1}.stat-label{color:#8e8e8e;font-size:13px;text-transform:uppercase;letter-spacing:0.8px;font-weight:600}.content-filters{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.1);border-radius:12px;padding:20px;margin-bottom:30px;display:flex;gap:12px;flex-wrap:wrap}.filter-btn{padding:10px 20px;background:rgba(255,255,255,0.03);color:#8e8e8e;border:1px solid rgba(255,255,255,0.1);border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all 0.3s ease}.filter-btn:hover{background:rgba(255,255,255,0.05);color:#f5f5f5;border-color:rgba(255,64,129,0.3)}.filter-btn.active{background:linear-gradient(135deg, #ff4081 0%, #f50057 100%);color:#fff;border-color:rgba(255,255,255,0.2);box-shadow:0 4px 12px rgba(255,64,129,0.3)}.contents-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(320px, 1fr));gap:24px;margin-bottom:40px}.content-card{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.1);border-radius:12px;overflow:hidden;transition:all 0.3s ease;position:relative}.content-card:hover{transform:translateY(-6px);border-color:rgba(255,64,129,0.3);box-shadow:0 12px 32px rgba(255,64,129,0.25)}.content-preview{position:relative;aspect-ratio:16/9;background:rgba(255,255,255,0.05);overflow:hidden}.content-preview img,.content-preview video{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.content-card:hover .content-preview img,.content-card:hover .content-preview video{transform:scale(1.05)}.content-preview-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.03)}.content-preview-placeholder svg{width:60px;height:60px;fill:#666}.content-type-badge{position:absolute;top:12px;left:12px;background:rgba(0,0,0,0.85);backdrop-filter:blur(8px);color:#fff;padding:6px 12px;border-radius:8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;border:1px solid rgba(255,255,255,0.1)}.gallery-count-badge{position:absolute;bottom:12px;right:12px;background:rgba(0,0,0,0.85);backdrop-filter:blur(8px);color:#fff;padding:6px 10px;border-radius:6px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:5px;border:1px solid rgba(255,255,255,0.15)}.gallery-count-badge svg{width:14px;height:14px}.content-status{position:absolute;top:12px;right:12px;padding:6px 12px;border-radius:8px;font-size:11px;font-weight:700;backdrop-filter:blur(8px);border:1px solid}.content-status--published{background:rgba(76,175,80,0.2);color:#4caf50;border-color:rgba(76,175,80,0.3)}.content-status--scheduled{background:rgba(33,150,243,0.2);color:#2196f3;border-color:rgba(33,150,243,0.3)}.content-status--draft{background:rgba(255,193,7,0.2);color:#ffc107;border-color:rgba(255,193,7,0.3)}.content-info{padding:20px;position:relative}.content-menu{position:absolute;top:20px;right:20px;z-index:10}.content-header{margin-bottom:10px;padding-right:40px}.content-title{color:#f5f5f5;font-size:14px;font-weight:600;margin:0 0 8px 0;line-height:1.4;word-break:break-word;display:block;width:100%}.menu-trigger{padding:6px;background:transparent;border:none;color:#8e8e8e;cursor:pointer;transition:all 0.2s ease;display:flex;align-items:center;justify-content:center;border-radius:50%}.menu-trigger:hover{background:rgba(255,255,255,0.1);color:#f5f5f5}.menu-trigger svg{width:20px;height:20px}.dropdown-menu{position:absolute;top:calc(100% + 4px);right:0;background:#1a1a1a;border:1px solid rgba(255,255,255,0.15);border-radius:8px;min-width:140px;box-shadow:0 4px 16px rgba(0,0,0,0.6);opacity:0;visibility:hidden;transform:translateY(-8px);transition:all 0.15s ease;z-index:100;overflow:hidden}.dropdown-menu.active{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 14px;color:#f5f5f5;text-decoration:none;transition:all 0.15s ease;cursor:pointer}.dropdown-item:hover{background:rgba(255,255,255,0.08)}.dropdown-item svg{width:16px;height:16px;fill:currentColor;flex-shrink:0}.dropdown-item span{font-size:13px;font-weight:500}.dropdown-item-danger:hover{background:rgba(220,53,69,0.15);color:#dc3545}.content-description{color:#8e8e8e;font-size:14px;line-height:1.6;margin-bottom:16px}.content-meta{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;color:#666;font-size:13px;padding-top:16px;border-top:1px solid rgba(255,255,255,0.05)}.meta-item{display:flex;align-items:center;gap:6px;font-weight:500}.meta-item svg{width:16px;height:16px;fill:currentColor}.content-price{color:#ff4081;font-weight:700}.content-free{color:#4caf50;font-weight:600}.content-subscribers{color:#8e8e8e}.stat-card--sales{border-color:rgba(76,175,80,0.3);background:rgba(76,175,80,0.05)}.stat-card--sales:hover{border-color:rgba(76,175,80,0.5);box-shadow:0 8px 24px rgba(76,175,80,0.2)}.stat-card--sales .stat-value{color:#4caf50}.stat-revenue{color:#4caf50;font-size:16px;font-weight:700;margin-top:8px;padding-top:8px;border-top:1px solid rgba(76,175,80,0.2);display:flex;flex-direction:column;align-items:center;gap:4px}.stat-revenue-note{font-size:11px;font-weight:500;color:#8e8e8e;text-transform:uppercase;letter-spacing:0.5px}.filter-btn--sales:not(.active){border-color:rgba(76,175,80,0.3);color:#4caf50;background:rgba(76,175,80,0.08)}.filter-btn--sales:not(.active):hover{background:rgba(76,175,80,0.15);border-color:rgba(76,175,80,0.5)}.filter-btn--sales.active{background:linear-gradient(135deg, #4caf50 0%, #388e3c 100%);border-color:rgba(255,255,255,0.2);box-shadow:0 4px 12px rgba(76,175,80,0.3)}.meta-item--sales{color:#4caf50}.meta-item--sales svg{fill:#4caf50}.meta-item--sales .sales-count{font-weight:600}.empty-contents{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.1);border-radius:12px;padding:80px 40px;text-align:center}.empty-icon{width:100px;height:100px;margin:0 auto 30px;opacity:0.3;fill:#8e8e8e}.empty-title{color:#f5f5f5;font-size:24px;font-weight:700;margin-bottom:15px}.empty-text{color:#8e8e8e;font-size:16px;margin-bottom:30px;line-height:1.5}.pagination-wrapper{display:flex;justify-content:center;margin-top:40px}@media (max-width: 1024px){.contents-page .social-layout{grid-template-columns:200px 1fr;gap:16px;padding:30px 16px}.contents-grid{grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:20px}}@media (max-width: 768px){.contents-page .social-layout{grid-template-columns:1fr;padding:20px 16px}.page-header{flex-direction:column;align-items:stretch}.page-title{font-size:28px}.page-title:before{height:28px}.new-content-btn{justify-content:center}.contents-grid{grid-template-columns:1fr}.content-filters{gap:8px}.filter-btn{padding:8px 16px;font-size:13px}}.payouts-page{background:#000;min-height:calc(100vh - 90px);position:relative}.payouts-page::before{content:'';position:fixed;top:0;left:0;right:0;height:400px;background:radial-gradient(ellipse at 50% 0%, rgba(255,0,116,0.06) 0%, transparent 70%);pointer-events:none;z-index:0}.payouts-page .social-layout{display:grid;grid-template-columns:240px 1fr;gap:32px;padding:40px 24px;max-width:1800px;margin:0 auto;position:relative;z-index:1}.payouts-page .main-feed{max-width:100%;width:100%;min-width:0}.page-header{margin-bottom:40px;padding:32px;background:linear-gradient(135deg, rgba(255,0,116,0.08) 0%, rgba(255,0,116,0.02) 50%, transparent 100%);border:1px solid rgba(255,0,116,0.12);border-radius:20px;position:relative;overflow:hidden}.page-header::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg, #ff0074 0%, #ff3d9a 100%);border-radius:4px 0 0 4px}.page-header::after{content:'';position:absolute;top:-50px;right:-50px;width:200px;height:200px;background:radial-gradient(circle, rgba(255,0,116,0.1) 0%, transparent 70%);pointer-events:none}.page-title{font-size:32px;font-weight:800;color:#f5f5f5;margin-bottom:10px;font-family:'Montserrat', sans-serif;letter-spacing:-0.5px;position:relative;z-index:1}.page-subtitle{color:#949494;font-size:15px;font-family:'Rubik', sans-serif;position:relative;z-index:1;line-height:1.6}.payouts-stats{display:grid;grid-template-columns:repeat(3, 1fr);gap:20px;margin-bottom:40px}.stat-card{background:linear-gradient(145deg, rgba(31,31,31,0.9) 0%, rgba(20,20,20,0.95) 100%);border:1px solid rgba(255,255,255,0.06);border-radius:16px;padding:28px;text-align:center;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);position:relative;overflow:hidden;backdrop-filter:blur(10px)}.stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg, transparent, rgba(255,0,116,0.3), transparent);opacity:0;transition:opacity 0.3s ease}.stat-card:hover{border-color:rgba(255,0,116,0.25);transform:translateY(-4px);box-shadow:0 16px 40px rgba(0,0,0,0.4),0 0 40px rgba(255,0,116,0.1)}.stat-card:hover::before{opacity:1}.stat-card--balance{background:linear-gradient(135deg, #ff0074 0%, #ff3d9a 100%);border:none;box-shadow:0 8px 32px rgba(255,0,116,0.35)}.stat-card--balance::before{display:none}.stat-card--balance:hover{transform:translateY(-6px);box-shadow:0 20px 50px rgba(255,0,116,0.5)}.stat-card--balance .stat-icon{background:rgba(255,255,255,0.2);border:1px solid rgba(255,255,255,0.3)}.stat-card--balance .stat-label{color:rgba(255,255,255,0.9)}.stat-card--balance .stat-value{text-shadow:0 2px 10px rgba(0,0,0,0.3)}.stat-icon{width:64px;height:64px;margin:0 auto 18px;background:linear-gradient(135deg, rgba(255,0,116,0.15) 0%, rgba(255,0,116,0.05) 100%);border:1px solid rgba(255,0,116,0.2);border-radius:16px;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease}.stat-icon svg{width:28px;height:28px;fill:#ff0074;transition:transform 0.3s ease}.stat-card:hover .stat-icon svg{transform:scale(1.1)}.stat-card--balance .stat-icon svg{fill:#fff}.stat-label{color:#949494;font-size:11px;text-transform:uppercase;letter-spacing:1.2px;margin-bottom:12px;font-weight:700;font-family:'Montserrat', sans-serif}.stat-value{font-size:28px;font-weight:800;color:#fff;line-height:1;font-family:'Montserrat', sans-serif;letter-spacing:-0.5px}.request-payout-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:20px;padding:12px 28px;background:rgba(255,255,255,0.15);color:#fff;border:1px solid rgba(255,255,255,0.25);border-radius:10px;font-weight:700;font-size:12px;text-decoration:none;transition:all 0.25s cubic-bezier(0.4, 0, 0.2, 1);text-transform:uppercase;letter-spacing:1.2px;font-family:'Montserrat', sans-serif;backdrop-filter:blur(10px)}.request-payout-btn:hover{transform:translateY(-2px);background:rgba(255,255,255,0.25);box-shadow:0 8px 24px rgba(255,255,255,0.15);color:#fff}.request-payout-btn.request-payout-btn-secondary{background:linear-gradient(135deg, #ff0074 0%, #ff3d9a 100%);border:none;box-shadow:0 4px 16px rgba(255,0,116,0.3)}.request-payout-btn.request-payout-btn-secondary:hover{box-shadow:0 8px 28px rgba(255,0,116,0.45)}.min-balance-info{margin-top:16px;color:rgba(255,255,255,0.75);font-size:13px;line-height:1.5;font-family:'Rubik', sans-serif;padding:10px 16px;background:rgba(255,255,255,0.1);border-radius:8px;display:inline-block}.payouts-section{background:linear-gradient(145deg, rgba(31,31,31,0.8) 0%, rgba(20,20,20,0.9) 100%);border:1px solid rgba(255,255,255,0.06);border-radius:20px;overflow:hidden;backdrop-filter:blur(10px);box-shadow:0 8px 32px rgba(0,0,0,0.3)}.section-header{padding:28px 32px;border-bottom:1px solid rgba(255,0,116,0.1);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;background:rgba(0,0,0,0.3)}.section-header .request-payout-btn{margin:0}.section-title{font-size:22px;font-weight:800;color:#f5f5f5;font-family:'Montserrat', sans-serif;display:flex;align-items:center;gap:12px}.section-title::before{content:'';width:4px;height:24px;background:linear-gradient(180deg, #ff0074 0%, #ff3d9a 100%);border-radius:2px}.payouts-table{width:100%;border-collapse:collapse}.table-header{background:rgba(0,0,0,0.4);border-bottom:1px solid rgba(255,0,116,0.1)}.table-header th{padding:18px 28px;text-align:left;color:#949494;font-size:11px;text-transform:uppercase;letter-spacing:1.2px;font-weight:700;font-family:'Montserrat', sans-serif}.table-header th:first-child{padding-left:32px}.table-header th:last-child{padding-right:32px}.table-row{border-bottom:1px solid rgba(255,255,255,0.04);transition:all 0.2s ease}.table-row:hover{background:rgba(255,0,116,0.03)}.table-row:last-child{border-bottom:none}.table-row td{padding:24px 28px;color:#f5f5f5;vertical-align:middle;font-family:'Rubik', sans-serif}.table-row td:first-child{padding-left:32px}.table-row td:last-child{padding-right:32px}.payout-amount{font-size:20px;font-weight:700;color:#fff;margin-bottom:6px;font-family:'Montserrat', sans-serif}.payout-commission{color:#666;font-size:12px;line-height:1.6}.payout-commission span{color:#ff0074;font-weight:600}.payout-status{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:24px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;border:1px solid;font-family:'Montserrat', sans-serif}.payout-status--pending{background:linear-gradient(135deg, rgba(255,193,7,0.15) 0%, rgba(255,193,7,0.05) 100%);color:#ffc107;border-color:rgba(255,193,7,0.3)}.payout-status--pending::before{content:'';width:6px;height:6px;background:#ffc107;border-radius:50%;animation:pulse-dot 2s infinite}.payout-status--approved{background:linear-gradient(135deg, rgba(33,150,243,0.15) 0%, rgba(33,150,243,0.05) 100%);color:#2196f3;border-color:rgba(33,150,243,0.3)}.payout-status--paid{background:linear-gradient(135deg, rgba(76,175,80,0.15) 0%, rgba(76,175,80,0.05) 100%);color:#4caf50;border-color:rgba(76,175,80,0.3)}.payout-status--rejected{background:linear-gradient(135deg, rgba(244,67,54,0.15) 0%, rgba(244,67,54,0.05) 100%);color:#f44336;border-color:rgba(244,67,54,0.3)}@keyframes pulse-dot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.5;transform:scale(0.8)}}.payout-date{color:#949494;font-size:13px;line-height:1.7}.payout-reference{color:#ff0074;font-family:'JetBrains Mono', 'Courier New', monospace;font-size:12px;font-weight:600;padding:6px 12px;background:linear-gradient(135deg, rgba(255,0,116,0.1) 0%, rgba(255,0,116,0.05) 100%);border-radius:8px;border:1px solid rgba(255,0,116,0.2);display:inline-block;transition:all 0.2s ease}.payout-reference:hover{background:rgba(255,0,116,0.15);border-color:rgba(255,0,116,0.4)}.rejection-reason{position:relative;color:#f44336;font-size:12px;cursor:help;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px;transition:all 0.2s ease;font-weight:500}.rejection-reason:hover{color:#ff6b6b}.rejection-reason:hover::after{content:attr(data-reason);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:linear-gradient(145deg, #1f1f1f 0%, #141414 100%);color:#f5f5f5;padding:12px 16px;border-radius:10px;white-space:nowrap;max-width:300px;font-size:12px;z-index:1000;margin-bottom:10px;border:1px solid rgba(255,0,116,0.2);box-shadow:0 8px 32px rgba(0,0,0,0.5);text-decoration:none;font-weight:400}.rejection-reason:hover::before{content:'';position:absolute;bottom:100%;left:50%;transform:translateX(-50%);border:8px solid transparent;border-top-color:#1f1f1f;margin-bottom:-6px}.no-reference{color:#535353;font-size:13px}.empty-payouts{padding:80px 32px;text-align:center}.empty-icon{width:80px;height:80px;margin:0 auto 24px;opacity:0.3;fill:#ff0074}.empty-title{color:#f5f5f5;font-size:22px;font-weight:700;margin-bottom:10px;font-family:'Montserrat', sans-serif}.empty-text{color:#949494;font-size:15px;margin-bottom:28px;font-family:'Rubik', sans-serif}.pagination-wrapper{padding:28px 32px;display:flex;justify-content:center;border-top:1px solid rgba(255,255,255,0.05);background:rgba(0,0,0,0.2)}@media (max-width: 1200px){.payouts-stats{grid-template-columns:repeat(3, 1fr);gap:16px}.stat-card{padding:24px 20px}.stat-value{font-size:24px}}@media (max-width: 1024px){.payouts-page{max-width:100vw;overflow-x:hidden}.payouts-page::before{position:absolute;height:250px}.payouts-page .social-layout{grid-template-columns:1fr;gap:0;padding:20px 16px;padding-bottom:calc(120px + env(safe-area-inset-bottom, 20px));max-width:100vw}.payouts-page .left-sidebar{display:none}.payouts-page .main-feed{max-width:100vw;overflow-x:hidden}.payouts-stats{grid-template-columns:1fr;gap:14px}.stat-card{padding:24px}.stat-card--balance{order:-1}.stat-icon{width:56px;height:56px}.stat-icon svg{width:24px;height:24px}}@media (max-width: 768px){.payouts-page .social-layout{padding:16px 12px;padding-bottom:calc(120px + env(safe-area-inset-bottom, 20px))}.page-header{padding:24px 20px;margin-bottom:24px;border-radius:16px}.page-title{font-size:24px}.page-subtitle{font-size:14px}.payouts-stats{margin-bottom:24px}.stat-card{padding:20px;border-radius:14px}.stat-value{font-size:26px}.stat-label{font-size:10px}.request-payout-btn{padding:12px 24px;font-size:11px}.payouts-section{border-radius:16px;margin-bottom:40px}.section-header{padding:20px;flex-direction:column;align-items:stretch}.section-header .request-payout-btn{width:100%;justify-content:center}.section-title{font-size:18px}.payouts-table{display:block}.payouts-table thead{display:none}.payouts-table tbody{display:flex;flex-direction:column;gap:12px;padding:16px}.table-row{display:flex;flex-direction:column;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.06);border-radius:12px;padding:16px;gap:12px}.table-row:hover{background:rgba(255,0,116,0.05);border-color:rgba(255,0,116,0.15)}.table-row td{padding:0;display:flex;justify-content:space-between;align-items:center}.table-row td:first-child{padding-left:0;flex-direction:column;align-items:flex-start}.table-row td:last-child{padding-right:0}.table-row td::before{content:attr(data-label);color:#666;font-size:11px;text-transform:uppercase;letter-spacing:0.5px;font-weight:600}.table-row td:first-child::before{display:none}.payout-amount{font-size:22px}.payout-commission{font-size:11px}.empty-payouts{padding:60px 20px}.empty-icon{width:64px;height:64px}.empty-title{font-size:18px}.empty-text{font-size:14px}.pagination-wrapper{padding:20px}}@media (max-width: 480px){.payouts-page .social-layout{padding:12px 10px;padding-bottom:calc(110px + env(safe-area-inset-bottom, 20px))}.page-header{padding:20px 16px;border-radius:14px}.page-title{font-size:20px}.page-subtitle{font-size:13px}.stat-card{padding:18px 16px;border-radius:12px}.stat-icon{width:48px;height:48px;margin-bottom:14px}.stat-icon svg{width:22px;height:22px}.stat-value{font-size:24px}.request-payout-btn{padding:10px 20px;font-size:10px}.min-balance-info{font-size:12px;padding:8px 12px}.section-header{padding:16px}.section-title{font-size:16px}.section-title::before{height:20px;width:3px}.payouts-table tbody{padding:12px;gap:10px}.table-row{padding:14px;border-radius:10px}.payout-amount{font-size:20px}.payout-status{padding:6px 12px;font-size:9px}.payout-date{font-size:12px}.payout-reference{font-size:11px;padding:5px 10px}.empty-payouts{padding:50px 16px}.empty-icon{width:56px;height:56px}.empty-title{font-size:16px}.empty-text{font-size:13px;margin-bottom:20px}}.payouts-info-banner{display:flex;align-items:flex-start;gap:16px;padding:20px 24px;margin-bottom:28px;background:linear-gradient(135deg, rgba(0,123,255,0.08) 0%, rgba(0,123,255,0.03) 100%);border:1px solid rgba(0,123,255,0.15);border-radius:16px}.payouts-info-banner .banner-icon{flex-shrink:0;color:#007bff;margin-top:2px}.payouts-info-banner .banner-title{font-size:15px;font-weight:700;color:#f5f5f5;margin-bottom:6px}.payouts-info-banner .banner-text{font-size:13px;color:var(--color-gray-05, #949494);line-height:1.6;margin:0}.current-period-card{background:var(--color-gray-02, #282828);border:1px solid rgba(255,255,255,0.06);border-radius:20px;margin-bottom:28px;overflow:hidden}.current-period-card .period-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;background:linear-gradient(135deg, rgba(255,0,116,0.1) 0%, rgba(255,0,116,0.03) 100%);border-bottom:1px solid rgba(255,255,255,0.04)}.current-period-card .period-badge{display:inline-block;padding:4px 12px;background:rgba(255,0,116,0.15);color:#ff0074;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:8px}.current-period-card .period-label h3{font-size:20px;font-weight:700;color:#f5f5f5;margin:0}.current-period-card .period-payment-date{text-align:right}.current-period-card .payment-date-label{display:block;font-size:11px;color:var(--color-gray-05, #949494);text-transform:uppercase;letter-spacing:0.05em;margin-bottom:4px}.current-period-card .payment-date-value{font-size:16px;font-weight:600;color:#f5f5f5}.current-period-card .period-body{padding:24px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px}.current-period-card .period-balance-label{display:block;font-size:12px;color:var(--color-gray-05, #949494);margin-bottom:4px}.current-period-card .period-balance-value{font-size:28px;font-weight:700;color:#00d68f}.current-period-card .eligibility-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:12px;font-size:13px;font-weight:600}.current-period-card .eligibility-badge--eligible{background:rgba(0,214,143,0.1);color:#00d68f;border:1px solid rgba(0,214,143,0.2)}.current-period-card .eligibility-badge--not-eligible{background:rgba(255,193,7,0.1);color:#ffc107;border:1px solid rgba(255,193,7,0.2)}.current-period-card .rollover-info{font-size:12px;color:var(--color-gray-05, #949494);margin-top:8px}.period-tag{display:inline-block;padding:4px 10px;background:rgba(255,0,116,0.08);color:#ff3d9a;border-radius:6px;font-size:11px;font-weight:500}.period-tag--legacy{background:rgba(255,255,255,0.06);color:var(--color-gray-05, #949494)}.payout-date--paid{font-size:11px;color:#00d68f;margin-top:2px}.payouts-info-section{margin-top:32px;padding:28px;background:var(--color-gray-02, #282828);border:1px solid rgba(255,255,255,0.06);border-radius:20px}.payouts-info-section h3{font-size:18px;font-weight:700;color:#f5f5f5;margin-bottom:24px}.payouts-info-section .info-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:20px}.payouts-info-section .info-item{display:flex;gap:16px;align-items:flex-start}.payouts-info-section .info-number{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg, #ff0074, #ff3d9a);color:white;border-radius:50%;font-size:14px;font-weight:700}.payouts-info-section .info-content strong{display:block;font-size:14px;color:#f5f5f5;margin-bottom:4px}.payouts-info-section .info-content p{font-size:13px;color:var(--color-gray-05, #949494);line-height:1.5;margin:0}@media (max-width: 768px){.current-period-card .period-header{flex-direction:column;gap:12px;align-items:flex-start}.current-period-card .period-payment-date{text-align:left}.current-period-card .period-body{flex-direction:column;align-items:flex-start}.current-period-card .period-balance-value{font-size:24px}.payouts-info-section .info-grid{grid-template-columns:1fr}}.streams-dashboard{background:linear-gradient(180deg, #000 0%, #0a0a0f 100%);min-height:calc(100vh - 90px)}.streams-dashboard .social-layout{display:grid;grid-template-columns:240px 1fr;gap:24px;padding:40px 20px;max-width:1800px;margin:0 auto}.streams-dashboard .main-feed{max-width:100%;width:100%}.dashboard-header{margin-bottom:40px;padding:32px;background:linear-gradient(135deg, rgba(255,0,116,0.08) 0%, rgba(255,0,116,0.02) 50%, rgba(0,0,0,0) 100%);border:1px solid rgba(255,0,116,0.15);border-radius:20px;position:relative;overflow:hidden;animation:fadeInDown 0.6s ease}.dashboard-header::before{content:'';position:absolute;top:-100px;right:-100px;width:300px;height:300px;background:radial-gradient(circle, rgba(255,0,116,0.15) 0%, transparent 70%);pointer-events:none}.dashboard-header::after{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg, #ff0074 0%, #ff3d9a 50%, #ff0074 100%);border-radius:4px 0 0 4px}@keyframes fadeInDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px;position:relative;z-index:1}.header-title-section{flex:1}.dashboard-title{font-size:36px;font-weight:800;color:#fff;margin:0 0 8px 0;letter-spacing:-0.5px;display:flex;align-items:center;gap:14px}.dashboard-title i{color:#ff0074;font-size:32px}.dashboard-subtitle{color:rgba(255,255,255,0.6);font-size:15px;font-weight:400;margin:0}.header-actions{display:flex;gap:12px;align-items:center}.btn-primary-gradient{background:linear-gradient(135deg, #ff0074 0%, #ff3d9a 100%);border:none;color:white;padding:14px 28px;border-radius:12px;font-weight:700;font-size:14px;display:inline-flex;align-items:center;gap:10px;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);text-decoration:none;position:relative;overflow:hidden}.btn-primary-gradient::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg, #ff3d9a 0%, #ff0074 100%);opacity:0;transition:opacity 0.3s ease}.btn-primary-gradient:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(255,0,116,0.5);color:white}.btn-primary-gradient:hover::before{opacity:1}.btn-primary-gradient svg,.btn-primary-gradient span{position:relative;z-index:1}.stats-overview{display:grid;grid-template-columns:repeat(4, 1fr);gap:16px;margin-bottom:32px;animation:fadeInUp 0.6s ease 0.2s both}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stat-card{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.06);border-radius:16px;padding:24px;position:relative;overflow:hidden;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.stat-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg, rgba(255,0,116,0.05) 0%, transparent 60%);opacity:0;transition:opacity 0.3s ease}.stat-card:hover{transform:translateY(-4px);border-color:rgba(255,0,116,0.25);box-shadow:0 16px 40px rgba(255,0,116,0.15)}.stat-card:hover::before{opacity:1}.stat-card:hover .stat-icon{transform:scale(1.1)}.stat-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;position:relative;z-index:1}.stat-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;transition:transform 0.3s ease}.stat-icon svg{width:26px;height:26px}.stat-icon.icon-live{background:linear-gradient(135deg, rgba(40,167,69,0.2) 0%, rgba(40,167,69,0.1) 100%);color:#28a745;box-shadow:0 4px 12px rgba(40,167,69,0.15)}.stat-icon.icon-viewers{background:linear-gradient(135deg, rgba(255,193,7,0.2) 0%, rgba(255,193,7,0.1) 100%);color:#ffc107;box-shadow:0 4px 12px rgba(255,193,7,0.15)}.stat-icon.icon-earnings{background:linear-gradient(135deg, rgba(255,0,116,0.2) 0%, rgba(255,0,116,0.1) 100%);color:#ff0074;box-shadow:0 4px 12px rgba(255,0,116,0.15)}.stat-icon.icon-scheduled{background:linear-gradient(135deg, rgba(32,201,151,0.2) 0%, rgba(32,201,151,0.1) 100%);color:#20c997;box-shadow:0 4px 12px rgba(32,201,151,0.15)}.stat-value{font-size:32px;font-weight:800;color:#fff;margin:0;line-height:1;position:relative;z-index:1}.stat-label{color:rgba(255,255,255,0.5);font-size:12px;margin-top:8px;text-transform:uppercase;letter-spacing:0.8px;font-weight:600;position:relative;z-index:1}.stat-change{position:absolute;top:20px;right:20px;padding:5px 12px;border-radius:20px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px}.stat-change.positive{background:rgba(40,167,69,0.15);color:#28a745;border:1px solid rgba(40,167,69,0.3);animation:pulse 2s infinite}@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(40,167,69,0.4)}50%{box-shadow:0 0 0 8px rgba(40,167,69,0)}}.live-stream-banner{background:linear-gradient(135deg, rgba(40,167,69,0.12) 0%, rgba(40,167,69,0.04) 100%);border:1px solid rgba(40,167,69,0.25);border-radius:20px;padding:28px 32px;margin-bottom:32px;position:relative;overflow:hidden;animation:fadeInUp 0.6s ease 0.3s both}.live-stream-banner::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg, transparent 0%, #28a745 50%, transparent 100%);animation:scanLine 2s linear infinite}.live-stream-banner::after{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center, rgba(40,167,69,0.1) 0%, transparent 50%);animation:glowPulse 4s ease infinite;pointer-events:none}@keyframes scanLine{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}@keyframes glowPulse{0%,100%{opacity:0.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.live-banner-content{display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center;position:relative;z-index:1}.live-indicator{display:flex;align-items:center}.live-badge-animated{background:linear-gradient(135deg, #dc3545 0%, #ff6b6b 100%);padding:10px 24px;border-radius:30px;display:flex;align-items:center;gap:10px;font-size:12px;font-weight:800;color:white;text-transform:uppercase;letter-spacing:1px;animation:pulseLive 2s infinite;box-shadow:0 4px 20px rgba(220,53,69,0.4)}@keyframes pulseLive{0%,100%{box-shadow:0 4px 20px rgba(220,53,69,0.4)}50%{box-shadow:0 4px 30px rgba(220,53,69,0.6)}}.live-dot-animated{width:10px;height:10px;background:white;border-radius:50%;animation:blink 1s infinite;box-shadow:0 0 10px rgba(255,255,255,0.8)}@keyframes blink{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.5;transform:scale(0.8)}}.live-stream-info{flex:1}.live-stream-title{font-size:22px;font-weight:700;color:#fff;margin:0 0 12px 0}.live-stream-stats{display:flex;gap:28px;flex-wrap:wrap}.live-stat-item{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,0.7);font-size:14px}.live-stat-item i{color:#28a745;font-size:16px}.live-stat-value{color:#fff;font-weight:700}.live-actions-group{display:flex;gap:10px;flex-wrap:wrap}.btn-action{padding:12px 20px;border-radius:10px;font-weight:600;font-size:13px;text-decoration:none;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);display:inline-flex;align-items:center;gap:8px;border:none}.btn-action.btn-studio{background:rgba(255,255,255,0.08);color:#fff;border:1px solid rgba(255,255,255,0.12)}.btn-action.btn-studio:hover{background:rgba(255,255,255,0.15);transform:translateY(-2px);color:#fff}.btn-action.btn-view{background:linear-gradient(135deg, #28a745 0%, #20c997 100%);color:white}.btn-action.btn-view:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(40,167,69,0.4);color:white}.btn-action.btn-end{background:rgba(220,53,69,0.1);border:1px solid rgba(220,53,69,0.25);color:#dc3545}.btn-action.btn-end:hover{background:rgba(220,53,69,0.2);border-color:#dc3545;transform:translateY(-2px)}.filters-section{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.06);border-radius:16px;padding:24px;margin-bottom:28px;animation:fadeInUp 0.6s ease 0.1s both}.filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,0.06);flex-wrap:wrap;gap:12px}.filters-title{font-size:16px;font-weight:700;color:#f5f5f5;display:flex;align-items:center;margin:0}.filters-title svg{color:#ff0074;margin-right:10px}.btn-clear-filters{background:rgba(220,53,69,0.1);border:1px solid rgba(220,53,69,0.2);color:#dc3545;padding:8px 16px;border-radius:8px;font-size:12px;font-weight:600;text-decoration:none;transition:all 0.3s ease;display:inline-flex;align-items:center;gap:6px}.btn-clear-filters:hover{background:rgba(220,53,69,0.2);border-color:#dc3545;transform:translateY(-1px)}.filters-form{display:grid;grid-template-columns:1.5fr 1fr 1.5fr auto;gap:16px;align-items:end}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-label{color:rgba(255,255,255,0.5);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.8px}.filter-input,.filter-select{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);color:#fff;padding:12px 14px;border-radius:10px;font-size:14px;transition:all 0.3s ease;width:100%}.filter-input:focus,.filter-select:focus{outline:none;border-color:#ff0074;background:rgba(255,255,255,0.06);box-shadow:0 0 0 3px rgba(255,0,116,0.1)}.filter-input::placeholder,.filter-select::placeholder{color:rgba(255,255,255,0.3)}.filter-select option{background:#0a0a0f;color:#fff}.date-range-group{display:grid;grid-template-columns:1fr 1fr;gap:10px}.btn-apply-filters{background:linear-gradient(135deg, #ff0074 0%, #ff3d9a 100%);border:none;color:white;padding:12px 24px;border-radius:10px;font-weight:600;font-size:13px;cursor:pointer;transition:all 0.3s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.btn-apply-filters:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(255,0,116,0.4)}.filter-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,0.06)}.filter-tag{background:rgba(255,0,116,0.1);border:1px solid rgba(255,0,116,0.25);color:#ff0074;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:8px;animation:fadeIn 0.3s ease}@keyframes fadeIn{from{opacity:0;transform:scale(0.9)}to{opacity:1;transform:scale(1)}}.filter-tag-remove{color:inherit;opacity:0.7;transition:opacity 0.2s;display:flex}.filter-tag-remove:hover{opacity:1}.streams-section{margin-bottom:40px;animation:fadeInUp 0.6s ease 0.4s both}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,0.06)}.section-title{font-size:20px;font-weight:700;color:#f5f5f5;margin:0;display:flex;align-items:center;gap:12px}.section-title i{color:#ff0074}.section-count{background:rgba(255,0,116,0.12);color:#ff0074;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700}.streams-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(320px, 1fr));gap:20px}.stream-card{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.06);border-radius:16px;overflow:hidden;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);position:relative}.stream-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg, #20c997, #28a745);opacity:0;transition:opacity 0.3s ease}.stream-card:hover{transform:translateY(-6px);border-color:rgba(32,201,151,0.3);box-shadow:0 20px 50px rgba(32,201,151,0.15)}.stream-card:hover::before{opacity:1}.stream-card-header{padding:24px;position:relative}.stream-status{display:inline-flex;align-items:center;padding:6px 14px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:14px}.stream-status.status-scheduled{background:rgba(32,201,151,0.12);color:#20c997}.stream-status.status-ended{background:rgba(108,117,125,0.12);color:#6c757d}.stream-title{font-size:17px;font-weight:700;color:#fff;margin:0 0 14px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.stream-meta{display:flex;flex-direction:column;gap:10px}.meta-item{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,0.5);font-size:13px}.meta-item i{color:rgba(255,255,255,0.3);font-size:15px;width:18px}.stream-card-actions{padding:16px 24px;background:rgba(0,0,0,0.2);border-top:1px solid rgba(255,255,255,0.04);display:flex;gap:10px}.btn-card-action{flex:1;padding:10px 14px;border-radius:8px;font-size:12px;font-weight:600;text-align:center;text-decoration:none;transition:all 0.3s ease;border:1px solid}.btn-card-action.btn-card-primary{background:rgba(255,0,116,0.1);color:#ff0074;border-color:rgba(255,0,116,0.2)}.btn-card-action.btn-card-primary:hover{background:rgba(255,0,116,0.2);border-color:#ff0074;transform:translateY(-2px)}.btn-card-action.btn-card-secondary{background:rgba(255,255,255,0.04);color:rgba(255,255,255,0.7);border-color:rgba(255,255,255,0.08)}.btn-card-action.btn-card-secondary:hover{background:rgba(255,255,255,0.08);color:#fff;transform:translateY(-2px)}.btn-card-action.btn-card-danger{background:rgba(220,53,69,0.08);color:#dc3545;border-color:rgba(220,53,69,0.15)}.btn-card-action.btn-card-danger:hover{background:rgba(220,53,69,0.15);border-color:#dc3545;transform:translateY(-2px)}.past-streams-table{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.06);border-radius:16px;overflow:hidden}.table-container{overflow-x:auto}.streams-table{width:100%;border-collapse:collapse}.streams-table thead{background:rgba(0,0,0,0.3)}.streams-table th{padding:16px 20px;text-align:left;color:rgba(255,255,255,0.5);font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:0.8px;border-bottom:1px solid rgba(255,255,255,0.04)}.streams-table td{padding:18px 20px;color:rgba(255,255,255,0.85);font-size:14px;border-bottom:1px solid rgba(255,255,255,0.04)}.streams-table tbody tr{transition:background 0.2s ease}.streams-table tbody tr:hover{background:rgba(255,255,255,0.02)}.streams-table tbody tr:last-child td{border-bottom:none}.table-title{font-weight:600;color:#fff}.table-badge{display:inline-block;padding:5px 12px;border-radius:20px;font-size:11px;font-weight:700}.table-badge.badge-success{background:rgba(40,167,69,0.12);color:#28a745}.btn-table-action{padding:8px 16px;border-radius:8px;font-size:12px;font-weight:600;color:#ff0074;background:rgba(255,0,116,0.1);border:1px solid rgba(255,0,116,0.2);text-decoration:none;transition:all 0.3s ease;display:inline-block}.btn-table-action:hover{background:rgba(255,0,116,0.2);border-color:#ff0074;transform:translateY(-2px)}.empty-state-container{text-align:center;padding:80px 40px;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.06);border-radius:20px;animation:fadeInUp 0.6s ease 0.5s both}.empty-state-icon{font-size:72px;color:rgba(255,0,116,0.3);margin-bottom:24px}.empty-state-title{font-size:24px;font-weight:700;color:#fff;margin:0 0 12px 0}.empty-state-text{color:rgba(255,255,255,0.5);font-size:15px;margin:0 0 32px 0;line-height:1.6}.infinite-scroll-loading{text-align:center;padding:40px 20px;color:rgba(255,255,255,0.5);font-size:14px}.infinite-scroll-loading .loading-spinner{display:inline-block;width:32px;height:32px;border:3px solid rgba(255,0,116,0.15);border-top-color:#ff0074;border-radius:50%;animation:spin 0.8s linear infinite;margin-bottom:12px}@keyframes spin{to{transform:rotate(360deg)}}.infinite-scroll-end{text-align:center;padding:30px 20px;color:rgba(255,255,255,0.3);font-size:13px;font-weight:500}.text-muted{color:rgba(255,255,255,0.4)}@media (max-width: 1024px){.streams-dashboard{overflow-x:hidden;max-width:100vw;width:100%}.streams-dashboard .social-layout{grid-template-columns:1fr;gap:0;padding:0;max-width:100vw;overflow-x:hidden}.streams-dashboard .left-sidebar{display:none}.streams-dashboard .main-feed{padding:20px 16px 80px 16px;max-width:100vw;overflow-x:hidden;box-sizing:border-box}.filters-section,.stats-overview,.live-stream-banner,.streams-section,.empty-state-container{max-width:100%;overflow:hidden;box-sizing:border-box}.stat-card{min-width:0}.stat-value{word-break:break-word}.filters-form{max-width:100%}.filter-input,.filter-select{max-width:100%;box-sizing:border-box}.live-stream-title{word-break:break-word;overflow-wrap:break-word}.live-stream-stats{max-width:100%}.live-stat-item{min-width:0;flex-shrink:1}.dashboard-header{margin-bottom:24px;padding:24px}.dashboard-title{font-size:28px}.header-content{flex-direction:column;gap:16px}.header-actions{width:100%}.header-actions .btn-primary-gradient{width:100%;justify-content:center}.stats-overview{grid-template-columns:repeat(2, 1fr);gap:12px}.stat-card{padding:18px}.stat-icon{width:44px;height:44px}.stat-value{font-size:26px}.live-banner-content{grid-template-columns:1fr;gap:16px}.live-stream-banner{padding:20px}.live-stream-stats{gap:16px}.live-actions-group{width:100%}.live-actions-group .btn-action{flex:1;justify-content:center}.filters-form{grid-template-columns:1fr;gap:14px}.streams-grid{grid-template-columns:1fr}}@media (max-width: 768px){.streams-dashboard .main-feed{padding:16px 12px 80px 12px;width:100%}.dashboard-header{padding:20px;border-radius:16px;max-width:100%}.dashboard-title{font-size:24px;word-break:break-word}.stats-overview{grid-template-columns:1fr;gap:10px;width:100%}.past-streams-table{max-width:100%;overflow:hidden}.table-container{max-width:100%}.streams-table{min-width:600px}.stat-card{display:flex;align-items:center;gap:16px;padding:16px}.stat-header{margin-bottom:0}.stat-value{font-size:24px}.stat-label{margin-top:4px;font-size:11px}.live-stream-stats{flex-direction:column;gap:12px}.live-actions-group{flex-direction:column}.live-actions-group .btn-action{width:100%}.stream-card-actions{flex-direction:column}.stream-card-actions .btn-card-action{width:100%}.filters-header{flex-direction:column;align-items:stretch;gap:12px}.btn-clear-filters{width:100%;justify-content:center}.date-range-group{grid-template-columns:1fr}}@media (max-width: 480px){.streams-dashboard .main-feed{padding:12px 10px 80px 10px;width:100%}.dashboard-header{padding:16px;max-width:100%;overflow:hidden}.dashboard-title{font-size:20px}.dashboard-subtitle{font-size:13px}.stat-card{padding:14px}.stat-value{font-size:22px}.filters-section{padding:16px;max-width:100%}.filters-title{font-size:14px}.section-title{font-size:18px}.live-stream-banner{padding:16px}.live-badge-animated{padding:8px 16px;font-size:10px}.live-stream-title{font-size:18px}.live-stat-item{font-size:12px}.stream-card-header{padding:16px}.stream-card-actions{padding:12px 16px}.btn-card-action{font-size:11px;padding:8px 10px}}.stream-form-container{background:linear-gradient(180deg, #000 0%, #0a0a0a 100%);min-height:calc(100vh - 90px)}.stream-form-container .social-layout{display:grid;grid-template-columns:240px 1fr;gap:24px;padding:40px 20px;max-width:1600px;margin:0 auto}.stream-form-container .main-feed{max-width:100%;width:100%}.form-header{margin-bottom:40px;position:relative}.form-header::after{content:'';position:absolute;bottom:-20px;left:0;width:80px;height:3px;background:linear-gradient(90deg, #ff0074, transparent);border-radius:2px}.form-header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:16px}.btn-back{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);color:#f5f5f5;border-radius:10px;font-weight:600;font-size:14px;text-decoration:none;transition:all 0.3s ease}.btn-back:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,0,116,0.3);color:#fff;transform:translateX(-4px)}.btn-back i{transition:transform 0.3s ease}.btn-back:hover i{transform:translateX(-4px)}.form-title{font-size:36px;font-weight:700;color:#f5f5f5;margin-bottom:12px;display:flex;align-items:center;gap:12px}.form-title i{color:#ff0074;animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,100%{filter:drop-shadow(0 0 4px rgba(255,0,116,0.4))}50%{filter:drop-shadow(0 0 12px rgba(255,0,116,0.7))}}.form-subtitle{color:#8e8e8e;font-size:16px}.stream-card{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.1);border-radius:16px;overflow:hidden;margin-bottom:24px;transition:all 0.3s ease;backdrop-filter:blur(10px)}.stream-card:hover{border-color:rgba(255,0,116,0.2)}.stream-card-header{background:rgba(255,255,255,0.03);padding:20px 24px;border-bottom:1px solid rgba(255,255,255,0.1)}.stream-card-header h5{margin:0;color:#f5f5f5;font-size:18px;font-weight:700;display:flex;align-items:center;gap:12px}.stream-card-header i{color:#ff0074}.stream-card-body{padding:24px}.form-label{color:#f5f5f5;font-weight:600;margin-bottom:10px;font-size:13px;display:block;letter-spacing:0.5px;text-transform:uppercase}.form-control,.form-select{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);color:#fff;padding:14px 18px;border-radius:10px;font-size:16px;transition:all 0.3s ease;width:100%}.form-control:hover,.form-select:hover{background:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.2)}.form-control:focus,.form-select:focus{background:rgba(255,255,255,0.1);border-color:#ff0074;box-shadow:0 0 0 3px rgba(255,0,116,0.15);color:#fff;outline:none}.form-control::placeholder,.form-select::placeholder{color:rgba(255,255,255,0.5);font-weight:400}textarea.form-control{min-height:100px;resize:vertical;font-family:inherit}.form-text{color:#666;font-size:13px;margin-top:8px;line-height:1.5}.timing-options{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:12px}.timing-option{position:relative;background:rgba(255,255,255,0.03);border:2px solid rgba(255,255,255,0.08);border-radius:16px;padding:28px 20px;cursor:pointer;transition:all 0.35s cubic-bezier(0.4, 0, 0.2, 1);text-align:center;overflow:hidden}.timing-option::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at center, rgba(255,0,116,0.15) 0%, transparent 70%);opacity:0;transition:opacity 0.4s ease}.timing-option::after{content:'';position:absolute;top:14px;right:14px;width:26px;height:26px;border-radius:50%;border:2px solid rgba(255,255,255,0.2);background:rgba(255,255,255,0.05);transition:all 0.35s cubic-bezier(0.4, 0, 0.2, 1);box-sizing:border-box}.timing-option:hover{border-color:rgba(255,0,116,0.4);background:rgba(255,0,116,0.05);transform:translateY(-3px)}.timing-option:hover::after{border-color:rgba(255,0,116,0.5)}.timing-option:hover .timing-option-icon{color:rgba(255,0,116,0.8);transform:scale(1.05)}.timing-option.active{background:linear-gradient(145deg, rgba(255,0,116,0.18) 0%, rgba(255,0,116,0.08) 100%);border-color:#ff0074;box-shadow:0 0 0 1px rgba(255,0,116,0.4),0 8px 32px rgba(255,0,116,0.3),0 4px 16px rgba(255,0,116,0.2),inset 0 1px 0 rgba(255,255,255,0.15);transform:translateY(-2px)}.timing-option.active::before{opacity:1}.timing-option.active::after{border-color:#ff0074;background:#ff0074;box-shadow:0 0 12px rgba(255,0,116,0.6),inset 0 0 0 3px white}.timing-option.active .timing-option-icon{color:#ff0074;transform:scale(1.15);filter:drop-shadow(0 0 12px rgba(255,0,116,0.6))}.timing-option.active .timing-option-label{color:#fff;text-shadow:0 0 20px rgba(255,0,116,0.4)}.timing-option.active .timing-option-desc{color:rgba(255,255,255,0.8)}.timing-option input[type="radio"]{position:absolute;opacity:0;pointer-events:none}.timing-option-icon{font-size:40px;margin-bottom:16px;display:block;color:rgba(255,255,255,0.5);transition:all 0.35s ease}.timing-option-label{font-weight:700;color:#fff;font-size:17px;margin-bottom:8px;transition:all 0.3s ease}.timing-option-desc{color:rgba(255,255,255,0.5);font-size:13px;transition:all 0.3s ease}.privacy-options{display:flex;flex-direction:column;gap:14px;margin-top:12px}.privacy-option{position:relative;display:flex;align-items:center;gap:16px;padding:22px 20px;background:rgba(255,255,255,0.03);border:2px solid rgba(255,255,255,0.08);border-radius:14px;cursor:pointer;transition:all 0.35s cubic-bezier(0.4, 0, 0.2, 1);overflow:hidden}.privacy-option::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:transparent;transition:all 0.3s ease;border-radius:4px 0 0 4px}.privacy-option::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg, rgba(255,0,116,0.1) 0%, transparent 50%);opacity:0;transition:opacity 0.4s ease;pointer-events:none}.privacy-option:hover{background:rgba(255,0,116,0.06);border-color:rgba(255,0,116,0.35);transform:translateX(6px)}.privacy-option:hover .privacy-option-icon{color:#ff0074;transform:scale(1.08)}.privacy-option:hover .privacy-check{border-color:rgba(255,0,116,0.5)}.privacy-option.selected{background:linear-gradient(135deg, rgba(255,0,116,0.14) 0%, rgba(255,0,116,0.06) 100%);border-color:#ff0074;box-shadow:0 4px 24px rgba(255,0,116,0.25),0 2px 12px rgba(255,0,116,0.15),inset 0 1px 0 rgba(255,255,255,0.12);transform:translateX(4px)}.privacy-option.selected::before{background:linear-gradient(180deg, #ff3d9a 0%, #ff0074 50%, #cc005d 100%);box-shadow:0 0 12px rgba(255,0,116,0.5)}.privacy-option.selected::after{opacity:1}.privacy-option.selected .privacy-option-icon{color:#ff0074;transform:scale(1.12);filter:drop-shadow(0 0 8px rgba(255,0,116,0.5))}.privacy-option.selected .privacy-option-icon i{color:#ff0074}.privacy-option.selected .privacy-option-title{color:#fff;text-shadow:0 0 20px rgba(255,0,116,0.3)}.privacy-option.selected .privacy-option-desc{color:rgba(255,255,255,0.75)}.privacy-option.selected .privacy-check{background:#ff0074;border-color:#ff0074;box-shadow:0 0 12px rgba(255,0,116,0.5)}.privacy-option.selected .privacy-check::after{opacity:1;transform:translate(-50%, -50%) scale(1)}.privacy-option input[type="radio"]{position:absolute;opacity:0;pointer-events:none}.privacy-option-icon{font-size:26px;color:rgba(255,255,255,0.5);flex-shrink:0;width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.05);border-radius:12px;transition:all 0.35s ease;border:1px solid rgba(255,255,255,0.08)}.privacy-option-content{flex:1;min-width:0}.privacy-option-title{font-weight:700;color:#f5f5f5;margin-bottom:5px;font-size:15px;transition:all 0.3s ease}.privacy-option-desc{color:rgba(255,255,255,0.5);font-size:13px;line-height:1.5;transition:all 0.3s ease}.privacy-check{width:26px;height:26px;border-radius:50%;border:2px solid rgba(255,255,255,0.2);background:rgba(255,255,255,0.05);flex-shrink:0;position:relative;transition:all 0.35s cubic-bezier(0.4, 0, 0.2, 1)}.privacy-check::after{content:'';position:absolute;top:50%;left:50%;width:10px;height:10px;background:white;border-radius:50%;transform:translate(-50%, -50%) scale(0);opacity:0;transition:all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1)}.form-check{display:flex;align-items:flex-start;gap:14px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);padding:18px 20px;border-radius:12px;margin-bottom:12px;transition:all 0.3s ease;cursor:pointer}.form-check:hover{background:rgba(255,255,255,0.05);border-color:rgba(255,0,116,0.25)}.form-check:has(.form-check-input:checked){background:rgba(255,0,116,0.1);border-color:rgba(255,0,116,0.35);box-shadow:0 2px 12px rgba(255,0,116,0.15)}.form-check-input{appearance:none;-webkit-appearance:none;width:24px;height:24px;border:2px solid rgba(255,255,255,0.25);border-radius:6px;background:rgba(255,255,255,0.05);cursor:pointer;flex-shrink:0;margin-top:2px;position:relative;transition:all 0.3s ease}.form-check-input::after{content:'';position:absolute;top:50%;left:50%;width:14px;height:14px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z'/%3E%3C/svg%3E") center/contain no-repeat;transform:translate(-50%, -50%) scale(0);opacity:0;transition:all 0.25s cubic-bezier(0.34, 1.56, 0.64, 1)}.form-check-input:checked{background:#ff0074;border-color:#ff0074;box-shadow:0 0 10px rgba(255,0,116,0.4)}.form-check-input:checked::after{opacity:1;transform:translate(-50%, -50%) scale(1)}.form-check-input:focus{border-color:#ff0074;box-shadow:0 0 0 3px rgba(255,0,116,0.2);outline:none}.form-check-label{color:#f5f5f5;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:10px;font-size:14px}.form-check-label i{color:rgba(255,255,255,0.6);font-size:18px}.form-check .form-text{margin-left:0;margin-top:6px}.scheduled-time-input{margin-top:20px;padding:20px;background:linear-gradient(135deg, rgba(255,0,116,0.08) 0%, rgba(255,0,116,0.03) 100%);border:2px solid rgba(255,0,116,0.25);border-radius:12px;animation:slideDown 0.35s cubic-bezier(0.4, 0, 0.2, 1);position:relative;overflow:hidden}.scheduled-time-input::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg, #ff0074, #ff3d9a, #ff0074)}input[type="datetime-local"]{background:rgba(255,255,255,0.08) !important;color-scheme:dark}input[type="datetime-local"]::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer;opacity:0.7;transition:opacity 0.2s ease}input[type="datetime-local"]::-webkit-calendar-picker-indicator:hover{opacity:1}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.price-input-wrapper{margin-top:20px;padding:20px;background:linear-gradient(135deg, rgba(255,0,116,0.08) 0%, rgba(255,0,116,0.03) 100%);border:2px solid rgba(255,0,116,0.25);border-radius:12px;position:relative;overflow:hidden;animation:priceInputReveal 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;transform-origin:top center}.price-input-wrapper::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg, #ff0074, #ff3d9a, #ff0074)}.price-input-wrapper .form-label{margin-bottom:12px}.price-input-wrapper .position-relative{position:relative;display:flex;align-items:center}@keyframes priceInputReveal{0%{opacity:0;transform:scaleY(0.8) translateY(-10px)}100%{opacity:1;transform:scaleY(1) translateY(0)}}.price-input-prefix{position:absolute;left:16px;top:0;bottom:0;display:flex;align-items:center;color:#ff0074;font-weight:700;font-size:20px;z-index:2;text-shadow:0 0 10px rgba(255,0,116,0.4);pointer-events:none}.price-input{padding-left:42px !important;font-size:20px !important;font-weight:600 !important;letter-spacing:0.5px;width:100%;-moz-appearance:textfield}.price-input::-webkit-outer-spin-button,.price-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.form-actions{display:flex;justify-content:flex-end;gap:16px;margin-top:32px;flex-wrap:wrap}.btn-cancel{background:transparent;border:2px solid rgba(255,255,255,0.15);color:rgba(255,255,255,0.8);padding:14px 32px;border-radius:12px;font-weight:600;font-size:15px;transition:all 0.3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.btn-cancel:hover{background:rgba(255,255,255,0.05);border-color:rgba(255,255,255,0.3);color:#fff;transform:translateY(-2px)}.btn-create{background:linear-gradient(135deg, #ff0074 0%, #ff3d9a 100%);border:none;color:white;padding:14px 48px;border-radius:12px;font-weight:700;font-size:15px;transition:all 0.3s ease;display:inline-flex;align-items:center;gap:8px;cursor:pointer;position:relative;overflow:hidden}.btn-create::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg, #ff3d9a 0%, #ff0074 100%);opacity:0;transition:opacity 0.3s ease}.btn-create:hover{transform:translateY(-3px);box-shadow:0 8px 32px rgba(255,0,116,0.5),0 4px 16px rgba(255,0,116,0.3)}.btn-create:hover::before{opacity:1}.btn-create:active{transform:translateY(-1px)}.btn-create span,.btn-create svg{position:relative;z-index:1}.error-alert{background:rgba(220,53,69,0.1);border:1px solid rgba(220,53,69,0.3);border-left:4px solid #dc3545;color:#fff;padding:16px 20px;border-radius:10px;margin-bottom:24px}.error-alert h6{color:#dc3545;font-weight:600;margin-bottom:8px;font-size:16px;display:flex;align-items:center;gap:8px}.error-alert ul{margin:0;padding-left:20px;color:#f5f5f5}.error-alert ul li{margin-bottom:4px}@media (max-width: 1024px){.stream-form-container .social-layout{grid-template-columns:200px 1fr;gap:16px;padding:30px 16px}}@media (max-width: 768px){.stream-form-container .social-layout{grid-template-columns:1fr;padding:20px 16px}.form-title{font-size:28px}.timing-options{grid-template-columns:1fr}.timing-option{padding:22px 18px}.timing-option::after{top:12px;right:12px;width:22px;height:22px}.timing-option-icon{font-size:34px;margin-bottom:12px}.privacy-option{padding:16px;gap:12px}.privacy-option-icon{width:44px;height:44px;font-size:22px}.privacy-check{width:22px;height:22px}.privacy-check::after{width:8px;height:8px}.form-actions{flex-direction:column-reverse}.form-actions .btn-cancel,.form-actions .btn-create{width:100%;justify-content:center}.stream-card-body{padding:20px}}@keyframes select-pulse{0%{box-shadow:0 0 0 0 rgba(255,0,116,0.5)}70%{box-shadow:0 0 0 12px rgba(255,0,116,0)}100%{box-shadow:0 0 0 0 rgba(255,0,116,0)}}.timing-option.active,.privacy-option.selected{animation:select-pulse 0.6s ease-out}.stream-details-page{background:#000;min-height:calc(100vh - 90px);position:relative}.stream-details-page::before{content:'';position:fixed;top:0;left:0;right:0;height:400px;background:radial-gradient(ellipse at 50% 0%, rgba(255,0,116,0.08) 0%, transparent 70%);pointer-events:none;z-index:0}.stream-details-page .social-layout{display:grid;grid-template-columns:240px 1fr;gap:24px;padding:40px 20px;max-width:1800px;margin:0 auto;position:relative;z-index:1}.stream-details-page .main-feed{max-width:100%;width:100%}.detail-header{margin-bottom:32px;animation:fadeInDown 0.5s ease}@keyframes fadeInDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.btn-back{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:rgba(31,31,31,0.8);border:1px solid rgba(255,0,116,0.2);border-radius:10px;color:rgba(255,255,255,0.8);text-decoration:none;font-weight:600;font-size:14px;font-family:'Montserrat', sans-serif;letter-spacing:0.3px;transition:all 0.25s cubic-bezier(0.4, 0, 0.2, 1);backdrop-filter:blur(10px)}.btn-back i{font-size:16px;transition:transform 0.25s ease}.btn-back:hover{background:rgba(255,0,116,0.15);border-color:rgba(255,0,116,0.4);color:#fff;box-shadow:0 4px 20px rgba(255,0,116,0.15)}.btn-back:hover i{transform:translateX(-4px)}.stream-info-card{background:linear-gradient(145deg, rgba(31,31,31,0.9) 0%, rgba(20,20,20,0.95) 100%);border:1px solid rgba(255,0,116,0.15);border-radius:16px;padding:32px;margin-bottom:32px;animation:fadeInUp 0.5s ease 0.1s both;backdrop-filter:blur(20px);position:relative;overflow:hidden}.stream-info-card::before{content:'';position:absolute;top:0;right:0;width:150px;height:150px;background:radial-gradient(circle at top right, rgba(255,0,116,0.1) 0%, transparent 70%);pointer-events:none}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stream-info-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:32px;flex-wrap:wrap}.stream-info-left{flex:1;min-width:0}.status-indicator{margin-bottom:16px}.status-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:24px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;border:1px solid;font-family:'Montserrat', sans-serif}.status-badge.status-live{background:linear-gradient(135deg, #ff0074 0%, #ff3d9a 100%);color:white;border-color:rgba(255,255,255,0.2);animation:pulseLive 2s infinite;box-shadow:0 4px 20px rgba(255,0,116,0.4)}.status-badge.status-scheduled{background:rgba(255,0,116,0.1);color:#ff3d9a;border-color:rgba(255,0,116,0.3)}.status-badge.status-ended{background:rgba(80,80,80,0.3);color:#949494;border-color:rgba(148,148,148,0.2)}@keyframes pulseLive{0%{box-shadow:0 4px 20px rgba(255,0,116,0.4),0 0 0 0 rgba(255,0,116,0.6)}70%{box-shadow:0 4px 20px rgba(255,0,116,0.4),0 0 0 12px rgba(255,0,116,0)}100%{box-shadow:0 4px 20px rgba(255,0,116,0.4),0 0 0 0 rgba(255,0,116,0)}}.status-dot{width:8px;height:8px;background:white;border-radius:50%;animation:blink 1.5s infinite;box-shadow:0 0 10px rgba(255,255,255,0.5)}@keyframes blink{0%,100%{opacity:1}50%{opacity:0.3}}.stream-title{font-size:36px;font-weight:800;color:#f5f5f5;margin:0 0 12px 0;line-height:1.15;word-break:break-word;font-family:'Montserrat', sans-serif;letter-spacing:-0.5px;position:relative}.stream-description{color:#949494;font-size:15px;line-height:1.7;margin:0;white-space:pre-wrap;font-family:'Rubik', sans-serif}.stream-info-right{display:flex;gap:12px;flex-wrap:wrap}.btn-action-primary{padding:12px 24px;background:linear-gradient(135deg, #ff0074 0%, #ff3d9a 100%);border:none;border-radius:10px;color:white;font-weight:600;font-size:14px;text-decoration:none;display:inline-flex;align-items:center;gap:10px;font-family:'Montserrat', sans-serif;letter-spacing:0.3px;transition:all 0.25s cubic-bezier(0.4, 0, 0.2, 1);box-shadow:0 4px 15px rgba(255,0,116,0.3);position:relative;overflow:hidden}.btn-action-primary::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);transition:left 0.5s ease}.btn-action-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(255,0,116,0.45);color:white}.btn-action-primary:hover::before{left:100%}.btn-action-primary.btn-end-stream{background:linear-gradient(135deg, #dc3545 0%, #c82333 100%);box-shadow:0 4px 15px rgba(220,53,69,0.3)}.btn-action-primary.btn-end-stream:hover{box-shadow:0 8px 25px rgba(220,53,69,0.45)}.stream-metadata{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:20px;padding-top:24px;border-top:1px solid rgba(255,0,116,0.15);position:relative}.metadata-item{display:flex;align-items:flex-start;gap:12px;padding:12px;border-radius:10px;background:rgba(255,255,255,0.02);transition:all 0.2s ease}.metadata-item:hover{background:rgba(255,0,116,0.05)}.metadata-item i{font-size:20px;color:#ff0074;margin-top:2px}.metadata-content{display:flex;flex-direction:column;gap:4px}.metadata-label{color:#949494;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;font-family:'Montserrat', sans-serif}.metadata-value{color:#f5f5f5;font-size:15px;font-weight:600;font-family:'Rubik', sans-serif}.detail-stats-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:16px;margin-bottom:32px;animation:fadeInUp 0.5s ease 0.2s both}.detail-stat-card{background:linear-gradient(145deg, rgba(31,31,31,0.8) 0%, rgba(20,20,20,0.9) 100%);border:1px solid rgba(255,255,255,0.06);border-radius:14px;padding:20px;display:flex;align-items:center;gap:14px;transition:all 0.25s cubic-bezier(0.4, 0, 0.2, 1);position:relative;overflow:hidden}.detail-stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg, transparent, rgba(255,0,116,0.3), transparent);opacity:0;transition:opacity 0.25s ease}.detail-stat-card:hover{transform:translateY(-3px);border-color:rgba(255,0,116,0.2);box-shadow:0 12px 30px rgba(0,0,0,0.4),0 0 30px rgba(255,0,116,0.1)}.detail-stat-card:hover::before{opacity:1}.stat-icon-wrapper{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;position:relative}.stat-icon-wrapper.icon-viewers{background:linear-gradient(135deg, rgba(255,193,7,0.15) 0%, rgba(255,193,7,0.05) 100%);color:#ffc107;border:1px solid rgba(255,193,7,0.2)}.stat-icon-wrapper.icon-max-viewers{background:linear-gradient(135deg, rgba(40,167,69,0.15) 0%, rgba(40,167,69,0.05) 100%);color:#28a745;border:1px solid rgba(40,167,69,0.2)}.stat-icon-wrapper.icon-earnings{background:linear-gradient(135deg, rgba(255,0,116,0.2) 0%, rgba(255,0,116,0.05) 100%);color:#ff0074;border:1px solid rgba(255,0,116,0.3)}.stat-icon-wrapper.icon-messages{background:linear-gradient(135deg, rgba(32,201,151,0.15) 0%, rgba(32,201,151,0.05) 100%);color:#20c997;border:1px solid rgba(32,201,151,0.2)}.stat-data{flex:1;min-width:0}.stat-number{font-size:28px;font-weight:700;color:#fff;margin:0 0 4px 0;line-height:1;font-family:'Montserrat', sans-serif;letter-spacing:-0.5px}.stat-label{color:#949494;font-size:11px;margin:0;text-transform:uppercase;letter-spacing:0.8px;font-weight:600;font-family:'Montserrat', sans-serif}.detail-content-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:24px;margin-bottom:32px}.detail-section{background:linear-gradient(145deg, rgba(31,31,31,0.8) 0%, rgba(20,20,20,0.9) 100%);border:1px solid rgba(255,255,255,0.06);border-radius:14px;overflow:hidden;animation:fadeInUp 0.5s ease 0.3s both;backdrop-filter:blur(10px)}.section-header-detail{padding:18px 20px;border-bottom:1px solid rgba(255,0,116,0.1);background:rgba(0,0,0,0.3)}.section-title-detail{font-size:16px;font-weight:700;color:#f5f5f5;margin:0;display:flex;align-items:center;gap:10px;font-family:'Montserrat', sans-serif;letter-spacing:0.3px}.section-title-detail i,.section-title-detail svg{color:#ff0074;font-size:18px}.count-badge{background:linear-gradient(135deg, rgba(255,0,116,0.2) 0%, rgba(255,0,116,0.1) 100%);color:#ff3d9a;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:700;border:1px solid rgba(255,0,116,0.25);margin-left:auto;font-family:'Montserrat', sans-serif;letter-spacing:0.5px}.viewers-list{max-height:500px;overflow-y:auto;padding:14px}.viewers-list::-webkit-scrollbar{width:4px}.viewers-list::-webkit-scrollbar-track{background:rgba(255,255,255,0.02);border-radius:2px}.viewers-list::-webkit-scrollbar-thumb{background:linear-gradient(180deg, #ff0074 0%, #ff3d9a 100%);border-radius:2px}.viewers-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg, #ff3d9a 0%, #ff0074 100%)}.viewer-item{display:flex;align-items:center;gap:12px;padding:12px;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.04);border-radius:10px;margin-bottom:8px;transition:all 0.2s ease}.viewer-item:hover{background:rgba(255,0,116,0.05);border-color:rgba(255,0,116,0.15)}.viewer-item:last-child{margin-bottom:0}.viewer-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0}.viewer-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder-small{width:40px;height:40px;background:linear-gradient(135deg, #ff0074 0%, #ff3d9a 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-weight:700;font-size:16px;font-family:'Montserrat', sans-serif;box-shadow:0 2px 10px rgba(255,0,116,0.3)}.viewer-info{flex:1;min-width:0}.viewer-name{color:#f5f5f5;font-weight:600;font-size:14px;margin-bottom:4px}.viewer-meta{color:#8e8e8e;font-size:12px;display:flex;align-items:center;gap:4px}.viewer-meta i{font-size:11px}.viewer-badge{padding:4px 10px;border-radius:12px;font-size:10px;font-weight:700;display:inline-flex;align-items:center;gap:4px;flex-shrink:0;font-family:'Montserrat', sans-serif;letter-spacing:0.5px;text-transform:uppercase}.viewer-badge.subscriber-badge{background:linear-gradient(135deg, rgba(255,0,116,0.2) 0%, rgba(255,0,116,0.1) 100%);color:#ff3d9a;border:1px solid rgba(255,0,116,0.3)}.chat-messages-list{max-height:500px;overflow-y:auto;padding:14px}.chat-messages-list::-webkit-scrollbar{width:4px}.chat-messages-list::-webkit-scrollbar-track{background:rgba(255,255,255,0.02);border-radius:2px}.chat-messages-list::-webkit-scrollbar-thumb{background:linear-gradient(180deg, #ff0074 0%, #ff3d9a 100%);border-radius:2px}.chat-messages-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg, #ff3d9a 0%, #ff0074 100%)}.chat-message-item{display:flex;gap:12px;padding:12px;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.04);border-radius:10px;margin-bottom:8px;transition:all 0.2s ease}.chat-message-item:hover{background:rgba(255,0,116,0.05);border-color:rgba(255,0,116,0.15)}.chat-message-item:last-child{margin-bottom:0}.message-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;flex-shrink:0}.message-avatar img{width:100%;height:100%;object-fit:cover}.message-avatar .avatar-placeholder-small{width:36px;height:36px;font-size:14px}.message-content{flex:1;min-width:0}.message-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.message-username{color:#f5f5f5;font-weight:600;font-size:13px}.message-time{color:#666;font-size:11px}.message-text{color:rgba(255,255,255,0.9);font-size:14px;line-height:1.5;word-break:break-word}.message-text .message-gif{max-width:200px;max-height:200px;border-radius:8px;margin-top:8px;display:block;cursor:pointer;transition:transform 0.2s ease}.message-text .message-gif:hover{transform:scale(1.05)}.empty-state-small{text-align:center;padding:40px 20px;color:#535353}.empty-state-small i{font-size:48px;margin-bottom:12px;opacity:0.4;color:#ff0074}.empty-state-small p{margin:0;font-size:13px;color:#949494;font-family:'Rubik', sans-serif}.stream-settings-card{background:linear-gradient(145deg, rgba(31,31,31,0.8) 0%, rgba(20,20,20,0.9) 100%);border:1px solid rgba(255,255,255,0.06);border-radius:14px;overflow:hidden;margin-bottom:32px;animation:fadeInUp 0.5s ease 0.4s both;backdrop-filter:blur(10px)}.settings-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:1px;background:rgba(255,0,116,0.08);padding:1px}.setting-item{background:rgba(0,0,0,0.6);padding:20px;display:flex;align-items:center;gap:14px;transition:background 0.2s ease}.setting-item:hover{background:rgba(0,0,0,0.7)}.setting-icon{width:44px;height:44px;background:linear-gradient(135deg, rgba(255,0,116,0.15) 0%, rgba(255,0,116,0.05) 100%);border:1px solid rgba(255,0,116,0.2);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#ff0074;flex-shrink:0}.setting-content{display:flex;flex-direction:column;gap:4px}.setting-label{color:#949494;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;font-family:'Montserrat', sans-serif}.setting-value{font-size:14px;font-weight:600;font-family:'Rubik', sans-serif}.setting-value.enabled{color:#20c997}.setting-value.disabled{color:#949494}.danger-zone{background:linear-gradient(145deg, rgba(40,20,25,0.9) 0%, rgba(30,15,20,0.95) 100%);border:1px solid rgba(220,53,69,0.25);border-radius:14px;overflow:hidden;animation:fadeInUp 0.5s ease 0.5s both;position:relative}.danger-zone::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg, transparent, rgba(220,53,69,0.5), transparent)}.danger-zone-header{padding:16px 20px;background:rgba(220,53,69,0.08);border-bottom:1px solid rgba(220,53,69,0.15)}.danger-zone-header h3{margin:0;color:#ff6b6b;font-size:14px;font-weight:700;display:flex;align-items:center;gap:8px;font-family:'Montserrat', sans-serif;letter-spacing:0.5px;text-transform:uppercase}.danger-zone-content{padding:20px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.danger-zone-info{flex:1;min-width:200px}.danger-zone-info strong{display:block;color:#f5f5f5;font-size:15px;margin-bottom:6px;font-family:'Montserrat', sans-serif}.danger-zone-info p{margin:0;color:#949494;font-size:13px;line-height:1.6;font-family:'Rubik', sans-serif}.btn-danger{padding:12px 20px;background:rgba(220,53,69,0.12);border:1px solid rgba(220,53,69,0.35);border-radius:10px;color:#ff6b6b;font-weight:600;font-size:13px;text-decoration:none;display:inline-flex;align-items:center;gap:8px;font-family:'Montserrat', sans-serif;letter-spacing:0.3px;transition:all 0.25s cubic-bezier(0.4, 0, 0.2, 1);flex-shrink:0}.btn-danger:hover{background:rgba(220,53,69,0.2);border-color:rgba(220,53,69,0.5);color:#ff8585;transform:translateY(-2px);box-shadow:0 8px 24px rgba(220,53,69,0.25)}@media (max-width: 1200px){.detail-stats-grid{grid-template-columns:repeat(2, 1fr)}.settings-grid{grid-template-columns:repeat(2, 1fr)}}@media (max-width: 1024px){.stream-details-page{overflow-x:hidden;max-width:100vw;width:100%;min-height:auto;overflow-y:auto;-webkit-overflow-scrolling:touch}.stream-details-page::before{position:absolute;height:250px}.stream-details-page .social-layout{grid-template-columns:1fr;gap:0;padding:16px;padding-bottom:calc(120px + env(safe-area-inset-bottom, 20px));max-width:100vw;overflow-x:hidden}.stream-details-page .left-sidebar{display:none}.stream-details-page .main-feed{max-width:100vw;overflow-x:hidden;padding-bottom:20px}.detail-header{margin-bottom:20px}.btn-back{padding:10px 16px;font-size:13px}.stream-info-card{padding:20px;margin-bottom:20px;border-radius:12px}.stream-info-card::before{width:100px;height:100px}.detail-content-grid{grid-template-columns:1fr;gap:16px;margin-bottom:20px}.detail-section{border-radius:12px}.viewers-list,.chat-messages-list{max-height:350px}.stream-settings-card{margin-bottom:20px;border-radius:12px}.danger-zone{margin-bottom:60px;border-radius:12px}}@media (max-width: 768px){.stream-details-page .social-layout{padding:14px 12px;padding-bottom:calc(120px + env(safe-area-inset-bottom, 20px))}.stream-title{font-size:24px}.stream-description{font-size:14px}.stream-info-header{flex-direction:column;gap:16px;margin-bottom:20px}.stream-info-right{width:100%}.stream-info-right .btn-action-primary{flex:1;justify-content:center;padding:14px 20px}.detail-stats-grid{grid-template-columns:repeat(2, 1fr);gap:10px;margin-bottom:20px}.detail-stat-card{padding:14px;border-radius:10px;flex-direction:column;align-items:flex-start;gap:10px}.stat-icon-wrapper{width:40px;height:40px;font-size:18px;border-radius:10px}.stat-number{font-size:22px}.stat-label{font-size:10px}.stream-metadata{grid-template-columns:1fr 1fr;gap:10px;padding-top:16px}.metadata-item{padding:10px}.settings-grid{grid-template-columns:1fr}.section-header-detail{padding:14px 16px}.section-title-detail{font-size:14px}.danger-zone-content{flex-direction:column;align-items:stretch;gap:16px;padding:16px}.danger-zone-content .btn-danger{width:100%;justify-content:center;padding:14px 20px}.danger-zone-info{min-width:unset}.stream-info-card,.detail-section,.stream-settings-card,.danger-zone{max-width:100%;overflow:hidden;border-radius:10px}.viewers-list,.chat-messages-list{max-height:300px;padding:12px}.viewer-item,.chat-message-item{padding:10px;border-radius:8px}}@media (max-width: 480px){.stream-details-page .social-layout{padding:12px 10px;padding-bottom:calc(110px + env(safe-area-inset-bottom, 20px))}.btn-back{padding:8px 14px;font-size:12px;border-radius:8px}.stream-title{font-size:20px}.stream-description{font-size:13px}.stream-info-card{padding:16px}.status-badge{padding:6px 12px;font-size:10px}.detail-stats-grid{gap:8px}.detail-stat-card{padding:12px}.stat-number{font-size:20px}.stat-icon-wrapper{width:36px;height:36px;font-size:16px;border-radius:8px}.stream-metadata{grid-template-columns:1fr;gap:8px}.metadata-item{padding:8px 10px}.metadata-label{font-size:10px}.metadata-value{font-size:13px}.setting-item{padding:14px}.setting-icon{width:36px;height:36px;font-size:16px}.setting-label{font-size:10px}.setting-value{font-size:13px}.danger-zone-header{padding:12px 16px}.danger-zone-header h3{font-size:12px}.danger-zone-info strong{font-size:14px}.danger-zone-info p{font-size:12px}.btn-danger{padding:12px 16px;font-size:12px}.viewer-avatar,.avatar-placeholder-small{width:36px;height:36px;font-size:14px}.viewer-name{font-size:13px}.viewer-meta{font-size:11px}.message-username{font-size:12px}.message-text{font-size:13px}.count-badge{padding:3px 8px;font-size:10px}.empty-state-small{padding:30px 16px}.empty-state-small i{font-size:40px}.empty-state-small p{font-size:12px}}.d-none{display:none !important}:root{--settings-primary: #ff0074;--settings-primary-light: #ff3d9a;--settings-surface: rgba(255, 255, 255, 0.02);--settings-surface-hover: rgba(255, 255, 255, 0.05);--settings-border: rgba(255, 255, 255, 0.08);--settings-border-hover: rgba(255, 0, 116, 0.25);--settings-text: #f5f5f5;--settings-text-muted: #8e8e8e;--settings-text-dim: #666}@keyframes fadeInSection{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}@keyframes pulse-border{0%,100%{border-color:rgba(255,0,116,0.3)}50%{border-color:rgba(255,0,116,0.6)}}.creator-settings-page{background:linear-gradient(180deg, #000 0%, #0a0a0f 100%);min-height:100vh;overflow-x:hidden}.creator-settings-page .social-layout{display:grid;grid-template-columns:240px 1fr;gap:32px;padding:40px 24px;max-width:1600px;margin:0 auto;width:100%}.creator-settings-page .main-feed{max-width:100%;width:100%;min-width:0;overflow-x:hidden}.settings-page-header{margin-bottom:40px;padding:32px;background:linear-gradient(135deg, rgba(255,0,116,0.1) 0%, rgba(255,0,116,0.03) 50%, transparent 100%);border:1px solid rgba(255,0,116,0.15);border-radius:20px;position:relative;overflow:hidden}.settings-page-header::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg, var(--settings-primary) 0%, var(--settings-primary-light) 100%);border-radius:4px 0 0 4px}.settings-page-header::after{content:'';position:absolute;top:-50px;right:-50px;width:200px;height:200px;background:radial-gradient(circle, rgba(255,0,116,0.15) 0%, transparent 70%);pointer-events:none}.settings-page-title{font-size:32px;font-weight:800;color:var(--settings-text);margin-bottom:10px;display:flex;align-items:center;gap:14px;position:relative;z-index:1}.settings-page-title i{color:var(--settings-primary);font-size:28px}.settings-page-subtitle{color:var(--settings-text-muted);font-size:15px;position:relative;z-index:1;line-height:1.6}.creator-settings-page .settings-container{display:grid;grid-template-columns:260px 1fr;gap:28px;min-width:0}.creator-settings-page .settings-nav{background:var(--settings-surface);border:1px solid var(--settings-border);border-radius:16px;padding:24px;height:fit-content;position:sticky;top:20px}.creator-settings-page .settings-nav-title{font-size:11px;font-weight:700;color:var(--settings-text-dim);text-transform:uppercase;letter-spacing:1.2px;margin-bottom:18px;padding-left:14px}.creator-settings-page .settings-nav-item{display:flex;align-items:center;gap:14px;padding:14px 16px;color:var(--settings-text-muted);text-decoration:none;border-radius:12px;margin-bottom:6px;transition:all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);cursor:pointer;font-weight:600;font-size:14px;position:relative}.creator-settings-page .settings-nav-item:hover{background:var(--settings-surface-hover);color:var(--settings-text);transform:translateX(4px)}.creator-settings-page .settings-nav-item.active{background:linear-gradient(135deg, var(--settings-primary) 0%, var(--settings-primary-light) 100%);color:#fff;box-shadow:0 4px 20px rgba(255,0,116,0.4);transform:translateX(0)}.creator-settings-page .settings-nav-item.active::before{content:'';position:absolute;left:-24px;top:50%;transform:translateY(-50%);width:4px;height:24px;background:var(--settings-primary);border-radius:0 4px 4px 0}.creator-settings-page .settings-nav-item.active i{color:#fff}.creator-settings-page .settings-nav-item i{font-size:18px;width:20px;text-align:center}.creator-settings-page .settings-content{background:var(--settings-surface);border:1px solid var(--settings-border);border-radius:20px;padding:40px;box-shadow:0 8px 32px rgba(0,0,0,0.3);min-width:0;overflow-x:hidden}.creator-settings-page .settings-section{display:none;min-width:0}.creator-settings-page .settings-section.active{display:block;animation:fadeInSection 0.4s ease}.creator-settings-page .settings-section-title{font-size:26px;font-weight:800;color:var(--settings-text);margin-bottom:10px;display:flex;align-items:center;gap:14px}.creator-settings-page .settings-section-title i{color:var(--settings-primary);font-size:26px}.creator-settings-page .settings-section-subtitle{color:var(--settings-text-muted);font-size:15px;margin-bottom:36px;line-height:1.7;max-width:600px}.creator-settings-page .settings-form-group{margin-bottom:28px}.creator-settings-page .settings-form-label{display:flex;align-items:center;gap:8px;color:var(--settings-text);font-weight:700;margin-bottom:12px;font-size:13px;letter-spacing:0.5px;text-transform:uppercase}.creator-settings-page .settings-form-label i{color:var(--settings-primary);font-size:16px}.creator-settings-page .settings-form-hint{color:var(--settings-text-dim);font-size:13px;margin-top:10px;line-height:1.6;display:flex;align-items:flex-start;gap:8px}.creator-settings-page .settings-form-hint i{color:var(--settings-text-muted);font-size:14px;margin-top:1px;flex-shrink:0}.creator-settings-page .settings-form-input{width:100%;padding:16px 20px;background:rgba(255,255,255,0.04);border:1px solid var(--settings-border);border-radius:12px;color:#fff;font-size:15px;transition:all 0.3s ease;box-sizing:border-box}.creator-settings-page .settings-form-input:hover{background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.15)}.creator-settings-page .settings-form-input:focus{outline:none;background:rgba(255,255,255,0.08);border-color:var(--settings-primary);box-shadow:0 0 0 3px rgba(255,0,116,0.15)}.creator-settings-page .settings-form-input::placeholder{color:rgba(255,255,255,0.35)}.creator-settings-page .settings-form-textarea{min-height:140px;resize:vertical;font-family:inherit;line-height:1.7}.creator-settings-page .character-counter{text-align:right;color:var(--settings-text-dim);font-size:12px;margin-top:8px;font-weight:500}.creator-settings-page .character-counter.warning{color:#ffc107}.creator-settings-page .character-counter.danger{color:#dc3545}.creator-settings-page .payment-methods-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:16px;margin-bottom:28px}.creator-settings-page .account-type-options{display:flex;gap:12px;margin-bottom:4px}.creator-settings-page .account-type-option{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;background:rgba(255,255,255,0.02);border:2px solid var(--settings-border);border-radius:12px;cursor:pointer;transition:all 0.3s ease}.creator-settings-page .account-type-option:hover{background:rgba(255,255,255,0.04);border-color:rgba(255,255,255,0.15)}.creator-settings-page .account-type-option.selected{border-color:var(--settings-primary);background:rgba(255,0,116,0.08)}.creator-settings-page .account-type-option input[type="radio"]{position:absolute;opacity:0;pointer-events:none}.creator-settings-page .account-type-label{color:var(--settings-text);font-size:14px;font-weight:600}.creator-settings-page .payment-method-card{position:relative;background:rgba(255,255,255,0.02);border:2px solid var(--settings-border);border-radius:16px;padding:28px 20px;text-align:center;cursor:pointer;transition:all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);overflow:hidden}.creator-settings-page .payment-method-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg, var(--settings-primary) 0%, var(--settings-primary-light) 100%);opacity:0;transition:opacity 0.3s ease}.creator-settings-page .payment-method-card:hover{background:rgba(255,255,255,0.04);border-color:rgba(255,255,255,0.15);transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,0.3)}.creator-settings-page .payment-method-card:hover::before{opacity:0.5}.creator-settings-page .payment-method-card.selected{border-color:var(--settings-primary);background:rgba(255,0,116,0.08);box-shadow:0 8px 32px rgba(255,0,116,0.25);transform:translateY(-4px)}.creator-settings-page .payment-method-card.selected::before{opacity:1}.creator-settings-page .payment-method-card.selected .payment-method-checkmark{opacity:1;transform:scale(1)}.creator-settings-page .payment-method-card input[type="radio"]{position:absolute;opacity:0;pointer-events:none}.creator-settings-page .payment-method-checkmark{position:absolute;top:14px;right:14px;width:26px;height:26px;background:linear-gradient(135deg, var(--settings-primary) 0%, var(--settings-primary-light) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(0.5);transition:all 0.3s ease}.creator-settings-page .payment-method-checkmark i{color:#fff;font-size:12px;font-weight:bold}.creator-settings-page .payment-method-icon{width:64px;height:64px;margin:0 auto 16px;background:linear-gradient(135deg, var(--settings-primary) 0%, var(--settings-primary-light) 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(255,0,116,0.3)}.creator-settings-page .payment-method-icon i{color:#fff;font-size:28px}.creator-settings-page .payment-method-icon.paxum-icon{background:linear-gradient(135deg, #00b4d8 0%, #0077b6 100%);box-shadow:0 4px 16px rgba(0,180,216,0.3)}.creator-settings-page .payment-method-name{font-size:18px;font-weight:700;color:var(--settings-text);margin-bottom:6px}.creator-settings-page .payment-method-desc{font-size:13px;color:var(--settings-text-muted);line-height:1.5}.creator-settings-page .payment-info-input{background:rgba(255,255,255,0.03);border:1px solid var(--settings-border);border-radius:14px;padding:24px;margin-top:20px;animation:fadeIn 0.3s ease}.creator-settings-page .image-upload-section{display:grid;grid-template-columns:repeat(2, 1fr);gap:24px;margin-bottom:32px;width:100%;min-width:0}.creator-settings-page .image-upload-group{background:rgba(255,255,255,0.02);border:1px solid var(--settings-border);border-radius:16px;padding:24px;transition:all 0.3s ease;min-width:0;overflow:hidden}.creator-settings-page .image-upload-group:hover{border-color:rgba(255,255,255,0.15);background:rgba(255,255,255,0.03)}.creator-settings-page .image-upload-group input[type="file"]{display:none !important;visibility:hidden;position:absolute;width:0;height:0;opacity:0;pointer-events:none}.creator-settings-page .image-upload-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:8px}.creator-settings-page .image-upload-label .label-text{font-size:13px;font-weight:700;color:var(--settings-text);text-transform:uppercase;letter-spacing:0.5px;display:flex;align-items:center;gap:8px}.creator-settings-page .image-upload-label .label-text i{color:var(--settings-primary);font-size:16px}.creator-settings-page .image-upload-label .label-badge{font-size:10px;font-weight:700;color:var(--settings-primary);background:rgba(255,0,116,0.1);padding:4px 10px;border-radius:6px;text-transform:uppercase;letter-spacing:0.5px}.creator-settings-page .image-preview{width:100%;height:200px;background:rgba(255,255,255,0.02);border:2px dashed rgba(255,255,255,0.1);border-radius:14px;margin-bottom:16px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;transition:all 0.3s ease}.creator-settings-page .image-preview:hover{border-color:rgba(255,0,116,0.3);background:rgba(255,255,255,0.04)}.creator-settings-page .image-preview.has-image{border-style:solid;border-color:rgba(255,255,255,0.15);animation:pulse-border 3s infinite}.creator-settings-page .image-preview.has-image:hover .image-overlay{opacity:1}.creator-settings-page .image-preview img{width:100%;height:100%;object-fit:cover}.creator-settings-page .image-preview .empty-state{text-align:center;color:var(--settings-text-dim);padding:20px}.creator-settings-page .image-preview .empty-state i{font-size:42px;color:var(--settings-text-dim);margin-bottom:12px;display:block;opacity:0.5}.creator-settings-page .image-preview .empty-state p{font-size:13px;margin:0;line-height:1.5}.creator-settings-page .image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.75);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.3s ease;backdrop-filter:blur(4px)}.creator-settings-page .image-overlay i{color:#fff;font-size:28px}.creator-settings-page .upload-button{width:100%;padding:14px 18px;background:rgba(255,255,255,0.04);border:1px solid var(--settings-border);border-radius:10px;color:var(--settings-text);font-weight:600;cursor:pointer;transition:all 0.3s ease;font-size:14px;display:flex;align-items:center;justify-content:center;gap:10px}.creator-settings-page .upload-button i{font-size:16px;color:var(--settings-primary)}.creator-settings-page .upload-button:hover{background:rgba(255,0,116,0.08);border-color:var(--settings-primary);color:#fff;transform:translateY(-2px);box-shadow:0 4px 16px rgba(255,0,116,0.2)}.creator-settings-page .image-requirements{margin-top:16px;padding:14px;background:rgba(255,193,7,0.05);border:1px solid rgba(255,193,7,0.15);border-radius:10px}.creator-settings-page .image-requirements .requirements-title{font-size:11px;font-weight:700;color:#ffc107;text-transform:uppercase;margin-bottom:10px;display:flex;align-items:center;gap:6px;letter-spacing:0.5px}.creator-settings-page .image-requirements .requirements-title i{font-size:12px}.creator-settings-page .image-requirements ul{list-style:none;padding:0;margin:0}.creator-settings-page .image-requirements ul li{font-size:12px;color:var(--settings-text-muted);padding:3px 0;padding-left:16px;position:relative}.creator-settings-page .image-requirements ul li::before{content:'•';position:absolute;left:4px;color:#ffc107;font-size:10px}.creator-settings-page .price-input-wrapper{position:relative;display:flex;align-items:center}.creator-settings-page .currency-symbol{position:absolute;left:20px;color:var(--settings-primary);font-size:18px;font-weight:700;z-index:1}.creator-settings-page .price-input{padding-left:75px !important;font-size:22px !important;font-weight:700;text-align:left}.creator-settings-page .price-preview-card{background:rgba(255,255,255,0.02);border:1px solid var(--settings-border);border-radius:14px;padding:24px;margin-top:24px}.creator-settings-page .price-preview-card .preview-title{font-size:12px;font-weight:700;color:var(--settings-text-muted);text-transform:uppercase;margin-bottom:16px;letter-spacing:0.8px}.creator-settings-page .price-preview-card .preview-items{display:flex;flex-direction:column;gap:10px}.creator-settings-page .price-preview-card .preview-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,0.05);flex-wrap:wrap;gap:8px}.creator-settings-page .price-preview-card .preview-item:last-child{border-bottom:none;padding-top:16px;margin-top:8px;border-top:2px solid rgba(255,255,255,0.08)}.creator-settings-page .price-preview-card .preview-item .item-label{color:var(--settings-text-muted);font-size:14px;display:flex;align-items:center;gap:8px}.creator-settings-page .price-preview-card .preview-item .item-label i{color:var(--settings-text-dim);font-size:16px}.creator-settings-page .price-preview-card .preview-item .item-value{color:var(--settings-text);font-size:16px;font-weight:700}.creator-settings-page .price-preview-card .preview-item .item-value.highlight{color:var(--settings-primary);font-size:20px}.creator-settings-page .warning-box{background:rgba(255,193,7,0.06);border:1px solid rgba(255,193,7,0.2);border-left:4px solid #ffc107;border-radius:14px;padding:20px 24px;margin-bottom:28px}.creator-settings-page .warning-box-icon{display:flex;gap:16px;align-items:flex-start}.creator-settings-page .warning-box-icon>i{color:#ffc107;font-size:22px;flex-shrink:0;margin-top:2px}.creator-settings-page .warning-box-content{flex:1;min-width:0}.creator-settings-page .warning-box-title{color:#ffc107;font-weight:700;margin-bottom:8px;font-size:15px}.creator-settings-page .warning-box-text{color:var(--settings-text);font-size:14px;line-height:1.7}.creator-settings-page .info-box{background:rgba(23,162,184,0.06);border:1px solid rgba(23,162,184,0.2);border-left:4px solid #17a2b8;border-radius:14px;padding:20px 24px;margin-bottom:28px}.creator-settings-page .info-box .info-box-icon{display:flex;gap:16px;align-items:flex-start}.creator-settings-page .info-box .info-box-icon>i{color:#17a2b8;font-size:22px;flex-shrink:0;margin-top:2px}.creator-settings-page .info-box .info-box-content{flex:1;min-width:0}.creator-settings-page .info-box .info-box-title{color:#17a2b8;font-weight:700;margin-bottom:8px;font-size:15px}.creator-settings-page .info-box .info-box-text{color:var(--settings-text);font-size:14px;line-height:1.7}.creator-settings-page .settings-form-actions{display:flex;gap:16px;margin-top:40px;padding-top:28px;border-top:1px solid rgba(255,255,255,0.08);justify-content:flex-end;flex-wrap:wrap}.creator-settings-page .btn-settings-save{flex:1;max-width:260px;padding:16px 36px;background:linear-gradient(135deg, var(--settings-primary) 0%, var(--settings-primary-light) 100%);color:white;border:none;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;transition:all 0.3s ease;text-align:center;display:flex;align-items:center;justify-content:center;gap:10px}.creator-settings-page .btn-settings-save:hover{transform:translateY(-3px);box-shadow:0 8px 32px rgba(255,0,116,0.5)}.creator-settings-page .btn-settings-save:active{transform:translateY(-1px)}.creator-settings-page .btn-settings-cancel{padding:16px 28px;background:transparent;border:2px solid rgba(255,255,255,0.15);color:var(--settings-text);text-decoration:none;border-radius:12px;font-size:15px;font-weight:600;text-align:center;transition:all 0.3s ease;display:inline-flex;align-items:center;gap:8px}.creator-settings-page .btn-settings-cancel i{font-size:14px}.creator-settings-page .btn-settings-cancel:hover{background:rgba(255,255,255,0.05);border-color:rgba(255,255,255,0.25);color:#fff;transform:translateY(-2px)}.creator-settings-page .error-messages{background:rgba(220,53,69,0.08);border:1px solid rgba(220,53,69,0.25);border-left:4px solid #dc3545;border-radius:14px;padding:20px 24px;margin-bottom:28px}.creator-settings-page .error-messages h3{color:#dc3545;font-size:15px;font-weight:700;margin-bottom:14px;display:flex;align-items:center;gap:10px}.creator-settings-page .error-messages h3 i{font-size:18px}.creator-settings-page .error-messages ul{list-style:none;padding:0;margin:0}.creator-settings-page .error-messages li{color:var(--settings-text);font-size:14px;margin-bottom:6px;padding-left:20px;position:relative;line-height:1.5}.creator-settings-page .error-messages li:before{content:"•";position:absolute;left:6px;color:#dc3545;font-weight:700}.creator-settings-page .alert-success{background:rgba(76,175,80,0.08);border:1px solid rgba(76,175,80,0.25);border-left:4px solid #4CAF50;color:#4CAF50;padding:18px 24px;border-radius:14px;margin-bottom:28px;display:flex;align-items:center;gap:14px;font-weight:600;font-size:14px}.creator-settings-page .alert-success i{font-size:22px;flex-shrink:0}.creator-settings-page .alert-danger{background:rgba(244,67,54,0.08);border:1px solid rgba(244,67,54,0.25);border-left:4px solid #f44336;color:#f44336;padding:18px 24px;border-radius:14px;margin-bottom:28px;display:flex;align-items:center;gap:14px;font-weight:600;font-size:14px}.creator-settings-page .alert-danger i{font-size:22px;flex-shrink:0}@media (max-width: 1200px){.creator-settings-page .settings-container{grid-template-columns:240px 1fr;gap:24px}.creator-settings-page .settings-content{padding:32px}}@media (max-width: 1024px){.creator-settings-page{max-width:100vw;width:100%}.creator-settings-page .social-layout{grid-template-columns:1fr;padding:20px 16px;padding-bottom:calc(120px + env(safe-area-inset-bottom, 20px));gap:0;max-width:100vw}.creator-settings-page .left-sidebar{display:none}.creator-settings-page .main-feed{max-width:100vw}.creator-settings-page .settings-container{grid-template-columns:220px 1fr;gap:20px}.creator-settings-page .image-upload-section{grid-template-columns:1fr;gap:20px}.creator-settings-page .payment-methods-grid{grid-template-columns:repeat(2, 1fr);gap:14px}.creator-settings-page .payment-method-card{padding:22px 16px}.creator-settings-page .payment-method-icon{width:56px;height:56px;margin-bottom:14px}.creator-settings-page .payment-method-icon i{font-size:26px}.settings-page-header{padding:24px;margin-bottom:28px}.settings-page-title{font-size:26px}.settings-page-title i{font-size:24px}}@media (max-width: 768px){.creator-settings-page .social-layout{padding:16px 12px;padding-bottom:calc(120px + env(safe-area-inset-bottom, 20px))}.creator-settings-page .settings-container{grid-template-columns:1fr;gap:16px}.creator-settings-page .settings-nav{position:static;margin-bottom:16px;padding:16px;border-radius:14px;display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch}.creator-settings-page .settings-nav::-webkit-scrollbar{display:none}.creator-settings-page .settings-nav-title{display:none}.creator-settings-page .settings-nav-item{flex-shrink:0;padding:12px 16px;margin-bottom:0;font-size:13px;white-space:nowrap;border-radius:10px}.creator-settings-page .settings-nav-item.active::before{display:none}.creator-settings-page .settings-nav-item i{font-size:16px}.creator-settings-page .settings-content{padding:24px 20px;border-radius:16px;margin-bottom:40px}.creator-settings-page .settings-section-title{font-size:22px}.creator-settings-page .settings-section-title i{font-size:22px}.creator-settings-page .settings-section-subtitle{font-size:14px;margin-bottom:28px}.creator-settings-page .payment-methods-grid{grid-template-columns:1fr;gap:12px}.creator-settings-page .payment-method-card{padding:20px 16px}.creator-settings-page .payment-method-icon{width:52px;height:52px;margin-bottom:12px;border-radius:12px}.creator-settings-page .payment-method-icon i{font-size:24px}.creator-settings-page .payment-method-name{font-size:16px;margin-bottom:4px}.creator-settings-page .payment-method-desc{font-size:12px}.creator-settings-page .payment-method-checkmark{top:12px;right:12px;width:22px;height:22px}.creator-settings-page .payment-method-checkmark i{font-size:10px}.creator-settings-page .payment-info-input{padding:18px;margin-top:16px}.creator-settings-page .payment-method-card{padding:24px 20px}.creator-settings-page .payment-method-icon{width:56px;height:56px}.creator-settings-page .payment-method-icon i{font-size:24px}.creator-settings-page .image-upload-section{grid-template-columns:1fr;gap:16px}.creator-settings-page .image-upload-group{padding:20px}.creator-settings-page .image-preview{height:180px}.creator-settings-page .settings-form-actions{flex-direction:column-reverse;gap:12px;margin-bottom:20px}.creator-settings-page .settings-form-actions .btn-settings-save,.creator-settings-page .settings-form-actions .btn-settings-cancel{width:100%;max-width:none;justify-content:center}.creator-settings-page .price-input{font-size:20px !important}.creator-settings-page .price-preview-card .preview-item{flex-direction:column;align-items:flex-start;gap:4px}.creator-settings-page .price-preview-card .preview-item .item-value.highlight{font-size:18px}.settings-page-header{padding:20px;margin-bottom:20px;border-radius:16px}.settings-page-title{font-size:22px;gap:10px}.settings-page-title i{font-size:20px}.settings-page-subtitle{font-size:14px}.creator-settings-page .warning-box,.creator-settings-page .info-box{padding:16px 18px}.creator-settings-page .warning-box .warning-box-icon,.creator-settings-page .warning-box .info-box-icon,.creator-settings-page .info-box .warning-box-icon,.creator-settings-page .info-box .info-box-icon{gap:12px}.creator-settings-page .warning-box .warning-box-icon>i,.creator-settings-page .warning-box .info-box-icon>i,.creator-settings-page .info-box .warning-box-icon>i,.creator-settings-page .info-box .info-box-icon>i{font-size:20px}.creator-settings-page .warning-box .warning-box-title,.creator-settings-page .warning-box .info-box-title,.creator-settings-page .info-box .warning-box-title,.creator-settings-page .info-box .info-box-title{font-size:14px}.creator-settings-page .warning-box .warning-box-text,.creator-settings-page .warning-box .info-box-text,.creator-settings-page .info-box .warning-box-text,.creator-settings-page .info-box .info-box-text{font-size:13px}}@media (max-width: 480px){.creator-settings-page .social-layout{padding:12px 10px;padding-bottom:calc(110px + env(safe-area-inset-bottom, 20px))}.creator-settings-page .settings-content{padding:20px 16px;margin-bottom:30px}.creator-settings-page .settings-section-title{font-size:20px;gap:10px}.creator-settings-page .settings-section-title i{font-size:20px}.creator-settings-page .settings-form-input{padding:14px 16px;font-size:14px}.creator-settings-page .image-upload-group{padding:16px}.creator-settings-page .image-preview{height:160px}.creator-settings-page .upload-button{padding:12px 14px;font-size:13px}.creator-settings-page .image-requirements{padding:12px}.creator-settings-page .image-requirements .requirements-title{font-size:10px}.creator-settings-page .image-requirements ul li{font-size:11px}.creator-settings-page .payment-method-card{padding:20px 16px}.creator-settings-page .payment-method-icon{width:52px;height:52px;margin-bottom:14px}.creator-settings-page .payment-method-icon i{font-size:22px}.creator-settings-page .payment-method-name{font-size:16px}.creator-settings-page .payment-method-desc{font-size:12px}.settings-page-header{padding:16px}.settings-page-title{font-size:20px}.settings-page-subtitle{font-size:13px}.creator-settings-page .btn-settings-save,.creator-settings-page .btn-settings-cancel{padding:14px 20px;font-size:14px}}.content-show-page{background:#000;min-height:calc(100vh - 90px)}.content-show-page .social-layout{display:grid;grid-template-columns:240px 1fr 340px;gap:24px;padding:40px 20px;max-width:1600px;margin:0 auto}.content-show-page .main-feed{max-width:100%;width:100%}.content-header{margin-bottom:32px;padding:24px;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.08);border-radius:16px;backdrop-filter:blur(10px);display:flow}.header-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,0.06)}.back-link-wrapper{flex-shrink:0}.back-link{display:inline-flex;align-items:center;gap:10px;color:#a0a0a0;font-weight:600;font-size:14px;text-decoration:none;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);padding:8px 12px;border-radius:8px;background:transparent}.back-link svg{width:18px;height:18px;fill:#a0a0a0;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.back-link:hover{color:#fff;background:rgba(255,255,255,0.05);transform:translateX(-2px)}.back-link:hover svg{fill:#ff4081;transform:translateX(-2px)}.meta-wrapper{display:flex;align-items:center;gap:20px;flex-shrink:0}.title-wrapper{width:100%}.content-title{font-size:32px;font-weight:700;color:#ffffff;margin:0;line-height:1.4;letter-spacing:-0.5px;word-wrap:break-word;overflow-wrap:break-word;text-shadow:0 2px 8px rgba(0,0,0,0.3)}.meta-item{display:flex;align-items:center;gap:8px;color:#909090;font-size:13px;font-weight:500;transition:all 0.3s ease;white-space:nowrap;flex-shrink:0;padding:6px 12px;border-radius:8px;background:rgba(255,255,255,0.03)}.meta-item svg{width:16px;height:16px;fill:#909090;flex-shrink:0;transition:all 0.3s ease}.meta-item span{white-space:nowrap}.meta-item:hover{color:#fff;background:rgba(255,255,255,0.06)}.meta-item:hover svg{fill:#ff4081}.content-type-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:linear-gradient(135deg, #ff4081 0%, #f50057 100%);color:white;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.8px;box-shadow:0 4px 12px rgba(255,64,129,0.4);transition:all 0.3s ease}.content-type-badge svg{width:13px;height:13px;fill:white}.content-type-badge:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(255,64,129,0.5)}.media-container{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.1);border-radius:12px;overflow:hidden;margin-bottom:24px;transition:all 0.3s ease}.media-container:hover{border-color:rgba(255,64,129,0.2)}.media-wrapper{position:relative;width:100%;background:#000}.media-video,.media-image{width:100%;height:auto;display:block}.media-video{max-height:720px}.post-placeholder{padding:80px 40px;text-align:center;background:rgba(255,255,255,0.03);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px}.post-placeholder i{font-size:80px;color:#8e8e8e;margin-bottom:20px}.post-placeholder p{color:#f5f5f5;font-size:18px;font-weight:600}.gallery-slider{position:relative;width:100%;background:#000}.gallery-slides{position:relative;width:100%}.gallery-slide{display:none;width:100%}.gallery-slide.active{display:block}.gallery-slide .media-video,.gallery-slide .media-image{width:100%;height:auto;max-height:720px;object-fit:contain}.gallery-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;background:rgba(0,0,0,0.7);border:1px solid rgba(255,255,255,0.2);border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all 0.3s ease;backdrop-filter:blur(8px)}.gallery-nav svg{width:24px;height:24px}.gallery-nav:hover{background:rgba(255,64,129,0.8);border-color:#ff4081;transform:translateY(-50%) scale(1.1)}.gallery-nav.gallery-prev{left:16px}.gallery-nav.gallery-next{right:16px}.gallery-counter{position:absolute;top:16px;right:16px;background:rgba(0,0,0,0.7);backdrop-filter:blur(8px);color:#fff;padding:8px 14px;border-radius:20px;font-size:13px;font-weight:600;z-index:10;border:1px solid rgba(255,255,255,0.15)}.gallery-thumbnails{display:flex;gap:8px;padding:16px;background:rgba(0,0,0,0.5);overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.3) transparent}.gallery-thumbnails::-webkit-scrollbar{height:6px}.gallery-thumbnails::-webkit-scrollbar-track{background:transparent}.gallery-thumbnails::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.3);border-radius:3px}.gallery-thumb{flex-shrink:0;width:60px;height:60px;border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all 0.3s ease;background:rgba(255,255,255,0.1);padding:0}.gallery-thumb img{width:100%;height:100%;object-fit:cover}.gallery-thumb:hover{border-color:rgba(255,64,129,0.5);transform:scale(1.05)}.gallery-thumb.active{border-color:#ff4081;box-shadow:0 0 12px rgba(255,64,129,0.5)}.thumb-video-icon{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.1)}.thumb-video-icon svg{width:24px;height:24px;fill:#ff4081}@media (max-width: 768px){.gallery-nav{width:40px;height:40px}.gallery-nav svg{width:20px;height:20px}.gallery-nav.gallery-prev{left:8px}.gallery-nav.gallery-next{right:8px}.gallery-counter{top:12px;right:12px;padding:6px 12px;font-size:12px}.gallery-thumbnails{padding:12px;gap:6px}.gallery-thumb{width:50px;height:50px;border-radius:6px}}.content-description{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.1);border-radius:12px;padding:30px;margin-bottom:24px;transition:all 0.3s ease}.content-description:hover{border-color:rgba(255,64,129,0.2);background:rgba(255,255,255,0.03)}.description-title{font-size:20px;font-weight:700;color:#f5f5f5;margin-bottom:16px;display:flex;align-items:center;gap:10px}.description-title i{color:#ff4081}.description-text{color:#8e8e8e;line-height:1.7;white-space:pre-wrap;font-size:15px}.content-actions{background:linear-gradient(135deg, rgba(255,255,255,0.02) 0%, rgba(255,64,129,0.02) 100%);border:1px solid rgba(255,255,255,0.08);border-radius:16px;padding:0;margin-bottom:24px;overflow:hidden;position:relative;display:flex;flex-direction:column}.content-actions::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg, transparent 0%, rgba(255,64,129,0.3) 50%, transparent 100%)}.content-actions-primary{display:flex;align-items:center;gap:12px;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,0.06)}.content-actions-primary .tip-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg, #28a745 0%, #20c997 100%);color:white;border:none;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all 0.25s cubic-bezier(0.4, 0, 0.2, 1);box-shadow:0 4px 12px rgba(40,167,69,0.25)}.content-actions-primary .tip-btn svg{flex-shrink:0;transition:transform 0.2s ease}.content-actions-primary .tip-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(40,167,69,0.4)}.content-actions-primary .tip-btn:hover svg{transform:scale(1.1)}.content-actions-primary .tip-btn:active{transform:translateY(0)}.content-stats{display:flex;align-items:center;justify-content:flex-start;gap:32px;padding:16px 24px;background:rgba(0,0,0,0.2)}.stat-item{display:flex;align-items:center;gap:10px;color:#8e8e8e;font-size:14px;font-weight:500;transition:all 0.2s ease;cursor:default}.stat-item svg,.stat-item i{width:18px;height:18px;font-size:18px;color:#666;transition:all 0.2s ease}.stat-item span{color:#a0a0a0;font-weight:600}.stat-item:hover{color:#f5f5f5}.stat-item:hover svg,.stat-item:hover i{color:#ff4081}.stat-item:hover span{color:#f5f5f5}.content-show-page .right-sidebar{position:sticky;top:90px;height:fit-content}.content-show-page .profile-widget{display:flex;align-items:center;gap:12px;margin-bottom:24px}.content-show-page .profile-widget-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid #ff4081}.content-show-page .profile-widget-info{flex:1}.content-show-page .profile-widget-name{color:#f5f5f5;font-weight:600;font-size:14px}.content-show-page .profile-widget-username{color:#8e8e8e;font-size:12px}.content-show-page .suggestions-section{margin-bottom:24px}.content-show-page .suggestions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.content-show-page .suggestions-title{color:#8e8e8e;font-weight:600;font-size:14px}.content-show-page .see-all-btn{color:#f5f5f5;font-size:12px;font-weight:600;text-decoration:none;transition:color 0.2s ease}.content-show-page .see-all-btn:hover{color:#ff4081}.content-show-page .suggestion-item{display:flex;align-items:center;gap:12px;margin-bottom:16px}.content-show-page .suggestion-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;flex-shrink:0}.content-show-page .suggestion-info{flex:1;min-width:0}.content-show-page .suggestion-name{color:#f5f5f5;font-weight:600;font-size:14px;text-decoration:none;display:block;transition:color 0.2s ease}.content-show-page .suggestion-name:hover{color:#ff4081}.content-show-page .suggestion-meta{color:#8e8e8e;font-size:12px}.content-show-page .suggestion-follow-btn{background:none;border:none;color:#4c9aff;font-weight:600;font-size:12px;cursor:pointer;transition:all 0.2s ease}.content-show-page .suggestion-follow-btn:hover{color:#ff4081}.content-show-page .sidebar-footer{color:#8e8e8e;font-size:11px;line-height:1.6;margin-top:24px}.content-show-page .sidebar-footer-links{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.content-show-page .sidebar-footer-link{color:#8e8e8e;text-decoration:none;transition:color 0.2s ease}.content-show-page .sidebar-footer-link:hover{color:#f5f5f5;text-decoration:underline}.creator-card{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.1);border-radius:12px;padding:24px;margin-bottom:20px;transition:all 0.3s ease}.creator-card:hover{border-color:rgba(255,64,129,0.2);background:rgba(255,255,255,0.03)}.creator-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.creator-avatar{width:60px;height:60px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,64,129,0.2);flex-shrink:0}.creator-avatar-placeholder{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg, #ff4081 0%, #f50057 100%);color:white;font-size:24px;font-weight:700;border:2px solid rgba(255,64,129,0.2)}.creator-info{flex:1;min-width:0}.creator-name{color:#f5f5f5;font-weight:600;font-size:16px;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.creator-username{color:#8e8e8e;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.subscribe-btn{display:block;width:100%;padding:14px 24px;background:linear-gradient(135deg, #ff4081 0%, #f50057 100%);color:white;border:1px solid rgba(255,255,255,0.1);border-radius:10px;font-weight:600;font-size:15px;text-align:center;text-decoration:none;transition:all 0.3s ease;cursor:pointer}.subscribe-btn:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(255,64,129,0.5);border-color:#ff4081;color:white}.subscribe-btn:active{transform:translateY(-1px)}.subscribe-btn.subscribed{background:rgba(255,255,255,0.1);cursor:default}.subscribe-btn.subscribed:hover{transform:none;box-shadow:none}.creator-bio{color:#8e8e8e;font-size:14px;line-height:1.6;margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,0.1)}.content-info-card{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.1);border-radius:12px;padding:24px;margin-bottom:20px;transition:all 0.3s ease}.content-info-card:hover{border-color:rgba(255,64,129,0.2);background:rgba(255,255,255,0.03)}.info-title{font-size:18px;font-weight:700;color:#f5f5f5;margin-bottom:20px;display:flex;align-items:center;gap:10px}.info-title i{color:#ff4081}.info-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,0.1)}.info-item:last-child{border-bottom:none}.info-label{color:#8e8e8e;font-size:14px}.info-value{color:#f5f5f5;font-weight:600;font-size:14px}.price-badge{background:linear-gradient(135deg, #ff4081 0%, #f50057 100%);color:white;padding:6px 14px;border-radius:8px;font-size:15px;font-weight:700}.free-badge{color:#4caf50;font-weight:700}.more-content{margin-top:60px;padding-top:40px;border-top:1px solid rgba(255,255,255,0.1)}.section-title{font-size:24px;font-weight:700;color:#f5f5f5;margin-bottom:28px;display:flex;align-items:center;gap:12px}.section-title i{color:#ff4081}.content-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:20px}.content-card{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.1);border-radius:12px;overflow:hidden;text-decoration:none;display:block;transition:all 0.3s ease}.content-card:hover{transform:translateY(-4px);border-color:rgba(255,64,129,0.3);box-shadow:0 8px 24px rgba(255,64,129,0.2)}.card-thumbnail{aspect-ratio:16/9;background:rgba(255,255,255,0.03);position:relative;overflow:hidden}.card-thumbnail img,.card-thumbnail video{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.card-thumbnail video{background:#000}.content-card:hover .card-thumbnail img,.content-card:hover .card-thumbnail video{transform:scale(1.05)}.thumbnail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.03)}.thumbnail-placeholder i{font-size:60px;color:#8e8e8e}.locked-content-bg{position:absolute;inset:0;background:radial-gradient(ellipse 180% 120% at 0% 100%, rgba(255,0,116,0.18) 0%, transparent 45%),radial-gradient(ellipse 150% 100% at 100% 0%, rgba(255,61,154,0.12) 0%, transparent 40%),radial-gradient(circle at 50% 50%, rgba(255,0,116,0.06) 0%, transparent 60%),linear-gradient(165deg, #0c0c0c 0%, #150a11 30%, #1a0c14 50%, #150a11 70%, #0c0c0c 100%)}.locked-content-bg.has-blur{background-size:cover;background-position:center;background-repeat:no-repeat}.locked-overlay{position:absolute;inset:0;background:transparent;display:flex;align-items:center;justify-content:center;z-index:2}.locked-overlay svg{width:32px;height:32px;color:rgba(255,255,255,0.7);filter:drop-shadow(0 2px 8px rgba(0,0,0,0.5))}.locked-overlay i{font-size:32px;color:rgba(255,255,255,0.7);filter:drop-shadow(0 2px 8px rgba(0,0,0,0.5))}.content-card.locked .card-thumbnail{background:radial-gradient(ellipse 150% 100% at 10% 100%, rgba(255,0,116,0.12) 0%, transparent 50%),radial-gradient(ellipse 120% 80% at 90% 0%, rgba(255,0,116,0.08) 0%, transparent 40%),radial-gradient(circle at 50% 50%, rgba(255,0,116,0.04) 0%, transparent 70%),linear-gradient(160deg, #0d0d0d 0%, #12080f 25%, #160a12 50%, #12080f 75%, #0d0d0d 100%)}.gallery-badge{position:absolute;top:10px;right:10px;background:rgba(0,0,0,0.75);backdrop-filter:blur(8px);color:#fff;padding:5px 10px;border-radius:6px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:5px;z-index:5;border:1px solid rgba(255,255,255,0.1)}.gallery-badge svg{width:12px;height:12px}.content-type-indicator{position:absolute;top:10px;right:10px;background:rgba(0,0,0,0.85);backdrop-filter:blur(8px);color:#fff;padding:6px 10px;border-radius:6px;font-size:11px;font-weight:600;display:flex;align-items:center;gap:5px;z-index:5;border:1px solid rgba(255,255,255,0.15)}.content-type-indicator svg{width:14px;height:14px;flex-shrink:0}.content-type-indicator span{text-transform:uppercase;letter-spacing:0.3px}.gallery-indicator{background:rgba(156,39,176,0.9);border-color:rgba(186,104,200,0.5)}.video-indicator{background:rgba(244,67,54,0.9);border-color:rgba(255,138,128,0.5)}.image-indicator{background:rgba(33,150,243,0.9);border-color:rgba(100,181,246,0.5)}.card-content{padding:16px}.card-title{color:#f5f5f5;font-size:16px;font-weight:600;margin-bottom:8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-date{color:#8e8e8e;font-size:13px;display:flex;align-items:center;gap:6px}.card-date i{font-size:12px}.restricted-preview{position:relative;min-height:500px;border-radius:12px;margin-bottom:24px;overflow:hidden;background:radial-gradient(ellipse 180% 120% at 0% 100%, rgba(255,0,116,0.15) 0%, transparent 45%),radial-gradient(ellipse 150% 100% at 100% 0%, rgba(255,61,154,0.1) 0%, transparent 40%),radial-gradient(circle at 50% 50%, rgba(255,0,116,0.05) 0%, transparent 60%),linear-gradient(165deg, #0c0c0c 0%, #150a11 30%, #1a0c14 50%, #150a11 70%, #0c0c0c 100%)}.preview-bg{position:absolute;inset:0;background:radial-gradient(ellipse 180% 120% at 0% 100%, rgba(255,0,116,0.18) 0%, transparent 45%),radial-gradient(ellipse 150% 100% at 100% 0%, rgba(255,61,154,0.12) 0%, transparent 40%),radial-gradient(circle at 50% 50%, rgba(255,0,116,0.06) 0%, transparent 60%),linear-gradient(165deg, #0c0c0c 0%, #150a11 30%, #1a0c14 50%, #150a11 70%, #0c0c0c 100%);z-index:0}.preview-bg.has-blur{background-size:cover;background-position:center;background-repeat:no-repeat}.preview-image{width:100%;height:100%;object-fit:cover;filter:blur(20px);opacity:0.4}.preview-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:transparent}.preview-placeholder i{font-size:100px;color:rgba(255,255,255,0.3);opacity:0.3}.restricted-overlay{position:relative;z-index:1;background:linear-gradient(180deg, rgba(20,10,18,0.95) 0%, rgba(15,8,14,0.98) 100%);backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 40px;border-radius:12px;min-height:500px;box-shadow:inset 0 0 80px rgba(255,0,116,0.03)}.lock-icon{width:100px;height:100px;margin-bottom:32px;display:flex;align-items:center;justify-content:center;background:rgba(255,64,129,0.15);border-radius:50%;animation:pulse 2s ease-in-out infinite}.lock-icon i{font-size:50px;color:#ff4081}.restricted-title{font-size:32px;font-weight:700;color:#f5f5f5;margin-bottom:16px;letter-spacing:-0.5px}.restricted-subtitle{color:#8e8e8e;font-size:16px;margin-bottom:40px;max-width:600px;line-height:1.6}.access-options{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:20px;width:100%;max-width:700px;margin:0 auto}.access-options.ppv-only{grid-template-columns:1fr;max-width:380px}.access-options.subscription-only{grid-template-columns:1fr;max-width:380px}.subscribe-suggestion{margin-top:32px;padding-top:24px;border-top:1px solid rgba(255,255,255,0.08);text-align:center;max-width:500px;margin-left:auto;margin-right:auto}.subscribe-suggestion .suggestion-text{color:rgba(255,255,255,0.5);font-size:14px;margin-bottom:12px}.subscribe-suggestion .suggestion-text strong{color:rgba(255,255,255,0.7)}.subscribe-suggestion .suggestion-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:transparent;border:1px solid rgba(255,255,255,0.15);border-radius:8px;color:rgba(255,255,255,0.6);font-size:13px;font-weight:500;cursor:pointer;transition:all 0.2s ease}.subscribe-suggestion .suggestion-btn:hover{background:rgba(255,255,255,0.05);border-color:rgba(255,64,129,0.4);color:rgba(255,255,255,0.85)}.subscribe-suggestion .suggestion-btn svg{color:#ff4081;opacity:0.7}.access-option{background:rgba(255,255,255,0.05);border:2px solid rgba(255,255,255,0.1);border-radius:12px;padding:32px 28px;text-align:center;transition:all 0.3s ease;display:flex;flex-direction:column;align-items:center}.access-option:hover{border-color:rgba(255,64,129,0.5);transform:translateY(-4px);background:rgba(255,255,255,0.08);box-shadow:0 8px 24px rgba(255,64,129,0.2)}.option-icon{width:60px;height:60px;margin-bottom:20px;display:flex;align-items:center;justify-content:center;background:rgba(255,64,129,0.1);border-radius:12px}.option-icon i{font-size:32px;color:#ff4081}.option-title{color:#f5f5f5;font-size:18px;font-weight:600;margin-bottom:12px}.option-price{font-size:28px;font-weight:700;color:#ff4081;margin-bottom:12px;font-family:inherit}.option-description{color:#8e8e8e;font-size:14px;margin-bottom:24px;line-height:1.5}.login-actions{display:flex;justify-content:center;margin-top:24px}.login-actions .access-btn{max-width:280px}.access-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 32px;background:linear-gradient(135deg, #ff4081 0%, #f50057 100%);color:white;border:1px solid rgba(255,255,255,0.1);border-radius:10px;font-weight:600;font-size:15px;text-decoration:none;transition:all 0.3s ease;cursor:pointer;width:100%}.access-btn i{font-size:16px}.access-btn:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(255,64,129,0.5);border-color:#ff4081;color:white}.access-btn:active{transform:translateY(-1px)}.access-btn.secondary-btn{background:transparent;border:2px solid rgba(255,255,255,0.2);color:#8e8e8e}.access-btn.secondary-btn:hover{background:rgba(255,255,255,0.05);border-color:rgba(255,255,255,0.3);color:#f5f5f5;box-shadow:none}.access-option.primary-option{border-color:rgba(255,64,129,0.3);background:rgba(255,64,129,0.05)}.access-option.secondary-option{background:rgba(255,255,255,0.02);border-color:rgba(255,255,255,0.08);padding:24px 20px}.access-option.secondary-option .option-icon{width:50px;height:50px;background:rgba(255,255,255,0.05)}.access-option.secondary-option .option-icon i{font-size:24px;color:#8e8e8e}.access-option.secondary-option .option-title{font-size:15px;color:#aaa}.access-option.secondary-option .option-price{font-size:20px;color:#8e8e8e}.access-option.secondary-option .option-description{font-size:13px}.access-option.secondary-option:hover{border-color:rgba(255,255,255,0.15);transform:none;box-shadow:none}.login-prompt{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.1);border-radius:12px;padding:32px;text-align:center;margin-top:24px;transition:all 0.3s ease}.login-prompt:hover{border-color:rgba(255,64,129,0.2);background:rgba(255,255,255,0.03)}.login-prompt-text{color:#8e8e8e;font-size:16px;margin-bottom:24px;line-height:1.6}.login-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;background:rgba(255,255,255,0.1);color:#f5f5f5;border-radius:10px;font-weight:600;font-size:15px;text-decoration:none;transition:all 0.3s ease;margin:0 8px}.login-btn:hover{background:rgba(255,255,255,0.15);transform:translateY(-2px);color:white}.login-btn.primary{background:linear-gradient(135deg, #ff4081 0%, #f50057 100%);border:1px solid rgba(255,255,255,0.1)}.login-btn.primary:hover{box-shadow:0 8px 24px rgba(255,64,129,0.5)}@media (max-width: 1200px){.content-show-page .social-layout{grid-template-columns:200px 1fr 300px;gap:20px}}@media (max-width: 1024px){.content-show-page .social-layout{grid-template-columns:1fr;padding:20px 16px;padding-bottom:100px}.content-show-page .main-feed{padding-bottom:20px}.content-header{margin-bottom:20px;padding:20px;border-radius:12px}.header-top{margin-bottom:16px;padding-bottom:16px;gap:12px}.back-link{font-size:13px;padding:6px 10px}.back-link svg{width:16px;height:16px}.content-title{font-size:24px}.meta-wrapper{gap:12px}.meta-item{font-size:12px;gap:6px;padding:5px 10px}.meta-item svg{width:14px;height:14px}.meta-item span{font-size:12px}.content-type-badge{font-size:10px;padding:6px 12px}.content-type-badge svg{width:12px;height:12px}.content-grid{grid-template-columns:repeat(auto-fill, minmax(240px, 1fr));gap:16px}.description-title{font-size:18px}.section-title{font-size:20px}}@media (max-width: 768px){.content-show-page{min-height:calc(100vh - 70px)}.content-show-page .social-layout{padding:16px 12px;padding-bottom:100px}.content-header{margin-bottom:16px;padding:16px;border-radius:12px;display:flow}.header-top{margin-bottom:14px;padding-bottom:14px;gap:10px}.back-link{font-size:12px;padding:6px 8px}.back-link svg{width:16px;height:16px}.back-link span{display:none}.content-title{font-size:20px;line-height:1.3}.meta-wrapper{gap:8px}.meta-item{font-size:11px;gap:5px;padding:4px 8px}.meta-item svg{width:13px;height:13px}.meta-item span{font-size:11px}.content-type-badge{font-size:10px;padding:5px 10px}.content-type-badge svg{width:11px;height:11px}.media-container{margin-bottom:20px;border-radius:8px}.media-video{max-height:500px}.content-description{padding:20px 16px;margin-bottom:20px}.description-title{font-size:17px;margin-bottom:12px}.description-text{font-size:14px;line-height:1.6}.content-actions{border-radius:12px;margin-bottom:20px}.content-actions-primary{padding:16px 18px;gap:10px}.content-stats{gap:20px;padding:14px 18px;flex-wrap:wrap}.stat-item{font-size:13px}.stat-item svg{width:15px;height:15px}.more-content{margin-top:40px;padding-top:30px}.section-title{font-size:19px;margin-bottom:20px}.section-title svg{width:20px;height:20px}.content-grid{grid-template-columns:1fr;gap:14px}.card-content{padding:14px}.card-title{font-size:15px}.restricted-preview{min-height:auto}.restricted-overlay{padding:40px 24px;min-height:auto}.restricted-title{font-size:26px}.restricted-subtitle{font-size:15px}.access-options{grid-template-columns:1fr;gap:16px}}@media (max-width: 480px){.content-show-page .social-layout{padding:12px 10px;padding-bottom:100px}.content-header{margin-bottom:12px;padding:14px;border-radius:10px}.header-top{margin-bottom:12px;padding-bottom:12px;gap:8px}.back-link{font-size:11px;padding:5px 8px}.back-link svg{width:14px;height:14px}.back-link span{display:none}.content-title{font-size:18px;letter-spacing:-0.3px;line-height:1.3}.meta-wrapper{gap:6px}.meta-item{font-size:10px;gap:4px;padding:4px 6px}.meta-item svg{width:12px;height:12px}.meta-item span{font-size:10px}.content-type-badge{font-size:9px;padding:4px 8px;gap:3px}.content-type-badge svg{width:10px;height:10px}.media-container{border-radius:6px;margin-bottom:16px}.media-video{max-height:400px}.content-description{padding:16px 12px;margin-bottom:16px;border-radius:8px}.description-title{font-size:16px;margin-bottom:10px}.description-text{font-size:13px;line-height:1.5}.content-actions{border-radius:10px;margin-bottom:16px}.content-actions-primary{padding:14px 14px;gap:8px;flex-wrap:wrap}.content-stats{gap:14px;padding:12px 14px}.stat-item{font-size:12px}.stat-item svg{width:14px;height:14px}.more-content{margin-top:32px;padding-top:24px}.section-title{font-size:17px;margin-bottom:16px;gap:8px}.section-title svg{width:18px;height:18px}.content-grid{gap:12px}.card-content{padding:12px}.card-title{font-size:14px;-webkit-line-clamp:1}.card-date{font-size:12px}.restricted-preview{min-height:auto}.restricted-overlay{padding:32px 20px;min-height:auto}.lock-icon{width:80px;height:80px;margin-bottom:24px}.lock-icon i{font-size:40px}.restricted-title{font-size:22px;margin-bottom:12px}.restricted-subtitle{font-size:14px;margin-bottom:32px}.access-option{padding:24px 20px}.option-icon{width:50px;height:50px;margin-bottom:16px}.option-icon i{font-size:26px}.option-title{font-size:16px;margin-bottom:10px}.option-price{font-size:24px;margin-bottom:10px}.option-description{font-size:13px;margin-bottom:20px}.access-btn{padding:12px 24px;font-size:14px}.login-prompt{padding:24px 16px;margin-top:20px}}.enter_login{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:#000;padding:40px 20px}.enter__logo{width:200px;height:auto;margin-bottom:40px;display:block}.enter_login{max-width:100%;width:100%}.enter__wrapper{background:#1a1a1a;border:1px solid rgba(255,255,255,0.08);border-radius:16px;padding:48px;max-width:480px;width:100%;margin:0 auto;box-shadow:0 12px 48px rgba(0,0,0,0.5)}.enter__divider{margin-bottom:32px;text-align:left}.enter__divider h4{font-size:24px;font-weight:700;color:#f5f5f5;margin-bottom:8px;text-transform:none}.enter__divider p{font-size:14px;color:#8e8e8e;margin:0}.input-group{margin-bottom:24px}.input-group label{display:block;font-size:13px;font-weight:600;color:#8e8e8e;margin-bottom:10px;text-transform:uppercase;letter-spacing:0.5px}.input-group em{color:#8e8e8e;font-size:12px;font-weight:400;text-transform:none;letter-spacing:0;margin-left:4px}.textfield{width:100%;padding:16px 18px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.1);border-radius:10px;color:#f5f5f5;font-size:16px;transition:all 0.2s ease;font-family:inherit}.textfield:focus{outline:none;border-color:#ff4081;background:rgba(255,255,255,0.05);box-shadow:0 0 0 3px rgba(255,64,129,0.1)}.textfield::placeholder{color:#5a5a5a}.toggle-password-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#8e8e8e;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color 0.2s ease;z-index:10}.toggle-password-btn:hover{color:#f5f5f5}.toggle-password-btn:focus{outline:none}.eye-icon{width:20px;height:20px}.actions{margin-top:32px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:16px 28px;border:none;border-radius:10px;font-size:15px;font-weight:600;text-decoration:none;cursor:pointer;transition:all 0.2s ease;font-family:inherit}.btn--primary{background:linear-gradient(135deg, #ff4081 0%, #f50057 100%);color:#fff}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(255,64,129,0.35)}.btn--secondary{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.15);color:#f5f5f5}.btn--secondary:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.25)}.btn--large{padding:18px 36px;font-size:16px}.btn--fluid{width:100%}.flash-message{border-radius:8px;padding:14px 16px;margin-bottom:20px;font-size:14px;line-height:1.5}.flash-message p{margin:0;color:#f5f5f5}.flash-alert,.flash-error{background:rgba(239,68,68,0.1);border:1px solid rgba(239,68,68,0.3)}.flash-alert p,.flash-error p{color:#fca5a5}.flash-notice,.flash-success{background:rgba(34,197,94,0.1);border:1px solid rgba(34,197,94,0.3)}.flash-notice p,.flash-success p{color:#86efac}#error_explanation{background:rgba(239,68,68,0.1);border:1px solid rgba(239,68,68,0.3);border-radius:8px;padding:16px;margin-bottom:24px}#error_explanation h2{color:#ef4444;font-size:16px;font-weight:600;margin-bottom:12px}#error_explanation ul{margin:0;padding-left:20px}#error_explanation li{color:#fca5a5;font-size:14px;margin-bottom:4px}.enter_login a:not(.btn):not(.enter__logo){color:#ff4081;text-decoration:none;font-size:14px;transition:color 0.2s ease}.enter_login a:not(.btn):not(.enter__logo):hover{color:#f50057}.forgot-password-link{display:block;text-align:right;margin-top:8px;font-size:13px}.remember-me{display:flex;align-items:center;margin-top:16px;margin-bottom:8px}.remember-me input[type="checkbox"]{width:18px;height:18px;margin-right:8px;accent-color:#ff4081;cursor:pointer}.remember-me label{color:#f5f5f5;font-size:14px;font-weight:400;margin:0;cursor:pointer;text-transform:none;letter-spacing:0}.enter__close{position:fixed;top:20px;right:20px;width:44px;height:44px;background:rgba(255,255,255,0.1);border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;z-index:1000}.enter__close:hover{background:rgba(255,255,255,0.15);transform:scale(1.1)}.enter__signup{margin-bottom:28px}@media (max-width: 768px){.enter_login{padding:20px}.enter__wrapper{padding:36px 24px;max-width:100%}.enter__logo{width:160px;margin-bottom:32px}.enter__divider h4{font-size:20px}.textfield{padding:14px 16px;font-size:15px}.btn--large{padding:16px 28px;font-size:15px}}@media (max-width: 480px){.enter__wrapper{padding:28px 20px}.textfield{padding:14px;font-size:14px}}.devise-links{text-align:center;margin-top:24px;padding-top:24px;border-top:1px solid rgba(255,255,255,0.1)}.devise-links a{color:#ff4081;text-decoration:none;font-size:14px;margin:0 8px;transition:color 0.2s ease}.devise-links a:hover{color:#f50057}.pagination-wrapper{margin-top:40px;margin-bottom:40px;display:flex;justify-content:center;align-items:center}.pagination-wrapper .pagination{display:flex;align-items:center;gap:8px;list-style:none;padding:0;margin:0}.pagination-wrapper .pagination a,.pagination-wrapper .pagination span,.pagination-wrapper .pagination .page a,.pagination-wrapper .pagination .page span{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:8px 12px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.1);border-radius:8px;color:rgba(255,255,255,0.7);font-size:14px;font-weight:600;text-decoration:none;transition:all 0.3s ease;cursor:pointer}.pagination-wrapper .pagination a:hover,.pagination-wrapper .pagination span:hover,.pagination-wrapper .pagination .page a:hover,.pagination-wrapper .pagination .page span:hover{background:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.2);color:#fff;transform:translateY(-2px)}.pagination-wrapper .pagination a.current,.pagination-wrapper .pagination span.current,.pagination-wrapper .pagination .page a.current,.pagination-wrapper .pagination .page span.current{background:linear-gradient(135deg, #ff4081 0%, #f50057 100%);border-color:rgba(255,64,129,0.5);color:white;cursor:default;box-shadow:0 4px 12px rgba(255,64,129,0.3)}.pagination-wrapper .pagination a.current:hover,.pagination-wrapper .pagination span.current:hover,.pagination-wrapper .pagination .page a.current:hover,.pagination-wrapper .pagination .page span.current:hover{transform:none}.pagination-wrapper .pagination a.disabled,.pagination-wrapper .pagination span.disabled,.pagination-wrapper .pagination .page a.disabled,.pagination-wrapper .pagination .page span.disabled{background:rgba(255,255,255,0.02);border-color:rgba(255,255,255,0.05);color:rgba(255,255,255,0.3);cursor:not-allowed;opacity:0.5}.pagination-wrapper .pagination a.disabled:hover,.pagination-wrapper .pagination span.disabled:hover,.pagination-wrapper .pagination .page a.disabled:hover,.pagination-wrapper .pagination .page span.disabled:hover{transform:none;background:rgba(255,255,255,0.02);border-color:rgba(255,255,255,0.05)}.pagination-wrapper .pagination .first a,.pagination-wrapper .pagination .first span,.pagination-wrapper .pagination .prev a,.pagination-wrapper .pagination .prev span,.pagination-wrapper .pagination .next a,.pagination-wrapper .pagination .next span,.pagination-wrapper .pagination .last a,.pagination-wrapper .pagination .last span{font-size:13px;padding:8px 16px;gap:6px}.pagination-wrapper .pagination .first a::before,.pagination-wrapper .pagination .first a::after,.pagination-wrapper .pagination .first span::before,.pagination-wrapper .pagination .first span::after,.pagination-wrapper .pagination .prev a::before,.pagination-wrapper .pagination .prev a::after,.pagination-wrapper .pagination .prev span::before,.pagination-wrapper .pagination .prev span::after,.pagination-wrapper .pagination .next a::before,.pagination-wrapper .pagination .next a::after,.pagination-wrapper .pagination .next span::before,.pagination-wrapper .pagination .next span::after,.pagination-wrapper .pagination .last a::before,.pagination-wrapper .pagination .last a::after,.pagination-wrapper .pagination .last span::before,.pagination-wrapper .pagination .last span::after{font-family:'bootstrap-icons';font-size:12px}.pagination-wrapper .pagination .first a::before,.pagination-wrapper .pagination .first span::before{content:'\F284';margin-right:4px}.pagination-wrapper .pagination .prev a::before,.pagination-wrapper .pagination .prev span::before{content:'\F285';margin-right:4px}.pagination-wrapper .pagination .next a::after,.pagination-wrapper .pagination .next span::after{content:'\F286';margin-left:4px}.pagination-wrapper .pagination .last a::after,.pagination-wrapper .pagination .last span::after{content:'\F287';margin-left:4px}.pagination-wrapper .pagination .gap span{background:transparent;border:none;color:#666;cursor:default;min-width:32px}.pagination-wrapper .pagination .gap span:hover{transform:none;background:transparent;border:none}.pagination-wrapper .pagination .page a{font-variant-numeric:tabular-nums}.pagination-wrapper .pagination.compact{gap:4px}.pagination-wrapper .pagination.compact a,.pagination-wrapper .pagination.compact span{min-width:36px;height:36px;padding:6px 10px;font-size:13px}.pagination-info{text-align:center;color:#8e8e8e;font-size:13px;margin-top:16px;font-weight:500}.pagination-info strong{color:#ff4081;font-weight:700}.pagination-container{display:flex;flex-direction:column;align-items:center;gap:16px;margin:40px 0}.pagination-wrapper.with-background{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.1);border-radius:12px;padding:20px}.pagination-wrapper nav.pagy-nav{display:flex;justify-content:center;align-items:center;gap:8px}.pagination-wrapper nav.pagy-nav .page{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:8px 12px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.1);border-radius:8px;color:rgba(255,255,255,0.7);font-size:14px;font-weight:600;text-decoration:none;transition:all 0.3s ease}.pagination-wrapper nav.pagy-nav .page:hover:not(.active):not(.disabled){background:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.2);color:#fff;transform:translateY(-2px)}.pagination-wrapper nav.pagy-nav .page.active{background:linear-gradient(135deg, #ff4081 0%, #f50057 100%);border-color:rgba(255,64,129,0.5);color:white;cursor:default;box-shadow:0 4px 12px rgba(255,64,129,0.3)}.pagination-wrapper nav.pagy-nav .page.disabled{background:rgba(255,255,255,0.02);border-color:rgba(255,255,255,0.05);color:rgba(255,255,255,0.3);cursor:not-allowed;opacity:0.5}.pagination-wrapper nav.pagy-nav .page.prev,.pagination-wrapper nav.pagy-nav .page.next{padding:8px 16px}.pagination-wrapper nav.pagy-nav .page.prev::before,.pagination-wrapper nav.pagy-nav .page.prev::after,.pagination-wrapper nav.pagy-nav .page.next::before,.pagination-wrapper nav.pagy-nav .page.next::after{font-family:'bootstrap-icons';font-size:12px}.pagination-wrapper nav.pagy-nav .page.prev::before{content:'\F285';margin-right:4px}.pagination-wrapper nav.pagy-nav .page.next::after{content:'\F286';margin-left:4px}.pagination-wrapper nav.pagy-nav .gap{color:#666;padding:0 8px}@media (max-width: 768px){.pagination-wrapper{margin-top:32px;margin-bottom:32px}.pagination-wrapper .pagination{gap:4px;flex-wrap:wrap}.pagination-wrapper .pagination a,.pagination-wrapper .pagination span{min-width:36px;height:36px;padding:6px 10px;font-size:13px}.pagination-wrapper .pagination .first,.pagination-wrapper .pagination .last{display:none}.pagination-wrapper .pagination .prev a,.pagination-wrapper .pagination .prev span,.pagination-wrapper .pagination .next a,.pagination-wrapper .pagination .next span{padding:6px 12px;font-size:0}.pagination-wrapper .pagination .prev a::before,.pagination-wrapper .pagination .prev a::after,.pagination-wrapper .pagination .prev span::before,.pagination-wrapper .pagination .prev span::after,.pagination-wrapper .pagination .next a::before,.pagination-wrapper .pagination .next a::after,.pagination-wrapper .pagination .next span::before,.pagination-wrapper .pagination .next span::after{font-size:14px;margin:0}.pagination-wrapper nav.pagy-nav .page{min-width:36px;height:36px;padding:6px 10px;font-size:13px}.pagination-wrapper nav.pagy-nav .page.prev,.pagination-wrapper nav.pagy-nav .page.next{padding:6px 12px}.pagination-info{font-size:12px}}@media (max-width: 480px){.pagination-wrapper .pagination a,.pagination-wrapper .pagination span{min-width:32px;height:32px;padding:4px 8px;font-size:12px;border-radius:6px}.pagination-wrapper nav.pagy-nav .page{min-width:32px;height:32px;padding:4px 8px;font-size:12px}}.comments-section{margin-top:0;padding:0;background:linear-gradient(180deg, rgba(255,255,255,0.02) 0%, rgba(0,0,0,0.1) 100%);border:1px solid rgba(255,255,255,0.08);border-radius:16px;overflow:hidden;position:relative}.comments-section::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg, transparent 0%, rgba(255,64,129,0.4) 50%, transparent 100%)}.comments-header{margin:0;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:rgba(0,0,0,0.3);border-bottom:1px solid rgba(255,255,255,0.06);cursor:pointer;transition:all 0.25s ease}.comments-header:hover{background:rgba(0,0,0,0.4)}.comments-header:hover .toggle-comments-btn{background:rgba(255,64,129,0.15);border-color:rgba(255,64,129,0.3)}.comments-header:hover .toggle-comments-btn svg{color:#ff4081}.comments-header .section-title{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:700;color:#f5f5f5;margin:0;letter-spacing:0.3px;text-transform:uppercase}.comments-header .section-title svg{flex-shrink:0;width:20px;height:20px;fill:#ff4081;filter:drop-shadow(0 0 4px rgba(255,64,129,0.4))}.comments-header .section-title span{color:#ff4081;font-weight:800}.comments-header .toggle-comments-btn{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.1);border-radius:10px;padding:10px 14px;color:#8e8e8e;cursor:pointer;transition:all 0.25s cubic-bezier(0.4, 0, 0.2, 1);display:flex;align-items:center;justify-content:center}.comments-header .toggle-comments-btn svg{transition:all 0.25s cubic-bezier(0.4, 0, 0.2, 1);width:16px;height:16px}.comments-header .toggle-comments-btn:hover{background:rgba(255,64,129,0.1);border-color:rgba(255,64,129,0.3);color:#ff4081}.comments-header .toggle-comments-btn.expanded{background:rgba(255,64,129,0.1);border-color:rgba(255,64,129,0.3)}.comments-header .toggle-comments-btn.expanded svg{transform:rotate(90deg);color:#ff4081}.comments-section [data-comments-toggle-target="container"]{padding:24px;background:rgba(0,0,0,0.15);overflow:hidden}.login-prompt{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.1);border-radius:12px;padding:24px;text-align:center;margin-bottom:24px}.login-prompt p{display:flex;align-items:center;justify-content:center;gap:10px;margin:0;font-size:15px;color:#8e8e8e}.login-prompt p svg{fill:#ff4081;flex-shrink:0}.login-prompt .login-link{color:#ff4081;text-decoration:none;font-weight:500;transition:color 0.2s ease}.login-prompt .login-link:hover{color:#f50057}.comment-form-container{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,0.1)}.comment-form{display:flex;flex-direction:column;gap:8px}.comment-form .emoji-bar-row{display:flex;align-items:center;gap:4px;padding:4px 8px;background:rgba(255,255,255,0.02);border-radius:8px}.comment-form .emoji-picker-wrapper{position:relative;flex-shrink:0}.comment-form .emoji-trigger-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:50%;color:#00bcd4;cursor:pointer;transition:all 0.2s ease}.comment-form .emoji-trigger-btn:hover{color:#ff4081;background:rgba(255,64,129,0.1)}.comment-form .emoji-trigger-btn svg{width:22px;height:22px}.comment-form .form-content{display:flex;gap:12px;align-items:center}.comment-form .user-avatar{flex-shrink:0;width:40px;height:40px}.comment-form .user-avatar .avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,0.1)}.comment-form .user-avatar .avatar-placeholder{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg, #ff4081 0%, #f50057 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:16px;border:2px solid rgba(255,255,255,0.1)}.comment-form .input-row{flex:1;display:flex;align-items:center;gap:8px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.1);border-radius:24px;padding:4px 8px 4px 16px;transition:all 0.2s ease}.comment-form .input-row:focus-within{border-color:#ff4081;background:rgba(255,255,255,0.05);box-shadow:0 0 0 3px rgba(255,64,129,0.1)}.comment-form .comment-textarea{flex:1;min-height:36px;max-height:120px;padding:8px 0;background:transparent;border:none;color:#f5f5f5;font-size:14px;font-family:inherit;resize:none;line-height:1.4}.comment-form .comment-textarea::placeholder{color:#8e8e8e}.comment-form .comment-textarea:focus{outline:none}.comment-form .submit-btn-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;border-radius:50%;color:#8e8e8e;cursor:pointer;transition:all 0.2s ease;flex-shrink:0}.comment-form .submit-btn-icon:hover{color:#ff4081}.comment-form .submit-btn-icon svg{width:20px;height:20px}.comment-form .form-actions{display:flex;justify-content:flex-end}.comment-form .submit-btn{padding:10px 24px;background:linear-gradient(135deg, #ff4081 0%, #f50057 100%);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.2s ease}.comment-form .submit-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,64,129,0.3)}.comment-form .submit-btn:active{transform:translateY(0)}.quick-emoji-bar{display:flex;gap:2px;flex-wrap:nowrap;overflow-x:auto;padding:0}.quick-emoji-bar::-webkit-scrollbar{display:none}.quick-emoji-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:8px;font-size:18px;cursor:pointer;transition:all 0.15s ease;padding:0}.quick-emoji-btn:hover{background:rgba(255,255,255,0.1);transform:scale(1.15)}.quick-emoji-btn:active{transform:scale(0.95)}.emoji-picker-dropdown{position:absolute;bottom:100%;right:0;margin-bottom:8px;width:320px;background:#1a1a1a;border:1px solid rgba(255,255,255,0.15);border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,0.5);z-index:1000;overflow:hidden}.emoji-picker-content{display:flex;flex-direction:column}.emoji-grid{display:grid;grid-template-columns:repeat(8, 1fr);gap:4px;padding:12px;max-height:220px;overflow-y:auto}.emoji-grid::-webkit-scrollbar{width:6px}.emoji-grid::-webkit-scrollbar-track{background:transparent}.emoji-grid::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.2);border-radius:3px}.emoji-grid::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,0.3)}.emoji-item{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:8px;font-size:20px;cursor:pointer;transition:all 0.15s ease;padding:0}.emoji-item:hover{background:rgba(255,64,129,0.2);transform:scale(1.2)}.emoji-item:active{transform:scale(0.9)}.emoji-categories-bar{display:flex;justify-content:space-around;padding:8px 12px;background:rgba(255,255,255,0.03);border-top:1px solid rgba(255,255,255,0.1)}.emoji-category-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:8px;font-size:18px;cursor:pointer;transition:all 0.2s ease;opacity:0.6;padding:0}.emoji-category-btn:hover{opacity:1;background:rgba(255,255,255,0.1)}.emoji-category-btn.active{opacity:1;background:rgba(255,64,129,0.2)}.comments-list{display:flex;flex-direction:column;gap:8px;overflow:hidden;max-width:100%}.comment-card{background:transparent;border:none;border-radius:0;padding:12px 0;transition:background 0.2s ease;overflow:hidden;max-width:100%}.comment-card:hover{background:rgba(255,255,255,0.02)}.comment-card.reply-indent{margin-left:48px;padding-left:16px;border-left:2px solid rgba(255,64,129,0.2)}.comment-header{display:flex;align-items:flex-start;gap:10px;margin-bottom:8px}.user-avatar-small{flex-shrink:0;width:32px;height:32px}.user-avatar-small .avatar-img-small{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,0.1)}.user-avatar-small .avatar-placeholder-small{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg, #ff4081 0%, #f50057 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:12px;border:2px solid rgba(255,255,255,0.1)}.comment-meta{flex:1;min-width:0;overflow:hidden}.comment-author{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#f5f5f5;margin-bottom:2px}.comment-author .creator-badge{display:inline-flex;align-items:center;padding:2px 8px;background:linear-gradient(135deg, #ff4081 0%, #f50057 100%);border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;color:#fff;letter-spacing:0.5px}.comment-timestamp{font-size:12px;color:#8e8e8e}.comment-options{margin-left:auto}.comment-options .delete-btn{background:none;border:none;padding:6px;cursor:pointer;color:#8e8e8e;transition:color 0.2s ease;display:flex;align-items:center;justify-content:center}.comment-options .delete-btn:hover{color:#ff4444}.comment-options .delete-btn svg{width:16px;height:16px}.comment-content{color:#f5f5f5;font-size:14px;line-height:1.5;margin-bottom:6px;margin-left:42px;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;hyphens:auto;max-width:100%;overflow:hidden}.comment-content p{margin:0 0 4px 0;word-break:break-word;overflow-wrap:break-word}.comment-content p:last-child{margin-bottom:0}.comment-actions{display:flex;align-items:center;gap:12px;margin-left:42px;padding-top:2px}.action-btn{display:flex;align-items:center;gap:6px;padding:4px 8px;background:transparent;border:none;border-radius:6px;color:#8e8e8e;font-size:12px;font-weight:500;cursor:pointer;transition:all 0.2s ease}.action-btn svg{width:14px;height:14px;fill:currentColor}.action-btn:hover{background:rgba(255,255,255,0.05);color:#f5f5f5}.like-btn.liked{background:transparent;color:#ff4081}.like-btn.liked svg{fill:#ff4081}.like-btn:hover:not(.liked){color:#ff4081}.reply-btn:hover{color:#ff4081}.like-count{font-weight:600}.reply-form-wrapper{margin-top:8px}.reply-form-container{padding-top:8px;margin-left:42px}.reply-form .reply-form-content{display:flex;gap:10px;align-items:flex-start}.reply-form .reply-input-wrapper{flex:1;display:flex;flex-direction:column;gap:6px}.reply-form .reply-input-row{display:flex;align-items:center;gap:6px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.1);border-radius:20px;padding:4px 6px 4px 12px;transition:all 0.2s ease}.reply-form .reply-input-row:focus-within{border-color:#ff4081;background:rgba(255,255,255,0.05);box-shadow:0 0 0 2px rgba(255,64,129,0.1)}.reply-form .reply-textarea{flex:1;min-height:28px;max-height:100px;padding:6px 0;background:transparent;border:none;color:#f5f5f5;font-size:13px;font-family:inherit;resize:none;line-height:1.4}.reply-form .reply-textarea::placeholder{color:#8e8e8e}.reply-form .reply-textarea:focus{outline:none}.reply-form .emoji-trigger-btn-small{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:50%;color:#8e8e8e;cursor:pointer;transition:all 0.2s ease;flex-shrink:0}.reply-form .emoji-trigger-btn-small:hover{color:#ff4081;background:rgba(255,64,129,0.1)}.reply-form .emoji-trigger-btn-small svg{width:18px;height:18px}.reply-form .reply-submit-btn-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:linear-gradient(135deg, #ff4081 0%, #f50057 100%);border:none;border-radius:50%;color:#fff;cursor:pointer;transition:all 0.2s ease;flex-shrink:0}.reply-form .reply-submit-btn-icon:hover{transform:scale(1.05);box-shadow:0 2px 8px rgba(255,64,129,0.4)}.reply-form .reply-submit-btn-icon:active{transform:scale(0.95)}.reply-form .reply-submit-btn-icon svg{width:14px;height:14px}.reply-form .cancel-btn-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:rgba(255,255,255,0.05);border:none;border-radius:50%;color:#8e8e8e;cursor:pointer;transition:all 0.2s ease;flex-shrink:0}.reply-form .cancel-btn-icon:hover{background:rgba(255,68,68,0.15);color:#ff4444}.reply-form .cancel-btn-icon svg{width:14px;height:14px}.reply-form .reply-form-actions{display:flex;justify-content:flex-end;gap:8px}.reply-form .cancel-btn{padding:8px 16px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.1);border-radius:6px;color:#8e8e8e;font-size:13px;font-weight:500;cursor:pointer;transition:all 0.2s ease}.reply-form .cancel-btn:hover{background:rgba(255,255,255,0.05);color:#f5f5f5}.reply-form .reply-submit-btn{padding:8px 16px;background:linear-gradient(135deg, #ff4081 0%, #f50057 100%);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all 0.2s ease}.reply-form .reply-submit-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(255,64,129,0.3)}.reply-form .reply-submit-btn:active{transform:translateY(0)}.quick-emoji-bar-reply{padding:2px 0}.quick-emoji-btn-small{display:flex;align-items:center;justify-content:center;width:26px;height:26px;background:transparent;border:none;border-radius:6px;font-size:15px;cursor:pointer;transition:all 0.15s ease;padding:0}.quick-emoji-btn-small:hover{background:rgba(255,255,255,0.1);transform:scale(1.15)}.quick-emoji-btn-small:active{transform:scale(0.95)}.emoji-picker-dropdown-reply{bottom:auto;top:100%;margin-top:8px;margin-bottom:0;width:280px}.replies-container{margin-top:8px;display:flex;flex-direction:column;gap:0;overflow:hidden;max-width:100%}@media (max-width: 768px){.comments-section{margin-top:0;border-radius:12px}.comments-header{padding:16px 18px}.comments-header .section-title{font-size:14px;letter-spacing:0.2px}.comments-header .section-title svg{width:18px;height:18px}.comments-header .toggle-comments-btn{padding:8px 12px;border-radius:8px}.comments-header .toggle-comments-btn svg{width:14px;height:14px}.comments-section [data-comments-toggle-target="container"]{padding:18px}.comment-card{padding:10px 0}.comment-card.reply-indent{margin-left:36px;padding-left:12px}.comment-form .user-avatar{width:36px;height:36px}.comment-form .input-row{padding:3px 6px 3px 12px}.comment-form .comment-textarea{font-size:13px;min-height:32px}.comment-form .emoji-trigger-btn{width:32px;height:32px}.comment-form .emoji-trigger-btn svg{width:20px;height:20px}.comment-form .submit-btn-icon{width:32px;height:32px}.comment-form .submit-btn-icon svg{width:16px;height:16px}.comment-form .submit-btn{padding:8px 20px;font-size:13px}.quick-emoji-bar{gap:1px}.quick-emoji-btn{width:28px;height:28px;font-size:16px}.emoji-picker-dropdown{width:280px;right:-20px}.emoji-grid{grid-template-columns:repeat(7, 1fr);max-height:180px;padding:10px}.emoji-item{width:28px;height:28px;font-size:18px}.emoji-category-btn{width:28px;height:28px;font-size:16px}.user-avatar-small{width:28px;height:28px}.comment-author{font-size:13px}.comment-author .creator-badge{font-size:9px;padding:2px 6px}.comment-content{font-size:13px;margin-left:38px}.comment-actions{gap:10px;margin-left:38px}.action-btn{padding:4px 6px;font-size:11px;gap:4px}.action-btn svg{width:12px;height:12px}.reply-form-container{margin-left:38px}.reply-form .reply-input-row{padding:3px 4px 3px 10px}.reply-form .emoji-trigger-btn-small,.reply-form .reply-submit-btn-icon,.reply-form .cancel-btn-icon{width:26px;height:26px}.quick-emoji-bar-reply{display:none}}@media (max-width: 480px){.comments-section{border-radius:10px}.comments-header{padding:14px 14px}.comments-header .section-title{font-size:12px;gap:8px}.comments-header .section-title svg{width:16px;height:16px}.comments-header .toggle-comments-btn{padding:6px 10px}.comments-header .toggle-comments-btn svg{width:12px;height:12px}.comments-section [data-comments-toggle-target="container"]{padding:14px}.comment-card.reply-indent{margin-left:24px;padding-left:10px}.comment-form .form-content{gap:8px}.comment-form .user-avatar{width:32px;height:32px}.comment-form .input-row{padding:2px 4px 2px 10px;gap:4px}.comment-form .emoji-trigger-btn{width:28px;height:28px}.comment-form .emoji-trigger-btn svg{width:18px;height:18px}.comment-form .submit-btn-icon{width:28px;height:28px}.comment-form .submit-btn-icon svg{width:14px;height:14px}.quick-emoji-bar{display:none}.emoji-picker-dropdown{position:fixed;top:auto;bottom:0;left:0;right:0;width:100%;border-radius:16px 16px 0 0;margin-bottom:0}.emoji-grid{grid-template-columns:repeat(8, 1fr);max-height:200px}.comment-content{margin-left:32px}.comment-actions{flex-wrap:wrap;gap:8px;margin-left:32px}.reply-form-container{margin-left:32px}.reply-form .user-avatar-small{display:none}.reply-form .reply-input-row{gap:4px}.emoji-picker-dropdown-reply{position:fixed;top:auto;bottom:0;left:0;right:0;width:100%;border-radius:16px 16px 0 0;margin-top:0}}.stories-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:none;align-items:center;justify-content:center}.stories-modal.active{display:flex}.stories-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.95);backdrop-filter:blur(10px)}.stories-modal-content{position:relative;width:100%;max-width:500px;height:100vh;max-height:900px;background:#000;display:flex;flex-direction:column;z-index:1}.story-progress-container{position:absolute;top:12px;left:12px;right:12px;z-index:10}.story-progress-bars{display:flex;gap:4px}.story-progress-bar{flex:1;height:3px;background:rgba(255,255,255,0.3);border-radius:2px;overflow:hidden}.story-progress-fill{height:100%;background:#fff;width:0%;border-radius:2px}.story-progress-fill.active{background:linear-gradient(90deg, #fff 0%, rgba(255,255,255,0.9) 100%)}.story-header{position:absolute;top:0;left:0;right:0;padding:48px 16px 16px;background:linear-gradient(180deg, rgba(0,0,0,0.7) 0%, transparent 100%);display:flex;align-items:center;justify-content:space-between;z-index:10}.story-creator-info{display:flex;align-items:center;gap:12px}.story-creator-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,64,129,0.5)}.story-creator-name{color:#fff;font-weight:600;font-size:14px;text-shadow:0 1px 3px rgba(0,0,0,0.5)}.story-timestamp{color:rgba(255,255,255,0.8);font-size:12px;text-shadow:0 1px 3px rgba(0,0,0,0.5)}.story-close-btn{width:36px;height:36px;background:rgba(0,0,0,0.5);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all 0.2s}.story-close-btn:hover{background:rgba(0,0,0,0.7);transform:scale(1.1)}.story-media-container{position:relative;flex:1;display:flex;align-items:center;justify-content:center;background:#000;overflow:hidden}.story-image,.story-video{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.story-image.hidden,.story-video.hidden{display:none}.story-caption{position:absolute;bottom:0;left:0;right:0;padding:60px 20px 20px;background:linear-gradient(0deg, rgba(0,0,0,0.8) 0%, transparent 100%);color:#fff;font-size:14px;line-height:1.5;text-align:center;z-index:10;text-shadow:0 1px 3px rgba(0,0,0,0.7)}.story-caption.hidden{display:none}.story-nav-left,.story-nav-right{position:absolute;top:0;bottom:0;width:30%;z-index:5;cursor:pointer}.story-nav-left{left:0}.story-nav-right{right:0}.story-views{position:absolute;bottom:20px;right:20px;display:flex;align-items:center;gap:6px;padding:8px 12px;background:rgba(0,0,0,0.6);border-radius:20px;color:#fff;font-size:13px;font-weight:600;z-index:10;backdrop-filter:blur(10px)}.story-views.hidden{display:none}.story-views svg{opacity:0.8}@media (max-width: 768px){.stories-modal-content{max-width:100%;height:100vh;max-height:none}.story-progress-container{top:8px;left:8px;right:8px}.story-header{padding:40px 12px 12px}.story-creator-avatar{width:36px;height:36px}.story-creator-name{font-size:13px}.story-timestamp{font-size:11px}.story-close-btn{width:32px;height:32px}.story-caption{padding:40px 16px 16px;font-size:13px}.story-views{bottom:16px;right:16px;padding:6px 10px;font-size:12px}}@keyframes slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stories-modal.active .stories-modal-content{animation:slideUp 0.3s ease}.story-loading{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:40px;height:40px;border:3px solid rgba(255,255,255,0.3);border-top-color:#ff4081;border-radius:50%;animation:spin 0.8s linear infinite}@keyframes spin{to{transform:translate(-50%, -50%) rotate(360deg)}}.story-actions{position:absolute;bottom:20px;left:20px;z-index:10;display:flex;gap:12px}.story-like-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:rgba(0,0,0,0.6);border:2px solid rgba(255,255,255,0.2);border-radius:25px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.3s;backdrop-filter:blur(10px)}.story-like-btn:hover{background:rgba(0,0,0,0.8);border-color:rgba(255,64,129,0.5);transform:scale(1.05)}.story-like-btn .heart-outline{display:block;color:#fff}.story-like-btn .heart-filled{display:none;color:#ff4081}.story-like-btn.liked{background:rgba(255,64,129,0.2);border-color:#ff4081}.story-like-btn.liked .heart-outline{display:none}.story-like-btn.liked .heart-filled{display:block;animation:heartBeat 0.3s ease}.story-like-btn .likes-count{font-size:14px;font-weight:700}@keyframes heartBeat{0%,100%{transform:scale(1)}25%{transform:scale(1.3)}50%{transform:scale(0.9)}75%{transform:scale(1.1)}}@media (max-width: 768px){.story-actions{bottom:16px;left:16px}.story-like-btn{padding:8px 14px;font-size:13px}.story-like-btn svg{width:24px;height:24px}}.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:#000;border-top:1px solid rgba(255,255,255,0.1);padding:8px 0 calc(8px + env(safe-area-inset-bottom));z-index:1000;box-shadow:0 -2px 10px rgba(0,0,0,0.3)}.mobile-nav-items{display:flex;justify-content:space-around;align-items:center;max-width:600px;margin:0 auto;padding:0 8px}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#a0a0a0;text-decoration:none;padding:8px;border-radius:8px;transition:all 0.2s ease;position:relative;flex:1;max-width:75px;min-height:50px}.mobile-nav-item:active{transform:scale(0.95)}.mobile-nav-item.active{color:#fff}.mobile-nav-item svg{width:26px;height:26px;flex-shrink:0;stroke-width:1.5}.mobile-nav-item.active svg{fill:#fff;stroke-width:2}.mobile-nav-item>span.mobile-nav-label,.mobile-nav-item>span:last-of-type:not(.mobile-nav-badge){font-size:10px;font-weight:500;white-space:nowrap}#mobile_messages_badge{display:contents !important}.mobile-nav-badge{position:absolute !important;display:flex !important;align-items:center;justify-content:center;top:2px;right:6px;min-width:18px;height:18px;padding:0 5px;background:linear-gradient(135deg, #ff4081 0%, #f50057 100%);color:#fff;font-size:10px;font-weight:700;line-height:1;text-align:center;border-radius:9px;border:2px solid #000;box-shadow:0 2px 8px rgba(255,64,129,0.5);z-index:100;box-sizing:border-box;animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,100%{box-shadow:0 2px 8px rgba(255,64,129,0.5)}50%{box-shadow:0 2px 12px rgba(255,64,129,0.8)}}.mobile-nav-avatar{width:26px;height:26px;border-radius:50%;object-fit:cover;border:2px solid #a0a0a0;transition:border-color 0.2s ease}.mobile-nav-item.active .mobile-nav-avatar{border-color:#fff}.mobile-nav-avatar-placeholder{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;color:white;border:2px solid #a0a0a0;transition:border-color 0.2s ease}.mobile-nav-item.active .mobile-nav-avatar-placeholder{border-color:#fff}.mobile-header-actions{display:none}@media (max-width: 1024px){.mobile-header-actions{display:flex;align-items:center;gap:16px}.mobile-header-icon{position:relative;background:none;border:none;color:#f5f5f5;padding:8px;cursor:pointer;text-decoration:none;display:flex;align-items:center;justify-content:center;transition:transform 0.2s ease}.mobile-header-icon:active{transform:scale(0.9)}.mobile-header-icon svg{width:24px;height:24px}#mobile_notification_badge{display:contents}.mobile-header-badge{position:absolute;top:0;right:0;background:#ff4081;color:white;font-size:10px;padding:2px 5px;border-radius:10px;font-weight:700;min-width:16px;text-align:center;z-index:10}}.mobile-hamburger-menu{display:none}.hamburger-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.85);z-index:1100;opacity:0;visibility:hidden;transition:all 0.3s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.hamburger-backdrop.active{opacity:1;visibility:visible}.hamburger-panel{position:fixed;top:0;right:-100%;width:300px;max-width:85vw;height:100%;height:100dvh;background:linear-gradient(180deg, #0d0d0d 0%, #1a1a1a 100%);z-index:1101;display:flex;flex-direction:column;transition:right 0.3s cubic-bezier(0.4, 0, 0.2, 1);box-shadow:-4px 0 30px rgba(0,0,0,0.6)}.hamburger-panel.active{right:0}.hamburger-header{flex-shrink:0;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,0.08);display:flex;justify-content:space-between;align-items:center;background:#000;position:relative}.hamburger-header::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg, rgba(255,0,116,0.5) 0%, rgba(255,0,116,0.2) 50%, transparent 100%)}.hamburger-logo{display:flex;align-items:center;text-decoration:none}.hamburger-logo img{height:40px;width:auto;filter:drop-shadow(0 0 10px rgba(255,0,116,0.15))}.hamburger-close-btn{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);color:#f5f5f5;cursor:pointer;padding:10px;display:flex;align-items:center;justify-content:center;border-radius:10px;transition:all 0.2s ease}.hamburger-close-btn:hover{background:rgba(255,255,255,0.1)}.hamburger-close-btn:active{background:rgba(255,0,116,0.15);border-color:rgba(255,0,116,0.3);transform:scale(0.95)}.hamburger-close-btn svg{width:20px;height:20px}.hamburger-menu-items{flex:1;overflow-y:auto;padding:12px;padding-bottom:calc(24px + env(safe-area-inset-bottom, 20px));-webkit-overflow-scrolling:touch}.hamburger-menu-item{display:flex;align-items:center;gap:16px;padding:14px 16px;color:#f5f5f5;text-decoration:none;border-radius:12px;transition:all 0.2s ease;margin-bottom:4px;font-size:16px}.hamburger-menu-item:active{transform:scale(0.98)}.hamburger-menu-item:hover{background:rgba(255,255,255,0.08)}.hamburger-menu-item.active{background:linear-gradient(135deg, #ff4081 0%, #f50057 100%);font-weight:600}.hamburger-menu-item svg{width:24px;height:24px;flex-shrink:0}.hamburger-menu-item .badge{margin-left:auto;background:#ff4081;color:white;font-size:11px;padding:2px 8px;border-radius:12px;font-weight:700}.hamburger-divider{height:1px;background:rgba(255,255,255,0.1);margin:12px 16px}.hamburger-user-profile{flex-shrink:0;padding:16px;background:rgba(255,0,116,0.03);border-bottom:1px solid rgba(255,255,255,0.06)}.hamburger-profile-link{display:flex;align-items:center;gap:14px;text-decoration:none;padding:12px;border-radius:14px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);transition:all 0.2s ease}.hamburger-profile-link:hover{background:rgba(255,255,255,0.06);border-color:rgba(255,0,116,0.2)}.hamburger-profile-link:active{transform:scale(0.98)}.hamburger-profile-avatar{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,0,116,0.5);flex-shrink:0;box-shadow:0 4px 12px rgba(255,0,116,0.2)}.hamburger-profile-avatar-placeholder{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg, #ff0074 0%, #ff2d8a 100%);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;color:white;flex-shrink:0;box-shadow:0 4px 12px rgba(255,0,116,0.3)}.hamburger-profile-info{flex:1;min-width:0}.hamburger-profile-name{color:#f5f5f5;font-weight:600;font-size:15px;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hamburger-profile-username{color:rgba(255,255,255,0.5);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hamburger-profile-link::after{content:'';width:24px;height:24px;background-image:url("data:image/svg+xml,%3Csvg fill='none' stroke='%23666' stroke-width='2' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='9 18 15 12 9 6'/%3E%3C/svg%3E");background-size:contain;flex-shrink:0;opacity:0.5;transition:opacity 0.2s ease}.hamburger-profile-link:hover::after{opacity:0.8}.hamburger-menu-item.hamburger-cta{background:linear-gradient(135deg, #ff0074 0%, #ff2d8a 100%);font-weight:600;margin:8px 0;border:none;box-shadow:0 4px 16px rgba(255,0,116,0.25)}.hamburger-menu-item.hamburger-cta:hover{box-shadow:0 6px 20px rgba(255,0,116,0.35);transform:translateY(-1px)}.hamburger-menu-item[data-turbo-method="delete"]{color:rgba(255,255,255,0.6)}.hamburger-menu-item[data-turbo-method="delete"]:hover{background:rgba(255,100,100,0.1);color:#ff6b6b}@media (max-width: 1024px){.mobile-bottom-nav{display:block}.mobile-hamburger-menu{display:block}.main-feed{padding-bottom:80px}.switch-pro-header .logo-section{flex:0 0 auto}.switch-pro-header .search-section{flex:1}}@media (max-width: 768px){.mobile-nav-items{padding:0 4px}.mobile-nav-item{max-width:70px;padding:6px 4px}.mobile-nav-item svg{width:24px;height:24px}.hamburger-panel{width:280px}}@media (max-width: 480px){.mobile-nav-item>span:last-of-type:not(.mobile-nav-badge){display:none}.mobile-nav-item{min-height:48px}.mobile-nav-badge{display:flex !important}}.toast-notification{position:fixed;bottom:20px;right:20px;background-color:#1a1a1a;color:#fff;padding:15px 20px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.3);z-index:10000;font-size:14px;font-weight:500;opacity:0;transform:translateY(20px);transition:all 0.3s ease;pointer-events:none;max-width:300px;border-left:4px solid}.toast-notification.show{opacity:1;transform:translateY(0);pointer-events:auto}.toast-notification.toast-success{border-left-color:#4caf50;background-color:rgba(76,175,80,0.1);border:1px solid rgba(76,175,80,0.3)}.toast-notification.toast-error{border-left-color:#f44336;background-color:rgba(244,67,54,0.1);border:1px solid rgba(244,67,54,0.3)}@media (max-width: 768px){.toast-notification{bottom:80px;right:10px;left:10px;max-width:none}}.creator-profile{background:#000}.profile-cover{width:100%;height:280px;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);position:relative;overflow:hidden}.profile-cover img{width:100%;height:100%;object-fit:cover}.profile-cover-placeholder{width:100%;height:100%;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%)}.profile-header{max-width:935px;margin:0 auto;padding:0 20px;position:relative}.profile-avatar-section{position:relative;margin-top:-70px;margin-bottom:20px}.profile-avatar{position:relative;width:140px;height:140px;border-radius:50%;border:4px solid #000;overflow:visible}.avatar-image{width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar-placeholder{width:100%;height:100%;background:linear-gradient(135deg, #ff4081 0%, #f50057 100%);display:flex;align-items:center;justify-content:center;font-size:56px;font-weight:700;color:#fff;border-radius:50%}.online-badge{position:absolute;bottom:12px;right:12px;width:24px;height:24px;background:#28a745;border-radius:50%;border:4px solid #000;z-index:2;box-shadow:0 2px 8px rgba(40,167,69,0.6)}.mobile-action-buttons{display:none}.profile-info-section{margin-bottom:24px}.profile-name-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:20px;flex-wrap:wrap}.profile-name-details{flex:1;min-width:0}.creator-name{font-size:26px;font-weight:700;color:#f5f5f5;margin-bottom:4px;margin-right:0;word-break:break-word;overflow-wrap:break-word}.creator-username{font-size:15px;font-weight:400;color:#8e8e8e;word-break:break-word;overflow-wrap:break-word}.profile-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.profile-icon-btn{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:transparent;border:1px solid rgba(255,255,255,0.15);color:#b0b0b0;cursor:pointer;transition:all 0.2s ease}.profile-icon-btn:hover{border-color:rgba(255,255,255,0.3);color:#fff;background:rgba(255,255,255,0.05)}.creator-bio{color:#f5f5f5;line-height:1.6;margin-bottom:20px;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;font-size:15px}.profile-stats{display:flex;gap:32px;margin-bottom:16px;padding-bottom:16px;border-bottom:none;flex-wrap:wrap}.social-badges{display:flex;gap:12px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,0.1)}.social-badge{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,0.08);color:#8e8e8e;transition:all 0.2s ease;text-decoration:none}.social-badge:hover{transform:translateY(-2px)}.social-badge.instagram:hover{background:linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);color:#fff;box-shadow:0 4px 12px rgba(225,48,108,0.4)}.social-badge.twitter:hover{background:#000;color:#fff;box-shadow:0 4px 12px rgba(0,0,0,0.4)}.stat-item{display:flex;flex-direction:column;align-items:center;gap:4px}.stat-item svg{display:none}.stat-value{font-size:18px;font-weight:700;color:#f5f5f5}.stat-label{color:#8e8e8e;font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:0.5px}.subscribe-btn{padding:7px 16px;background:linear-gradient(135deg, #ff4081 0%, #f50057 100%);color:#fff;border-radius:8px;font-weight:600;font-size:14px;text-decoration:none;transition:all 0.2s ease;border:none;cursor:pointer}.subscribe-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(255,64,129,0.3)}.subscribed-btn{background:var(--color-gray-03);cursor:default}.subscribed-btn:hover{transform:none;box-shadow:none}.chat-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:transparent;border:2px solid var(--color-gray-03);border-radius:4px;color:#fff;font-weight:600;font-size:16px;text-decoration:none;margin-top:10px;transition:all 0.3s ease}.chat-btn:hover{background:var(--color-gray-03);border-color:var(--color-gray-04);transform:translateY(-2px)}.chat-btn svg{width:20px;height:20px}.profile-actions{display:flex;flex-direction:column;gap:10px}.dashboard-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 40px;background:linear-gradient(135deg, var(--color-primary-01) 0%, var(--color-primary-02) 100%);color:#fff;border-radius:4px;font-weight:600;font-size:16px;text-decoration:none;transition:all 0.3s ease}.dashboard-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(223,76,66,0.3)}.dashboard-btn svg{width:20px;height:20px}.unsubscribe-btn{display:inline-block;margin-top:10px;color:var(--color-primary-02);font-size:14px;text-decoration:none;transition:color 0.3s ease}.unsubscribe-btn:hover{color:var(--color-primary-01)}.subscription-price{color:var(--color-gray-05);font-size:14px;margin-top:10px}.content-section{max-width:935px;margin:0 auto;padding:0 20px}.section-tabs{display:flex;justify-content:center;align-items:center;gap:60px;border-top:1px solid rgba(255,255,255,0.1);padding-top:0;position:relative}.section-tab{display:flex;align-items:center;gap:8px;padding:12px 0;color:#8e8e8e;text-decoration:none;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;border-top:1px solid transparent;margin-top:-1px;transition:all 0.2s}.section-tab.active{color:#f5f5f5;border-top-color:#f5f5f5}.section-tab svg{width:12px;height:12px}.view-toggles{position:absolute;right:0;display:flex;gap:16px;align-items:center}.view-toggle-btn{background:none;border:none;color:#8e8e8e;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color 0.2s}.view-toggle-btn:hover{color:#f5f5f5}.view-toggle-btn.active{color:#f5f5f5}.view-toggle-btn svg{width:16px;height:16px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.section-title{font-family:var(--font-secondary);font-size:28px;font-weight:700;color:#fff}.creator-profile .content-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:4px;margin-top:24px;transition:all 0.3s ease}.creator-profile .content-grid.list-view{grid-template-columns:1fr;gap:24px}.creator-profile .content-grid.list-view .profile-content-item{aspect-ratio:auto;max-width:100%;background:#1a1a1a;border:1px solid rgba(255,255,255,0.1);border-radius:12px;padding-bottom:0;overflow:hidden}.creator-profile .content-grid.list-view .list-view-header{display:flex}.creator-profile .content-grid.list-view .list-view-caption{display:block}.creator-profile .content-grid.list-view .profile-content-image{width:100%;height:auto;aspect-ratio:auto;border-radius:0;overflow:hidden}.creator-profile .content-grid.list-view .profile-content-image a{width:100%;height:auto}.creator-profile .content-grid.list-view .profile-content-image img,.creator-profile .content-grid.list-view .profile-content-image video{width:100%;height:auto;max-height:600px;object-fit:contain}.creator-profile .content-grid.list-view .hover-overlay{display:none}.creator-profile .content-grid.list-view .list-view-footer{display:flex}@media (max-width: 768px){.creator-profile .content-grid.list-view{gap:16px}.creator-profile .content-grid.list-view .profile-content-item{border-radius:0;border-left:none;border-right:none}.creator-profile .content-grid.list-view .profile-content-image{width:100%;height:auto;aspect-ratio:auto}.creator-profile .content-grid.list-view .profile-content-image img,.creator-profile .content-grid.list-view .profile-content-image video{max-height:500px}}@media (max-width: 768px){.profile-cover{height:180px}.profile-avatar-section{margin-top:-50px;display:flex;align-items:flex-end;justify-content:space-between;padding-right:0}.profile-avatar{width:100px;height:100px;border-width:3px;border-color:transparent;background:linear-gradient(#000, #000) padding-box, linear-gradient(135deg, #ff0074 0%, #ff4081 50%, #ff0074 100%) border-box;box-shadow:0 4px 20px rgba(255,0,116,0.25)}.avatar-placeholder{font-size:40px}.online-badge{width:18px;height:18px;bottom:8px;right:8px;border-width:3px;border-color:#1a1a1a;box-shadow:0 0 8px rgba(40,167,69,0.6), 0 0 16px rgba(255,0,116,0.2)}.mobile-action-buttons{display:flex !important;gap:8px;align-items:center;padding-bottom:8px}.mobile-action-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:rgba(255,0,116,0.08);border:1px solid rgba(255,0,116,0.2);color:#f5f5f5;text-decoration:none;transition:all 0.25s ease}.mobile-action-btn:hover{background:rgba(255,0,116,0.15);border-color:rgba(255,64,129,0.4);box-shadow:0 0 12px rgba(255,0,116,0.2)}.mobile-action-btn svg{width:20px;height:20px}.mobile-action-btn.primary{background:linear-gradient(135deg, #ff4081 0%, #f50057 100%);border:none;width:auto;padding:0 16px;border-radius:20px;font-size:13px;font-weight:600;gap:6px}.mobile-action-btn.primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(255,64,129,0.3)}.mobile-action-btn.unsubscribe-trigger{background:rgba(255,255,255,0.08)}.mobile-action-btn.unsubscribe-trigger:hover{background:rgba(220,53,69,0.2);border-color:rgba(220,53,69,0.3);color:#dc3545}.mobile-cancelled-badge{display:inline-flex;align-items:center;gap:4px;background:rgba(255,193,7,0.15);color:#ffc107;padding:4px 10px;border-radius:12px;font-size:10px;font-weight:600;border:1px solid rgba(255,193,7,0.3)}.mobile-cancelled-badge svg{flex-shrink:0}.mobile-action-btn.renew-btn{background:linear-gradient(135deg, #28a745 0%, #20c997 100%);border:none}.mobile-action-btn.renew-btn:hover{box-shadow:0 0 12px rgba(40,167,69,0.4)}.profile-info-section{margin-bottom:16px}.profile-name-row{flex-direction:column;align-items:flex-start;margin-bottom:8px;gap:8px}.profile-name-details{width:100%}.creator-name{font-size:20px;margin-bottom:2px}.creator-username{font-size:14px;display:inline;background:linear-gradient(90deg, #8e8e8e 0%, #ff4081 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.profile-actions{display:none !important}.profile-stats{flex-direction:row;gap:16px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid transparent;border-image:linear-gradient(90deg, rgba(255,0,116,0.3) 0%, rgba(255,64,129,0.1) 50%, transparent 100%) 1}.stat-item{flex-direction:row;gap:5px;align-items:center}.stat-item svg{display:block;flex-shrink:0;color:#ff4081}.stat-value{font-size:15px;font-weight:600;background:linear-gradient(135deg, #f5f5f5 0%, #ff4081 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:13px;text-transform:none;letter-spacing:0;color:#8e8e8e}.social-badges{gap:8px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid transparent;border-image:linear-gradient(90deg, transparent 0%, rgba(255,64,129,0.15) 50%, transparent 100%) 1}.social-badge{width:32px;height:32px;background:rgba(255,0,116,0.08);border:1px solid rgba(255,0,116,0.15)}.social-badge svg{width:16px;height:16px;color:#ff4081}.creator-bio{font-size:14px;line-height:1.5;margin-bottom:16px}}@media (max-width: 1024px){.social-layout{padding:0 !important;gap:0 !important}.main-feed{max-width:100% !important;width:100% !important;padding:0 !important}}@media (max-width: 768px){.creator-profile{margin:0;width:100%}.profile-cover{border-radius:0}.profile-header{padding:0 16px}.content-section{padding:0}.section-tabs{padding:0 16px;margin-bottom:0}.creator-profile .content-grid{grid-template-columns:repeat(3, 1fr);gap:2px;margin-top:0;border-radius:0}.creator-profile .content-grid .profile-content-item{border-radius:0}.view-toggles{right:16px}}@media (max-width: 480px){.profile-header{padding:0 12px}.profile-cover{height:150px}.profile-avatar{width:85px;height:85px;box-shadow:0 4px 16px rgba(255,0,116,0.2)}.avatar-placeholder{font-size:32px}.profile-avatar-section{margin-top:-39px}.mobile-action-buttons{gap:6px}.mobile-action-btn{width:36px;height:36px}.mobile-action-btn svg{width:18px;height:18px}.mobile-action-btn.primary{padding:0 12px;font-size:12px;height:36px;box-shadow:0 2px 8px rgba(255,0,116,0.3)}.mobile-cancelled-badge{font-size:9px;padding:3px 8px}.creator-name{font-size:18px}.creator-username{font-size:13px}.stat-value{font-size:14px}.stat-item svg{width:14px;height:14px}.section-tabs{padding:0 12px}.creator-profile .content-grid{grid-template-columns:repeat(3, 1fr);gap:1px;padding:0px}.view-toggles{right:12px}.profile-stats{gap:12px;padding-bottom:10px;margin-bottom:10px}.stat-value{font-size:14px}.stat-label{font-size:11px}.social-badges{gap:6px;margin-bottom:10px;padding-bottom:10px}.social-badge{width:30px;height:30px}.social-badge svg{width:14px;height:14px}.creator-bio{margin-bottom:12px;font-size:13px;line-height:1.4}}.profile-menu-container{position:relative}.profile-menu-btn{background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.1);color:var(--color-gray-05, #8e8e8e);cursor:pointer;padding:10px;border-radius:8px;transition:all 0.2s ease;display:flex;align-items:center;justify-content:center}.profile-menu-btn:hover{background:rgba(255,255,255,0.12);color:#fff}.profile-menu-dropdown{position:absolute;top:100%;right:0;margin-top:8px;background:var(--color-gray-02, #1f1f1f);border:1px solid rgba(255,255,255,0.1);border-radius:10px;min-width:160px;padding:6px 0;box-shadow:0 10px 30px rgba(0,0,0,0.5);z-index:100;display:none}.profile-menu-dropdown.active{display:block;animation:fadeIn 0.15s ease}.profile-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;background:none;border:none;color:var(--color-gray-06, #c9c9c9);font-size:14px;text-align:left;cursor:pointer;transition:all 0.15s ease}.profile-menu-item:hover{background:rgba(255,255,255,0.05);color:#fff}.profile-menu-item-danger{color:#dc3545}.profile-menu-item-danger:hover{background:rgba(220,53,69,0.1);color:#dc3545}.share-toast{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);background:#1f1f1f;color:#fff;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;z-index:10000;border:1px solid rgba(255,0,116,0.3);animation:toastIn 0.2s ease}@keyframes toastIn{from{opacity:0;transform:translateX(-50%) translateY(10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.tip-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.8);z-index:9998;opacity:0;visibility:hidden;transition:all 0.3s ease}.tip-modal-backdrop.show{opacity:1;visibility:visible}.tip-modal-container{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%) scale(0.9);width:480px;max-width:95vw;z-index:9999;opacity:0;visibility:hidden;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.tip-modal-container.show{opacity:1;visibility:visible;transform:translate(-50%, -50%) scale(1)}.tip-modal-content{background:#1a1a1a;border:1px solid #333;border-radius:12px;overflow:hidden}.tip-modal-content .modal-header{background:#262626;border-bottom:1px solid rgba(255,255,255,0.1);padding:20px 24px;display:flex;justify-content:space-between;align-items:center}.tip-modal-content .modal-title{color:#fff;font-size:16px;font-weight:700;margin:0;display:flex;align-items:center;gap:10px}.tip-modal-content .btn-close{background:rgba(255,255,255,0.1);border:none;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#8e8e8e;font-size:24px;transition:all 0.2s ease}.tip-modal-content .btn-close:hover{background:rgba(255,255,255,0.2);color:#fff}.tip-modal-content .modal-body{padding:24px}.tip-section{margin-bottom:24px}.tip-section:last-child{margin-bottom:0}.modal-label{color:rgba(255,255,255,0.9);font-weight:600;margin-bottom:12px;font-size:14px;display:flex;align-items:center;gap:8px}.tip-amount-buttons{display:grid;grid-template-columns:repeat(4, 1fr);gap:12px;margin-bottom:16px}.tip-amount-btn{background:#262626;border:2px solid transparent;color:#fff;padding:14px 12px;border-radius:10px;font-size:16px;font-weight:600;transition:all 0.2s ease;cursor:pointer}.tip-amount-btn:hover{border-color:rgba(40,167,69,0.5);background:rgba(40,167,69,0.1)}.tip-amount-btn.active{background:linear-gradient(135deg, #28a745 0%, #20c997 100%);border-color:transparent;box-shadow:0 4px 16px rgba(40,167,69,0.3)}.tip-custom-amount{background:#262626;border:2px solid #333;color:#fff;padding:14px 16px;border-radius:10px;font-size:15px;width:100%;transition:all 0.3s ease}.tip-custom-amount:focus{outline:none;border-color:#28a745;background:rgba(40,167,69,0.1)}.tip-custom-amount::placeholder{color:#666}.tip-message-input{background:#262626;border:2px solid #333;color:#fff;padding:14px 16px;border-radius:10px;font-size:15px;width:100%;resize:none;min-height:100px;transition:all 0.3s ease}.tip-message-input:focus{outline:none;border-color:#28a745;background:rgba(40,167,69,0.1)}.tip-message-input::placeholder{color:#666}.tip-modal-content .modal-footer{background:#262626;border-top:1px solid rgba(255,255,255,0.1);padding:20px 24px;display:flex;justify-content:flex-end;gap:12px}.btn-cancel{background:transparent;border:2px solid #444;color:#8e8e8e;padding:12px 24px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all 0.2s ease}.btn-cancel:hover{background:rgba(255,255,255,0.1);border-color:#666;color:#fff}.btn-send-tip{background:linear-gradient(135deg, #28a745 0%, #20c997 100%);border:none;color:white;padding:12px 28px;border-radius:8px;font-weight:600;font-size:14px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all 0.3s ease;box-shadow:0 4px 12px rgba(40,167,69,0.3)}.btn-send-tip:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(40,167,69,0.5)}@media (max-width: 480px){.tip-amount-buttons{grid-template-columns:repeat(2, 1fr)}}.unsubscribe-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.85);z-index:9998;opacity:0;visibility:hidden;transition:all 0.3s ease}.unsubscribe-modal-backdrop.show{opacity:1;visibility:visible}.unsubscribe-modal-container{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%) scale(0.9);width:520px;max-width:95vw;max-height:90vh;overflow-y:auto;z-index:9999;opacity:0;visibility:hidden;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.unsubscribe-modal-container.show{opacity:1;visibility:visible;transform:translate(-50%, -50%) scale(1)}.unsubscribe-modal-content{background:#1a1a1a;border:1px solid #333;border-radius:16px;overflow:hidden}.unsubscribe-modal-header{background:linear-gradient(135deg, #dc3545 0%, #c82333 100%);padding:20px 24px;display:flex;justify-content:space-between;align-items:center}.unsubscribe-modal-title{color:#fff;font-size:18px;font-weight:700;margin:0;display:flex;align-items:center;gap:12px}.unsubscribe-btn-close{background:rgba(255,255,255,0.2);border:none;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;font-size:24px;transition:all 0.2s ease}.unsubscribe-btn-close:hover{background:rgba(255,255,255,0.3)}.unsubscribe-modal-body{padding:24px}.subscription-info-card{background:#262626;border-radius:12px;padding:16px;margin-bottom:20px}.subscription-info-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,0.1)}.subscription-info-row:last-child{border-bottom:none}.subscription-info-row.highlight{background:rgba(255,193,7,0.1);margin:10px -16px -16px -16px;padding:14px 16px;border-radius:0 0 12px 12px;border-bottom:none}.info-label{color:#8e8e8e;font-size:14px;display:flex;align-items:center;gap:8px}.info-value{color:#fff;font-weight:600;font-size:14px}.time-remaining{color:#ffc107}.unsubscribe-warning{background:rgba(220,53,69,0.15);border:1px solid rgba(220,53,69,0.3);border-radius:12px;padding:16px;display:flex;gap:14px;margin-bottom:24px}.unsubscribe-warning svg{color:#dc3545;flex-shrink:0;margin-top:2px}.warning-text{flex:1}.warning-text strong{color:#dc3545;font-size:14px;display:block;margin-bottom:6px}.warning-text p{color:#ccc;font-size:13px;line-height:1.5;margin:0}.unsubscribe-reason-section{margin-top:20px}.reason-label{color:#fff;font-weight:600;font-size:14px;margin-bottom:10px;display:block}.reason-select{width:100%;background:#262626;border:2px solid #333;color:#fff;padding:14px 16px;border-radius:10px;font-size:15px;cursor:pointer;transition:all 0.3s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%238e8e8e' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}.reason-select:focus{outline:none;border-color:#dc3545}.reason-select option{background:#262626;color:#fff;padding:10px}.other-reason-container{margin-top:16px;animation:slideDown 0.3s ease}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.other-reason-input{width:100%;background:#262626;border:2px solid #333;color:#fff;padding:14px 16px;border-radius:10px;font-size:15px;resize:none;transition:all 0.3s ease}.other-reason-input:focus{outline:none;border-color:#dc3545}.other-reason-input::placeholder{color:#666}.unsubscribe-modal-footer{background:#262626;border-top:1px solid rgba(255,255,255,0.1);padding:20px 24px;display:flex;justify-content:flex-end;gap:12px}.unsubscribe-btn-cancel{background:transparent;border:2px solid #444;color:#8e8e8e;padding:12px 24px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all 0.2s ease}.unsubscribe-btn-cancel:hover{background:rgba(255,255,255,0.1);border-color:#28a745;color:#28a745}.unsubscribe-btn-confirm{background:linear-gradient(135deg, #dc3545 0%, #c82333 100%);border:none;color:white;padding:12px 24px;border-radius:8px;font-weight:600;font-size:14px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all 0.3s ease;box-shadow:0 4px 12px rgba(220,53,69,0.3)}.unsubscribe-btn-confirm:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(220,53,69,0.5)}.unsubscribe-btn-confirm:disabled{opacity:0.7;cursor:not-allowed;transform:none}.unsubscribe-btn-confirm .spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,0.3);border-top-color:#fff;border-radius:50%;animation:spin 0.8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.subscription-cancelled-info{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.cancelled-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(255,193,7,0.15);color:#ffc107;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600}.cancelled-badge i{font-size:14px}.unsubscribe-trigger{background:#262626 !important;display:inline-flex;align-items:center;gap:6px}.unsubscribe-trigger:hover{background:rgba(220,53,69,0.2) !important;color:#dc3545 !important}.unsubscribe-trigger i{font-size:14px}.unsubscribe-toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%) translateY(100px);z-index:10000;background:#1a1a1a;border-radius:12px;padding:16px 24px;box-shadow:0 10px 40px rgba(0,0,0,0.5);opacity:0;transition:all 0.3s ease}.unsubscribe-toast.show{transform:translateX(-50%) translateY(0);opacity:1}.unsubscribe-toast-success{border:1px solid rgba(40,167,69,0.5)}.unsubscribe-toast-error{border:1px solid rgba(220,53,69,0.5)}.toast-content{display:flex;align-items:center;gap:12px}.toast-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px}.unsubscribe-toast-success .toast-icon{background:rgba(40,167,69,0.2);color:#28a745}.unsubscribe-toast-error .toast-icon{background:rgba(220,53,69,0.2);color:#dc3545}.toast-message{color:#fff;font-size:14px;font-weight:500}@media (max-width: 576px){.unsubscribe-modal-container{width:100%;max-width:100%;max-height:100%;border-radius:0}.unsubscribe-modal-content{border-radius:0;min-height:100vh}.unsubscribe-modal-footer{flex-direction:column}.unsubscribe-btn-cancel,.unsubscribe-btn-confirm{width:100%;justify-content:center}}.profile-content-item{position:relative;aspect-ratio:1;background:#0a0a0a;overflow:hidden}.profile-content-item.locked{background:radial-gradient(ellipse 150% 100% at 10% 100%, rgba(255,0,116,0.12) 0%, transparent 50%),radial-gradient(ellipse 120% 80% at 90% 0%, rgba(255,0,116,0.08) 0%, transparent 40%),radial-gradient(circle at 50% 50%, rgba(255,0,116,0.04) 0%, transparent 70%),linear-gradient(160deg, #0d0d0d 0%, #12080f 25%, #160a12 50%, #12080f 75%, #0d0d0d 100%)}.profile-content-item a{display:block;width:100%;height:100%;text-decoration:none}.profile-content-image{position:relative;width:100%;height:100%}.profile-content-image a{display:block;width:100%;height:100%;position:relative}.profile-content-image img{width:100%;height:100%;object-fit:cover}.profile-content-image .content-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#262626;font-size:48px}.video-icon{position:absolute;top:12px;right:12px;z-index:12}.content-grid:not(.list-view) .video-icon{top:6px;right:6px}.content-grid:not(.list-view) .video-icon svg{width:14px;height:14px}.gallery-type-badge{position:absolute;top:10px;right:10px;background:rgba(0,0,0,0.85);backdrop-filter:blur(8px);color:#fff;padding:8px 12px;border-radius:8px;display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;border:1px solid rgba(255,255,255,0.15);z-index:12}.gallery-type-badge svg{flex-shrink:0}.gallery-badge-count{background:linear-gradient(135deg, #ff4081 0%, #f50057 100%);padding:2px 8px;border-radius:10px;font-size:11px;font-weight:700}.gallery-badge-details{display:flex;align-items:center;gap:4px;font-size:11px;color:rgba(255,255,255,0.85);font-weight:500}.gallery-badge-details svg{opacity:0.9}.content-grid:not(.list-view) .gallery-type-badge{padding:4px 8px;border-radius:6px;font-size:10px;gap:4px;top:6px;right:6px}.content-grid:not(.list-view) .gallery-type-badge svg{width:10px;height:10px}.content-grid:not(.list-view) .gallery-badge-count{padding:1px 5px;border-radius:8px;font-size:9px}.content-grid:not(.list-view) .gallery-badge-details{display:none}.locked-icon{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:2}.hover-overlay{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:rgba(0,0,0,0.4);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.2s ease;z-index:5}.profile-content-item:hover .hover-overlay{opacity:1}.stat-icon{display:contents}.hover-overlay svg{fill:white;width:20px;height:20px;margin-right:8px}.hover-overlay span{color:white;font-weight:600;font-size:16px}.list-view-header{display:none;padding:14px 16px;align-items:center;justify-content:space-between}.list-header-left{display:flex;align-items:center}.list-post-timestamp{color:#8e8e8e;font-size:12px;white-space:nowrap}.list-creator-username{color:#8e8e8e;font-size:13px}.list-view-caption{display:none;padding:0 16px 14px;color:#f5f5f5;font-size:14px;line-height:1.5}.list-view-caption span{display:inline}.list-view-footer{display:none;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,0.1)}.list-creator-link{display:flex;align-items:center;gap:12px;text-decoration:none}.list-creator-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,0.1)}.list-creator-avatar-placeholder{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg, #ff4081, #f50057);display:flex;align-items:center;justify-content:center;color:white;font-weight:700;font-size:18px;border:2px solid rgba(255,255,255,0.1)}.list-creator-details{display:flex;flex-direction:column;gap:4px}.list-creator-name{color:#f5f5f5;font-weight:600;font-size:15px}.list-post-time{color:#8e8e8e;font-size:13px}.list-actions{display:flex;gap:6px;align-items:center}.list-action-btn{display:inline-flex;align-items:center;gap:6px;background:transparent;border:none;color:#a0a0a0;cursor:pointer;padding:8px 12px;border-radius:8px;transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);font-size:13px;font-weight:500;text-decoration:none;position:relative}.list-action-btn:hover{color:#f5f5f5;background:rgba(255,255,255,0.06)}.list-action-btn:active{transform:scale(0.96)}.list-action-btn svg{width:20px;height:20px;flex-shrink:0;transition:transform 0.2s ease}.list-action-btn:hover svg{transform:scale(1.1)}.list-action-btn span{line-height:1;font-variant-numeric:tabular-nums}.list-action-btn.send-tip-btn{background:rgba(255,0,116,0.08);border:1px solid rgba(255,0,116,0.2);color:#ff4081;font-size:12px;font-weight:600;letter-spacing:0.3px;padding:8px 16px;border-radius:20px;gap:6px;transition:all 0.25s cubic-bezier(0.4, 0, 0.2, 1)}.list-action-btn.send-tip-btn:hover{background:rgba(255,0,116,0.15);border-color:rgba(255,0,116,0.4);color:#ff6ba5;transform:translateY(-1px);box-shadow:0 4px 12px rgba(255,0,116,0.2)}.list-action-btn.send-tip-btn:active{transform:translateY(0) scale(0.98);box-shadow:none}.list-action-btn.send-tip-btn svg{width:18px;height:18px;transition:transform 0.2s ease}.list-actions .like-button-container{display:inline-flex}.list-actions .comment-button-container{display:inline-flex}.list-actions .comment-button{display:inline-flex;align-items:center;gap:6px;background:transparent;border:none;color:#a0a0a0;cursor:pointer;padding:8px 12px;border-radius:8px;transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);font-size:13px;font-weight:500;text-decoration:none}.list-actions .comment-button:hover{color:#00b4d8;background:rgba(0,180,216,0.08)}.list-actions .comment-button:active{transform:scale(0.96)}.list-actions .comment-button svg{width:20px;height:20px;flex-shrink:0;transition:transform 0.2s ease}.list-actions .comment-button:hover svg{transform:scale(1.15);fill:#00b4d8}.list-actions .comment-button .comment-count{line-height:1;font-variant-numeric:tabular-nums}.list-actions .like-button{display:inline-flex;align-items:center;gap:6px;background:transparent;border:none;color:#a0a0a0;cursor:pointer;padding:8px 12px;border-radius:8px;transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);font-size:13px;font-weight:500;text-decoration:none}.list-actions .like-button:hover{color:#ff4081;background:rgba(255,64,129,0.08)}.list-actions .like-button:active{transform:scale(0.96)}.list-actions .like-button.liked{color:#ff4081}.list-actions .like-button.liked:hover{color:#ff6ba5;background:rgba(255,64,129,0.12)}.list-actions .like-button svg{width:20px;height:20px;flex-shrink:0;transition:transform 0.2s ease}.list-actions .like-button:hover svg{transform:scale(1.15)}.list-actions .like-button:active svg{transform:scale(0.9)}.list-actions .like-button span{line-height:1;font-variant-numeric:tabular-nums}.list-actions .like-count{font-weight:500}.list-actions .like-count{font-weight:400}.profile-content-item.locked .profile-content-image{min-height:400px;height:400px;display:flex;align-items:center;justify-content:center;position:relative}.content-grid:not(.list-view) .profile-content-item.locked .profile-content-image{min-height:auto;height:100%;aspect-ratio:1}.locked-preview{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.blur-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0c0c0c;background-image:radial-gradient(ellipse 180% 120% at 0% 100%, rgba(255,0,116,0.18) 0%, transparent 45%),radial-gradient(ellipse 150% 100% at 100% 0%, rgba(255,61,154,0.12) 0%, transparent 40%),radial-gradient(circle at 50% 40%, rgba(255,0,116,0.08) 0%, transparent 50%),linear-gradient(165deg, #0c0c0c 0%, #150a11 30%, #1a0c14 50%, #150a11 70%, #0c0c0c 100%);background-size:cover;background-position:center}.blur-bg.default-blur{background:radial-gradient(ellipse 180% 120% at 0% 100%, rgba(255,0,116,0.18) 0%, transparent 45%),radial-gradient(ellipse 150% 100% at 100% 0%, rgba(255,61,154,0.12) 0%, transparent 40%),radial-gradient(circle at 50% 40%, rgba(255,0,116,0.08) 0%, transparent 50%),linear-gradient(165deg, #0c0c0c 0%, #150a11 30%, #1a0c14 50%, #150a11 70%, #0c0c0c 100%);filter:none !important;transform:none;animation:lockedPulse 6s ease-in-out infinite}.blur-bg.default-blur::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%, rgba(255,0,116,0.06) 0%, transparent 30%),radial-gradient(circle at 80% 20%, rgba(255,61,154,0.04) 0%, transparent 25%);animation:lockedFloat 12s ease-in-out infinite;pointer-events:none}@keyframes lockedPulse{0%,100%{opacity:1}50%{opacity:0.88}}@keyframes lockedFloat{0%,100%{transform:translate(0, 0) scale(1)}33%{transform:translate(2%, -1%) scale(1.02)}66%{transform:translate(-1%, 2%) scale(0.98)}}.locked-preview::after{content:'';position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(to top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.3) 50%, transparent 100%);z-index:1;pointer-events:none}.locked-preview:has(.default-blur)::after{display:none}.unlock-overlay{position:absolute;top:39%;left:0;width:100%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;padding:40px 20px;box-sizing:border-box}.content-grid:not(.list-view) .unlock-overlay{top:50%;padding:12px 8px;gap:4px}.lock-icon-container{margin-bottom:16px;width:64px;height:64px;background:rgba(31,31,31,0.8);backdrop-filter:blur(10px);border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,0.1);flex-shrink:0}.content-grid:not(.list-view) .lock-icon-container{width:36px;height:36px;margin-bottom:6px;border-width:1px}.content-grid:not(.list-view) .lock-icon-container svg{width:16px;height:16px}.unlock-message{color:#f5f5f5;font-size:16px;font-weight:600;margin-bottom:20px;text-shadow:0 2px 8px rgba(0,0,0,0.9);text-align:center;padding:0 20px;letter-spacing:0.3px;flex-shrink:0;margin:0 0 20px 0}.content-grid:not(.list-view) .unlock-message{display:none}.btn-unlock,.btn-subscribe{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 32px;border-radius:8px;font-weight:600;font-size:15px;text-decoration:none;transition:all 0.2s ease;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.1);min-width:auto;max-width:200px;flex-shrink:0;white-space:nowrap}.content-grid:not(.list-view) .btn-unlock,.content-grid:not(.list-view) .btn-subscribe{padding:8px 14px;font-size:11px;gap:4px;max-width:140px;border-radius:6px}.btn-unlock svg,.btn-subscribe svg{width:18px;height:18px;flex-shrink:0}.content-grid:not(.list-view) .btn-unlock svg,.content-grid:not(.list-view) .btn-subscribe svg{width:12px;height:12px}.btn-unlock{background:linear-gradient(135deg, #ff4081 0%, #f50057 100%);color:white;box-shadow:0 4px 12px rgba(255,64,129,0.3)}.btn-unlock:hover{background:linear-gradient(135deg, #ff4081 0%, #fd2f77 100%);transform:translateY(-1px);box-shadow:0 6px 16px rgba(255,64,129,0.4)}.btn-unlock:active{transform:translateY(0);box-shadow:0 2px 8px rgba(255,64,129,0.3)}.btn-subscribe{background:#363636;color:#f5f5f5;box-shadow:0 4px 12px rgba(0,0,0,0.4)}.btn-subscribe:hover{background:#535353;transform:translateY(-1px);box-shadow:0 6px 16px rgba(0,0,0,0.5)}.btn-subscribe:active{transform:translateY(0);box-shadow:0 2px 8px rgba(0,0,0,0.4)}@media (max-width: 768px){.content-grid.list-view .unlock-overlay{top:50%}.content-grid.list-view .unlock-message{font-size:14px}.btn-unlock,.btn-subscribe{padding:12px 24px;font-size:14px;min-width:auto;max-width:180px}.btn-unlock svg,.btn-subscribe svg{width:16px;height:16px}.lock-icon-container{width:56px;height:56px}.lock-icon-container svg{width:24px;height:24px}.content-grid:not(.list-view) .unlock-overlay{top:50%;padding:16px 10px}.content-grid:not(.list-view) .lock-icon-container{width:40px;height:40px;margin-bottom:6px}.content-grid:not(.list-view) .lock-icon-container svg{width:18px;height:18px}.content-grid:not(.list-view) .unlock-message{display:none}.content-grid:not(.list-view) .btn-unlock,.content-grid:not(.list-view) .btn-subscribe{padding:6px 10px;font-size:10px;gap:3px;max-width:100%;width:auto}.content-grid:not(.list-view) .btn-unlock svg,.content-grid:not(.list-view) .btn-subscribe svg{width:11px;height:11px;display:none}.content-grid:not(.list-view) .btn-unlock span,.content-grid:not(.list-view) .btn-subscribe span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}}@media (max-width: 380px){.content-grid:not(.list-view) .btn-unlock,.content-grid:not(.list-view) .btn-subscribe{padding:5px 8px;font-size:9px}.content-grid:not(.list-view) .lock-icon-container{width:32px;height:32px;margin-bottom:4px}.content-grid:not(.list-view) .lock-icon-container svg{width:14px;height:14px}}.switch-pro-container{background:#000 !important;padding-top:0 !important;min-height:100vh}.social-layout{display:grid;grid-template-columns:240px 1fr 320px;gap:30px;max-width:1400px;margin:0 auto;padding:20px;min-height:calc(100vh - 70px)}.left-sidebar{position:sticky;top:90px;height:fit-content}.sidebar-nav{display:flex;flex-direction:column;gap:4px}.sidebar-nav-item{display:flex;align-items:center;gap:16px;padding:12px 16px;border-radius:12px;color:#f5f5f5;text-decoration:none;font-weight:500;font-size:16px;transition:all 0.2s ease}.sidebar-nav-item:hover{background:rgba(255,255,255,0.1)}.sidebar-nav-item.active{background:linear-gradient(135deg, #ff4081 0%, #f50057 100%);font-weight:600}.sidebar-nav-item svg{width:24px;height:24px;flex-shrink:0}.sidebar-nav-item .badge{margin-left:auto;background:#ff4081;color:white;font-size:11px;padding:2px 8px;border-radius:12px;font-weight:700}.sidebar-user-profile{margin-bottom:12px}.sidebar-profile-link{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;text-decoration:none;transition:all 0.2s ease}.sidebar-profile-link:hover{background:rgba(255,255,255,0.05)}.sidebar-profile-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid #ff4081;flex-shrink:0}.sidebar-profile-avatar-placeholder{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg, #ff4081 0%, #f50057 100%);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;color:white;border:2px solid #ff4081;flex-shrink:0}.sidebar-profile-info{flex:1;min-width:0}.sidebar-profile-name{color:#f5f5f5;font-weight:600;font-size:15px;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-profile-username{color:#8e8e8e;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-divider{height:1px;background:rgba(255,255,255,0.1);margin:12px 0}.sidebar-nav-item.sidebar-cta{background:linear-gradient(135deg, #ff4081 0%, #f50057 100%);font-weight:600;margin:8px 0}.sidebar-nav-item.sidebar-cta:hover{background:linear-gradient(135deg, #f50057 0%, #ff4081 100%);transform:translateY(-1px);box-shadow:0 4px 12px rgba(255,64,129,0.3)}.sidebar-nav-item.sidebar-login{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);font-weight:600}.sidebar-nav-item.sidebar-login:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.2)}.main-feed{max-width:630px;margin:0 auto}.stories-bar{background:#1a1a1a;border:1px solid rgba(255,255,255,0.1);border-radius:12px;padding:16px;margin-bottom:24px;overflow-x:auto;scrollbar-width:none}.stories-bar::-webkit-scrollbar{display:none}.stories-list{display:flex;gap:16px}.story-item{display:flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none;min-width:70px;cursor:pointer}.story-avatar{position:relative;width:66px;height:66px;border-radius:50%;padding:2px;background:rgba(255,255,255,0.2);transition:all 0.2s}.story-item.has-stories .story-avatar{background:linear-gradient(135deg, #ff4081, #f50057);padding:3px}.story-item.has-stories:not(.unviewed) .story-avatar{background:rgba(255,255,255,0.3)}.story-avatar:hover{transform:scale(1.05)}.story-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid #000}.story-avatar-placeholder{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);display:flex;align-items:center;justify-content:center;color:white;font-weight:700;border:3px solid #000}.story-count-badge{position:absolute;bottom:0;right:0;width:22px;height:22px;background:#ff4081;border:2px solid #000;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:white}.story-username{font-size:12px;color:#b3b3b3;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:70px;font-weight:400}.story-item.unviewed .story-username{color:#f5f5f5;font-weight:500}.feed-posts{display:flex;flex-direction:column;gap:24px}.feed-post{background:#1a1a1a;border:1px solid rgba(255,255,255,0.1);border-radius:12px;overflow:hidden}.post-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px}.post-author{display:flex;align-items:center;gap:12px;text-decoration:none}.post-author-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #ff4081}.post-author-avatar-wrapper{position:relative;flex-shrink:0}.post-online-indicator{position:absolute;bottom:0;right:0;width:12px;height:12px;background:#28a745;border:2px solid #1a1a1a;border-radius:50%}.post-author-info{display:flex;flex-direction:column}.post-author-name{color:#f5f5f5;font-weight:600;font-size:14px}.post-author-username{color:#8e8e8e;font-size:12px}.post-header-right{display:flex;align-items:center;gap:8px}.post-timestamp{color:#8e8e8e;font-size:12px;white-space:nowrap}.post-caption-top{padding:0 16px 14px;color:#f5f5f5;font-size:14px;line-height:1.5}.post-caption-top span{display:inline}.post-caption-top br{display:block;content:"";margin-top:4px}.post-menu{position:relative}.post-menu-btn{background:none;border:none;color:#8e8e8e;cursor:pointer;padding:8px;border-radius:50%;transition:all 0.2s ease}.post-menu-btn:hover{background:rgba(255,255,255,0.1);color:#f5f5f5}.dropdown-menu{position:absolute;top:calc(100% + 4px);right:0;background:#1a1a1a;border:1px solid rgba(255,255,255,0.15);border-radius:8px;min-width:180px;box-shadow:0 4px 16px rgba(0,0,0,0.6);opacity:0;visibility:hidden;transform:translateY(-8px);transition:all 0.15s ease;z-index:100;overflow:hidden}.dropdown-menu.active{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{display:flex;align-items:center;gap:10px;padding:12px 16px;color:#f5f5f5;text-decoration:none;transition:all 0.15s ease;cursor:pointer;background:none;border:none;width:100%;text-align:left;font-size:14px}.dropdown-item:hover{background:rgba(255,255,255,0.08)}.dropdown-item svg{width:18px;height:18px;fill:currentColor;flex-shrink:0}.dropdown-item span{font-weight:500}.dropdown-item-danger:hover{background:rgba(220,53,69,0.15);color:#dc3545}.post-media{position:relative;width:100%;background:#262626}.post-media img,.post-media video{width:100%;display:block}.post-actions{display:flex;align-items:center;gap:16px;padding:12px 16px}.action-btn{background:none;border:none;color:#f5f5f5;cursor:pointer;padding:0;display:inline-flex;align-items:center;flex-wrap:nowrap;gap:6px;font-size:14px;transition:all 0.2s;white-space:nowrap}.action-btn:hover{color:#ff4081;transform:scale(1.1)}.action-btn.liked{color:#ff4081;animation:likeAnimation 0.3s ease}.action-btn svg{width:24px;height:24px}.action-btn-save{margin-left:auto}.right-sidebar{position:sticky;top:90px;height:fit-content}.profile-widget{display:flex;align-items:center;gap:12px;margin-bottom:24px}.profile-widget-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid #ff4081}.profile-widget-info{flex:1}.profile-widget-name{color:#f5f5f5;font-weight:600;font-size:14px}.profile-widget-username{color:#8e8e8e;font-size:12px}.suggestions-section{margin-bottom:24px}.suggestions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.suggestions-title{color:#8e8e8e;font-weight:600;font-size:14px}.see-all-btn{color:#f5f5f5;font-size:12px;font-weight:600;text-decoration:none}.suggestion-item{display:flex;align-items:center;gap:12px;margin-bottom:16px}.suggestion-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover}.suggestion-info{flex:1;min-width:0}.suggestion-name{color:#f5f5f5;font-weight:600;font-size:14px;text-decoration:none;display:block}.suggestion-meta{color:#8e8e8e;font-size:12px}.suggestion-follow-btn{background:none;border:none;color:#4c9aff;font-weight:600;font-size:12px;cursor:pointer}.sidebar-footer{color:#8e8e8e;font-size:11px;line-height:1.6}.sidebar-footer-links{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.sidebar-footer-link{color:#8e8e8e;text-decoration:none}.sidebar-footer-link:hover{text-decoration:underline}.post-actions .like-button-container{display:inline-flex}.post-actions .like-button{background:none;border:none;color:#f5f5f5;cursor:pointer;padding:0;display:flex;align-items:center;gap:6px;font-size:14px;transition:all 0.2s}.post-actions .like-button:hover{color:#ff4081;transform:scale(1.1)}.post-actions .like-button.liked{color:#ff4081;animation:likeAnimation 0.3s ease}.post-actions .like-button svg{width:24px;height:24px}.post-actions .like-button .like-count{font-weight:400;color:inherit}.post-actions .like-button.disabled{cursor:not-allowed;opacity:0.5}.post-actions .like-button.login-required{text-decoration:none;color:#f5f5f5}.post-actions .like-button.login-required:hover{color:#ff4081}.post-actions .comment-button-container{display:inline-flex}.post-actions .comment-button{background:none;border:none;color:#f5f5f5;cursor:pointer;padding:0;display:flex;align-items:center;gap:6px;font-size:14px;transition:all 0.2s;text-decoration:none}.post-actions .comment-button:hover{color:#ff4081;transform:scale(1.1)}.post-actions .comment-button svg{width:24px;height:24px;flex-shrink:0}.post-actions .comment-button .comment-count{font-weight:400;color:inherit;white-space:nowrap}@media (max-width: 1024px){.social-layout{grid-template-columns:1fr;padding:0}.left-sidebar{display:none}.main-feed{width:100%;max-width:630px}}@media (max-width: 768px){.main-feed{max-width:100%}.stories-bar{border-radius:0;border-left:none;border-right:none}.feed-post{border-radius:0;border-left:none;border-right:none}}.post-media .blurred-preview{width:100%;height:auto;display:block;filter:brightness(0.6) saturate(0.8)}.post-media .locked-placeholder{position:relative;width:100%;aspect-ratio:4 / 5;min-height:280px;background:radial-gradient(ellipse 180% 120% at 0% 100%, rgba(255,0,116,0.18) 0%, transparent 45%),radial-gradient(ellipse 150% 100% at 100% 0%, rgba(255,61,154,0.12) 0%, transparent 40%),radial-gradient(circle at 50% 40%, rgba(255,0,116,0.08) 0%, transparent 50%),linear-gradient(165deg, #0c0c0c 0%, #150a11 30%, #1a0c14 50%, #150a11 70%, #0c0c0c 100%);display:flex;align-items:center;justify-content:center;overflow:hidden;animation:lockedPulse 6s ease-in-out infinite}.post-media .locked-placeholder::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%, rgba(255,0,116,0.06) 0%, transparent 30%),radial-gradient(circle at 80% 20%, rgba(255,61,154,0.04) 0%, transparent 25%);animation:lockedFloat 12s ease-in-out infinite;pointer-events:none}@keyframes lockedPulse{0%,100%{opacity:1}50%{opacity:0.9}}@keyframes lockedFloat{0%,100%{transform:translate(0, 0) scale(1)}33%{transform:translate(2%, -1%) scale(1.02)}66%{transform:translate(-1%, 2%) scale(0.98)}}.locked-overlay{position:absolute;inset:0;background:rgba(0,0,0,0.5);backdrop-filter:blur(2px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px;text-align:center}.locked-overlay .lock-icon{width:48px;height:48px;fill:#ff0074;filter:drop-shadow(0 2px 8px rgba(255,0,116,0.4))}.locked-overlay .unlock-text{color:rgba(255,255,255,0.9);font-size:14px;font-weight:500;margin:0}.locked-overlay .unlock-price{color:#ff0074;font-size:18px;font-weight:700;margin:0}