:root{--primary-color: #3b82f6;--primary-rgb: 59, 130, 246;--bg-primary: #0e1621;--bg-secondary: #17212b;--bg-tertiary: #242f3d;--text-primary: #ffffff;--text-secondary: #94a3b8;--border-color: rgba(255, 255, 255, .1);--message-outgoing: #2b5278;--message-incoming: #182533;--card-radius: .5rem;--bubble-radius: 1rem;--button-radius: .5rem;--input-radius: 1.5rem;--header-size: 1rem;--body-font: "Inter", sans-serif;--animation-speed: .3s}.theme-dark{--bg-primary: #0e1621;--bg-secondary: #17212b;--bg-tertiary: #242f3d;--text-primary: #ffffff;--text-secondary: #94a3b8;--border-color: rgba(255, 255, 255, .1);color-scheme:dark}.theme-light{--bg-primary: #f9fafb;--bg-secondary: #ffffff;--bg-tertiary: #f3f4f6;--text-primary: #1f2937;--text-secondary: #4b5563;--border-color: rgba(0, 0, 0, .1);color-scheme:light}.style-telegram.theme-dark{--bg-primary: #0e1621;--bg-secondary: #17212b;--bg-tertiary: #242f3d;--message-outgoing: #2b5278;--message-incoming: #182533;--card-radius: .5rem;--bubble-radius: 1rem;--button-radius: .5rem;--input-radius: 1.5rem;--header-size: 1rem;--body-font: "Inter", sans-serif;--animation-speed: .3s}.style-telegram.theme-light{--bg-primary: #f1f6fc;--bg-secondary: #ffffff;--bg-tertiary: #f0f2f5;--message-outgoing: #e5f1fc;--message-incoming: #ffffff;--card-radius: .5rem;--bubble-radius: 1rem;--button-radius: .5rem;--input-radius: 1.5rem;--header-size: 1rem;--body-font: "Inter", sans-serif;--animation-speed: .3s}.style-whatsapp.theme-dark{--bg-primary: #0a1014;--bg-secondary: #111b21;--bg-tertiary: #1f2c33;--message-outgoing: #005c4b;--message-incoming: #1f2c33;--card-radius: .75rem;--bubble-radius: .5rem .5rem .5rem 0;--button-radius: .75rem;--input-radius: 1.5rem;--header-size: 1rem;--body-font: "Helvetica", sans-serif;--animation-speed: .2s}.style-whatsapp.theme-light{--bg-primary: #e5ddd5;--bg-secondary: #f0f2f5;--bg-tertiary: #ededed;--message-outgoing: #d9fdd3;--message-incoming: #ffffff;--card-radius: .75rem;--bubble-radius: .5rem .5rem .5rem 0;--button-radius: .75rem;--input-radius: 1.5rem;--header-size: 1rem;--body-font: "Helvetica", sans-serif;--animation-speed: .2s}.style-discord.theme-dark{--bg-primary: #36393f;--bg-secondary: #2f3136;--bg-tertiary: #202225;--text-primary: #ffffff;--text-secondary: #b9bbbe;--border-color: rgba(255, 255, 255, .1);--message-outgoing: #444daf;--message-incoming: #42464d;--card-radius: .3rem;--bubble-radius: .3rem;--button-radius: .3rem;--input-radius: .3rem;--header-size: 1rem;--body-font: "Whitney", "Helvetica Neue", sans-serif;--animation-speed: .15s}.style-discord.theme-light{--bg-primary: #ffffff;--bg-secondary: #f2f3f5;--bg-tertiary: #e3e5e8;--text-primary: #2e3338;--text-secondary: #747f8d;--border-color: rgba(0, 0, 0, .1);--message-outgoing: #d4d7f5;--message-incoming: #f2f3f5;--card-radius: .3rem;--bubble-radius: .3rem;--button-radius: .3rem;--input-radius: .3rem;--header-size: 1rem;--body-font: "Whitney", "Helvetica Neue", sans-serif;--animation-speed: .15s}.style-slack.theme-dark{--bg-primary: #1a1d21;--bg-secondary: #222529;--bg-tertiary: #2c2d30;--text-primary: #d1d2d3;--text-secondary: #9da2a6;--border-color: rgba(255, 255, 255, .1);--message-outgoing: #1164a3;--message-incoming: #2c2d30;--card-radius: .25rem;--bubble-radius: .25rem;--button-radius: .25rem;--input-radius: .25rem;--header-size: 1rem;--body-font: "Lato", sans-serif;--animation-speed: .2s}.style-slack.theme-light{--bg-primary: #ffffff;--bg-secondary: #f8f8f8;--bg-tertiary: #e8e8e8;--text-primary: #1d1c1d;--text-secondary: #616061;--border-color: rgba(0, 0, 0, .1);--message-outgoing: #e8f5fa;--message-incoming: #ffffff;--card-radius: .25rem;--bubble-radius: .25rem;--button-radius: .25rem;--input-radius: .25rem;--header-size: 1rem;--body-font: "Lato", sans-serif;--animation-speed: .2s}*{-webkit-tap-highlight-color:transparent}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--body-font)}header,.bottom-nav{background-color:var(--bg-secondary);border-color:var(--border-color)}.bg-card{background-color:var(--bg-secondary);border-radius:var(--card-radius)}.bg-tertiary{background-color:var(--bg-tertiary)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.message-bubble-outgoing{background-color:var(--message-outgoing);border-radius:var(--bubble-radius)}.message-bubble-incoming{background-color:var(--message-incoming);border-radius:var(--bubble-radius)}.primary-bg{background-color:var(--primary-color)}.primary-text{color:var(--primary-color)}.primary-border{border-color:var(--primary-color)}input,textarea,select{border-radius:var(--input-radius)}button:not(.theme-color-btn):not(.tab-btn):not(.theme-style-btn),.btn{border-radius:var(--button-radius);transition:all var(--animation-speed) ease}.primary-gradient{background-image:linear-gradient(to right,var(--primary-color),color-mix(in srgb,var(--primary-color),#8b5cf6 50%))}.theme-toggle-btn{transition:transform var(--animation-speed) ease}.theme-toggle-btn:hover{transform:rotate(45deg)}.theme-menu{transition:opacity var(--animation-speed) ease,transform var(--animation-speed) ease;background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--card-radius)}.theme-color-btn{transition:transform .2s ease}.theme-color-btn:hover{transform:scale(1.1)}.theme-style-btn{transition:all .2s ease}.theme-style-btn:hover{opacity:.9}h1,h2,h3,h4,h5,h6{font-family:var(--body-font)}h1{font-size:calc(var(--header-size) * 1.5)}h2{font-size:calc(var(--header-size) * 1.3)}h3{font-size:calc(var(--header-size) * 1.1)}body,header,.bottom-nav,.theme-menu,.bg-card,.bg-tertiary,.text-primary,.text-secondary,button,input,a,.message-bubble-outgoing,.message-bubble-incoming{transition:background-color var(--animation-speed) ease,color var(--animation-speed) ease,border-color var(--animation-speed) ease,border-radius var(--animation-speed) ease,box-shadow var(--animation-speed) ease}@keyframes gradientAnimation{0%{background-position:0% 50%}to{background-position:100% 50%}}@keyframes textAnimation{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}to{transform:scale(1);opacity:1}}@keyframes shine{0%{left:-100%;opacity:0}50%{opacity:.7}to{left:100%;opacity:0}}.btn-premium{color:#fff;background-image:linear-gradient(135deg,gold,#ffaf1d,#ff7f29,#ff4f37,#ff203f);background-size:200% 200%;animation:gradientAnimation 2s ease infinite,pulse 2s infinite;font-weight:700;position:relative;overflow:hidden;box-shadow:0 3px 10px #ff7b0066}.btn-premium:after{content:"";position:absolute;top:-50%;left:-100%;width:60%;height:200%;background:#ffffff4d;transform:rotate(25deg);animation:shine 3s infinite}.pulse-button{position:relative}.btn-premium:hover{transform:translateY(-2px);box-shadow:0 5px 15px #ff7b0099}.btn-premium:active{transform:translateY(1px)}.sold-banner{position:absolute;top:35px;right:-20px;transform-origin:top right;transform:rotate(45deg);background-image:linear-gradient(-45deg,gold,#ffaf1d,#ff7f29,#ff4f37,#ff203f);background-size:400% 400%;animation:gradientAnimation 2s ease infinite;color:#fff;padding:0 20px;font-size:10px;animation-fill-mode:both;white-space:nowrap}.vip-banner{position:absolute;top:35px;right:-20px;transform-origin:top right;transform:rotate(45deg);background-image:linear-gradient(-45deg,#9333ea,#3b82f6);background-size:400% 400%;animation:gradientAnimation 2s ease infinite;color:#fff;padding:0 20px;font-size:10px;animation-fill-mode:both;white-space:nowrap}.sold-text{font-size:16px;color:#fff;font-weight:700;text-transform:uppercase;animation:textAnimation 2s ease infinite}.carousel-container{position:relative;overflow:hidden;margin:0 -5px}.carousel-track{display:flex;transition:transform .5s ease}.carousel-slide{flex:0 0 160px;padding:0 5px;box-sizing:border-box;min-width:0}@media (min-width: 640px){.carousel-slide{flex:0 0 160px}}@media (min-width: 768px){.carousel-slide{flex:0 0 160px}}@media (min-width: 1024px){.carousel-slide{flex:0 0 160px}}.vip-nav-button{transform:scale(1.1);position:relative;z-index:1}.pulse-circle{animation:pulse-border 2s infinite}@keyframes pulse-border{0%{transform:scale(.95);opacity:.2}50%{transform:scale(1.05);opacity:.3}to{transform:scale(.95);opacity:.2}}.advanced-filters-container{transition:all .3s ease}.filter-toggle-icon{transition:transform .3s ease}#advancedFiltersContainer select{background-color:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary);border-radius:var(--button-radius);transition:all .2s ease}#advancedFiltersContainer select:focus{outline:none;border-color:rgb(var(--primary-rgb));box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}#advancedFiltersContainer select option{background-color:var(--bg-secondary);color:var(--text-primary)}.filter-button{transition:all .2s ease;border-radius:var(--button-radius)}.filter-button:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.filter-button:active{transform:translateY(0)}.tab-btn{transition:all .2s ease;white-space:nowrap;border:1px solid transparent}.tab-btn:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.tab-btn.active{border-color:rgba(var(--primary-rgb),.3)}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}@media (max-width: 640px){.filter-grid{grid-template-columns:1fr;gap:.75rem}.filter-button-group{flex-direction:column;gap:.5rem}}.vip-carousel-item{transition:opacity .3s ease-in-out!important;z-index:1!important;pointer-events:auto!important}.vip-carousel-item.hidden{display:none!important}.vip-carousel-item:not(.hidden){display:block!important}.vip-carousel-item a{position:relative!important;z-index:2!important;pointer-events:auto!important;display:block!important}.vip-carousel-dot{cursor:pointer!important;transition:all .3s ease!important}.vip-carousel-dot.active{background-color:var(--primary-color, #3b82f6)!important;width:1.5rem!important}.video-thumbnail-container{position:relative;overflow:hidden}.video-thumbnail-container video{pointer-events:none;-o-object-fit:cover;object-fit:cover;background-color:#1f2937}.video-play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;pointer-events:none;transition:all .3s ease}.video-thumbnail-container:hover .video-play-overlay{transform:translate(-50%,-50%) scale(1.1)}.vip-carousel-item,.carousel-slide{isolation:isolate;position:relative}.vip-carousel-item a:hover,.carousel-slide a:hover{transform:scale(1.02);transition:transform .2s ease}#vipPrevBtn,#vipNextBtn{z-index:1000!important;pointer-events:auto!important;cursor:pointer!important}#vipPrevBtn:hover,#vipNextBtn:hover{background-color:#00000080;transform:scale(1.1)}.vip-badge{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#000;font-weight:700;text-shadow:none;border-radius:9999px;padding:.25rem .5rem;font-size:.75rem;display:inline-flex;align-items:center;gap:.25rem;animation:vip-glow 2s ease-in-out infinite alternate}@keyframes vip-glow{0%{box-shadow:0 0 5px #fbbf2480}to{box-shadow:0 0 20px #fbbf24cc}}.vip-content-overlay{background:linear-gradient(transparent 0%,transparent 40%,rgba(0,0,0,.4) 70%,rgba(0,0,0,.8) 100%)}@keyframes fadeInVip{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.vip-carousel-item{animation:fadeInVip .3s ease-out}.banner-top-ad{position:sticky;top:0;z-index:50;width:100%;background:#0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1)}.banner-middle-ad{width:100%;margin:20px 0;border-radius:8px;overflow:hidden}.banner-left-ad{width:100%;margin-bottom:16px;border-radius:8px;overflow:hidden}@media (min-width: 1024px){.banner-left-ad{float:left;width:25%;margin-right:16px;margin-bottom:0}}.banner-right-ad{width:100%;margin-top:16px;border-radius:8px;overflow:hidden}@media (min-width: 1024px){.banner-right-ad{float:right;width:25%;margin-left:16px;margin-top:0}}.banner-bottom-ad{width:100%;margin:20px 0 80px;border-radius:8px;overflow:hidden}.clear-both{clear:both}.banner-top-ad *,.banner-middle-ad *,.banner-left-ad *,.banner-right-ad *,.banner-bottom-ad *{max-width:100%;height:auto}@media (max-width: 640px){.banner-left-ad,.banner-right-ad{max-height:120px;overflow:hidden}.banner-middle-ad{max-height:100px;overflow:hidden}.banner-top-ad{max-height:60px;overflow:hidden}}@media (min-width: 641px) and (max-width: 1023px){.banner-left-ad,.banner-right-ad{max-height:150px}.banner-middle-ad{max-height:120px}}@media (min-width: 1024px){.banner-left-ad,.banner-right-ad{max-height:250px}.banner-middle-ad{max-height:150px}}.banner-top-ad:hover,.banner-middle-ad:hover,.banner-left-ad:hover,.banner-right-ad:hover,.banner-bottom-ad:hover{opacity:.95;transform:scale(1.02);transition:all .3s ease}.debug-carousel{border:2px solid red!important}.debug-preview{border:2px solid green!important}.carousel-item video,.vip-carousel-item video{pointer-events:none!important}@media (max-width: 640px){.vip-carousel-item h3{font-size:1rem;line-height:1.2}.vip-carousel-item p{font-size:.875rem}#vipPrevBtn,#vipNextBtn{width:2rem;height:2rem}}
