*{margin:0;padding:0;box-sizing:border-box}body{font-family:ProximaNova,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:#000;color:#fff;overflow:hidden;height:100vh;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.tiktok-app{position:relative;width:100vw;height:100vh;background:linear-gradient(180deg,#1a1a1a,#000);overflow:hidden}.tiktok-app::after,.tiktok-app::before{content:'';position:absolute;width:300%;height:100%;top:0;left:-100%;opacity:.6;background-repeat:repeat-x;background-size:2000px 100%;pointer-events:none}.tiktok-app::before{background-image:radial-gradient(ellipse 200px 40px at 15% 30%,rgba(255,255,255,.9),rgba(255,255,255,.7) 40%,transparent 70%),radial-gradient(ellipse 180px 35px at 35% 45%,rgba(255,255,255,.85),rgba(255,255,255,.6) 40%,transparent 70%),radial-gradient(ellipse 220px 50px at 55% 25%,rgba(255,255,255,.8),rgba(255,255,255,.5) 40%,transparent 70%),radial-gradient(ellipse 190px 45px at 75% 50%,rgba(255,255,255,.9),rgba(255,255,255,.6) 40%,transparent 70%),radial-gradient(ellipse 210px 48px at 90% 35%,rgba(255,255,255,.85),rgba(255,255,255,.55) 40%,transparent 70%);animation:driftCloudsA 120s linear infinite;z-index:0}.tiktok-app::after{background-image:radial-gradient(ellipse 240px 55px at 10% 60%,rgba(255,255,255,.75),rgba(255,255,255,.5) 40%,transparent 70%),radial-gradient(ellipse 200px 50px at 30% 75%,rgba(255,255,255,.8),rgba(255,255,255,.55) 40%,transparent 70%),radial-gradient(ellipse 230px 60px at 60% 65%,rgba(255,255,255,.7),rgba(255,255,255,.45) 40%,transparent 70%),radial-gradient(ellipse 210px 52px at 85% 80%,rgba(255,255,255,.85),rgba(255,255,255,.6) 40%,transparent 70%);animation:driftCloudsB 150s linear infinite;z-index:0}.top-header{position:fixed;top:0;left:0;right:0;height:45px;background:rgba(255,255,255,.05);backdrop-filter:blur(50px) saturate(200%) brightness(1.2);-webkit-backdrop-filter:blur(50px) saturate(200%) brightness(1.2);display:flex;align-items:center;padding:0 20px;z-index:1000;border-bottom:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px rgba(0,0,0,.1),0 4px 16px rgba(255,255,255,.1),inset 0 1px 0 rgba(255,255,255,.25)}.header-logo{display:flex;align-items:center}.header-logo-image{width:40px;height:40px;object-fit:contain;border-radius:8px}.scrolling-banner{flex:1;overflow:hidden;margin:0 20px;position:relative;perspective:1000px}.scrolling-banner::after,.scrolling-banner::before{content:'';position:absolute;top:0;width:60px;height:100%;z-index:2;pointer-events:none}.scrolling-banner::before{left:0;background:linear-gradient(90deg,rgba(255,255,255,.15) 0,transparent 100%)}.scrolling-banner::after{right:0;background:linear-gradient(270deg,rgba(255,255,255,.15) 0,transparent 100%)}.scrolling-text{white-space:nowrap;animation:scrollText 20s linear infinite,textGlow 3s ease-in-out infinite,textWave 4s ease-in-out infinite;background:linear-gradient(90deg,#25f4ee 0,#fe2c55 25%,#ffd166 50%,#25f4ee 75%,#fe2c55 100%);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:14px;font-weight:700;letter-spacing:.5px;filter:drop-shadow(0 0 12px rgba(37, 244, 238, .6)) drop-shadow(0 0 8px rgba(254, 44, 85, .4));transform-style:preserve-3d}@keyframes scrollText{0%{transform:translateX(100%) translateZ(0)}100%{transform:translateX(-100%) translateZ(0)}}@keyframes textGlow{0%,100%{filter:drop-shadow(0 0 12px rgba(37, 244, 238, .6)) drop-shadow(0 0 8px rgba(254, 44, 85, .4))}50%{filter:drop-shadow(0 0 20px rgba(37, 244, 238, .9)) drop-shadow(0 0 15px rgba(254, 44, 85, .7)) drop-shadow(0 0 10px rgba(255, 209, 102, .5))}}@keyframes textWave{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:rgba(0,0,0,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;justify-content:space-around;align-items:center;padding:6px 0 12px 0;z-index:1000;border-top:1px solid rgba(255,255,255,.1);box-shadow:0 -8px 32px rgba(0,0,0,.5),inset 0 -1px 0 rgba(255,255,255,.1)}@media (max-width:768px){.bottom-nav{padding:4px 0 10px 0}.nav-item{padding:4px 6px;font-size:8px}.nav-item i{font-size:16px}}@media (max-width:480px){.bottom-nav{padding:3px 0 8px 0}.nav-item{padding:3px 5px;font-size:7px}.nav-item i{font-size:14px}}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 12px;border-radius:8px;transition:all .2s ease;cursor:pointer;color:#8a8a8a;font-size:10px;font-weight:500}.nav-item.active{color:#fff}.nav-item i{font-size:20px}.nav-item .fa-plus{background:linear-gradient(45deg,#fe2c55,#25f4ee);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:24px}.feed-container{position:relative;width:100%;height:100vh;overflow:hidden;padding-top:45px;padding-bottom:60px;touch-action:none}.video-feed{position:relative;width:100%;height:100%}.video-feed.shake{animation:screenShake .4s ease-in-out}@keyframes screenShake{0%,100%{transform:translate(0,0) rotate(0)}10%{transform:translate(-2px,2px) rotate(-.5deg)}20%{transform:translate(2px,-2px) rotate(.5deg)}30%{transform:translate(-2px,-2px) rotate(-.5deg)}40%{transform:translate(2px,2px) rotate(.5deg)}50%{transform:translate(-2px,2px) rotate(-.5deg)}60%{transform:translate(2px,-2px) rotate(.5deg)}70%{transform:translate(-2px,-2px) rotate(-.5deg)}80%{transform:translate(2px,2px) rotate(.5deg)}90%{transform:translate(-1px,1px) rotate(-.25deg)}}.video-card{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#1a1a1a 0,#2d2d2d 100%);display:flex;flex-direction:column;justify-content:space-between;padding:20px;opacity:0;transform:translateY(100%) scale(.8) rotateX(45deg);transition:all .8s cubic-bezier(.34, 1.56, .64, 1);cursor:pointer;overflow:hidden;transform-style:preserve-3d;perspective:1000px}.video-card.magic-slide{transform:translateY(100%) scale(.9);filter:blur(10px) brightness(.5)}.video-card.magic-flip{transform:translateY(100%) rotateY(90deg) scale(.8);transform-origin:center}.video-card.magic-zoom{transform:translateY(100%) scale(.3) rotate(180deg);filter:blur(20px)}.video-card.magic-spiral{transform:translateY(100%) rotate(360deg) scale(.5);filter:blur(15px) hue-rotate(180deg)}.video-card.magic-bounce{transform:translateY(150%) scale(1.5);filter:blur(8px)}.video-card.magic-fade{transform:translateY(100%) translateX(-50%) scale(.7);opacity:0;filter:blur(12px)}.logo-background{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a1a 0,#2d2d2d 100%);z-index:0}.background-logo{max-width:80%;max-height:80%;width:auto;height:auto;object-fit:contain;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;filter:brightness(.8) contrast(1.1)}.background-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.background-fallback .animated-logo-fallback{display:none}.alt-favicon{width:96px;height:96px;object-fit:contain;filter:drop-shadow(0 8px 20px rgba(0,0,0,.4))}.favicon-letter{display:flex;align-items:center;justify-content:center;width:96px;height:96px;border-radius:20px;background:linear-gradient(135deg,#2d2d2d,#111);color:#fff;font-weight:800;font-size:42px}.content-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(0,0,0,.2) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.5) 100%);backdrop-filter:blur(0.5px);z-index:1;display:flex;flex-direction:column;justify-content:space-between;padding:20px}.reel-card{position:relative;width:100%;max-width:720px;margin:0 auto;background:rgba(0,0,0,.4);border-radius:32px;overflow:hidden;box-shadow:0 50px 100px rgba(0,0,0,.7),0 20px 40px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.1);backdrop-filter:blur(20px) saturate(180%);transform:translateZ(0) perspective(1000px);transition:transform .3s ease,box-shadow .3s ease;border:2px solid rgba(255,255,255,.1);opacity:1!important}.video-card.active .reel-card{opacity:1!important;visibility:visible!important}.reel-card:hover{transform:translateZ(20px) perspective(1000px) scale(1.02);box-shadow:0 60px 120px rgba(0,0,0,.8),0 25px 50px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.15)}.reel-card::before{content:'';position:absolute;inset:-2px;border-radius:32px;padding:2px;background:linear-gradient(135deg,transparent,rgba(255,255,255,.3),transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;animation:borderGlow 4s ease-in-out infinite}@keyframes borderGlow{0%,100%{opacity:0;transform:rotate(0)}50%{opacity:1;transform:rotate(180deg)}}.rc-media{position:relative;aspect-ratio:16/9;border-radius:24px;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.5),inset 0 -60px 80px rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,rgba(255,255,255,.05),transparent 70%)}.rc-favicon-display{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;z-index:2}.favicon-container{position:relative;width:220px;height:220px;display:flex;align-items:center;justify-content:center;animation:faviconFloat 4s ease-in-out infinite}.main-favicon{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 20px 40px rgba(0,0,0,.6)) drop-shadow(0 0 60px rgba(255,255,255,.2));transition:transform .4s ease,filter .4s ease;animation:faviconGlow 3s ease-in-out infinite}.reel-card:hover .main-favicon{transform:scale(1.15) rotate(5deg);filter:drop-shadow(0 25px 50px rgba(0,0,0,.8)) drop-shadow(0 0 80px rgba(255,255,255,.4))}.favicon-fallback-large{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.alt-favicon-large{width:180px;height:180px;object-fit:contain;filter:drop-shadow(0 20px 40px rgba(0,0,0,.6))}.favicon-letter-large{width:180px;height:180px;display:flex;align-items:center;justify-content:center;font-size:120px;font-weight:900;color:#fff;text-shadow:0 10px 30px rgba(0,0,0,.8);background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.05));border-radius:30px;border:3px solid rgba(255,255,255,.2);backdrop-filter:blur(10px)}@keyframes faviconFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(2deg)}}@keyframes faviconGlow{0%,100%{filter:drop-shadow(0 20px 40px rgba(0,0,0,.6)) drop-shadow(0 0 60px rgba(255,255,255,.2))}50%{filter:drop-shadow(0 20px 40px rgba(0,0,0,.6)) drop-shadow(0 0 80px rgba(255,255,255,.4))}}.rc-glow{pointer-events:none;position:absolute;inset:0;background:radial-gradient(800px 300px at var(--mx,50%) var(--my,50%),rgba(255,255,255,.15),transparent 60%);mix-blend-mode:overlay;opacity:0;transition:opacity .3s ease}.reel-card:hover .rc-glow{opacity:1}.rc-media::after{content:'';position:absolute;top:-100%;left:0;right:0;height:100%;background:linear-gradient(180deg,transparent,rgba(255,255,255,.1),transparent);animation:scanLine 3s ease-in-out infinite}@keyframes scanLine{0%{top:-100%}100%{top:100%}}.rc-bubbles{position:absolute;inset:0;pointer-events:none}.rc-bubbles .bubble{position:absolute;width:14px;height:14px;border-radius:50%;background:rgba(37,244,238,.25);filter:blur(1px);animation:rise 6s linear infinite}.rc-bubbles .b1{left:10%;bottom:-20px;animation-duration:7s}.rc-bubbles .b2{left:30%;bottom:-20px;animation-duration:6s}.rc-bubbles .b3{left:55%;bottom:-20px;animation-duration:5.5s}.rc-bubbles .b4{left:75%;bottom:-20px;animation-duration:6.5s}.rc-bubbles .b5{left:90%;bottom:-20px;animation-duration:5.8s}@keyframes rise{to{transform:translateY(-110%);opacity:0}}.rc-top{position:absolute;top:16px;left:16px;right:16px;display:flex;align-items:center;justify-content:space-between;z-index:3}.rc-badges{display:flex;gap:10px}.badge{padding:8px 14px;border-radius:999px;font-weight:800;font-size:12px;backdrop-filter:blur(15px) saturate(180%);box-shadow:0 4px 12px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.15);transition:transform .2s ease,box-shadow .2s ease;animation:badgeFloat 3s ease-in-out infinite}.badge:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 6px 16px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.3)}.badge.hot{background:linear-gradient(135deg,#fe2c55,#ff9f43);color:#fff;box-shadow:0 4px 16px rgba(254,44,85,.5),inset 0 1px 0 rgba(255,255,255,.3)}.badge.cat{background:rgba(0,0,0,.6);color:#fff;border:2px solid rgba(255,255,255,.2)}.rc-favicon{width:36px;height:36px;border-radius:12px;background:rgba(0,0,0,.7);box-shadow:0 8px 20px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.15);transition:transform .3s ease;animation:faviconRotate 8s linear infinite}.rc-favicon:hover{transform:scale(1.15) rotate(5deg)}@keyframes badgeFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes faviconRotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.rc-bottom{padding:24px;display:flex;flex-direction:column;gap:16px;position:relative;background:linear-gradient(180deg,transparent,rgba(0,0,0,.4));border-top:1px solid rgba(255,255,255,.1)}.rc-bottom::after,.rc-bottom::before{content:'';position:absolute;width:40px;height:40px;border:2px solid rgba(255,255,255,.2);pointer-events:none}.rc-bottom::before{top:0;left:0;border-right:none;border-bottom:none;border-top-left-radius:8px;animation:cornerGlow 3s ease-in-out infinite}.rc-bottom::after{bottom:0;right:0;border-left:none;border-top:none;border-bottom-right-radius:8px;animation:cornerGlow 3s ease-in-out infinite 1.5s}@keyframes cornerGlow{0%,100%{border-color:rgba(255,255,255,.2);box-shadow:0 0 0 rgba(255,255,255,0)}50%{border-color:rgba(255,255,255,.6);box-shadow:0 0 20px rgba(255,255,255,.3)}}.rc-title{color:#fff;font-size:28px;font-weight:900;text-shadow:0 4px 20px rgba(0,0,0,.7);line-height:1.2;letter-spacing:-.5px;animation:titleEntrance .6s ease-out}.rc-desc{color:#fff;font-size:22px;font-weight:600;line-height:1.5;opacity:.95;text-shadow:0 2px 12px rgba(0,0,0,.6);animation:descSlideIn .8s ease-out .2s both}@keyframes titleEntrance{0%{opacity:0;transform:translateY(20px) scale(.9)}100%{opacity:1;transform:translateY(0) scale(1)}}@keyframes descSlideIn{0%{opacity:0;transform:translateX(-20px)}100%{opacity:.95;transform:translateX(0)}}.rc-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px 12px;background:rgba(0,0,0,.35);border-radius:16px;border:2px solid rgba(255,255,255,.1);box-shadow:inset 0 1px 6px rgba(0,0,0,.4),0 4px 12px rgba(0,0,0,.3);position:relative;overflow:hidden}.rc-stats::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);animation:statsScan 3s ease-in-out infinite}.stat-item{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 6px;background:rgba(255,255,255,.05);border-radius:12px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;position:relative;overflow:hidden}.stat-item:first-child{border:2px solid rgba(37,244,238,.3);box-shadow:0 0 12px rgba(37,244,238,.2),inset 0 0 8px rgba(37,244,238,.1)}.stat-item:first-child:hover{border-color:rgba(37,244,238,.6);box-shadow:0 0 20px rgba(37,244,238,.4),inset 0 0 12px rgba(37,244,238,.2);background:rgba(37,244,238,.08)}.stat-item:nth-child(2){border:2px solid rgba(254,44,85,.3);box-shadow:0 0 12px rgba(254,44,85,.2),inset 0 0 8px rgba(254,44,85,.1)}.stat-item:nth-child(2):hover{border-color:rgba(254,44,85,.6);box-shadow:0 0 20px rgba(254,44,85,.4),inset 0 0 12px rgba(254,44,85,.2);background:rgba(254,44,85,.08)}.stat-item:nth-child(3){border:2px solid rgba(255,209,102,.3);box-shadow:0 0 12px rgba(255,209,102,.2),inset 0 0 8px rgba(255,209,102,.1)}.stat-item:nth-child(3):hover{border-color:rgba(255,209,102,.6);box-shadow:0 0 20px rgba(255,209,102,.4),inset 0 0 12px rgba(255,209,102,.2);background:rgba(255,209,102,.08)}.stat-item::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:itemGlow 2s ease-in-out infinite}.stat-item:hover{transform:translateY(-2px) scale(1.03);background:rgba(255,255,255,.1);box-shadow:0 4px 12px rgba(0,0,0,.4)}.stat-icon{font-size:26px;font-weight:400;line-height:1;filter:drop-shadow(0 4px 12px rgba(0,0,0,.8));animation:iconBounce 2s ease-in-out infinite;opacity:1;transition:all .4s cubic-bezier(.68, -.55, .265, 1.55)}.stat-item:first-child .stat-icon{animation:iconBounce 2s ease-in-out infinite,eyeBlink 4s ease-in-out infinite;filter:drop-shadow(0 0 16px rgba(37, 244, 238, .9)) drop-shadow(0 0 8px rgba(79, 172, 254, .7)) drop-shadow(0 2px 4px rgba(0, 0, 0, .5))}.stat-item:nth-child(2) .stat-icon{animation:iconBounce 2s ease-in-out infinite .2s,electricPulse 1.5s ease-in-out infinite;filter:drop-shadow(0 0 16px rgba(255, 223, 0, .9)) drop-shadow(0 0 12px rgba(254, 44, 85, .7)) drop-shadow(0 2px 4px rgba(0, 0, 0, .5))}.stat-item:nth-child(3) .stat-icon{animation:iconBounce 2s ease-in-out infinite .4s,trophyShine 3s ease-in-out infinite;filter:drop-shadow(0 0 16px rgba(255, 209, 102, .9)) drop-shadow(0 0 8px rgba(255, 159, 67, .7)) drop-shadow(0 2px 4px rgba(0, 0, 0, .5))}.stat-item:hover .stat-icon{transform:scale(1.3) rotate(15deg)}.stat-item:first-child:hover .stat-icon{animation:iconBounce 2s ease-in-out infinite,eyeWiggle .3s ease-in-out infinite}.stat-item:nth-child(2):hover .stat-icon{animation:iconBounce 2s ease-in-out infinite,lightningZap .4s ease-in-out infinite}.stat-item:nth-child(3):hover .stat-icon{animation:iconBounce 2s ease-in-out infinite,trophyFloat .6s ease-in-out infinite}.stat-value{font-size:18px;font-weight:900;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.8);background:linear-gradient(135deg,#fff,rgba(255,255,255,.7));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:numberPulse 2s ease-in-out infinite;line-height:1}.stat-item:first-child .stat-value{background:linear-gradient(135deg,#25f4ee 0,#4facfe 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 6px rgba(37, 244, 238, .6))}.stat-item:nth-child(2) .stat-value{background:linear-gradient(135deg,#fe2c55 0,#ff6b9d 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 6px rgba(254, 44, 85, .6))}.stat-item:nth-child(3) .stat-value{background:linear-gradient(135deg,#ffd166 0,#ff9f43 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 6px rgba(255, 209, 102, .6))}.stat-label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;color:rgba(255,255,255,.7);text-shadow:0 1px 3px rgba(0,0,0,.6);line-height:1}.stat-item:first-child .stat-label{color:rgba(37,244,238,.9);text-shadow:0 0 8px rgba(37,244,238,.5)}.stat-item:nth-child(2) .stat-label{color:rgba(254,44,85,.9);text-shadow:0 0 8px rgba(254,44,85,.5)}.stat-item:nth-child(3) .stat-label{color:rgba(255,209,102,.9);text-shadow:0 0 8px rgba(255,209,102,.5)}@keyframes statsScan{0%{left:-100%}100%{left:200%}}@keyframes itemGlow{0%,100%{opacity:.3}50%{opacity:1}}@keyframes iconBounce{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.1)}}@keyframes eyeBlink{0%,100%,90%{transform:scaleY(1)}93%,97%{transform:scaleY(.1)}}@keyframes eyeWiggle{0%,100%{transform:translateX(0) rotate(0)}25%{transform:translateX(-3px) rotate(-5deg)}75%{transform:translateX(3px) rotate(5deg)}}@keyframes electricPulse{0%,100%{filter:drop-shadow(0 0 16px rgba(255, 223, 0, .9)) drop-shadow(0 0 12px rgba(254, 44, 85, .7)) drop-shadow(0 2px 4px rgba(0, 0, 0, .5))}50%{filter:drop-shadow(0 0 24px rgba(255, 223, 0, 1)) drop-shadow(0 0 18px rgba(254, 44, 85, .9)) drop-shadow(0 0 12px rgba(255, 255, 255, .8)) drop-shadow(0 2px 4px rgba(0, 0, 0, .5));transform:scale(1.1)}}@keyframes lightningZap{0%,100%{transform:rotate(0) scale(1)}20%{transform:rotate(-15deg) scale(1.2)}40%{transform:rotate(15deg) scale(1.15)}60%{transform:rotate(-10deg) scale(1.25)}80%{transform:rotate(10deg) scale(1.1)}}@keyframes trophyShine{0%,100%{filter:drop-shadow(0 0 16px rgba(255, 209, 102, .9)) drop-shadow(0 0 8px rgba(255, 159, 67, .7)) drop-shadow(0 2px 4px rgba(0, 0, 0, .5))}50%{filter:drop-shadow(0 0 28px rgba(255, 223, 0, 1)) drop-shadow(0 0 18px rgba(255, 209, 102, 1)) drop-shadow(0 0 12px rgba(255, 255, 255, .8)) drop-shadow(0 2px 4px rgba(0, 0, 0, .5));transform:scale(1.08)}}@keyframes trophyFloat{0%,100%{transform:translateY(0) rotate(0)}25%{transform:translateY(-5px) rotate(-8deg)}50%{transform:translateY(-8px) rotate(0)}75%{transform:translateY(-5px) rotate(8deg)}}@keyframes numberPulse{0%,100%{transform:scale(1);text-shadow:0 2px 8px rgba(0,0,0,.8)}50%{transform:scale(1.05);text-shadow:0 2px 8px rgba(0,0,0,.8),0 0 20px rgba(255,255,255,.5)}}.rc-cta-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.rc-cta{padding:14px 24px;border-radius:16px;font-weight:800;font-size:16px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 8px 20px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.3);border:2px solid rgba(255,255,255,.2);transition:all .3s ease;position:relative;overflow:hidden}.rc-cta::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.3);transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.rc-cta:hover::before{width:300px;height:300px}.rc-cta:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 12px 30px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.4)}.rc-chip{color:#000;background:linear-gradient(135deg,#25f4ee,#fe2c55);padding:8px 14px;border-radius:999px;font-weight:900;font-size:13px;box-shadow:0 4px 12px rgba(37,244,238,.4),inset 0 1px 0 rgba(255,255,255,.4);border:2px solid rgba(255,255,255,.2);transition:all .3s ease;animation:chipPulse 3s ease-in-out infinite}.rc-chip:hover{transform:scale(1.08);box-shadow:0 6px 16px rgba(37,244,238,.6),inset 0 1px 0 rgba(255,255,255,.5)}@keyframes chipPulse{0%,100%{box-shadow:0 4px 12px rgba(37,244,238,.4),inset 0 1px 0 rgba(255,255,255,.4)}50%{box-shadow:0 6px 16px rgba(37,244,238,.6),inset 0 1px 0 rgba(255,255,255,.5)}}.external-actions{position:fixed;right:16px;bottom:80px;display:flex;flex-direction:column;align-items:center;gap:16px;z-index:150;pointer-events:auto}.external-actions .action-item{display:flex;flex-direction:column;align-items:center;gap:6px;animation:actionSlideIn .5s ease-out both}.external-actions .action-item:first-child{animation-delay:.1s}.external-actions .action-item:nth-child(2){animation-delay:.2s}.external-actions .action-item:nth-child(3){animation-delay:.3s}.external-actions .action-item:nth-child(4){animation-delay:.4s}.external-actions .action-btn{width:56px;height:56px;border-radius:50%;border:none;background:rgba(255,255,255,.15);backdrop-filter:blur(20px) saturate(180%);color:#fff;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.34, 1.56, .64, 1);box-shadow:0 8px 24px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.2);border:2px solid rgba(255,255,255,.2);position:relative;overflow:hidden}.external-actions .action-btn.like-btn{background:linear-gradient(135deg,#ff1744 0,#ff5252 50%,#ff4081 100%);border:2px solid rgba(255,255,255,.3);box-shadow:0 8px 24px rgba(255,23,68,.5),0 0 20px rgba(255,23,68,.3),inset 0 1px 0 rgba(255,255,255,.3);animation:heartBeat 1.5s ease-in-out infinite}.external-actions .action-btn.like-btn::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.4) 0,transparent 60%);opacity:1}.external-actions .action-btn.like-btn:hover{transform:scale(1.2) rotate(-5deg);box-shadow:0 12px 32px rgba(255,23,68,.7),0 0 30px rgba(255,23,68,.5),inset 0 1px 0 rgba(255,255,255,.4);animation:heartBeat .6s ease-in-out infinite}@keyframes heartBeat{0%,100%{transform:scale(1)}10%{transform:scale(1.05)}20%{transform:scale(1)}30%{transform:scale(1.08)}40%{transform:scale(1)}}.external-actions .action-btn::before{content:'';position:absolute;inset:-100%;background:conic-gradient(from 0deg at 50% 50%,transparent 0deg,rgba(255,255,255,.3) 90deg,transparent 180deg,rgba(255,255,255,.3) 270deg,transparent 360deg);animation:actionRotate 3s linear infinite;opacity:0}.external-actions .action-btn:hover::before{opacity:1}.external-actions .action-btn:hover{transform:scale(1.15) rotate(8deg);box-shadow:0 12px 32px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.3)}.external-actions .action-btn:active{transform:scale(.95)}.external-actions .like-logo{width:28px;height:28px;object-fit:contain;transition:all .3s ease}.external-actions .heart-icon{font-size:28px;display:inline-block;transition:all .3s cubic-bezier(.34, 1.56, .64, 1);filter:drop-shadow(0 2px 6px rgba(0,0,0,.4))}.external-actions .action-btn.like-btn.liked .heart-icon{animation:heartExplode .8s cubic-bezier(.34,1.56,.64,1)}.external-actions .action-btn.like-btn.liked{background:linear-gradient(135deg,#ff0844 0,#ff1744 25%,#ff5252 75%,#ff4081 100%);border:2px solid rgba(255,255,255,.5);box-shadow:0 12px 40px rgba(255,8,68,.8),0 0 40px rgba(255,23,68,.6),inset 0 2px 0 rgba(255,255,255,.5),0 0 0 4px rgba(255,23,68,.3);animation:likedHeartPulse .8s cubic-bezier(.34,1.56,.64,1)}.external-actions .action-btn.like-btn.liked::after{content:'';position:absolute;inset:-50%;background:radial-gradient(circle at 20% 30%,rgba(255,23,68,.8) 0,transparent 10%),radial-gradient(circle at 80% 30%,rgba(255,64,129,.8) 0,transparent 10%),radial-gradient(circle at 50% 70%,rgba(255,82,82,.8) 0,transparent 10%),radial-gradient(circle at 10% 70%,rgba(255,23,68,.8) 0,transparent 10%),radial-gradient(circle at 90% 70%,rgba(255,64,129,.8) 0,transparent 10%),radial-gradient(circle at 50% 10%,rgba(255,82,82,.8) 0,transparent 10%);background-size:15px 15px,12px 12px,18px 18px,10px 10px,14px 14px,16px 16px;animation:heartParticles .8s ease-out forwards;pointer-events:none}@keyframes likedHeartPulse{0%{transform:scale(1)}25%{transform:scale(.8) rotate(-10deg)}50%{transform:scale(1.4) rotate(5deg)}75%{transform:scale(.95) rotate(-3deg)}100%{transform:scale(1) rotate(0)}}@keyframes heartExplode{0%{transform:scale(1);filter:brightness(1) drop-shadow(0 0 0 rgba(255,255,255,0))}50%{transform:scale(1.6) rotate(15deg);filter:brightness(2) drop-shadow(0 0 20px rgba(255,255,255,1))}100%{transform:scale(1.3);filter:brightness(1.5) drop-shadow(0 0 8px rgba(255,255,255,.8))}}@keyframes heartParticles{0%{transform:scale(0) rotate(0);opacity:1}100%{transform:scale(4) rotate(180deg);opacity:0}}.external-actions .action-btn.commented{background:linear-gradient(135deg,#00d4ff,#4facfe);animation:commentBounce .5s ease-out}.external-actions .action-btn.bookmarked{background:linear-gradient(135deg,#ffd166,#feca57);animation:bookmarkSave .5s ease-out}.external-actions .action-btn.bookmarked i{color:#000}.external-actions .action-count{font-size:13px;font-weight:900;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.8);min-width:24px;text-align:center;animation:countPop .3s ease-out}@keyframes actionSlideIn{0%{opacity:0;transform:translateX(60px)}100%{opacity:1;transform:translateX(0)}}@keyframes countPop{0%{transform:scale(1)}50%{transform:scale(1.5)}100%{transform:scale(1)}}@keyframes actionRotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes likePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.3)}}@keyframes commentBounce{0%,100%{transform:scale(1)}30%{transform:scale(1.3)}60%{transform:scale(.9)}}@keyframes bookmarkSave{0%{transform:scale(1) rotate(0)}50%{transform:scale(1.2) rotate(10deg)}100%{transform:scale(1) rotate(0)}}@keyframes countPop{0%{transform:scale(.5);opacity:0}80%{transform:scale(1.1)}100%{transform:scale(1);opacity:1}}@media (max-width:768px){.reel-card{max-width:95%}.rc-title{font-size:24px!important}.rc-desc{font-size:20px!important}.rc-bottom{padding:16px;gap:12px}.external-actions{right:12px;bottom:75px;gap:12px}.external-actions .action-btn{width:48px;height:48px;font-size:20px}.external-actions .like-logo{width:24px;height:24px}.external-actions .action-count{font-size:11px}.favicon-container{width:160px;height:160px}.alt-favicon-large{width:140px;height:140px}.favicon-letter-large{width:140px;height:140px;font-size:90px}.rc-stats{gap:6px;padding:8px 10px}.stat-item{padding:6px 4px;gap:2px}.stat-icon{font-size:16px}.stat-value{font-size:15px}.stat-label{font-size:8px}.video-card:has(.sky--meme) .rc-title{font-size:28px!important}.video-card:has(.sky--meme) .rc-desc{font-size:17px!important}}@media (max-width:480px){.rc-title{font-size:22px!important}.rc-desc{font-size:18px!important}.rc-bottom{padding:14px;gap:10px}.external-actions{right:8px;bottom:70px;gap:10px}.external-actions .action-btn{width:44px;height:44px;font-size:18px}.external-actions .like-logo{width:20px;height:20px}.external-actions .action-count{font-size:10px}.favicon-container{width:130px;height:130px}.alt-favicon-large{width:110px;height:110px}.favicon-letter-large{width:110px;height:110px;font-size:70px}.rc-stats{gap:5px;padding:7px 8px}.stat-item{padding:5px 3px;gap:2px}.stat-icon{font-size:14px}.stat-value{font-size:13px}.stat-label{font-size:7px}.video-card:has(.sky--meme) .rc-title{font-size:26px!important}.video-card:has(.sky--meme) .rc-desc{font-size:16px!important}}.video-card.active{opacity:1!important;transform:translateY(0) scale(1) rotate(0) rotateX(0) rotateY(0) translateX(0)!important;z-index:10;filter:blur(0) brightness(1) hue-rotate(0deg)!important}.video-card.active:has(.sky--sunset)::before{content:'';position:absolute;top:50%;left:50%;width:300%;height:300%;background:radial-gradient(circle,rgba(255,107,107,.9) 0,rgba(255,175,64,.6) 40%,transparent 70%);transform:translate(-50%,-50%) scale(0);animation:sunsetBurst 1s ease-out forwards;pointer-events:none;z-index:100}.video-card.active:has(.sky--dawn)::before{content:'';position:absolute;top:50%;left:50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 45%,rgba(255,234,167,.8) 50%,transparent 55%),linear-gradient(135deg,transparent 45%,rgba(255,200,124,.8) 50%,transparent 55%),linear-gradient(-45deg,transparent 45%,rgba(255,234,167,.8) 50%,transparent 55%),linear-gradient(-135deg,transparent 45%,rgba(255,200,124,.8) 50%,transparent 55%);transform:translate(-50%,-50%) rotate(0) scale(0);animation:dawnRays 1s ease-out forwards;pointer-events:none;z-index:100}.video-card.active:has(.sky--dusk)::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(2px 2px at 20% 30%,rgba(255,255,255,.9),transparent),radial-gradient(2px 2px at 60% 70%,rgba(255,255,255,.9),transparent),radial-gradient(1px 1px at 50% 50%,rgba(255,255,255,.9),transparent),radial-gradient(2px 2px at 80% 10%,rgba(255,255,255,.9),transparent),radial-gradient(1px 1px at 90% 60%,rgba(255,255,255,.9),transparent),radial-gradient(2px 2px at 15% 80%,rgba(255,255,255,.9),transparent),radial-gradient(1px 1px at 40% 20%,rgba(255,255,255,.9),transparent);background-size:200% 200%;background-position:50% 50%;opacity:0;animation:starfield 1.2s ease-out forwards;pointer-events:none;z-index:100}.video-card.active:has(.sky--tropical)::before{content:'';position:absolute;top:50%;left:50%;width:100%;height:100%;border:3px solid rgba(64,224,208,.8);border-radius:50%;transform:translate(-50%,-50%) scale(0);animation:tropicalRipple 1s ease-out forwards;pointer-events:none;z-index:100}.video-card.active:has(.sky--tropical)::after{content:'';position:absolute;top:50%;left:50%;width:100%;height:100%;border:2px solid rgba(64,255,200,.6);border-radius:50%;transform:translate(-50%,-50%) scale(0);animation:tropicalRipple 1s ease-out .15s forwards;pointer-events:none;z-index:100}.video-card.active:has(.sky--clear)::before{content:'';position:absolute;top:50%;left:50%;width:200px;height:200px;background:radial-gradient(ellipse at center,rgba(255,255,255,.7) 0,rgba(135,206,235,.4) 40%,transparent 70%);transform:translate(-50%,-50%) scale(0);animation:cloudPuff .8s ease-out forwards;pointer-events:none;z-index:100}.video-card.active:has(.sky--meme)::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(255,0,255,.6) 0,transparent 50%,rgba(0,255,255,.6) 100%);transform:translateX(-100%);animation:memeGlitch .6s steps(8) forwards;pointer-events:none;z-index:100}.video-card.active:has(.sky--meme)::after{content:'💥';position:absolute;top:50%;left:50%;font-size:100px;transform:translate(-50%,-50%) scale(0) rotate(0);animation:memeEmoji .8s cubic-bezier(.34,1.56,.64,1) forwards;pointer-events:none;z-index:101}@keyframes sunsetBurst{0%{transform:translate(-50%,-50%) scale(0) rotate(0);opacity:1}50%{opacity:.8}100%{transform:translate(-50%,-50%) scale(1.5) rotate(180deg);opacity:0}}@keyframes dawnRays{0%{transform:translate(-50%,-50%) rotate(0) scale(0);opacity:1}50%{opacity:.9}100%{transform:translate(-50%,-50%) rotate(90deg) scale(2);opacity:0}}@keyframes starfield{0%{opacity:0;background-position:50% 50%}20%{opacity:1}100%{opacity:0;background-position:100% 100%}}@keyframes tropicalRipple{0%{transform:translate(-50%,-50%) scale(0);opacity:1}100%{transform:translate(-50%,-50%) scale(3);opacity:0}}@keyframes cloudPuff{0%{transform:translate(-50%,-50%) scale(0);opacity:1}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.7}100%{transform:translate(-50%,-50%) scale(2);opacity:0}}@keyframes memeGlitch{0%{transform:translateX(-100%);opacity:1}10%{transform:translateX(100%)}20%{transform:translateX(-100%)}30%{transform:translateX(100%)}40%{transform:translateX(-100%)}50%{transform:translateX(50%)}60%{transform:translateX(-50%)}70%{transform:translateX(25%)}80%{transform:translateX(-25%)}100%{transform:translateX(100%);opacity:0}}@keyframes memeEmoji{0%{transform:translate(-50%,-50%) scale(0) rotate(0);opacity:1}50%{transform:translate(-50%,-50%) scale(1.5) rotate(180deg);opacity:1}75%{transform:translate(-50%,-50%) scale(1.2) rotate(270deg);opacity:.8}100%{transform:translate(-50%,-50%) scale(.5) rotate(360deg);opacity:0}}.video-card.active:has(.sky--sunset) .content-overlay::before{content:'';position:absolute;width:100%;height:100%;background-image:radial-gradient(circle,#ff6b6b 1px,transparent 1px),radial-gradient(circle,#ffaf40 1.5px,transparent 1.5px),radial-gradient(circle,#ffeaa7 .8px,transparent .8px);background-size:50px 50px,80px 80px,40px 40px;background-position:0 0,40px 40px,20px 20px;opacity:0;animation:embersRise 2s ease-out forwards;pointer-events:none}.video-card.active:has(.sky--dawn) .content-overlay::before{content:'';position:absolute;width:100%;height:100%;background-image:radial-gradient(ellipse 8px 15px,rgba(255,200,124,.8) 40%,transparent 70%),radial-gradient(ellipse 10px 18px,rgba(255,234,167,.8) 40%,transparent 70%),radial-gradient(ellipse 6px 12px,rgba(255,214,150,.8) 40%,transparent 70%);background-size:100px 120px,150px 180px,80px 100px;background-position:20% 0,60% 0,85% 0;opacity:0;animation:petalsFall 2.5s ease-out forwards;pointer-events:none}.video-card.active:has(.sky--dusk) .content-overlay::before{content:'';position:absolute;width:100%;height:100%;background:linear-gradient(120deg,transparent 0,rgba(255,255,255,.8) 50%,transparent 100%),linear-gradient(135deg,transparent 0,rgba(200,200,255,.6) 50%,transparent 100%);background-size:200px 2px,150px 1.5px;background-position:-200px 30%,-150px 70%;background-repeat:no-repeat;opacity:0;animation:cometTrails 1.5s ease-out forwards;pointer-events:none}.video-card.active:has(.sky--tropical) .content-overlay::before{content:'';position:absolute;width:100%;height:100%;background-image:radial-gradient(circle,rgba(64,224,208,.6) 40%,transparent 60%),radial-gradient(circle,rgba(64,255,200,.5) 40%,transparent 60%),radial-gradient(circle,rgba(100,255,220,.7) 40%,transparent 60%);background-size:30px 30px,45px 45px,25px 25px;background-position:30% 100%,60% 100%,80% 100%;opacity:0;animation:bubblesFloat 2s ease-out forwards;pointer-events:none}.video-card.active:has(.sky--clear) .content-overlay::before{content:'';position:absolute;width:100%;height:100%;background-image:radial-gradient(circle,rgba(255,255,255,.9) 2px,transparent 2px),radial-gradient(circle,rgba(135,206,235,.7) 1.5px,transparent 1.5px);background-size:80px 80px,100px 100px;background-position:0 -100%,40px -100%;opacity:0;animation:sparkleRain 1.8s ease-out forwards;pointer-events:none}.video-card.active:has(.sky--meme) .content-overlay::before{content:'';position:absolute;width:100%;height:100%;background:linear-gradient(0deg,rgba(255,0,0,.3) 0,transparent 100%);opacity:0;animation:rgbSplit .8s steps(4) forwards;mix-blend-mode:screen;pointer-events:none}@keyframes embersRise{0%{opacity:1;background-position:0 100%,40px 100%,20px 100%}100%{opacity:0;background-position:0 -100%,40px -120%,20px -80%}}@keyframes petalsFall{0%{opacity:1;background-position:20% -20%,60% -20%,85% -20%}100%{opacity:0;background-position:15% 120%,55% 120%,80% 120%}}@keyframes cometTrails{0%{opacity:1;background-position:-200px 30%,-150px 70%}100%{opacity:0;background-position:100% 30%,100% 70%}}@keyframes bubblesFloat{0%{opacity:1;background-position:30% 100%,60% 100%,80% 100%}100%{opacity:0;background-position:28% -20%,58% -25%,78% -15%}}@keyframes sparkleRain{0%{opacity:1;background-position:0 -100%,40px -100%}100%{opacity:0;background-position:0 100%,40px 100%}}@keyframes rgbSplit{0%{opacity:1;transform:translateX(0);filter:hue-rotate(0deg)}25%{transform:translateX(-10px);filter:hue-rotate(90deg)}50%{transform:translateX(10px);filter:hue-rotate(180deg)}75%{transform:translateX(-5px);filter:hue-rotate(270deg)}100%{opacity:0;transform:translateX(0);filter:hue-rotate(360deg)}}.video-card.prev{transform:translateY(-100%);opacity:0}.video-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:40px 20px;position:relative;overflow:hidden}.blurred-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;overflow:hidden}.background-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(3);width:200px;height:200px;object-fit:cover;filter:blur(12px) brightness(.4) saturate(1.3);opacity:.5;z-index:1}.content-layout{display:flex;width:100%;max-width:1200px;gap:30px;align-items:center;position:relative;z-index:10}.left-content{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:10}.website-link{margin-bottom:15px}.website-url-btn{display:inline-block;background:linear-gradient(135deg,#fe2c55,#25f4ee);color:#000;text-decoration:none;font-size:16px;font-weight:700;padding:12px 24px;border-radius:25px;transition:all .3s ease;box-shadow:0 4px 15px rgba(37,244,238,.3);text-transform:uppercase;letter-spacing:.5px;border:none;cursor:pointer}.website-url-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(37,244,238,.5);background:linear-gradient(135deg,#25f4ee,#fe2c55)}.website-description{max-width:400px;word-wrap:break-word;overflow-wrap:break-word}.website-description p{color:#fff;font-size:14px;line-height:1.5;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.8);word-wrap:break-word;overflow-wrap:break-word}.right-content{flex:1;display:flex;justify-content:center;align-items:center;position:relative;z-index:10}.preview-card{position:relative;width:100%;max-width:520px;border-radius:18px;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));box-shadow:0 20px 50px rgba(0,0,0,.45);transform:translateZ(0);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease;cursor:pointer}.preview-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 30px 70px rgba(0,0,0,.55)}.preview-media{position:relative;aspect-ratio:16/10;background:rgba(0,0,0,.35)}.preview-screenshot{width:100%;height:100%;object-fit:cover;filter:saturate(1.15) contrast(1.05);transform:scale(1.02);transition:transform .6s ease,filter .6s ease}.preview-card:hover .preview-screenshot{transform:scale(1.06);filter:saturate(1.25) contrast(1.1)}.preview-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(closest-side,rgba(255,255,255,.08),transparent)}.preview-glow{pointer-events:none;position:absolute;inset:0;background:radial-gradient(1200px 300px at var(--mx,50%) var(--my,50%),rgba(37,244,238,.25),transparent 40%);transition:background-position .2s ease}.preview-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px}.preview-title{color:#fff;font-weight:700;font-size:16px}.preview-chip{color:#000;font-weight:700;background:linear-gradient(135deg,#fe2c55,#25f4ee);border-radius:999px;padding:6px 12px;font-size:12px}.iframe-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:rgba(0,0,0,.3)}.iframe-controls{display:flex;gap:8px}.iframe-btn{width:32px;height:32px;border-radius:6px;border:none;background:rgba(255,255,255,.1);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:all .3s ease}.iframe-btn:hover{background:rgba(255,255,255,.2);transform:scale(1.1)}.iframe-url{font-size:12px;color:#ccc;font-family:monospace;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.iframe-container{position:relative;width:100%;height:750px;background:#fff;overflow:hidden}.iframe-container iframe{width:100%;height:100%;border:none;transform:scale(.5);transform-origin:top left;width:200%;height:200%}.iframe-loading{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.9);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;color:#fff;z-index:10;backdrop-filter:blur(5px)}.loading-container{display:flex;flex-direction:column;align-items:center;gap:15px;width:100%;max-width:280px;padding:10px;box-sizing:border-box}.loading-spinner{position:relative;width:60px;height:60px;border-radius:50%;background:conic-gradient(from 0deg,#25f4ee,#fe2c55,#25f4ee);animation:spin 2s linear infinite;display:flex;align-items:center;justify-content:center}.loading-spinner::before{content:'';position:absolute;width:40px;height:40px;background:rgba(0,0,0,.9);border-radius:50%;z-index:1}.loading-progress-ring{position:absolute;width:60px;height:60px;border-radius:50%;background:conic-gradient(from 0deg,transparent,#25f4ee);animation:progressRing 3s ease-in-out infinite;z-index:2}.loading-progress-bar{width:100%;height:4px;background:rgba(255,255,255,.1);border-radius:2px;overflow:hidden;position:relative}.loading-progress-fill{height:100%;background:linear-gradient(90deg,#25f4ee,#fe2c55);border-radius:2px;width:0%;animation:progressFill 3s ease-in-out infinite;position:relative}.loading-progress-fill::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s ease-in-out infinite}.loading-text{font-size:14px;font-weight:500;text-align:center;color:#25f4ee;animation:textPulse 2s ease-in-out infinite}.loading-percentage{font-size:18px;font-weight:700;color:#fff;text-shadow:0 0 10px rgba(37,244,238,.5);animation:percentageGlow 1.5s ease-in-out infinite}.loading-dots{display:flex;gap:4px;margin-top:10px}.loading-dot{width:6px;height:6px;border-radius:50%;background:#25f4ee;animation:dotBounce 1.4s ease-in-out infinite both}.loading-dot:first-child{animation-delay:-.32s}.loading-dot:nth-child(2){animation-delay:-.16s}.loading-dot:nth-child(3){animation-delay:0s}.loading-status{font-size:12px;color:#ccc;text-align:center;opacity:.8;animation:statusFade 3s ease-in-out infinite}.iframe-error{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;color:#ff6b6b;z-index:10}.iframe-error i{font-size:24px}@media (max-width:768px){.video-content{padding:5px 15px;min-height:100vh;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding-top:20px;padding-bottom:30px}.content-layout{flex-direction:column;gap:15px;width:100%;max-width:100%;justify-content:flex-start;align-items:center}.left-content{order:2;width:100%;padding:0 10px;text-align:center;display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.right-content{order:1;width:100%;margin-bottom:10px;display:flex;justify-content:center}.iframe-preview{max-width:100%;width:100%;margin:0 auto}.iframe-container{height:500px;min-height:480px}.iframe-container iframe{transform:scale(.5);width:200%;height:200%}.iframe-loading{padding:10px;min-height:480px}.website-url-btn{font-size:14px;padding:10px 20px}.website-description p{font-size:13px}.website-title{font-size:20px;margin-bottom:8px;text-align:center}.website-description{font-size:13px;max-width:100%;margin-bottom:10px;line-height:1.4;text-align:center}.website-meta{flex-direction:column;gap:4px;align-items:center;margin:8px 0}.creator-info{text-align:center}.engagement-stats{text-align:center}.tags{justify-content:center;margin:8px 0;gap:5px}.tag{font-size:10px;padding:2px 6px}.website-url{font-size:11px;padding:5px 10px;margin-top:6px}}[class*='-frame']{border:none!important;box-shadow:none!important}[class*='-frame']::after,[class*='-frame']::before{display:none!important;content:none!important}@media (max-width:480px){.video-content{padding:0 10px;min-height:100vh;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding-top:15px}.content-layout{gap:12px;justify-content:flex-start;align-items:center}.left-content{padding:0 5px;text-align:center;display:flex;flex-direction:column;align-items:center}.right-content{margin-bottom:8px;display:flex;justify-content:center}.iframe-container{height:450px;min-height:430px}.iframe-container iframe{transform:scale(.4);width:250%;height:250%}.iframe-loading{padding:8px;min-height:430px}.website-url-btn{font-size:12px;padding:8px 16px}.website-description p{font-size:12px}.iframe-header{padding:6px 10px}.iframe-btn{width:24px;height:24px;font-size:9px}.iframe-url{font-size:10px;max-width:150px}.website-favicon{width:60px;height:60px;margin-bottom:10px}.website-title{font-size:18px;margin-bottom:6px;text-align:center}.website-description{font-size:12px;margin-bottom:8px;text-align:center}.website-meta{margin:6px 0;gap:3px}.creator{font-size:12px}.duration{font-size:10px}.views{font-size:10px}.tags{margin:6px 0;gap:3px}.tag{font-size:9px;padding:2px 5px}.website-url{font-size:10px;padding:4px 8px}}.website-favicon{width:120px;height:120px;border-radius:20px;background:linear-gradient(135deg,#fe2c55,#25f4ee);display:flex;align-items:center;justify-content:center;font-size:60px;margin-bottom:30px;box-shadow:0 20px 40px rgba(254,44,85,.3);position:relative;overflow:hidden;z-index:10}.website-favicon img{width:100%;height:100%;object-fit:cover;border-radius:20px;background:rgba(255,255,255,.1);backdrop-filter:blur(10px)}.favicon-fallback{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:60px;background:linear-gradient(135deg,#fe2c55,#25f4ee);border-radius:20px}.animated-logo-fallback{width:80%;height:80%;object-fit:contain;animation:logoBounce 2s ease-in-out infinite;filter:brightness(1.2) contrast(1.1)}@keyframes logoBounce{0%,100%{transform:scale(1) rotate(0)}25%{transform:scale(1.05) rotate(2deg)}50%{transform:scale(1.1) rotate(0)}75%{transform:scale(1.05) rotate(-2deg)}}.meme-frame{position:static;border:none;box-shadow:none}.meme-frame::before{content:'';position:absolute;top:-15px;right:-15px;font-size:24px;background:#ff6b6b;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;z-index:10}.game-frame{position:static;border:none;box-shadow:none}.game-frame::before{content:'';position:absolute;top:-15px;right:-15px;font-size:24px;background:#4ecdc4;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;z-index:10}.comedy-frame{position:static;border:none;box-shadow:none}.comedy-frame::before{content:'';position:absolute;top:-15px;right:-15px;font-size:24px;background:#ffd93d;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;z-index:10}.social-frame{position:static;border:none;box-shadow:none}.social-frame::before{content:'';position:absolute;top:-15px;right:-15px;font-size:24px;background:#fe2c55;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;z-index:10}.video-frame{position:static;border:none;box-shadow:none}.video-frame::before{content:'';position:absolute;top:-15px;right:-15px;font-size:24px;background:#25f4ee;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;z-index:10}.tools-frame{position:static;border:none;box-shadow:none}.tools-frame::before{content:'';position:absolute;top:-15px;right:-15px;font-size:24px;background:#a8edea;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;z-index:10}.education-frame{position:static;border:none;box-shadow:none}.education-frame::before{content:'';position:absolute;top:-15px;right:-15px;font-size:24px;background:#667eea;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;z-index:10}.business-frame{position:static;border:none;box-shadow:none}.business-frame::before{content:'';position:absolute;top:-15px;right:-15px;font-size:24px;background:#43e97b;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;z-index:10}.creative-frame{border:3px solid #f093fb;box-shadow:0 0 20px rgba(240,147,251,.3);position:relative}.creative-frame::before{content:'';position:absolute;top:-15px;right:-15px;font-size:24px;background:#f093fb;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;z-index:10}.lifestyle-frame{border:3px solid #ff9a9e;box-shadow:0 0 20px rgba(255,154,158,.3);position:relative}.lifestyle-frame::before{content:'';position:absolute;top:-15px;right:-15px;font-size:24px;background:#ff9a9e;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;z-index:10}.developer-frame{border:3px solid #667eea;box-shadow:0 0 20px rgba(102,126,234,.3);position:relative}.developer-frame::before{content:'';position:absolute;top:-15px;right:-15px;font-size:24px;background:#667eea;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;z-index:10}.art-frame{border:3px solid #a8c0ff;box-shadow:0 0 20px rgba(168,192,255,.3);position:relative}.art-frame::before{content:'';position:absolute;top:-15px;right:-15px;font-size:24px;background:#a8c0ff;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;z-index:10}.entertainment-frame{border:3px solid #4facfe;box-shadow:0 0 20px rgba(79,172,254,.3);position:relative}.entertainment-frame::before{content:'';position:absolute;top:-15px;right:-15px;font-size:24px;background:#4facfe;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;z-index:10}.community-frame{border:3px solid #fa709a;box-shadow:0 0 20px rgba(250,112,154,.3);position:relative}.community-frame::before{content:'';position:absolute;top:-15px;right:-15px;font-size:24px;background:#fa709a;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;z-index:10}.default-frame{border:3px solid #764ba2;box-shadow:0 0 20px rgba(118,75,162,.3);position:relative}.default-frame::before{content:'';position:absolute;top:-15px;right:-15px;font-size:24px;background:#764ba2;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;z-index:10}.crypto-frame{border:3px solid gold;box-shadow:0 0 20px rgba(255,215,0,.3);position:relative}.crypto-frame::before{content:'';position:absolute;top:-15px;right:-15px;font-size:24px;background:gold;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;z-index:10}.website-meta{display:flex;justify-content:space-between;align-items:center;margin:15px 0;font-size:14px;color:#ccc;position:relative;z-index:10}.creator-info{display:flex;flex-direction:column;gap:5px}.creator{font-weight:600;color:#fff}.duration{font-size:12px;color:#999}.engagement-stats{text-align:right}.views{font-size:12px;color:#25f4ee;font-weight:500}.tags{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0;justify-content:center;position:relative;z-index:10}.tag{background:rgba(255,255,255,.1);color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;backdrop-filter:blur(10px)}.trending::before{content:'';position:absolute;top:10px;right:10px;font-size:20px;z-index:10}.meme-particles{position:absolute;top:-20px;left:50%;transform:translateX(-50%);font-size:20px;animation:particleFloat 1s ease-out forwards;pointer-events:none}@keyframes particleFloat{0%{opacity:1;transform:translateX(-50%) translateY(0)}100%{opacity:0;transform:translateX(-50%) translateY(-50px)}}.website-title{font-size:28px;font-weight:700;margin-bottom:15px;background:linear-gradient(45deg,#fe2c55,#25f4ee);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2;position:relative;z-index:10}.website-description{font-size:16px;color:#ccc;line-height:1.5;max-width:300px;margin-bottom:20px;position:relative;z-index:10}.website-url{font-size:14px;color:#25f4ee;text-decoration:none;font-weight:500;padding:8px 16px;border:1px solid #25f4ee;border-radius:20px;transition:all .3s ease;position:relative;z-index:10}.website-url:hover{background:#25f4ee;color:#000}.action-panel{position:fixed;right:15px;bottom:100px;display:flex;flex-direction:column;align-items:center;gap:20px;z-index:100}.user-avatar{width:48px;height:48px;border-radius:50%;border:none;overflow:hidden;cursor:pointer;transition:transform .3s ease}.user-avatar:hover{transform:scale(1.1)}.user-avatar img{width:100%;height:100%;object-fit:cover}.action-buttons{display:flex;flex-direction:column;gap:15px}.action-btn{width:48px;height:48px;border-radius:50%;border:none;background:rgba(255,255,255,.1);backdrop-filter:blur(10px);color:#fff;font-size:20px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;position:relative}.action-btn:hover{background:rgba(255,255,255,.2);transform:scale(1.1)}.action-btn.liked{color:#fe2c55}.action-btn .count{font-size:12px;font-weight:600;margin-top:2px}.website-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000;z-index:2000;transform:translateY(100%);transition:transform .4s cubic-bezier(.25, .46, .45, .94);display:flex;flex-direction:column}.website-overlay.active{transform:translateY(0)}.overlay-header{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;background:rgba(0,0,0,.9);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1)}.back-btn,.external-btn{width:40px;height:40px;border-radius:50%;border:none;background:rgba(255,255,255,.1);color:#fff;font-size:16px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.back-btn:hover,.external-btn:hover{background:rgba(255,255,255,.2)}.overlay-header .website-title{font-size:16px;font-weight:600;color:#fff;background:0 0;-webkit-text-fill-color:#fff}.website-frame-container{flex:1;position:relative;overflow:hidden}#websiteFrame{width:100%;height:100%;border:none;background:#fff}.loading-screen{position:fixed;top:0;left:0;right:0;bottom:0;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:3000;transition:opacity .5s ease}.loading-screen.hidden{opacity:0;pointer-events:none}.tiktok-logo{margin-bottom:30px}.logo-icon{font-size:80px;animation:bounce 1s infinite}.logo-image{width:80px;height:80px;object-fit:contain;animation:bounce 1s infinite}@keyframes bounce{0%,100%,20%,50%,80%{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.loading-dots{display:flex;gap:8px}.dot{width:8px;height:8px;border-radius:50%;background:#fe2c55;animation:dotPulse 1.4s infinite ease-in-out both}.dot:first-child{animation-delay:-.32s}.dot:nth-child(2){animation-delay:-.16s}@keyframes dotPulse{0%,100%,80%{transform:scale(0)}40%{transform:scale(1)}}.swipe-indicator{position:fixed;bottom:120px;left:50%;transform:translateX(-50%);color:rgba(255,255,255,.6);font-size:12px;text-align:center;z-index:100;animation:fadeInOut 2s infinite}@keyframes fadeInOut{0%,100%{opacity:.3}50%{opacity:1}}@media (max-width:768px){.video-card{padding:15px}.website-favicon{width:100px;height:100px;font-size:50px}.website-favicon img{border-radius:16px}.favicon-fallback{border-radius:16px;font-size:50px}.website-title{font-size:24px}.website-description{font-size:14px;max-width:280px}.action-panel{right:10px;bottom:90px}.action-btn{width:44px;height:44px;font-size:18px}}@media (max-width:480px){.video-content{padding:20px 15px}.website-favicon{width:80px;height:80px;font-size:40px}.website-favicon img{border-radius:12px}.favicon-fallback{border-radius:12px;font-size:40px}.website-title{font-size:20px}.website-description{font-size:13px;max-width:250px}.action-panel{right:8px;bottom:85px}.action-btn{width:40px;height:40px;font-size:16px}}.video-feed{touch-action:pan-y}.scroll-progress{position:fixed;right:20px;top:50%;transform:translateY(-50%);z-index:200;display:flex;flex-direction:column;align-items:center;gap:10px;pointer-events:none}.progress-bar{width:4px;height:200px;background:rgba(255,255,255,.2);border-radius:2px;position:relative;overflow:hidden}.progress-bar::after{content:'';position:absolute;top:0;left:0;width:100%;height:0%;background:linear-gradient(180deg,#fe2c55,#25f4ee);border-radius:2px;transition:height .3s ease}.progress-dots{display:flex;flex-direction:column;gap:8px}.progress-dots .dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.3);transition:all .3s ease}.progress-dots .dot.active{background:#25f4ee;transform:scale(1.2);box-shadow:0 0 10px rgba(37,244,238,.5)}.scroll-indicator{position:fixed;left:50%;transform:translateX(-50%);bottom:100px;z-index:200;display:flex;flex-direction:column;gap:20px;opacity:0;transition:opacity .3s ease;pointer-events:none}.scroll-indicator.visible{opacity:1}.scroll-arrow{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.1);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;cursor:pointer;transition:all .3s ease}.scroll-arrow:hover{background:rgba(255,255,255,.2);transform:scale(1.1)}.velocity-indicator{position:fixed;left:20px;top:50%;transform:translateY(-50%);z-index:200;width:4px;height:200px;background:rgba(255,255,255,.1);border-radius:2px;overflow:hidden;pointer-events:none}.velocity-bar{width:100%;height:0%;background:linear-gradient(180deg,#fe2c55,#25f4ee);border-radius:2px;transition:height .1s ease}.video-card{transition:all .4s cubic-bezier(.25, .46, .45, .94)}.video-card.scrolling{transform:scale(.98);filter:blur(1px)}.video-card.scroll-up{transform:translateY(-10px) scale(1.02)}.video-card.scroll-down{transform:translateY(10px) scale(.98)}.website-favicon{animation:none}.video-feed.momentum{transition:transform .6s cubic-bezier(.25, .46, .45, .94)}.video-feed.fast-scroll{transition:transform .2s ease-out}.scroll-trail{position:fixed;pointer-events:none;z-index:150;width:2px;background:linear-gradient(180deg,#fe2c55,#25f4ee);opacity:0;transition:opacity .3s ease}.scroll-trail.visible{opacity:.8}.scroll-particles{position:fixed;pointer-events:none;z-index:100;width:100%;height:100%;overflow:hidden}.particle{position:absolute;width:4px;height:4px;background:#25f4ee;border-radius:50%;animation:particleFloat 1s ease-out forwards}@keyframes particleFloat{0%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(-100px) scale(0)}}.video-feed.haptic{transform:scale(1.005)}@media (max-width:768px){.scroll-progress{right:8px;top:50%}.scroll-indicator{bottom:90px;left:50%;transform:translateX(-50%)}.scroll-arrow{width:32px;height:32px;font-size:12px}.velocity-indicator{left:8px}.action-panel{right:8px;bottom:100px;gap:15px}.action-btn{width:40px;height:40px;font-size:16px}.action-btn .count{font-size:10px}}@media (max-width:480px){.scroll-progress{right:5px}.scroll-indicator{bottom:85px}.scroll-arrow{width:28px;height:28px;font-size:10px}.velocity-indicator{left:5px}.action-panel{right:5px;bottom:90px;gap:12px}.action-btn{width:36px;height:36px;font-size:14px}.action-btn .count{font-size:9px}}.action-btn.liked{color:#ff0050;transform:scale(1.1)}.action-btn.commenting{color:#00d4ff;transform:scale(1.1)}.action-btn.sharing{color:#0f8;transform:scale(1.1)}.action-btn.bookmarked{color:gold;transform:scale(1.1)}.floating-bookmark,.floating-comment,.floating-heart,.floating-share{position:fixed;font-size:24px;pointer-events:none;z-index:10000;animation:floatUp 2s ease-out forwards}.floating-heart.like{animation:heartBurst 1.5s ease-out forwards}.floating-heart.unlike{animation:heartBreak 1.5s ease-out forwards}.floating-comment{animation:commentBounce 1.5s ease-out forwards}.floating-share.success{animation:shareSuccess 1.5s ease-out forwards}.floating-share.error{animation:shareError 1.5s ease-out forwards}.floating-bookmark.bookmark{animation:bookmarkAdd 1.5s ease-out forwards}.floating-bookmark.unbookmark{animation:bookmarkRemove 1.5s ease-out forwards}.toast{position:fixed;bottom:100px;left:50%;transform:translateX(-50%) translateY(100px);background:rgba(0,0,0,.9);color:#fff;padding:12px 20px;border-radius:25px;font-size:14px;z-index:10000;transition:all .3s ease;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.toast.show{transform:translateX(-50%) translateY(0)}@keyframes floatUp{0%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(-100px) scale(.5)}}@keyframes heartBurst{0%{opacity:1;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}100%{opacity:0;transform:translateY(-80px) scale(.3)}}@keyframes heartBreak{0%{opacity:1;transform:scale(1) rotate(0)}50%{opacity:1;transform:scale(1.2) rotate(45deg)}100%{opacity:0;transform:translateY(-60px) scale(.2) rotate(90deg)}}@keyframes commentBounce{0%{opacity:1;transform:scale(1)}25%{transform:scale(1.3) translateY(-10px)}50%{transform:scale(1.1) translateY(-20px)}75%{transform:scale(.9) translateY(-30px)}100%{opacity:0;transform:translateY(-50px) scale(.5)}}@keyframes shareSuccess{0%{opacity:1;transform:scale(1)}50%{transform:scale(1.4) rotate(10deg)}100%{opacity:0;transform:translateY(-70px) scale(.4) rotate(20deg)}}@keyframes shareError{0%{opacity:1;transform:scale(1) rotate(0)}25%{transform:scale(1.2) rotate(-10deg)}50%{transform:scale(1.1) rotate(10deg)}75%{transform:scale(.9) rotate(-5deg)}100%{opacity:0;transform:translateY(-40px) scale(.3) rotate(0)}}@keyframes bookmarkAdd{0%{opacity:1;transform:scale(1)}50%{transform:scale(1.3) translateY(-15px)}100%{opacity:0;transform:translateY(-60px) scale(.4)}}@keyframes bookmarkRemove{0%{opacity:1;transform:scale(1) rotate(0)}50%{transform:scale(1.2) rotate(15deg) translateY(-10px)}100%{opacity:0;transform:translateY(-40px) scale(.3) rotate(30deg)}}.section{position:absolute;top:45px;left:0;right:0;bottom:60px;background:0 0;z-index:100;overflow-y:auto!important;overflow-x:hidden;padding:20px;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior:contain}.section-header{text-align:center;margin-bottom:30px;background:rgba(255,255,255,.08);backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);border-radius:20px;padding:20px;border:2px solid rgba(255,255,255,.15);box-shadow:0 8px 32px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.2)}.section-header h2{color:#fff;font-size:28px;margin-bottom:10px;background:linear-gradient(135deg,#25f4ee 0,#fe2c55 50%,#ffd166 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800}.section-header p{color:rgba(255,255,255,.9);font-size:16px;text-shadow:0 2px 8px rgba(0,0,0,.5)}.discover-section .section-header{background:rgba(255,255,255,.15);backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);border:2px solid rgba(255,255,255,.25)}.discover-section .section-header h2{background:linear-gradient(135deg,#ffeb3b 0,#fdd835 50%,#fbc02d 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, .3))}.discover-section .section-header p{color:rgba(255,255,255,.95);text-shadow:0 2px 4px rgba(0,0,0,.3)}.discover-section{position:relative;background:linear-gradient(180deg,#1e3a8a 0,#2563eb 20%,#3b82f6 40%,#60a5fa 60%,#93c5fd 80%,#bfdbfe 100%);min-height:200vh;overflow-y:auto!important;overflow-x:hidden;-webkit-overflow-scrolling:touch;touch-action:pan-y;will-change:transform;contain:layout paint}@keyframes sunPulse{0%,100%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.08);filter:brightness(1.2)}}@keyframes sunRotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes cartoonCloudsFloat{0%{transform:translateX(0)}100%{transform:translateX(25%)}}@keyframes cartoonCloudsFloat2{0%{transform:translateX(0)}100%{transform:translateX(25%)}}.discover-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;padding:20px 0;position:relative;z-index:100;pointer-events:auto}.discover-section .section-header{position:relative;z-index:100}.discover-section .discover-search{position:relative;z-index:100}.discover-section .discover-categories{position:relative;z-index:100}.discover-section .discover-grid{min-height:150vh;padding-bottom:100px;will-change:transform}.discover-sky-decoration{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none!important;z-index:1}.discover-sun{position:fixed;top:80px;right:100px;width:150px;height:150px;background:radial-gradient(circle at 30% 30%,#fff9c4 0,#ffeb3b 30%,#fdd835 100%);border-radius:50%;box-shadow:0 0 80px rgba(253,216,53,.8),0 0 120px rgba(255,235,59,.5),inset -10px -10px 30px rgba(251,192,45,.3);animation:sunPulse 4s ease-in-out infinite;pointer-events:none!important;z-index:1}.discover-cloud{position:fixed;pointer-events:none!important;z-index:2;opacity:.9}.discover-cloud::after,.discover-cloud::before{content:'';position:absolute;background:#fff;border-radius:50%}.discover-cloud-1{top:100px;left:-200px;width:100px;height:40px;animation:cloudFloat1 40s linear infinite}.discover-cloud-1::before{width:50px;height:50px;top:-25px;left:10px;box-shadow:40px 0 0 20px #fff}.discover-cloud-1::after{width:60px;height:40px;top:-15px;right:10px}.discover-cloud-2{top:180px;left:-250px;width:120px;height:50px;animation:cloudFloat2 50s linear infinite 5s}.discover-cloud-2::before{width:60px;height:60px;top:-30px;left:15px;box-shadow:50px 0 0 25px #fff}.discover-cloud-2::after{width:70px;height:50px;top:-20px;right:15px}.discover-cloud-3{top:280px;left:-180px;width:90px;height:35px;animation:cloudFloat3 45s linear infinite 10s}.discover-cloud-3::before{width:45px;height:45px;top:-22px;left:12px;box-shadow:35px 0 0 18px #fff}.discover-cloud-3::after{width:55px;height:35px;top:-12px;right:12px}.discover-cloud-4{top:120px;right:-200px;width:110px;height:45px;animation:cloudFloatReverse 55s linear infinite 15s}.discover-cloud-4::before{width:55px;height:55px;top:-27px;left:13px;box-shadow:45px 0 0 22px #fff}.discover-cloud-4::after{width:65px;height:45px;top:-17px;right:13px}@keyframes cloudFloat1{0%{transform:translateX(0)}100%{transform:translateX(calc(100vw + 200px))}}@keyframes cloudFloat2{0%{transform:translateX(0)}100%{transform:translateX(calc(100vw + 250px))}}@keyframes cloudFloat3{0%{transform:translateX(0)}100%{transform:translateX(calc(100vw + 180px))}}@keyframes cloudFloatReverse{0%{transform:translateX(0)}100%{transform:translateX(calc(-100vw - 200px))}}.discover-bird{position:fixed;pointer-events:none!important;z-index:3;width:20px;height:20px}.discover-bird::after,.discover-bird::before{content:'';position:absolute;width:15px;height:3px;background:#1a1a1a;border-radius:3px;top:50%}.discover-bird::before{left:0;transform:rotate(-20deg);transform-origin:right center;animation:flapLeft .5s ease-in-out infinite}.discover-bird::after{right:0;transform:rotate(20deg);transform-origin:left center;animation:flapRight .5s ease-in-out infinite}.discover-bird-1{top:150px;left:-30px;animation:birdFly1 25s linear infinite}.discover-bird-2{top:200px;left:-50px;animation:birdFly2 30s linear infinite 3s}.discover-bird-3{top:180px;right:-30px;animation:birdFlyReverse 28s linear infinite 5s}.discover-bird-4{top:240px;left:-40px;animation:birdFly1 35s linear infinite 8s}@keyframes flapLeft{0%,100%{transform:rotate(-20deg)}50%{transform:rotate(-45deg)}}@keyframes flapRight{0%,100%{transform:rotate(20deg)}50%{transform:rotate(45deg)}}@keyframes birdFly1{0%{transform:translateX(0) translateY(0);opacity:0}10%{opacity:1}90%{opacity:1}100%{transform:translateX(calc(100vw + 50px)) translateY(-30px);opacity:0}}@keyframes birdFly2{0%{transform:translateX(0) translateY(0);opacity:0}10%{opacity:1}90%{opacity:1}100%{transform:translateX(calc(100vw + 50px)) translateY(40px);opacity:0}}@keyframes birdFlyReverse{0%{transform:translateX(0) translateY(0) scaleX(-1);opacity:0}10%{opacity:1}90%{opacity:1}100%{transform:translateX(calc(-100vw - 50px)) translateY(-20px) scaleX(-1);opacity:0}}.discover-card{background:rgba(255,255,255,.08);backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);border-radius:20px;padding:20px;border:2px solid rgba(255,255,255,.15);transition:all .3s cubic-bezier(.68, -.55, .265, 1.55);box-shadow:0 8px 32px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.2)}.discover-section .discover-card{background:rgba(255,255,255,.15);backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:2px solid rgba(255,255,255,.3);box-shadow:0 8px 32px rgba(0,0,0,.15),0 4px 16px rgba(59,130,246,.1),inset 0 1px 0 rgba(255,255,255,.35);position:relative;z-index:100;pointer-events:auto}.discover-card:hover{transform:translateY(-8px) scale(1.02);background:rgba(255,255,255,.12);border:2px solid rgba(255,255,255,.25);box-shadow:0 16px 48px rgba(0,0,0,.3),0 8px 24px rgba(37,244,238,.2),inset 0 1px 0 rgba(255,255,255,.3)}.discover-section .discover-card:hover{background:rgba(255,255,255,.22);border:2px solid rgba(255,255,255,.4);box-shadow:0 16px 48px rgba(0,0,0,.2),0 8px 32px rgba(59,130,246,.3),inset 0 1px 0 rgba(255,255,255,.45)}.discover-section .discover-card h3,.discover-section .discover-card p{color:rgba(255,255,255,.95);text-shadow:0 2px 4px rgba(0,0,0,.3)}.discover-card h3{color:#fff;font-size:18px;margin-bottom:10px}.discover-card p{color:#ccc;font-size:18px;margin-bottom:15px;line-height:1.6}.discover-card{position:relative;overflow:hidden}.discover-card-image{position:relative;width:100%;height:120px;margin-bottom:15px;display:flex;align-items:center;justify-content:center;border-radius:10px;overflow:hidden}.discover-favicon{position:relative;width:80px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:20px;background:linear-gradient(135deg,#fe2c55,#25f4ee);z-index:2}.discover-logo{width:100%;height:100%;object-fit:contain;border-radius:15px;animation:logoFloat 3s ease-in-out infinite}.discover-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:32px;animation:logoFloat 3s ease-in-out infinite}.discover-fallback .animated-logo-fallback{width:70%;height:70%;object-fit:contain;animation:logoBounce 2s ease-in-out infinite;filter:brightness(1.2) contrast(1.1)}.discover-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.discover-tag{background:rgba(254,44,85,.2);color:#fe2c55;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.discover-stats{display:flex;align-items:center;gap:12px;font-size:12px;color:#999}.discover-likes,.discover-views{display:flex;align-items:center;gap:4px}.discover-trending{background:linear-gradient(45deg,#fe2c55,#ff6b35);color:#fff;padding:4px 8px;border-radius:12px;font-size:10px;font-weight:600;text-transform:uppercase}.discover-card .comedy-effects,.discover-card .creative-effects,.discover-card .default-effects,.discover-card .educational-effects,.discover-card .entertainment-effects,.discover-card .game-effects,.discover-card .meme-effects,.discover-card .social-effects,.discover-card .tool-effects,.discover-card .user-effects,.discover-card .video-effects{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.discover-card .tags{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:15px}.discover-card .tag{background:rgba(255,107,107,.2);color:#ff6b6b;padding:4px 8px;border-radius:12px;font-size:12px}.discover-search{margin-bottom:20px}.search-container{position:relative;max-width:600px;margin:0 auto}.discover-section .search-container{filter:drop-shadow(0 8px 24px rgba(59, 130, 246, .15))}.discover-section .search-container::before{content:'';position:absolute;inset:-2px;background:linear-gradient(135deg,rgba(255,235,59,.3) 0,rgba(59,130,246,.3) 50%,rgba(37,99,235,.3) 100%);border-radius:30px;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:-1}.discover-section .search-container:focus-within::before,.discover-section .search-container:hover::before{opacity:1}.search-input{width:100%;padding:12px 45px 12px 45px;background:rgba(255,255,255,.08);backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);border:2px solid rgba(255,255,255,.2);border-radius:25px;box-shadow:0 8px 32px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.2);color:#fff;font-size:16px;outline:0;transition:all .3s ease}.discover-section .search-input{background:#fff;border:3px solid rgba(255,255,255,.9);color:#333;font-weight:600;font-size:17px;padding:16px 50px;box-shadow:0 12px 40px rgba(0,0,0,.3),0 6px 20px rgba(255,140,66,.25),inset 0 2px 0 #fff,inset 0 -2px 4px rgba(0,0,0,.05)}.discover-section .search-input::placeholder{color:rgba(0,0,0,.5);font-weight:500}.discover-section .search-input:focus{border:3px solid #ffeb3b;background:#fff;box-shadow:0 16px 56px rgba(59,130,246,.3),0 8px 32px rgba(255,235,59,.4),inset 0 2px 0 #fff,inset 0 -2px 4px rgba(255,235,59,.1);transform:translateY(-2px);color:#222}.search-input:focus{border-color:#25f4ee;background:rgba(255,255,255,.15);box-shadow:0 0 20px rgba(37,244,238,.3)}.search-input::placeholder{color:rgba(255,255,255,.6)}.search-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:rgba(255,255,255,.6);font-size:16px}.discover-section .search-icon{color:rgba(0,0,0,.6);font-size:20px;left:18px}.discover-section .search-clear{color:rgba(0,0,0,.6);font-size:18px;background:rgba(0,0,0,.08);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;right:12px;transition:all .3s ease}.discover-section .search-clear:hover{background:rgba(59,130,246,.2);color:#3b82f6;transform:rotate(90deg) scale(1.1);box-shadow:0 4px 12px rgba(59,130,246,.3)}.search-clear{position:absolute;right:15px;top:50%;transform:translateY(-50%);background:0 0;border:none;color:rgba(255,255,255,.6);cursor:pointer;padding:5px;border-radius:50%;transition:all .3s ease}.search-clear:hover{background:rgba(255,255,255,.1);color:#fff}.discover-categories{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px;justify-content:center}.category-btn{padding:10px 20px;background:rgba(255,255,255,.08);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:2px solid rgba(255,255,255,.2);border-radius:25px;color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.68, -.55, .265, 1.55);font-weight:600;box-shadow:0 4px 16px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.15);font-size:14px;font-weight:500}.discover-section .category-btn{background:rgba(255,255,255,.12);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:2px solid rgba(255,255,255,.25);color:rgba(255,255,255,.95);box-shadow:0 4px 16px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.2)}.discover-section .category-btn:hover{background:rgba(255,255,255,.18);border:2px solid rgba(255,255,255,.35)}.discover-section .category-btn.active{background:linear-gradient(135deg,#ffeb3b 0,#fdd835 50%,#fbc02d 100%);color:#000;border:2px solid rgba(255,255,255,.4);box-shadow:0 8px 24px rgba(253,216,53,.4),inset 0 1px 0 rgba(255,255,255,.3);font-weight:700}.category-btn:hover{background:rgba(255,255,255,.15);transform:translateY(-2px) scale(1.05);box-shadow:0 8px 24px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.25)}.category-btn.active{background:linear-gradient(135deg,#25f4ee 0,#fe2c55 50%,#ffd166 100%);border:2px solid rgba(255,255,255,.4);color:#000;font-weight:700;box-shadow:0 8px 32px rgba(37,244,238,.4),0 4px 16px rgba(254,44,85,.3),inset 0 1px 0 rgba(255,255,255,.5)}.category-btn.active:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 12px 40px rgba(37,244,238,.6),0 6px 24px rgba(254,44,85,.4),inset 0 1px 0 rgba(255,255,255,.5)}.upload-form{max-width:500px;margin:0 auto;background:rgba(255,255,255,.08);backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);padding:30px;border-radius:20px;border:2px solid rgba(255,255,255,.15);box-shadow:0 8px 32px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.2)}.form-group{margin-bottom:20px}.form-group label{display:block;color:#fff;font-size:14px;margin-bottom:8px;font-weight:500}.form-group input,.form-group textarea{width:100%;padding:12px 15px;background:rgba(255,255,255,.08);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:2px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;font-size:14px;transition:all .3s ease;box-shadow:0 4px 16px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.1)}.form-group input:focus,.form-group textarea:focus{outline:0;border:2px solid rgba(37,244,238,.6);background:rgba(255,255,255,.12);box-shadow:0 8px 24px rgba(37,244,238,.3),inset 0 1px 0 rgba(255,255,255,.2)}.form-group textarea{height:80px;resize:vertical}.upload-btn{width:100%;padding:15px;background:linear-gradient(135deg,#25f4ee 0,#fe2c55 50%,#ffd166 100%);border:2px solid rgba(255,255,255,.3);border-radius:12px;color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.68, -.55, .265, 1.55);box-shadow:0 8px 32px rgba(37,244,238,.4),0 4px 16px rgba(254,44,85,.3),inset 0 1px 0 rgba(255,255,255,.4);text-shadow:0 2px 4px rgba(0,0,0,.3)}.upload-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 40px rgba(37,244,238,.6),0 6px 24px rgba(254,44,85,.4),inset 0 1px 0 rgba(255,255,255,.5)}.profile-header{display:flex;align-items:center;gap:20px;margin-bottom:30px;padding:20px;background:rgba(255,255,255,.08);backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);border-radius:20px;border:2px solid rgba(255,255,255,.15);box-shadow:0 8px 32px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.2)}.profile-avatar img{width:80px;height:80px;border-radius:50%}.profile-avatar-img{width:80px;height:80px;border-radius:50%;object-fit:contain;background:linear-gradient(135deg,#fe2c55,#25f4ee);padding:10px}.empty-profile{text-align:center;padding:60px 20px;color:#ccc}.empty-icon{font-size:64px;margin-bottom:20px;opacity:.7}.empty-profile h3{color:#fff;font-size:24px;margin-bottom:10px}.empty-profile p{color:#999;font-size:16px;margin-bottom:30px;line-height:1.5}.start-exploring-btn{background:linear-gradient(45deg,#fe2c55,#25f4ee);color:#fff;border:none;padding:12px 24px;border-radius:25px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.start-exploring-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(254,44,85,.3)}.profile-info h2{color:#fff;font-size:24px;margin-bottom:5px}.profile-info p{color:#ccc;font-size:14px;margin-bottom:15px}.profile-stats{display:flex;gap:20px}.stat{text-align:center}.stat .number{display:block;color:#fff;font-size:18px;font-weight:600}.stat .label{color:#ccc;font-size:12px}.profile-tabs{display:flex;gap:10px;margin-bottom:20px}.tab-btn{padding:10px 20px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:20px;color:#ccc;cursor:pointer;transition:all .3s ease}.tab-btn.active{background:#fe2c55;color:#fff;border-color:#fe2c55}.profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.profile-card{background:rgba(255,255,255,.05);border-radius:10px;padding:15px;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:transform .3s ease}.profile-card:hover{transform:translateY(-3px);background:rgba(255,255,255,.08)}.profile-card h4{color:#fff;font-size:16px;margin-bottom:8px}.profile-card p{color:#ccc;font-size:14px;line-height:1.4}.no-content{text-align:center;color:#666;font-style:italic;padding:40px 20px}@media (max-width:768px){.section{padding:15px}.discover-grid{grid-template-columns:1fr;gap:15px}.upload-form{padding:20px}.profile-header{flex-direction:column;text-align:center}.profile-stats{justify-content:center}.profile-grid{grid-template-columns:1fr}.scrolling-banner{margin:0 10px}.scrolling-text{font-size:12px}.loading-container{max-width:250px;gap:12px;padding:8px}.loading-spinner{width:50px;height:50px}.loading-spinner::before{width:32px;height:32px}.loading-progress-ring{width:50px;height:50px}.loading-text{font-size:12px}.loading-percentage{font-size:16px}.loading-status{font-size:10px}.loading-dot{width:4px;height:4px}}@media (max-width:480px){.scrolling-banner{margin:0 5px}.scrolling-text{font-size:11px}.loading-container{max-width:200px;gap:10px;padding:5px}.loading-spinner{width:40px;height:40px}.loading-spinner::before{width:26px;height:26px}.loading-progress-ring{width:40px;height:40px}.loading-text{font-size:11px}.loading-percentage{font-size:14px}.loading-status{font-size:9px}.loading-dot{width:3px;height:3px}.loading-progress-bar{height:3px}}.animated-icon{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.real-logo{width:100%;height:100%;object-fit:contain;border-radius:20px;z-index:2;position:relative;animation:logoFloat 3s ease-in-out infinite}.favicon-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:48px;z-index:2;position:relative;animation:logoFloat 3s ease-in-out infinite}.meme-effects{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.sparkle{position:absolute;font-size:16px;animation:sparkleFloat 3s ease-in-out infinite}.sparkle-1{top:10%;left:20%;animation-delay:0s}.sparkle-2{top:20%;right:15%;animation-delay:1s}.sparkle-3{bottom:15%;left:30%;animation-delay:2s}.game-animation{position:relative;width:100%;height:100%}.game-icon{font-size:48px;animation:gamePulse 1.5s ease-in-out infinite;z-index:2}.game-particles .particle{position:absolute;font-size:12px;animation:particleFloat 2s ease-in-out infinite}.particle-1{top:15%;left:10%;animation-delay:0s}.particle-2{top:25%;right:10%;animation-delay:.5s}.particle-3{bottom:20%;left:50%;animation-delay:1s}.comedy-animation{position:relative;width:100%;height:100%}.comedy-icon{font-size:48px;animation:comedyShake 1s ease-in-out infinite;z-index:2}.laugh-waves .wave{position:absolute;font-size:14px;animation:laughWave 2s ease-in-out infinite}.wave-1{top:20%;left:15%;animation-delay:0s}.wave-2{bottom:25%;right:20%;animation-delay:1s}.social-animation{position:relative;width:100%;height:100%}.social-icon{font-size:48px;animation:socialGlow 2s ease-in-out infinite;z-index:2}.connection-lines .line{position:absolute;width:2px;height:20px;background:linear-gradient(45deg,#fe2c55,#25f4ee);animation:connectionPulse 1.5s ease-in-out infinite}.line-1{top:20%;left:30%;animation-delay:0s}.line-2{top:40%;right:25%;animation-delay:.5s}.line-3{bottom:30%;left:50%;animation-delay:1s}.video-animation{position:relative;width:100%;height:100%}.video-icon{font-size:48px;animation:videoSlide 2s ease-in-out infinite;z-index:2}.play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:20px;animation:playPulse 1s ease-in-out infinite;z-index:3}.video-waves .wave{position:absolute;width:30px;height:30px;border:2px solid rgba(254,44,85,.3);border-radius:50%;animation:videoWave 2s ease-in-out infinite}.wave-1{top:20%;left:20%;animation-delay:0s}.wave-2{top:30%;right:20%;animation-delay:.5s}.wave-3{bottom:25%;left:50%;animation-delay:1s}.tool-animation{position:relative;width:100%;height:100%}.tool-icon{font-size:48px;animation:toolRotate 3s ease-in-out infinite;z-index:2}.tool-sparks .spark{position:absolute;font-size:12px;animation:sparkFlash 1s ease-in-out infinite}.spark-1{top:15%;left:25%;animation-delay:0s}.spark-2{bottom:20%;right:30%;animation-delay:.5s}.creative-animation{position:relative;width:100%;height:100%}.creative-icon{font-size:48px;animation:creativeSpin 2s ease-in-out infinite;z-index:2}.paint-drops .drop{position:absolute;font-size:14px;animation:paintDrop 2s ease-in-out infinite}.drop-1{top:20%;left:20%;animation-delay:0s}.drop-2{top:30%;right:25%;animation-delay:.7s}.drop-3{bottom:25%;left:40%;animation-delay:1.4s}.educational-animation{position:relative;width:100%;height:100%}.edu-icon{font-size:48px;animation:eduFloat 2s ease-in-out infinite;z-index:2}.knowledge-particles .particle{position:absolute;font-size:12px;animation:knowledgeFloat 2.5s ease-in-out infinite}.particle-1{top:15%;left:15%;animation-delay:0s}.particle-2{top:25%;right:20%;animation-delay:.8s}.particle-3{bottom:20%;left:35%;animation-delay:1.6s}.entertainment-animation{position:relative;width:100%;height:100%}.entertainment-icon{font-size:48px;animation:entertainmentBounce 1.5s ease-in-out infinite;z-index:2}.entertainment-effects .effect{position:absolute;font-size:14px;animation:effectFloat 2s ease-in-out infinite}.effect-1{top:20%;left:20%;animation-delay:0s}.effect-2{top:30%;right:25%;animation-delay:.6s}.effect-3{bottom:25%;left:45%;animation-delay:1.2s}.user-animation{position:relative;width:100%;height:100%}.user-icon{font-size:48px;animation:userPulse 2s ease-in-out infinite;z-index:2}.user-badge{position:absolute;top:5%;right:5%;background:#fe2c55;color:#fff;font-size:8px;padding:2px 4px;border-radius:4px;animation:badgeBlink 1s ease-in-out infinite;z-index:3}.user-sparkles .sparkle{position:absolute;font-size:12px;animation:userSparkle 2s ease-in-out infinite}.sparkle-1{top:15%;left:25%;animation-delay:0s}.sparkle-2{bottom:20%;right:30%;animation-delay:1s}.default-animation{position:relative;width:100%;height:100%}.default-icon{font-size:48px;animation:defaultPulse 2s ease-in-out infinite;z-index:2}.default-pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;border:2px solid rgba(254,44,85,.3);border-radius:50%;animation:pulseRing 2s ease-in-out infinite}@keyframes memeBounce{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.1)}}@keyframes sparkleFloat{0%,100%{opacity:0;transform:translateY(0) rotate(0)}50%{opacity:1;transform:translateY(-20px) rotate(180deg)}}@keyframes gamePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes particleFloat{0%,100%{opacity:0;transform:translateY(0)}50%{opacity:1;transform:translateY(-15px)}}@keyframes comedyShake{0%,100%{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@keyframes laughWave{0%,100%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1)}}@keyframes socialGlow{0%,100%{filter:brightness(1)}50%{filter:brightness(1.3)}}@keyframes connectionPulse{0%,100%{opacity:.3;transform:scaleY(.5)}50%{opacity:1;transform:scaleY(1)}}@keyframes videoSlide{0%,100%{transform:translateX(0)}50%{transform:translateX(5px)}}@keyframes playPulse{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.2)}}@keyframes videoWave{0%{transform:scale(.5);opacity:1}100%{transform:scale(2);opacity:0}}@keyframes toolRotate{0%,100%{transform:rotate(0)}50%{transform:rotate(10deg)}}@keyframes sparkFlash{0%,100%{opacity:0}50%{opacity:1}}@keyframes creativeSpin{0%,100%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.1)}}@keyframes paintDrop{0%,100%{opacity:0;transform:translateY(0)}50%{opacity:1;transform:translateY(-10px)}}@keyframes eduFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes knowledgeFloat{0%,100%{opacity:0;transform:translateY(0) rotate(0)}50%{opacity:1;transform:translateY(-12px) rotate(180deg)}}@keyframes entertainmentBounce{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(5deg)}}@keyframes effectFloat{0%,100%{opacity:0;transform:translateY(0)}50%{opacity:1;transform:translateY(-8px)}}@keyframes userPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes badgeBlink{0%,100%{opacity:1}50%{opacity:.5}}@keyframes userSparkle{0%,100%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1)}}@keyframes defaultPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes pulseRing{0%{transform:translate(-50%,-50%) scale(.5);opacity:1}100%{transform:translate(-50%,-50%) scale(1.5);opacity:0}}@keyframes logoFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.02)}}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes progressRing{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes progressFill{0%{width:0%}50%{width:70%}100%{width:100%}}@keyframes shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}@keyframes textPulse{0%,100%{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes percentageGlow{0%,100%{text-shadow:0 0 10px rgba(37,244,238,.5)}50%{text-shadow:0 0 20px rgba(37,244,238,.8),0 0 30px rgba(37,244,238,.3)}}@keyframes dotBounce{0%,100%,80%{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}@keyframes statusFade{0%,100%{opacity:.6}50%{opacity:1}}.comedy-effects,.creative-effects,.default-effects,.educational-effects,.entertainment-effects,.game-effects,.meme-effects,.social-effects,.tool-effects,.user-effects,.video-effects{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.meme-particles .particle{position:absolute;font-size:12px;animation:particleFloat 2s ease-in-out infinite}.meme-particles .particle-1{top:15%;left:10%;animation-delay:0s}.meme-particles .particle-2{top:25%;right:10%;animation-delay:.5s}.meme-particles .particle-3{bottom:20%;left:50%;animation-delay:1s}.game-particles .particle{position:absolute;font-size:12px;animation:particleFloat 2s ease-in-out infinite}.game-particles .particle-1{top:15%;left:10%;animation-delay:0s}.game-particles .particle-2{top:25%;right:10%;animation-delay:.5s}.game-particles .particle-3{bottom:20%;left:50%;animation-delay:1s}.game-energy .energy{position:absolute;width:2px;height:20px;background:linear-gradient(45deg,#fe2c55,#25f4ee);animation:energyPulse 1.5s ease-in-out infinite}.game-energy .energy-1{top:20%;left:30%;animation-delay:0s}.game-energy .energy-2{bottom:30%;right:25%;animation-delay:.5s}.laugh-waves .wave{position:absolute;font-size:14px;animation:laughWave 2s ease-in-out infinite}.laugh-waves .wave-1{top:20%;left:15%;animation-delay:0s}.laugh-waves .wave-2{bottom:25%;right:20%;animation-delay:1s}.comedy-sparkles .sparkle{position:absolute;font-size:12px;animation:sparkleFloat 2s ease-in-out infinite}.comedy-sparkles .sparkle-1{top:10%;left:20%;animation-delay:0s}.comedy-sparkles .sparkle-2{bottom:15%;right:15%;animation-delay:1s}.connection-lines .line{position:absolute;width:2px;height:20px;background:linear-gradient(45deg,#fe2c55,#25f4ee);animation:connectionPulse 1.5s ease-in-out infinite}.connection-lines .line-1{top:20%;left:30%;animation-delay:0s}.connection-lines .line-2{top:40%;right:25%;animation-delay:.5s}.connection-lines .line-3{bottom:30%;left:50%;animation-delay:1s}.social-particles .particle{position:absolute;font-size:12px;animation:particleFloat 2s ease-in-out infinite}.social-particles .particle-1{top:15%;left:20%;animation-delay:0s}.social-particles .particle-2{bottom:20%;right:25%;animation-delay:1s}.play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:16px;animation:playPulse 1s ease-in-out infinite;z-index:3}.video-waves .wave{position:absolute;width:30px;height:30px;border:2px solid rgba(254,44,85,.3);border-radius:50%;animation:videoWave 2s ease-in-out infinite}.video-waves .wave-1{top:20%;left:20%;animation-delay:0s}.video-waves .wave-2{top:30%;right:20%;animation-delay:.5s}.video-waves .wave-3{bottom:25%;left:50%;animation-delay:1s}.video-particles .particle{position:absolute;font-size:12px;animation:particleFloat 2s ease-in-out infinite}.video-particles .particle-1{top:15%;left:15%;animation-delay:0s}.video-particles .particle-2{bottom:20%;right:20%;animation-delay:1s}.tool-sparks .spark{position:absolute;font-size:12px;animation:sparkFlash 1s ease-in-out infinite}.tool-sparks .spark-1{top:15%;left:25%;animation-delay:0s}.tool-sparks .spark-2{bottom:20%;right:30%;animation-delay:.5s}.tool-energy .energy{position:absolute;width:2px;height:20px;background:linear-gradient(45deg,#fe2c55,#25f4ee);animation:energyPulse 1.5s ease-in-out infinite}.tool-energy .energy-1{top:20%;left:30%;animation-delay:0s}.tool-energy .energy-2{bottom:30%;right:25%;animation-delay:.5s}.paint-drops .drop{position:absolute;font-size:14px;animation:paintDrop 2s ease-in-out infinite}.paint-drops .drop-1{top:20%;left:20%;animation-delay:0s}.paint-drops .drop-2{top:30%;right:25%;animation-delay:.7s}.paint-drops .drop-3{bottom:25%;left:40%;animation-delay:1.4s}.creative-sparkles .sparkle{position:absolute;font-size:12px;animation:sparkleFloat 2s ease-in-out infinite}.creative-sparkles .sparkle-1{top:10%;left:20%;animation-delay:0s}.creative-sparkles .sparkle-2{bottom:15%;right:15%;animation-delay:1s}.knowledge-particles .particle{position:absolute;font-size:12px;animation:knowledgeFloat 2.5s ease-in-out infinite}.knowledge-particles .particle-1{top:15%;left:15%;animation-delay:0s}.knowledge-particles .particle-2{top:25%;right:20%;animation-delay:.8s}.knowledge-particles .particle-3{bottom:20%;left:35%;animation-delay:1.6s}.edu-sparkles .sparkle{position:absolute;font-size:12px;animation:sparkleFloat 2s ease-in-out infinite}.edu-sparkles .sparkle-1{top:10%;left:20%;animation-delay:0s}.edu-sparkles .sparkle-2{bottom:15%;right:15%;animation-delay:1s}.entertainment-particles .particle{position:absolute;font-size:12px;animation:particleFloat 2s ease-in-out infinite}.entertainment-particles .particle-1{top:15%;left:15%;animation-delay:0s}.entertainment-particles .particle-2{top:25%;right:20%;animation-delay:.6s}.entertainment-particles .particle-3{bottom:20%;left:35%;animation-delay:1.2s}.entertainment-sparkles .sparkle{position:absolute;font-size:12px;animation:sparkleFloat 2s ease-in-out infinite}.entertainment-sparkles .sparkle-1{top:10%;left:20%;animation-delay:0s}.entertainment-sparkles .sparkle-2{bottom:15%;right:15%;animation-delay:1s}.user-badge{position:absolute;top:5%;right:5%;background:#fe2c55;color:#fff;font-size:8px;padding:2px 4px;border-radius:4px;animation:badgeBlink 1s ease-in-out infinite;z-index:3}.user-sparkles .sparkle{position:absolute;font-size:12px;animation:userSparkle 2s ease-in-out infinite}.user-sparkles .sparkle-1{top:15%;left:25%;animation-delay:0s}.user-sparkles .sparkle-2{bottom:20%;right:30%;animation-delay:1s}.user-particles .particle{position:absolute;font-size:12px;animation:particleFloat 2s ease-in-out infinite}.user-particles .particle-1{top:15%;left:15%;animation-delay:0s}.user-particles .particle-2{bottom:20%;right:20%;animation-delay:1s}.crypto-particles .particle{position:absolute;font-size:12px;animation:particleFloat 2s ease-in-out infinite}.crypto-particles .particle-1{top:15%;left:10%;animation-delay:0s}.crypto-particles .particle-2{top:25%;right:10%;animation-delay:.5s}.crypto-particles .particle-3{bottom:20%;left:50%;animation-delay:1s}.crypto-sparkles .sparkle{position:absolute;font-size:12px;animation:sparkleFloat 2s ease-in-out infinite}.crypto-sparkles .sparkle-1{top:10%;left:20%;animation-delay:0s}.crypto-sparkles .sparkle-2{bottom:15%;right:15%;animation-delay:1s}.crypto-energy .energy{position:absolute;width:2px;height:20px;background:linear-gradient(45deg,gold,#ff6b35);animation:energyPulse 1.5s ease-in-out infinite}.crypto-energy .energy-1{top:20%;left:30%;animation-delay:0s}.crypto-energy .energy-2{bottom:30%;right:25%;animation-delay:.5s}.default-pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;border:2px solid rgba(254,44,85,.3);border-radius:50%;animation:pulseRing 2s ease-in-out infinite}.default-sparkles .sparkle{position:absolute;font-size:12px;animation:sparkleFloat 2s ease-in-out infinite}.default-sparkles .sparkle-1{top:10%;left:20%;animation-delay:0s}.default-sparkles .sparkle-2{bottom:15%;right:15%;animation-delay:1s}@keyframes energyPulse{0%,100%{opacity:.3;transform:scaleY(.5)}50%{opacity:1;transform:scaleY(1)}}.login-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9);display:none;align-items:center;justify-content:center;z-index:2000;backdrop-filter:blur(15px)}.login-modal-content{background:#1a1a1a;border-radius:20px;width:90%;max-width:400px;max-height:80vh;overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 40px rgba(0,0,0,.5);animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}100%{opacity:1;transform:translateY(0) scale(1)}}.login-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid rgba(255,255,255,.1)}.login-header h3{color:#fff;margin:0;font-size:20px;font-weight:600;background:linear-gradient(45deg,#fe2c55,#25f4ee);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-close{background:0 0;border:none;color:#999;font-size:24px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.login-close:hover{background:rgba(255,255,255,.1);color:#fff}.login-body{padding:20px}.login-body p{color:#ccc;margin:0 0 20px 0;text-align:center;font-size:14px}.login-form .form-group{margin-bottom:20px}.login-form .form-group label{display:block;color:#fff;font-size:14px;margin-bottom:8px;font-weight:500}.login-form .form-group input{width:100%;padding:12px 15px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:14px;transition:border-color .3s ease}.login-form .form-group input:focus{outline:0;border-color:#25f4ee;background:rgba(255,255,255,.15)}.login-form .form-group input::placeholder{color:#666}.login-submit{width:100%;padding:15px;background:linear-gradient(45deg,#fe2c55,#25f4ee);border:none;border-radius:8px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:transform .3s ease}.login-submit:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(254,44,85,.3)}.comment-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(10px)}.comment-modal-content{background:#1a1a1a;border-radius:20px;width:90%;max-width:500px;max-height:80vh;overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 40px rgba(0,0,0,.5)}.comment-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid rgba(255,255,255,.1)}.comment-modal-header h3{color:#fff;margin:0;font-size:18px;font-weight:600}.comment-modal-close{background:0 0;border:none;color:#999;font-size:24px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.comment-modal-close:hover{background:rgba(255,255,255,.1);color:#fff}.comment-modal-body{padding:20px}.comment-website-info{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding:15px;background:rgba(255,255,255,.05);border-radius:12px;border:1px solid rgba(255,255,255,.1)}.comment-website-logo{width:40px;height:40px;border-radius:10px;object-fit:contain}.comment-website-fallback{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:20px;border-radius:10px;background:linear-gradient(135deg,#fe2c55,#25f4ee)}.comment-website-fallback .animated-logo-fallback{width:80%;height:80%;object-fit:contain;animation:logoBounce 2s ease-in-out infinite;filter:brightness(1.2) contrast(1.1)}.comment-website-details h4{color:#fff;margin:0 0 4px 0;font-size:14px;font-weight:600}.comment-website-details p{color:#ccc;margin:0;font-size:12px;line-height:1.4}.comment-input{width:100%;min-height:120px;padding:15px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:14px;font-family:inherit;resize:vertical;outline:0;transition:all .3s ease}.comment-input:focus{border-color:#fe2c55;background:rgba(255,255,255,.08)}.comment-input::placeholder{color:#666}.comment-char-count{text-align:right;font-size:12px;color:#999;margin-top:8px}.comment-modal-footer{display:flex;gap:12px;padding:20px;border-top:1px solid rgba(255,255,255,.1)}.comment-cancel,.comment-submit{flex:1;padding:12px 20px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.comment-cancel{background:rgba(255,255,255,.1);color:#ccc;border:1px solid rgba(255,255,255,.2)}.comment-cancel:hover{background:rgba(255,255,255,.15);color:#fff}.comment-submit{background:linear-gradient(45deg,#fe2c55,#25f4ee);color:#fff;border:none}.comment-submit:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(254,44,85,.3)}.comment-submit:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width:768px){.comment-modal-content{width:95%;margin:20px}.comment-modal-body,.comment-modal-footer,.comment-modal-header{padding:15px}.comment-input{min-height:100px}.comment-website-info{padding:12px}.comment-website-fallback,.comment-website-logo{width:35px;height:35px}}.tiktok-actions{display:flex;flex-direction:column;align-items:center;gap:20px;position:fixed;right:20px;bottom:100px;z-index:100;pointer-events:auto}.action-item{display:flex;flex-direction:column;align-items:center;gap:8px}.user-avatar{width:48px;height:48px;border-radius:50%;border:none;overflow:hidden;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px rgba(0,0,0,.3);background:rgba(0,0,0,.6)}.user-avatar:hover{transform:scale(1.1)}.user-avatar img{width:100%;height:100%;object-fit:cover}.tiktok-action-btn{display:flex;flex-direction:column;align-items:center;gap:4px;background:rgba(0,0,0,.6);border:2px solid rgba(255,255,255,.3);border-radius:50%;width:48px;height:48px;color:#fff;cursor:pointer;transition:all .3s ease;font-size:20px;backdrop-filter:blur(10px);box-shadow:0 4px 12px rgba(0,0,0,.3)}.tiktok-action-btn:hover{background:rgba(0,0,0,.5);transform:scale(1.1)}.tiktok-action-btn i{font-size:20px;margin-bottom:2px}.like-logo{width:20px;height:20px;object-fit:contain;margin-bottom:2px;transition:all .3s ease}.like-logo.liked{filter:brightness(1.2) saturate(1.5);transform:scale(1.1)}.tiktok-action-btn .count{font-size:12px;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8)}.tiktok-action-btn.liked{color:#fe2c55}.tiktok-action-btn.liked i{color:#fe2c55}.tiktok-action-btn.bookmarked{color:#25f4ee}.tiktok-action-btn.bookmarked i{color:#25f4ee}.tiktok-action-btn.commenting{color:#ff6b35}.tiktok-action-btn.commenting i{color:#ff6b35}.tiktok-action-btn.sharing{color:#8b5cf6}.tiktok-action-btn.sharing i{color:#8b5cf6}@media (max-width:768px){.tiktok-actions{right:15px;bottom:95px;gap:15px}.tiktok-action-btn,.user-avatar{width:40px;height:40px}.tiktok-action-btn i{font-size:18px}.tiktok-action-btn .count{font-size:10px}}@media (max-width:480px){.tiktok-actions{right:10px;bottom:90px;gap:12px}.tiktok-action-btn,.user-avatar{width:36px;height:36px}.tiktok-action-btn i{font-size:16px}.tiktok-action-btn .count{font-size:9px}}::-webkit-scrollbar{display:none}body{-ms-overflow-style:none;scrollbar-width:none}:root{--accent-1:#ff7a59;--accent-2:#ffd166;--accent-3:#ffef9f}.sky{position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,#1a1a1a,#000);overflow:hidden}.sky::after,.sky::before{content:'';position:absolute;width:300%;height:100%;top:0;left:-100%;opacity:.6;background-repeat:repeat-x;background-size:2000px 100%}.sky::before{background-image:radial-gradient(ellipse 200px 40px at 15% 30%,rgba(255,255,255,.9),rgba(255,255,255,.7) 40%,transparent 70%),radial-gradient(ellipse 180px 35px at 35% 45%,rgba(255,255,255,.85),rgba(255,255,255,.6) 40%,transparent 70%),radial-gradient(ellipse 220px 50px at 55% 25%,rgba(255,255,255,.8),rgba(255,255,255,.5) 40%,transparent 70%),radial-gradient(ellipse 190px 45px at 75% 50%,rgba(255,255,255,.9),rgba(255,255,255,.6) 40%,transparent 70%),radial-gradient(ellipse 210px 48px at 90% 35%,rgba(255,255,255,.85),rgba(255,255,255,.55) 40%,transparent 70%);animation:driftCloudsA 120s linear infinite}.sky::after{background-image:radial-gradient(ellipse 240px 55px at 10% 60%,rgba(255,255,255,.75),rgba(255,255,255,.5) 40%,transparent 70%),radial-gradient(ellipse 200px 45px at 30% 70%,rgba(255,255,255,.8),rgba(255,255,255,.55) 40%,transparent 70%),radial-gradient(ellipse 230px 52px at 50% 55%,rgba(255,255,255,.7),rgba(255,255,255,.45) 40%,transparent 70%),radial-gradient(ellipse 210px 48px at 70% 75%,rgba(255,255,255,.85),rgba(255,255,255,.6) 40%,transparent 70%),radial-gradient(ellipse 195px 42px at 85% 65%,rgba(255,255,255,.8),rgba(255,255,255,.5) 40%,transparent 70%);animation:driftCloudsB 160s linear infinite}.sky--sunset{background:linear-gradient(180deg,#ff6b6b 0,#ff8e53 25%,#feca57 50%,#ff9ff3 75%,#54a0ff 100%)}.sky--dawn{background:linear-gradient(180deg,#ffd89b 0,#ff9a8b 30%,#fec163 60%,#ffa751 85%,#ff6b6b 100%)}.sky--dusk{background:linear-gradient(180deg,#2d1b69 0,#5b3a8f 25%,#ff6b9d 50%,#ffc371 75%,#ff5e62 100%)}.sky--tropical{background:linear-gradient(180deg,#4facfe 0,#00f2fe 25%,#ffd166 50%,#ffa751 75%,#ff6b35 100%)}.sky--clear{background:linear-gradient(180deg,#667eea 0,#a8c0ff 30%,#ffd1a1 60%,#ffa751 85%,#ff6b35 100%)}.sky--meme{background:linear-gradient(180deg,#ff0080 0,#ff5ab3 20%,#ffd166 40%,#ff7a59 60%,#ff6b35 80%,#ff0080 100%);background-size:100% 200%;animation:memeSkyShift 8s ease-in-out infinite}.sky--meme::after,.sky--meme::before{opacity:.75;mix-blend-mode:overlay}@keyframes driftCloudsA{0%{transform:translateX(0)}100%{transform:translateX(33.33%)}}@keyframes driftCloudsB{0%{transform:translateX(0)}100%{transform:translateX(-33.33%)}}@keyframes memeSkyShift{0%,100%{background-position:0 0}50%{background-position:0 100%}}@keyframes dynamicSkyShift{0%{background-position:0 0}25%{background-position:0 30%}50%{background-position:0 60%}75%{background-position:0 90%}100%{background-position:0 0}}.logo-background{background:0 0!important;z-index:0}.website-title{background:linear-gradient(45deg,var(--accent-1),var(--accent-2))!important;-webkit-background-clip:text;-webkit-text-fill-color:transparent!important}.category-btn.active,.comment-submit,.discover-trending,.login-submit,.preview-chip,.rc-chip,.start-exploring-btn,.upload-btn,.website-url-btn{background:linear-gradient(135deg,var(--accent-1),var(--accent-2))!important;border-color:transparent!important;color:#2b2b2b!important}.progress-dots .dot.active,.views{color:var(--accent-2)!important;background:var(--accent-2)!important}.progress-bar::after,.rc-xp .bar span,.velocity-bar{background:linear-gradient(180deg,var(--accent-1),var(--accent-2))!important}.search-input:focus{border-color:var(--accent-2)!important;box-shadow:0 0 20px rgba(255,209,102,.35)!important}.video-card{--theme-primary:#ff7a59;--theme-secondary:#ffd166;--theme-accent:#ff6b35}.video-card:has(.sky--sunset){--theme-primary:#ff6b6b;--theme-secondary:#feca57;--theme-accent:#ff9ff3}.video-card:has(.sky--sunset) .reel-card{background:rgba(255,107,107,.2);backdrop-filter:blur(20px) saturate(180%);box-shadow:0 50px 100px rgba(255,107,107,.4),0 20px 40px rgba(254,202,87,.3),inset 0 1px 0 rgba(255,202,87,.3);border:2px solid rgba(254,202,87,.3);animation:sunsetCardGlow 4s ease-in-out infinite}@keyframes sunsetCardGlow{0%,100%{box-shadow:0 50px 100px rgba(255,107,107,.4),0 20px 40px rgba(254,202,87,.3),inset 0 1px 0 rgba(255,202,87,.3)}50%{box-shadow:0 50px 100px rgba(255,107,107,.6),0 20px 40px rgba(254,202,87,.5),inset 0 1px 0 rgba(255,202,87,.5)}}.video-card:has(.sky--sunset) .rc-title{color:#feca57;text-shadow:0 3px 15px rgba(254,202,87,.8),0 0 30px rgba(255,107,107,.4);font-size:32px}.video-card:has(.sky--sunset) .rc-desc{color:#fff;text-shadow:0 2px 12px rgba(255,107,107,.6);font-size:19px;animation:descSlideIn .8s ease-out .2s both,sunsetGlow 3s ease-in-out infinite}.video-card:has(.sky--sunset) .badge.hot{background:linear-gradient(135deg,#ff6b6b,#feca57);animation:badgeBounce 2s ease-in-out infinite}@keyframes sunsetGlow{0%,100%{opacity:.95}50%{opacity:1}}@keyframes badgeBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}.video-card:has(.sky--sunset) .rc-xp .bar span{background:linear-gradient(90deg,#ff6b6b,#feca57)}.video-card:has(.sky--sunset) .main-favicon{filter:drop-shadow(0 20px 40px rgba(254, 202, 87, .6)) drop-shadow(0 0 80px rgba(255, 107, 107, .5))}.video-card:has(.sky--sunset) .favicon-letter-large{background:linear-gradient(135deg,rgba(255,107,107,.3),rgba(254,202,87,.2));border-color:rgba(254,202,87,.5);color:#feca57}.video-card:has(.sky--sunset) .rc-stats{border-color:rgba(254,202,87,.3);box-shadow:inset 0 2px 10px rgba(0,0,0,.4),0 8px 20px rgba(255,107,107,.2)}.video-card:has(.sky--sunset) .stat-item{border-color:rgba(254,202,87,.2)}.video-card:has(.sky--sunset) .stat-value{background:linear-gradient(135deg,#feca57,#ff6b6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.video-card:has(.sky--dawn){--theme-primary:#ffd89b;--theme-secondary:#ff9a8b;--theme-accent:#ffa751}.video-card:has(.sky--dawn) .reel-card{background:rgba(255,216,155,.18);backdrop-filter:blur(10px);box-shadow:0 30px 80px rgba(255,154,139,.25)}.video-card:has(.sky--dawn) .rc-title{color:#ffd89b;text-shadow:0 3px 15px rgba(255,216,155,.9),0 0 25px rgba(255,154,139,.5);font-size:32px;animation:titleEntrance .6s ease-out,dawnPulse 4s ease-in-out infinite}.video-card:has(.sky--dawn) .rc-desc{color:#fff;text-shadow:0 2px 12px rgba(255,154,139,.7);font-size:19px;animation:descSlideIn .8s ease-out .2s both,dawnFloat 3s ease-in-out infinite}.video-card:has(.sky--dawn) .badge.hot{background:linear-gradient(135deg,#ffd89b,#ff9a8b);animation:badgeBounce 2s ease-in-out infinite}@keyframes dawnPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes dawnFloat{0%,100%{transform:translateX(0)}50%{transform:translateX(2px)}}.video-card:has(.sky--dawn) .rc-xp .bar span{background:linear-gradient(90deg,#ffd89b,#ffa751)}.video-card:has(.sky--dusk){--theme-primary:#ff6b9d;--theme-secondary:#ffc371;--theme-accent:#5b3a8f}.video-card:has(.sky--dusk) .reel-card{background:rgba(91,58,143,.25);backdrop-filter:blur(10px);box-shadow:0 30px 80px rgba(255,107,157,.3)}.video-card:has(.sky--dusk) .rc-title{color:#ff6b9d;text-shadow:0 3px 20px rgba(255,107,157,.9),0 0 40px rgba(91,58,143,.6);font-size:32px;animation:titleEntrance .6s ease-out,duskShimmer 3s ease-in-out infinite}.video-card:has(.sky--dusk) .rc-desc{color:#fff;text-shadow:0 2px 15px rgba(255,107,157,.8);font-size:19px;animation:descSlideIn .8s ease-out .2s both,duskGlow 4s ease-in-out infinite}.video-card:has(.sky--dusk) .badge.hot{background:linear-gradient(135deg,#ff6b9d,#ffc371);animation:badgeBounce 2s ease-in-out infinite}@keyframes duskShimmer{0%,100%{text-shadow:0 3px 20px rgba(255,107,157,.9),0 0 40px rgba(91,58,143,.6)}50%{text-shadow:0 3px 20px #ff6b9d,0 0 50px rgba(91,58,143,.8)}}@keyframes duskGlow{0%,100%{opacity:.95;text-shadow:0 2px 15px rgba(255,107,157,.8)}50%{opacity:1;text-shadow:0 2px 15px #ff6b9d}}.video-card:has(.sky--dusk) .rc-xp .bar span{background:linear-gradient(90deg,#ff6b9d,#ffc371)}.video-card:has(.sky--tropical){--theme-primary:#4facfe;--theme-secondary:#ffd166;--theme-accent:#00f2fe}.video-card:has(.sky--tropical) .reel-card{background:rgba(79,172,254,.2);backdrop-filter:blur(10px);box-shadow:0 30px 80px rgba(79,172,254,.3)}.video-card:has(.sky--tropical) .rc-title{color:#00f2fe;text-shadow:0 3px 18px rgba(0,242,254,.9),0 0 35px rgba(79,172,254,.6);font-size:32px;animation:titleEntrance .6s ease-out,tropicalWave 2.5s ease-in-out infinite}.video-card:has(.sky--tropical) .rc-desc{color:#fff;text-shadow:0 2px 14px rgba(79,172,254,.7);font-size:19px;animation:descSlideIn .8s ease-out .2s both,tropicalBounce 3s ease-in-out infinite}.video-card:has(.sky--tropical) .badge.hot{background:linear-gradient(135deg,#4facfe,#ffd166);animation:badgeBounce 2s ease-in-out infinite}@keyframes tropicalWave{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.01)}}@keyframes tropicalBounce{0%,100%{transform:translateX(0)}25%{transform:translateX(2px)}75%{transform:translateX(-2px)}}.video-card:has(.sky--tropical) .rc-xp .bar span{background:linear-gradient(90deg,#4facfe,#ffd166)}.video-card:has(.sky--clear){--theme-primary:#667eea;--theme-secondary:#ffd1a1;--theme-accent:#a8c0ff}.video-card:has(.sky--clear) .reel-card{background:rgba(102,126,234,.2);backdrop-filter:blur(10px);box-shadow:0 30px 80px rgba(102,126,234,.25)}.video-card:has(.sky--clear) .rc-title{color:#a8c0ff;text-shadow:0 3px 16px rgba(168,192,255,.8),0 0 30px rgba(102,126,234,.5);font-size:32px;animation:titleEntrance .6s ease-out,clearFloat 3.5s ease-in-out infinite}.video-card:has(.sky--clear) .rc-desc{color:#fff;text-shadow:0 2px 13px rgba(168,192,255,.6);font-size:19px;animation:descSlideIn .8s ease-out .2s both,clearDrift 4s ease-in-out infinite}.video-card:has(.sky--clear) .badge.hot{background:linear-gradient(135deg,#667eea,#ffd1a1);animation:badgeBounce 2s ease-in-out infinite}@keyframes clearFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes clearDrift{0%,100%{transform:translateX(0);opacity:.95}50%{transform:translateX(3px);opacity:1}}.video-card:has(.sky--clear) .rc-xp .bar span{background:linear-gradient(90deg,#667eea,#ffd1a1)}.video-card:has(.sky--meme){--theme-primary:#ff0080;--theme-secondary:#ffd166;--theme-accent:#ff5ab3}.video-card:has(.sky--meme) .reel-card{background:rgba(255,0,128,.25);backdrop-filter:blur(25px) saturate(200%);box-shadow:0 50px 120px rgba(255,0,128,.6),0 25px 60px rgba(255,209,102,.5),0 10px 30px rgba(255,90,179,.7),inset 0 2px 0 rgba(255,209,102,.4);border:3px solid rgba(255,209,102,.5);animation:memeCardExplosion 2s ease-in-out infinite}@keyframes memeCardExplosion{0%,100%{box-shadow:0 50px 120px rgba(255,0,128,.6),0 25px 60px rgba(255,209,102,.5),0 10px 30px rgba(255,90,179,.7),inset 0 2px 0 rgba(255,209,102,.4);border-color:rgba(255,209,102,.5)}50%{box-shadow:0 50px 120px rgba(255,0,128,.8),0 25px 60px rgba(255,209,102,.8),0 10px 30px rgba(255,90,179,.9),inset 0 2px 0 rgba(255,209,102,.6);border-color:rgba(255,209,102,.8);transform:scale(1.01)}}.video-card:has(.sky--meme) .rc-title{color:#ffd166;text-shadow:0 4px 20px #ffd166,0 0 40px rgba(255,0,128,.8),0 0 60px rgba(255,90,179,.4);font-size:36px;font-weight:900;animation:memeGlow 2s ease-in-out infinite,memeShake .3s ease-in-out infinite;letter-spacing:-1px}.video-card:has(.sky--meme) .rc-desc{color:#fff;text-shadow:0 3px 18px rgba(255,0,128,.9),0 0 30px rgba(255,209,102,.6);font-size:20px;font-weight:700;animation:descSlideIn .8s ease-out .2s both,memeDescBounce 1.5s ease-in-out infinite}.video-card:has(.sky--meme) .badge.hot{background:linear-gradient(135deg,#ff0080,#ffd166);animation:memePulse 1.5s ease-in-out infinite,badgeRotate 3s ease-in-out infinite;box-shadow:0 4px 20px rgba(255,0,128,.6)}@keyframes memeShake{0%,100%{transform:translateX(0) rotate(0)}25%{transform:translateX(-1px) rotate(-.5deg)}75%{transform:translateX(1px) rotate(.5deg)}}@keyframes memeDescBounce{0%,100%{transform:translateX(0) scale(1)}50%{transform:translateX(3px) scale(1.02)}}@keyframes badgeRotate{0%,100%{transform:rotate(0)}25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}}.video-card:has(.sky--meme) .rc-xp .bar span{background:linear-gradient(90deg,#ff0080,#ffd166,#ff5ab3);background-size:200% 100%;animation:memeBarSlide 3s linear infinite}.video-card:has(.sky--meme) .website-url-btn{background:linear-gradient(135deg,#ff0080,#ffd166,#ff5ab3)!important;background-size:200% 100%!important;animation:memeButtonSlide 2s linear infinite;box-shadow:0 4px 20px rgba(255,0,128,.4)}.video-card:has(.sky--meme) .main-favicon{filter:drop-shadow(0 20px 40px rgba(255, 0, 128, .8)) drop-shadow(0 0 100px rgba(255, 209, 102, .8));animation:faviconGlow 3s ease-in-out infinite,memeShake .5s ease-in-out infinite}.video-card:has(.sky--meme) .favicon-letter-large{background:linear-gradient(135deg,rgba(255,0,128,.4),rgba(255,209,102,.3));border-color:rgba(255,209,102,.6);color:#ffd166;animation:memePulse 1.5s ease-in-out infinite}.video-card:has(.sky--meme) .rc-stats{border-color:rgba(255,209,102,.5);box-shadow:inset 0 2px 10px rgba(0,0,0,.4),0 8px 30px rgba(255,0,128,.4),0 4px 20px rgba(255,209,102,.3);animation:memeStatsGlow 2s ease-in-out infinite}.video-card:has(.sky--meme) .stat-item{border-color:rgba(255,209,102,.3);animation:memeStatBounce 1.5s ease-in-out infinite}.video-card:has(.sky--meme) .stat-item:first-child{animation-delay:0s}.video-card:has(.sky--meme) .stat-item:nth-child(2){animation-delay:.2s}.video-card:has(.sky--meme) .stat-item:nth-child(3){animation-delay:.4s}.video-card:has(.sky--meme) .stat-value{background:linear-gradient(135deg,#ffd166,#ff0080,#ff5ab3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 100%;animation:numberPulse 2s ease-in-out infinite,memeValueSlide 2s linear infinite}.video-card:has(.sky--meme) .stat-icon{animation:iconBounce 2s ease-in-out infinite,memeIconSpin 4s linear infinite}@keyframes memeStatsGlow{0%,100%{box-shadow:inset 0 2px 10px rgba(0,0,0,.4),0 8px 30px rgba(255,0,128,.4),0 4px 20px rgba(255,209,102,.3)}50%{box-shadow:inset 0 2px 10px rgba(0,0,0,.4),0 8px 40px rgba(255,0,128,.6),0 4px 30px rgba(255,209,102,.5)}}@keyframes memeStatBounce{0%,100%{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes memeValueSlide{0%{background-position:0 50%}100%{background-position:200% 50%}}@keyframes memeIconSpin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes memeGlow{0%,100%{text-shadow:0 2px 8px rgba(255,209,102,.8),0 0 20px rgba(255,0,128,.5)}50%{text-shadow:0 2px 8px #ffd166,0 0 30px rgba(255,0,128,.8)}}@keyframes memePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes memeBarSlide{0%{background-position:0 50%}100%{background-position:200% 50%}}@keyframes memeButtonSlide{0%{background-position:0 50%}100%{background-position:200% 50%}}.video-card .website-url-btn{background:linear-gradient(135deg,var(--theme-primary),var(--theme-secondary))!important;color:#fff!important;text-shadow:0 1px 3px rgba(0,0,0,.3)}.video-card .rc-chip{background:linear-gradient(135deg,var(--theme-secondary),var(--theme-accent))!important;color:#2b2b2b!important}.video-card .badge.cat{border-color:var(--theme-primary)!important;color:var(--theme-primary)!important}.reel-card{background:rgba(0,0,0,.28);box-shadow:0 30px 80px rgba(255,90,67,.08)}