.splash-container{height:100vh;width:100vw;background:radial-gradient(circle,#3b0a52,#12001a);display:flex;align-items:center;justify-content:center}.logo-row{display:flex;align-items:center;gap:14px}.falling-icon{width:48px;animation:fallDown 1.2s ease-out forwards}.game-title{display:flex;font-size:42px;font-weight:700;opacity:0;animation:showText .6s ease forwards;animation-delay:1.2s}.queen{color:gold}.ludo{color:#fff;margin-left:8px}@keyframes fallDown{0%{transform:translateY(-200px);opacity:0}70%{transform:translateY(10px)}to{transform:translateY(0);opacity:1}}@keyframes showText{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.sparkle{position:absolute;width:420px;height:420px;border-radius:50%;pointer-events:none;filter:blur(60px);opacity:.75;animation:sparklePulse 6s ease-in-out infinite,sparkleFloat 10s ease-in-out infinite}.sparkle-left{left:-140px;top:50%;transform:translateY(-50%);background:radial-gradient(circle,rgba(168,85,247,.9),rgba(168,85,247,.35),transparent 70%)}.sparkle-right{right:-140px;top:50%;transform:translateY(-50%);background:radial-gradient(circle,rgba(34,211,238,.9),rgba(34,211,238,.35),transparent 70%);animation-delay:1.5s}@keyframes sparklePulse{0%,to{transform:scale(1) translateY(-50%);opacity:.6}50%{transform:scale(1.15) translateY(-50%);opacity:.9}}@keyframes sparkleFloat{0%{filter:blur(60px)}50%{filter:blur(80px)}to{filter:blur(60px)}}.auth-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100000;padding:16px;box-sizing:border-box;overflow:hidden}body.light-mode .auth-overlay{background:#0006}.auth-box{position:relative;width:100%;max-width:530px;padding:40px;border-radius:26px;background:#3b136b;box-shadow:0 30px 60px #0009;color:#fff;animation:jumpIn .45s ease;margin:auto;max-height:90vh;overflow-y:auto}body.light-mode .auth-box{background:#fff;color:#111;border:2px solid #6d28d9;box-shadow:0 25px 60px #0000002e}.auth-box::-webkit-scrollbar{width:4px}.auth-box::-webkit-scrollbar-thumb{background:#9333ea66;border-radius:999px}.closee-btn{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:50%;border:none;background:#6a5cff1f;color:#6a5cff;font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.25s;flex-shrink:0}.closee-btn:hover{transform:rotate(90deg)}.auth-title{font-size:28px;font-weight:700;margin-bottom:24px}.auth-box label{font-size:13px;opacity:.8}.auth-box input{width:100%;padding:14px 16px;margin-top:6px;margin-bottom:16px;border-radius:10px;border:none;background:#e5e7eb;color:#111;font-size:14px;box-sizing:border-box}body.light-mode .auth-box input{background:#f3f4f6}.auth-box input:focus{outline:none;box-shadow:0 0 0 2px #9333ea}.password-wrapper{position:relative;width:100%;display:flex;flex-direction:column}.password-wrapper input{width:100%;padding-right:44px;box-sizing:border-box}.eye-btn{position:absolute;right:12px;top:50%;transform:translateY(-65%);background:none;border:none;cursor:pointer;color:#00000073;display:flex;align-items:center;justify-content:center;padding:0;z-index:1;transition:color .2s ease}.eye-btn:hover{color:#000000d9}.forgot{font-size:12px;opacity:.7;margin-bottom:14px;cursor:pointer}.auth-btn{width:100%;padding:14px;border:none;border-radius:12px;background:linear-gradient(90deg,#6d28d9,#9333ea);color:#fff;font-weight:600;font-size:15px;cursor:pointer;transition:.3s}.auth-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #9333ea73}.divider{text-align:center;font-size:13px;margin:22px 0 14px;opacity:.7}.social-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.social-btn{width:110px;height:44px;border-radius:10px;border:none;background:#f3f4f6;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.25s}.social-btn img{width:22px}.social-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #00000026}.register-text{text-align:center;font-size:13px;margin-top:20px}.register-text span{color:#fff;cursor:pointer;font-weight:600}body.light-mode .register-text span{color:#6d28d9}.logged-text{text-align:center;margin-bottom:18px}@keyframes jumpIn{0%{opacity:0;transform:translateY(50px) scale(.8)}70%{transform:translateY(-6px) scale(1.03)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:600px){.auth-overlay{align-items:center;justify-content:center;padding:16px}.auth-box{width:100%;max-width:360px;padding:24px 18px 28px;border-radius:20px;max-height:88vh;animation:jumpIn .35s ease;margin-top:70px}.auth-title{font-size:20px;margin-bottom:16px}.auth-box input{padding:11px 14px;font-size:13px;margin-bottom:12px}.auth-btn{padding:12px;font-size:13px}.social-btn{width:80px;height:38px}.social-btn img{width:18px}.divider{margin:14px 0 10px}.register-text{font-size:12px;margin-top:14px}}@media(max-width:380px){.auth-box{padding:20px 14px 24px}.auth-title{font-size:18px}.social-btn{width:70px;height:36px}}input[type=password]::-ms-reveal,input[type=password]::-ms-clear,input[type=password]::-webkit-credentials-auto-fill-button{display:none}.avatar-wrapper{position:relative}.avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;cursor:pointer}.role-dropdown{position:absolute;top:50px;right:0;width:140px;padding:6px;background:linear-gradient(180deg,#aba7af,#12041f);border-radius:12px;box-shadow:0 10px 30px #00000080;z-index:1000}.role-option{padding:8px 10px;border-radius:8px;font-size:13px;color:#fff;cursor:pointer;transition:background .2s ease}.role-option:hover{background:#ffffff1f}.role-option.active{background:linear-gradient(90deg,#9f7aea,#7c3aed)}.avatar-wrapper{position:relative;margin-left:14px}.avatar-circle{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#a855f7,#3b0a6b);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;cursor:pointer;box-shadow:0 0 12px #a855f7b3}.avatar-dropdown{position:absolute;top:48px;right:0;width:200px;padding:12px;border-radius:16px;background:#1e0032d9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 20px 60px #0009;z-index:999}.avatar-header{display:flex;align-items:center;gap:8px;font-weight:600;margin-bottom:10px;color:#f5e9ff}.avatar-item{width:100%;display:flex;align-items:center;gap:10px;background:transparent;border:none;color:#000;padding:10px;border-radius:10px;cursor:pointer;transition:background .2s ease}.avatar-item:hover{background:#a855f740}.header{position:fixed;top:0;left:0;width:100%;height:50px;background:#fff;border-bottom:1px solid #eaeaea;display:flex;align-items:center;justify-content:space-between;padding:0 32px;z-index:1000}.header-left{display:flex;align-items:center;gap:90px;font-size:20px;font-weight:600;color:#111}.header-left svg{color:#6b21a8}.logo{display:flex;align-items:center;gap:8px;font-size:30px;font-weight:600;color:#111}.logo-image{width:32px;height:32px;object-fit:contain}.logo-link{display:flex;align-items:center;gap:8px;text-decoration:none;color:inherit;cursor:pointer}.browse-wrapper{position:relative}.browse-btn{cursor:pointer;font-size:20px;font-weight:400;color:#250338;padding:5px 6px;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;gap:6px}.browse-icon{color:#6b21a8;width:16px;height:16px;flex-shrink:0}.browse-dropdown{position:absolute;top:calc(100% + 12px);left:0;width:150px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px #0000001a;z-index:100;overflow:hidden}.browse-dropdown div{padding:11px 16px;cursor:pointer;font-size:14px;color:#250338;display:flex;align-items:center;gap:8px;transition:all .2s ease;border-bottom:1px solid #f0f0f0}.browse-dropdown div:last-child{border-bottom:none}.browse-dropdown div:hover{background:#f8f9ff;color:#6b21a8;padding-left:20px}.browse-dropdown div:active{background:#eef0ff}.browse-dropdown div svg{flex-shrink:0;width:16px;height:16px}.header-search{display:flex;align-items:center;gap:10px;width:420px;padding:10px 18px;background:#f4f4f6;border-radius:30px;border:1px solid #eee;transition:.2s ease}.header-search:hover{border-color:#a855f7}.header-search svg{color:#7c3aed}.header-search input{background:transparent;border:none;outline:none;width:100%;font-size:18px;color:#7c3aed}.header-search input::placeholder{color:#a78bfa}.header-right{display:flex;align-items:center;gap:8px}.header-beside{display:flex;align-items:center;gap:20px}.header-beside svg{color:#444;cursor:pointer;transition:.2s ease}.header-beside svg:hover{color:#6b21a8;transform:scale(1.1)}.icon{color:#121111;cursor:pointer;z-index:999}.avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;cursor:pointer;border:2px solid #e5e7eb;transition:transform .2s ease,box-shadow .2s ease}.avatar:hover{transform:scale(1.1);border-color:#6b21a8;box-shadow:0 0 18px #c084fce6}.avatar img{width:100%;height:100%;object-fit:cover}.profile-wrapper{position:relative;display:flex;align-items:center}.profile-icon{cursor:pointer;color:#444}.profile-dropdown{position:absolute;top:40px;right:0;width:220px;padding:14px;border-radius:18px;background:linear-gradient(180deg,#581c87f2,#1e0032f2);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 25px 60px #000000a6;z-index:999}.profile-header{display:flex;flex-direction:column;gap:4px;padding-bottom:10px}.profile-greeting{font-size:13px;opacity:.85;color:#e9d5ff}.profile-username{font-size:17px;font-weight:700;color:#fff;letter-spacing:.4px}.profile-divider{height:1px;background:#ffffff26;margin:10px 0}.profile-logout{width:100%;padding:10px;border-radius:12px;border:none;cursor:pointer;font-weight:600;font-size:14px;color:#fff;background:linear-gradient(135deg,#a855f7,#6b21a8);transition:transform .2s ease,box-shadow .2s ease}.profile-logout:hover{transform:translateY(-1px);box-shadow:0 0 14px #a855f7cc}.profile-auth-box{position:absolute;top:44px;right:0;width:260px;padding:22px;border-radius:18px;background:#ffffff14;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(192,132,252,.4);box-shadow:0 20px 40px #0009,inset 0 0 20px #c084fc33;text-align:center;color:#fff;animation:jumpIn .4s ease-out;z-index:999}.profile-title{margin-bottom:10px;font-size:18px;text-shadow:0 0 10px rgba(192,132,252,.8)}.profile-user{font-size:16px;font-weight:700;margin-bottom:18px;color:#f5e9ff}.profile-logout-btn{width:100%;padding:10px;border:none;border-radius:8px;cursor:pointer;background:linear-gradient(90deg,#c084fc,#7c3aed);color:#fff;font-weight:600;box-shadow:0 0 15px #c084fccc;transition:transform .2s ease}.profile-logout-btn:hover{transform:scale(1.05)}.profile-logout-btn:active{transform:scale(.95)}.welcome-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .25s ease}.welcome-backdrop{position:absolute;inset:0;background:#00000073;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.welcome-box{position:relative;width:340px;padding:28px;border-radius:14px;background:#3f2150;color:#fff;text-align:center;box-shadow:0 20px 50px #0009}.welcome-close{position:absolute;top:10px;right:12px;background:none;border:none;color:#bbb;font-size:22px;cursor:pointer}.welcome-box h2{margin-bottom:14px;text-shadow:0 0 10px rgba(192,132,252,.8)}.welcome-user{font-size:18px;font-weight:700;margin-bottom:22px;color:#f5e9ff}.welcome-logout-btn{width:100%;padding:10px;border:none;border-radius:8px;cursor:pointer;background:linear-gradient(90deg,#c084fc,#7c3aed);color:#fff;font-weight:600;box-shadow:0 0 15px #c084fccc;transition:transform .2s ease}.welcome-logout-btn:hover{transform:scale(1.05)}.welcome-logout-btn:active{transform:scale(.95)}.notification-wrapper{position:relative;display:flex;align-items:center}.notification-icon{width:22px;height:22px;cursor:pointer;object-fit:contain}.bell-dot{position:absolute;top:2px;right:2px;width:7px;height:7px;border-radius:50%;background:#facc15;box-shadow:0 0 6px #facc15;z-index:10}.bell-notice{position:fixed;top:60px;right:24px;z-index:99999;margin-right:30px;background:#1e0a3ceb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);color:#fff;padding:14px 18px;border-radius:12px;width:260px;box-shadow:0 12px 40px #a855f766;animation:slideIn .3s ease}.bell-notice p{font-size:13px;margin-top:6px;color:#ddd}.bell-notice-close{position:absolute;top:6px;right:8px;background:none;border:none;color:#fff;font-size:18px;cursor:pointer}@keyframes slideIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.theme-toggle{background:none;border:none;font-size:18px;cursor:pointer;padding:4px;border-radius:6px;transition:transform .2s ease}.theme-toggle:hover{transform:scale(1.15)}.mobile-header{display:none}@media(max-width:768px){.header{display:none!important}.mobile-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;height:50px;background:#fff;border-bottom:1px solid #eee}.mobile-left{display:flex;align-items:center;gap:12px}.mobile-right{display:flex;align-items:center}.mobile-logo{font-weight:600;font-size:18px}.mobile-search-bar{position:fixed;top:50px;left:0;width:100%;background:#fff;padding:10px;border-bottom:1px solid #eee}.mobile-search-bar input{width:100%;padding:8px 12px;border-radius:20px;border:1px solid #ddd}.mobile-menu{position:fixed;top:0;left:0;width:240px;height:100vh;background:#fff;box-shadow:4px 0 20px #00000026;padding:20px;z-index:9999}.menu-item{display:flex;align-items:center;gap:10px;padding:12px;cursor:pointer;border-radius:8px}.menu-item:hover{background:#f4f4f6}}.mobile-header{position:fixed;top:0;left:0;width:100%;height:52px;background:#fff;border-bottom:1px solid #eaeaea;display:flex;align-items:center;justify-content:space-between;padding:0 14px;z-index:9999}.mobile-logo{display:flex;align-items:center;gap:6px;font-size:18px;font-weight:600;color:#111;text-decoration:none}.mobile-logo img{width:24px;height:24px;object-fit:contain}.mobile-menu-icon,.mobile-search-icon{cursor:pointer;color:#111}.mobile-search-bar{position:fixed;top:52px;left:0;width:100%;background:#fff;padding:10px 14px;border-bottom:1px solid #eee;z-index:9998}.mobile-search-bar input{width:100%;padding:8px 12px;border-radius:20px;border:1px solid #ddd;font-size:14px}.mobile-menu{position:fixed;top:45px;left:0;width:260px;height:50vh;background-color:#301155;padding:0;box-shadow:6px 0 25px #00000026;z-index:10000;overflow-y:auto}.menu-header{display:flex;justify-content:flex-end;margin-bottom:10px}.close-menu{width:34px;height:34px;border:none;border-radius:8px;background:#7c3aed;color:#000;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center}.mobile-user-box{border-bottom:1px solid #eee;padding-bottom:8px;margin-bottom:8px;display:flex;flex-direction:column;align-items:center}.mobile-user-name{font-size:15px;font-weight:600;padding:12px 0}.mobile-logout-btn{width:70%;padding:8px;border:none;border-radius:6px;background:#7c3aed;color:#fff;cursor:pointer}.menu-item{display:flex;align-items:center;gap:10px;padding:12px;font-size:15px;cursor:pointer;border-radius:8px;transition:.2s}.mobile-login-box{margin-top:18px}.mobile-login-box button{width:100%;padding:10px;border:none;border-radius:8px;background:#7c3aed;color:#fff;font-weight:600;cursor:pointer}body{padding-top:52px}body.dark-mode .mobile-menu{background:#1a1a1a;color:#fff}body.dark-mode .close-menu{background:#7c3aed;color:#fff}@media(min-width:769px){.mobile-header{display:none!important}}html,body,#root{width:100%;max-width:100%;overflow-x:hidden}.dashboard{position:relative;margin-left:0;width:100%!important;max-width:100%;padding:10px;min-height:100vh;background:transparent;margin-top:0}.loading{display:flex;align-items:center;justify-content:center;height:100vh;font-size:18px}.section-divider{height:2px;width:calc(100% - 100px);margin:32px 32px 70px 18px;background:#962aa2;border-radius:2.5px;box-shadow:0 0 10px #962aa2e6}@media(max-width:1024px){.dashboard{padding:16px}}@media(max-width:600px){.dashboard{padding:8px}}.hero-cover{position:relative;height:85vh;overflow:hidden;border-radius:18px;margin:20px 10px 40px 0}.hero-cover img{width:100%;height:100%;object-fit:cover;animation:heroSlide .8s ease}@keyframes heroSlide{0%{opacity:0;transform:translate(80px)}to{opacity:1;transform:translate(0)}}.hero-overlay{position:absolute;bottom:80px;left:10px;z-index:2;top:300px;color:#fff}.hero-overlay h1{font-size:48px;margin-bottom:6px;color:#fff}.light-mode .hero-overlay h1{color:#000}.hero-live-pill{position:absolute;top:16px;left:16px;z-index:3}.watc-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;margin-top:12px;font-size:16px;font-weight:700;color:#fff;background:#ffffff26;border:none;border-radius:10%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;white-space:nowrap;transition:all .25s ease}.watc-btn:hover{background:#fff3;transform:translateY(-2px)}.hero-indicators{position:absolute;right:20px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px;z-index:5}.hero-indicator{width:3px;height:30px;background:#fff6;border-radius:4px;cursor:pointer;transition:all .3s ease}.hero-indicator.active{background:#fff;height:40px}.bottom-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;font-weight:600;font-size:11px}.bottom-pill.live{background:#ed8fa2;color:#fff}@media(max-width:768px){.hero-cover{height:50vh;border-radius:0}.hero-overlay{left:20px;top:160px}.hero-overlay h1{font-size:26px}}.video-card{position:relative;flex:0 0 320px;width:230px;height:300px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(180deg,#2a0a46,#160022);border-radius:16px;padding:12px;box-shadow:0 10px 30px #00000073;transition:transform .3s ease,box-shadow .3s ease;overflow:hidden;gap:12px}.video-card:after{content:"";position:absolute;inset:-3px;border-radius:20px;background:#c084fc40;filter:blur(8px);opacity:.35;z-index:-1}.video-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 20px 45px #a855f773}.video-card:hover:after{opacity:.8;filter:blur(22px)}.light-mode .video-card{background:#fff}.video-card.ad-card{min-width:180px;height:210px;padding:10px;opacity:.9}.video-card.past{opacity:.6;cursor:not-allowed}.video-thumb-wrapping{position:relative}.video-thumb{position:relative;width:100%;height:140px;border-radius:14px;overflow:hidden;background:#000;z-index:1}.video-thumb img{width:100%;height:100%;object-fit:cover;filter:contrast(1.08) saturate(1.15)}.video-thumb:after{content:"";position:absolute;inset:0;border-radius:14px;box-shadow:inset 0 -40px 40px #00000059;pointer-events:none}.ad-card .video-thumb img{object-fit:contain;background:radial-gradient(circle,#3b0a6b,#140022);padding:6px}.live-badge{position:absolute;top:8px;left:8px;background:red;color:#fff;font-size:12px;font-weight:700;padding:4px 8px;border-radius:6px;z-index:10}.video-title{margin-top:10px;font-size:15px;font-weight:700;color:#f5e9ff;letter-spacing:.3px}.total-title{font-size:15px;font-weight:700;color:#f5e9ff;line-height:1.3}.light-mode .total-title{color:#000}.total-creator{display:flex;align-items:center;gap:8px;margin-top:8px}.creator-avatar{width:26px;height:26px;border-radius:50%;object-fit:cover}.creator-info{display:flex;flex-direction:column}.creator-name{font-size:12px;font-weight:600;color:#fff}.light-mode .creator-name{color:#000}.creator-category{font-size:11px;opacity:.7}.total-live-row{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:8px;font-size:11px;width:100%}.watch-count{font-size:12px;color:#fff;opacity:.85;white-space:nowrap}.light-mode .watch-count{color:#000}.bottom-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;font-weight:600;font-size:11px;margin:0;flex-shrink:0}.bottom-pill.live{background:#ef4444;color:#fff}.bottom-pill.upcoming{background:#facc15;color:#111}.bottom-pill.ended{background:#6b7280;color:#fff}.pill-icon{width:14px;height:14px;display:block;object-fit:contain;margin:0}@media(max-width:480px){.video-card{min-width:160px;height:240px}}.section-header{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:24px;margin-bottom:0}.sectio-title{font-size:32px;font-weight:600;margin:0;color:#fff}.light-mode .sectio-title{color:#000}.section-more{font-size:14px;color:#8552b8;cursor:pointer;font-weight:500;text-decoration:underline;margin:0;transition:opacity .2s ease;white-space:nowrap}.section-more:hover{opacity:.7}.row-wrapper,.row-wrapp{position:relative;margin-top:12px;margin-bottom:0;overflow:visible}.videos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:0;width:100%;padding:10px 0}.videos-grid::-webkit-scrollbar{display:none}.videos-grid.horizontal{min-width:200px;display:flex;gap:0;overflow-x:auto;margin-right:0;margin-top:12px;padding-right:0;gap:16px}.videos-grid:after{content:"";flex:0 0 0px}.scroll-spacer{flex:0 0 0px}@media(max-width:1200px){.videos-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.videos-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.videos-grid{grid-template-columns:1fr}.video-card{min-width:100%}.section-header{flex-wrap:wrap;gap:6px}}.uploaded-header{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:25px}.sect-title{font-size:32px;font-weight:600;margin:10px;color:#fff}.light-mode .sect-title{color:#000}.uploaded-more{font-size:14px;color:#c084fc;cursor:pointer;font-weight:500;text-decoration:underline;margin:0;transition:opacity .2s ease}.uploaded-more:hover{opacity:.7}.uploaded-slider{position:relative;margin-bottom:40px}.uploaded-track{display:flex;gap:16px;overflow-x:auto;scroll-behavior:smooth;padding-bottom:6px;padding-right:50px}.uploaded-track::-webkit-scrollbar{display:none}.uploaded-video-card{flex:0 0 220px;min-width:130px;background:linear-gradient(180deg,#2a0a46,#160022);border-radius:18px;padding:14px;height:300px;box-shadow:0 10px 30px #00000073;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.light-mode .uploaded-video-card{background:#fff}.uploaded-video-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 20px 45px #a855f773}.uploaded-thumb{width:100%;height:140px;border-radius:14px;overflow:hidden;background:#000}.uploaded-thumb img{width:100%;height:100%;object-fit:cover;filter:contrast(1.08) saturate(1.15)}.uploaded-video-title{margin-top:10px;font-size:15px;font-weight:700;color:#f5e9ff}.light-mode .uploaded-video-title{color:#000}.uploaded-video-meta{display:flex;gap:6px;margin-top:6px;font-size:11px}.uploaded-video-meta span{background:#a855f726;color:#d8b4fe;padding:3px 8px;border-radius:999px;border:1px solid rgba(168,85,247,.35);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.light-mode .uploaded-video-meta span{color:#000;background:gray}.uploaded-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff1a;border:none;border-radius:50%;padding:8px;cursor:pointer;z-index:4;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.uploaded-arrow-left{left:-10px}.uploaded-arrow-right{right:70px}@media(max-width:480px){.uploaded-arrow{display:none!important}}.glass-overlay{position:fixed;inset:0;background:#0f051e59;backdrop-filter:blur(5px) saturate(110%);-webkit-backdrop-filter:blur(5px) saturate(110%);z-index:999;display:flex;justify-content:center;align-items:flex-start;padding-top:80px;padding-bottom:40px}.glass-box{width:92%;max-width:1250px;max-height:calc(100vh - 120px);overflow-y:auto;padding:28px 30px 34px;border-radius:26px;background:linear-gradient(180deg,#1e0a3cf0,#120426f7);backdrop-filter:blur(10px) saturate(140%);-webkit-backdrop-filter:blur(10px) saturate(140%);box-shadow:0 40px 100px #000000a6,inset 0 0 0 1px #ffffff1f}.glass-box::-webkit-scrollbar{width:6px}.glass-box::-webkit-scrollbar-thumb{background:#fff3;border-radius:999px}.light-mode .glass-box{background:#fff}.glass-close{position:absolute;top:14px;right:16px;width:34px;height:34px;border-radius:50%;border:none;cursor:pointer;background:#ffffff1f;color:#fff;font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:all .2s ease}.glass-close:hover{background:#a855f74d;transform:scale(1.08)}.glass-title{font-size:26px;font-weight:700;margin-bottom:24px;padding-left:6px}.glass-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px;margin-top:20px}.glass-card{background:#ffffff14;border-radius:20px;overflow:hidden;cursor:pointer;position:relative;display:flex;flex-direction:column;transition:transform .35s ease,box-shadow .35s ease;animation:cardFall .5s ease forwards}.glass-card:hover{transform:translateY(-8px);box-shadow:0 25px 60px #0009}.light-mode .glass-card{background:#d4d5d8}.glass-card.ad-card:before{content:"Sponsored";position:absolute;top:12px;left:12px;font-size:10px;padding:4px 10px;border-radius:999px;background:#00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#facc15}@keyframes cardFall{0%{opacity:0;transform:translateY(-40px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.glass-thumb{position:relative}.glass-thumb img{width:100%;height:140px;object-fit:cover;display:block}.glass-thumb .stat-dot{position:absolute;top:10px;right:10px;width:9px;height:9px;border-radius:50%}.glass-card-title{padding:10px 12px 4px;font-size:14px;font-weight:600}.glass-meta{padding:0 12px 12px;display:flex;flex-wrap:wrap;gap:6px;font-size:11px;opacity:.75}.glass-meta span{background:#ffffff14;padding:3px 7px;border-radius:999px}.modal-creator{display:flex;align-items:center;gap:10px;margin-top:8px}.modal-creator .creator-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.modal-creator .creator-info{display:flex;flex-direction:column;gap:10px}.modal-creator .creator-name{font-size:14px;font-weight:500}.modal-creator .creator-category{font-size:12px;opacity:.7}.modal-live-row{margin-top:auto;padding:6px 12px 10px;display:flex;align-items:center;gap:7px;flex-wrap:nowrap;width:100%;box-sizing:border-box;overflow:hidden}.glass-card .watch-count{font-size:12px;opacity:.8;color:#c084fc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.glass-card .bottom-pill{padding:4px 10px;font-size:11px;border-radius:999px;display:inline-flex;align-items:center;gap:6px;flex-shrink:0;white-space:nowrap}.glass-card .pill-icon{width:12px;height:12px}.glass-card .bottom-pill.live{background:#ff4d4d;color:#fff}.glass-card .bottom-pill.upcoming{background:#a855f7;color:#fff}.glass-card .bottom-pill.ended{background:#6b7280;color:#fff}.stat-dot{position:absolute;top:8px;right:8px;width:8px;height:8px;border-radius:50%;z-index:3}.stat-dot.online{background:#22c55e;box-shadow:0 0 8px #22c55e}.stat-dot.offline{background:#ef4444;box-shadow:0 0 8px #ef4444}.stat-dot.away{background:#facc15;box-shadow:0 0 8px #facc15}.load-more-btn{margin:16px auto 0;display:block;padding:10px 22px;border-radius:999px;background:linear-gradient(135deg,#a855f7,#3b0a6b);color:#fff;border:none;cursor:pointer;font-weight:600;box-shadow:0 0 18px #a855f799}.light-mode .load-more-btn{background:#fff}.user-panel{width:100%;margin-top:3px}.panel-title{font-size:30px;margin:18px 0 10px}.followers-row{display:flex;gap:10px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.15)}.follower-avatar{position:relative;width:42px;height:42px;border-radius:50%;padding:2px;background:linear-gradient(135deg,#7c3aed,#22d3ee)}.follower-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;background:#111}.online-dot{position:absolute;bottom:2px;right:2px;width:9px;height:9px;background:#22c55e;border-radius:50%;border:2px solid #1a0033}.playlist-row{display:flex;flex-direction:row;overflow-x:scroll;overflow-y:hidden;cursor:grab;user-select:none;-webkit-user-select:none;scroll-behavior:auto;gap:12px;padding-bottom:8px}.playlist-row::-webkit-scrollbar{display:none}.playlist-card{width:230px;height:300px;border-radius:16px;overflow:hidden;position:relative;box-shadow:0 12px 40px #0009;transition:transform .35s ease;cursor:pointer}.playlist-card:hover{transform:translateY(-6px) scale(1.05)}.playlist-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;draggable:false}.playlist-title{position:absolute;bottom:45px;left:15px;font-size:15px;font-weight:600}.follow-btn-small{position:absolute;bottom:12px;left:10%;transform:translate(-50%);top:12px;padding:6px 14px;border-radius:20px;border:none;color:#fff;background:transparent;font-size:12px;cursor:pointer;z-index:10}.follow-btn-small:hover{transform:translate(-50%) scale(1.05)}.playlist-follow-row{position:absolute;bottom:14px;left:12px;right:12px;display:flex;justify-content:space-between;align-items:center;padding:6px 10px;border-radius:25px;z-index:10;margin-top:8px}.follow-btn-small{display:inline-flex;align-items:center;justify-content:center;height:20px;padding:0 13px;min-width:50px;margin-left:24px;border-radius:20px;border:none;background:#fff3;color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:all .25s ease}.follow-btn-small:hover{background:#fff6}.follow-btn-small.following{background:linear-gradient(135deg,#777475,#ffd9dc)}.playlist-follower-count{font-size:12px;font-weight:500;padding:4px 10px;border-radius:20px;margin-left:94px;background:#fff3;color:#fff}.no-reelers{font-size:13px;padding:12px;text-align:center;color:#9ca3af}@media(max-width:768px){.user-panel{padding-bottom:240px;overflow:visible!important}.playlist-card{width:160px;height:220px;flex-shrink:0}.playlist-follow-row{padding:4px 6px;gap:4px;left:6px;right:6px}.follow-btn-small{margin-left:0;padding:0 8px;min-width:40px;font-size:10px}.playlist-follower-count{margin-left:0;font-size:10px;padding:4px 6px}}@media(max-width:480px){.playlist-card{width:130px;height:190px;flex-shrink:0}.panel-title{font-size:22px}.playlist-follow-row{padding:3px 5px;left:4px;right:4px}.follow-btn-small{margin-left:80px;padding:0 6px;font-size:9px;min-width:36px}.playlist-follower-count{margin-left:0;font-size:9px;padding:3px 5px}}.app-layout{display:flex;width:100vw;min-height:100vh;background:#2a063f}.main-area{flex:1;padding:24px;margin-left:0;overflow-y:auto;background:linear-gradient(180deg,#2a063f,#12041f)}@media(max-width:1024px){.sidebar{display:none}.main-area{margin-left:0;width:100%;padding:20px}}@media(max-width:768px){.main-area{margin-left:0;width:100%}}@media(max-width:480px){.sidebar{display:none}.main-area{margin-left:0;width:100%}}@media(max-width:320px){.sidebar{display:none}.main-area{margin-left:0;width:calc(100vw - 45px)}}:root{--footer-height: 54px}.video-footer{position:fixed;bottom:0;right:170px;transform:none;height:var(--footer-height);width:1000px;display:flex;align-items:center;justify-content:center;border-radius:14px;border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 30px #000000a6,inset 0 1px #ffffff0d;z-index:1000;padding:0;overflow:hidden}.video-footer video{width:1000px;height:130%;object-fit:cover;border-radius:inherit;opacity:.92;filter:contrast(1.1) saturate(1.15);transition:transform .25s ease,opacity .25s ease}.video-footer:hover video{opacity:1;transform:scale(1.03)}.video-footer-close{position:absolute;top:6px;right:8px;z-index:5;width:20px;height:26px;border:none;cursor:pointer;background:#000000b3;color:#fff;font-size:16px;display:flex;align-items:center;justify-content:center;transition:background .2s ease,transform .2s ease}.video-footer-close:hover{background:red;transform:scale(1.1)}@media(max-width:768px){:root{--footer-height: 54px}.video-footer{width:92vw;left:4%;bottom:12px;border-radius:12px}}.trend-header{margin-top:34px;margin-bottom:6px;font-size:25px;position:relative}.trending-section{background:var(--card-bg);color:var(--text-color)}.trend-header,.trending-header{color:var(--heading-color)}.trending-header{margin-top:14px;margin-bottom:6px;font-size:25px;position:relative}.trend-header h2,.trending-header h2{margin:0;padding:0}.stream-slider-wrap{position:relative;display:flex;align-items:flex-start;margin-top:0;margin-bottom:16px;padding:16px;border-radius:20px;background:linear-gradient(135deg,#a855f71a,#ec48991a);border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 0 20px #a855f733;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.trending-header+.stream-slider-wrap{margin-top:-4px}.slider-btn{margin-top:0;align-self:center}.slider-btn.left,.slider-btn.right{margin-top:0}.live-stream-row,.top-streamer-row{display:flex;gap:26px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;padding:0 40px 10px 20px}.live-stream-row::-webkit-scrollbar,.top-streamer-row::-webkit-scrollbar{display:none}.live-stream-card{min-width:230px;padding:16px;position:relative;cursor:pointer;text-align:center;background:linear-gradient(120deg,#8208d9,#440f5b,#0a082c,#401557);background-size:300% 300%;background-position:0% 50%;border-radius:18px;border:1px solid rgba(255,255,255,.12);box-shadow:0 10px 30px #0006,inset 0 0 20px #a855f74d;transition:transform .35s ease,box-shadow .35s ease,background-position .8s ease,filter .3s ease;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px;margin-top:20px}.live-stream-card:hover{filter:hue-rotate(10deg) saturate(1.2)}.top-streamer-card{min-width:220px;height:220px;border-radius:18px;background:linear-gradient(180deg,#5b1689,#2a0438);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease}.top-streamer-card img{width:72px;height:72px;border-radius:50%;border:2px solid #a855f7}.top-streamer-card h4{font-size:15px;font-weight:600}.top-streamer-card span{font-size:13px;color:#facc15}.top-streamer-card:hover{transform:translateY(-6px);box-shadow:0 12px 30px #a855f773}.live-stream-card:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at var(--x, 50%) var(--y, 50%),rgba(255,255,255,.35),rgba(255,255,255,.15),transparent 45%);opacity:0;transition:opacity .25s ease;pointer-events:none}.live-stream-card:hover:after{opacity:1}.live-stream-card:hover{transform:translateY(-10px) scale(1.05) rotateX(4deg);background-position:100% 50%;animation:gradientFlow 3s linear infinite;box-shadow:0 0 40px #a855f7e6,0 20px 50px #0009}@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.live-stream-card:before{content:"";position:absolute;inset:-3px;border-radius:inherit;background:conic-gradient(from 0deg,#9452ef,#1f0933,#ec4899,#182ed4);opacity:0;filter:blur(10px);transition:opacity .3s ease;z-index:-1}.live-stream-card:hover:before{opacity:1}.live-badge{position:absolute;top:10px;left:10px;background:linear-gradient(90deg,#ff004c,#ff7a00);color:#fff;font-size:11px;padding:5px 10px;border-radius:999px;font-weight:800;box-shadow:0 0 14px #ff004cb3;animation:livePulse 1.4s infinite}@keyframes livePulse{0%{box-shadow:0 0 8px #ff004c99}50%{box-shadow:0 0 20px #ff004c}to{box-shadow:0 0 8px #ff004c99}}.live-stream-info{padding:14px}.live-stream-info h4{font-size:15px;font-weight:700;margin-bottom:6px}.game-name{font-size:12px;color:#c4b5fd;font-weight:600}.stream-meta{display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-size:12px}.viewer-count{display:flex;align-items:center;gap:4px;color:#facc15;font-weight:700}.streamer-name{color:#e9d5ff;font-weight:600}.live-stream-row,.top-streamer-row{flex:1;min-width:0}.live-stream-row{padding:0 0 10px}.stream-slider-wrap{position:relative;margin-top:0;margin-bottom:16px;padding:16px;border-radius:20px;background:linear-gradient(135deg,#a855f71a,#ec48991a);border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 0 20px #a855f733;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.live-stream-thumb img{width:100%;height:160px;object-fit:cover;border-radius:14px}.live-stream-card span{font-size:12px;color:#facc15;font-weight:700}.game-categories{position:relative;z-index:3;display:flex;gap:18px;flex-wrap:wrap;margin-top:18px;margin-bottom:24px;padding:12px;border-radius:20px;background:linear-gradient(135deg,#22d3ee1a,#a855f71a);border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 0 15px #22d3ee33;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.game-pill{position:relative;padding:12px 22px;border-radius:999px;background:linear-gradient(135deg,#7c3aed59,#ec489959);color:#fff;font-size:14px;font-weight:700;cursor:pointer;border:1px solid rgba(255,255,255,.12);box-shadow:0 6px 16px #00000059;transition:all .3s ease;overflow:hidden}.game-pill:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at var(--x) var(--y),rgba(255,255,255,.25),transparent 40%);opacity:0;transition:opacity .2s}.game-pill:hover:after{opacity:1}.game-pill:hover{transform:translateY(-2px) scale(1.06);background:linear-gradient(135deg,#7c3aedb3,#ec4899b3);box-shadow:0 0 26px #ec4899d9,0 0 40px #22d3ee99;border-color:#ffffff4d}.game-pill.active{box-shadow:0 0 28px #22d3eee6,0 0 50px #a855f7cc,0 0 80px #ffd70099;transform:scale(1.15);border-color:#ffffff80;animation:pulseGlow 1.5s ease-in-out infinite}@keyframes pulseGlow{0%,to{box-shadow:0 0 28px #22d3eee6,0 0 50px #a855f7cc,0 0 80px #ffd70099;transform:scale(1.15)}50%{box-shadow:0 0 40px #22d3ee,0 0 70px #a855f7,0 0 100px #ffd700e6;transform:scale(1.2)}}@keyframes floatingXP{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-6px) rotate(3deg)}}.xp-badge{position:absolute;left:50%;top:-14px;transform:translate(-50%) translateY(10px) scale(.8);font-size:11px;font-weight:900;padding:6px 10px;border-radius:999px;background:linear-gradient(135deg,#22d3ee,#a855f7);color:#000;opacity:0;pointer-events:none;box-shadow:0 0 12px #22d3eee6,0 0 24px #a855f7b3;transition:opacity .25s ease,transform .25s ease}.game-pill:hover .xp-badge{opacity:1;transform:translate(-50%) translateY(-14px) scale(1);animation:xpFloatUp 1.4s ease-out infinite}@keyframes xpFloatUp{0%{transform:translate(-50%) translateY(-10px) scale(1);opacity:1}50%{transform:translate(-50%) translateY(-20px) scale(1.05);opacity:1}to{transform:translate(-50%) translateY(-28px) scale(.95);opacity:.85}}.hype-stream-row{display:flex;gap:20px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;margin-top:20px;padding:0 40px 10px 20px}.hype-stream-row::-webkit-scrollbar{display:none}.hype-stream-card{min-width:230px;max-width:230px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;text-align:center;border-radius:18px;overflow:hidden}.hype-thumb{width:100%}.hype-thumb img{width:100%;height:150px;object-fit:cover;border-radius:14px}.hype-info{padding:14px 12px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}.hype-badge{position:absolute;top:12px;left:50%;transform:translate(-50%);color:#000}.hype-stream-row{gap:18px;justify-content:flex-start}.hype-info h4{font-size:14px;font-weight:900;transition:transform .25s ease,text-shadow .25s ease}.hype-stream-card:hover h4{transform:scale(1.05);text-shadow:0 0 12px rgba(34,211,238,.7)}@keyframes floatingXP{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(5deg)}}.hype-stream-card{background:linear-gradient(135deg,#1f0933,#3b1370,#1f0933);border:2px solid rgba(255,215,0,.3);box-shadow:0 15px 40px #0009,inset 0 0 30px #ffd70033,0 0 20px #ffd70066;transition:all .3s ease}.hype-stream-card:hover{transform:translateY(-8px) scale(1.03);border-color:#ffd700cc;box-shadow:0 25px 50px #000c,inset 0 0 40px #ffd70066,0 0 30px #ffd700cc,0 0 50px #ffd7004d}.hype-stream-card,.live-stream-card{transition:transform .25s ease,box-shadow .25s ease}.hype-stream-card:hover,.live-stream-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px #a855f773,0 8px 20px #0000008c}.game-name,.hype-info h4{font-weight:800;letter-spacing:.3px;color:#7446a5;transition:color .25s ease,text-shadow .25s ease}.hype-stream-card:hover h4,.live-stream-card:hover .game-name{color:#67e8f9;text-shadow:0 0 10px rgba(34,211,238,.6)}.hype-title,.hype-header h2{font-weight:900;letter-spacing:.6px;color:#67e8f9;text-shadow:0 0 14px rgba(34,211,238,.7),0 0 28px rgba(168,85,247,.45)}.hype-badge{box-shadow:0 0 12px #f97316b3,0 4px 10px #00000080;padding:10px}.hype-info p{font-weight:700;color:#2747c5}.profile-popup{width:720px;padding:22px 20px 24px;border-radius:18px;text-align:center;background:#ec0f0f59;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.25);box-shadow:0 20px 60px #00000073;animation:popupScale .3s ease;position:relative;z-index:3100!important}@keyframes popupScale{0%{opacity:0;transform:scale(.92) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.profile-popup .close-btn{position:absolute;top:12px;right:12px;background:transparent;border:none;color:#fffc;cursor:pointer;transition:transform .2s ease,color .2s ease}.profile-popup .close-btn:hover{color:#fff;transform:rotate(90deg)}.profile-popup img{width:96px;height:96px;border-radius:50%;margin:6px auto 12px;border:2px solid rgba(255,255,255,.45);box-shadow:0 0 18px #a855f780}.popup-overlay{position:fixed;inset:0;background:#0a051499;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:3000!important}.profile-popup h2{font-size:20px;font-weight:700;margin-bottom:4px}.profile-popup p{font-size:13px;opacity:.85;margin-bottom:18px}.profile-popup .follow-btn{width:100%;padding:10px;border-radius:999px;border:none;cursor:pointer;background:linear-gradient(135deg,#a855f7,#ec4899);color:#fff;font-weight:600;letter-spacing:.3px;transition:transform .2s ease,box-shadow .2s ease}.profile-popup .follow-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #e1dcde8c}.view-more-popup{width:92vw;max-width:1320px;height:82vh;background:linear-gradient(135deg,#1e0a3cf2,#0f051ef2);border-radius:22px;padding:28px 28px 32px;position:relative;overflow-y:auto;position:fixed;z-index:2100;border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 80px #000000d9,inset 0 0 40px #a855f740;z-index:2000!important}.view-more-popup .close-btn{position:absolute;top:18px;right:18px;width:42px;height:42px;border-radius:50%;margin-left:555px;display:flex;align-items:center;justify-content:center;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#fff;cursor:pointer;transition:all .25s ease}.profile-popup.glass{position:fixed;z-index:4100;top:50%;left:50%;transform:translate(-50%,-50%)}.view-more-popup .close-btn:hover{background:#a855f759;transform:rotate(90deg) scale(1.08)}.view-more-popup::-webkit-scrollbar{width:0}.view-more-title{text-align:center;font-size:26px;font-weight:900;margin-bottom:28px;background:linear-gradient(135deg,#22d3ee,#a855f7,#f0f);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.view-more-content{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:48px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.view-more-content .live-stream-card,.view-more-content .top-streamer-card,.view-more-content .hype-stream-card{margin:0}.view-more-content .live-stream-card:hover,.view-more-content .hype-stream-card:hover{transform:translateY(-6px) scale(1.02)}.view-more-popup{padding:22px;border-radius:22px}.view-more-content{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));align-items:stretch;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:48px}.view-more-popup:after,.view-more-popup:before{display:none!important}.view-more-popup hr,.view-more-popup div[style*="height: 2px"],.view-more-popup div[style*="height: 3px"]{display:none!important}.view-more-content .live-stream-card{min-width:unset!important;width:100%;margin:0;padding:14px;transform:none}.view-more-content .live-stream-thumb img{height:150px;border-radius:14px}.view-more-content .live-stream-info{padding:12px 6px 0}.view-more-content .live-stream-card:hover{transform:translateY(-6px) scale(1.02)}.view-more-content .top-streamer-card{width:100%;min-width:unset;height:220px}.view-more-content .hype-stream-card{width:100%;min-width:unset;max-width:unset}.view-more-content>*{justify-self:stretch}.view-more-popup .close-btn{top:14px;right:14px;width:36px;height:36px;border-radius:50%;background:#ffffff1f}@media(max-width:768px){.view-more-content{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}.view-more-content .live-stream-thumb img{height:130px}}.view-more-card{opacity:0;transform:translateY(40px) scale(.96);animation:viewMoreCardIn .6s ease-out forwards}.view-more-card:nth-child(1){animation-delay:.05s}.view-more-card:nth-child(2){animation-delay:.12s}.view-more-card:nth-child(3){animation-delay:.18s}.view-more-card:nth-child(4){animation-delay:.24s}.view-more-card:nth-child(5){animation-delay:.3s}.view-more-card:nth-child(6){animation-delay:.36s}.view-more-card:nth-child(7){animation-delay:.42s}.view-more-card:nth-child(8){animation-delay:.48s}@keyframes viewMoreCardIn{0%{opacity:0;transform:translateY(40px) scale(.96);filter:blur(6px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.view-more-card img{opacity:0;transform:scale(1.1);animation:viewMoreImgIn .5s ease-out forwards;animation-delay:inherit}@keyframes viewMoreImgIn{0%{opacity:0;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.view-more-card h4,.view-more-card p,.view-more-card span{opacity:0;transform:translateY(10px);animation:viewMoreTextIn .4s ease-out forwards;animation-delay:calc(var(--delay, 0s) + .15s)}@keyframes viewMoreTextIn{to{opacity:1;transform:translateY(0)}}.view-more-card:hover{transform:translateY(-6px);box-shadow:0 12px 30px #a855f773}.view-more-card img{width:72px;height:72px;border-radius:50%;border:2px solid #a855f7}.view-more-card h4{font-size:15px;font-weight:600;margin:0}.view-more-card span{font-size:13px;color:#facc15;margin:0}.live-stream-card.view-more-card{min-width:230px;padding:16px;position:relative;text-align:center;background:linear-gradient(120deg,#8208d9,#440f5b,#0a082c,#401557);background-size:300% 300%;background-position:0% 50%;border-radius:18px;border:1px solid rgba(255,255,255,.12);box-shadow:0 10px 30px #0006,inset 0 0 20px #a855f74d}.live-stream-card.view-more-card .live-stream-thumb img{width:100%;height:160px;object-fit:cover;border-radius:14px}.live-stream-card.view-more-card .live-stream-info{padding:14px}.live-stream-card.view-more-card h4{font-size:15px;font-weight:700;margin-bottom:6px}.live-stream-card.view-more-card .game-name{font-size:12px;color:#c4b5fd;font-weight:600}.live-stream-card.view-more-card .stream-meta{display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-size:12px}.live-stream-card.view-more-card .viewer-count{display:flex;align-items:center;gap:4px;color:#facc15;font-weight:700}.live-stream-card.view-more-card .streamer-name{color:#e9d5ff;font-weight:600}.live-stream-card.view-more-card .live-badge{position:absolute;top:10px;left:10px;background:linear-gradient(90deg,#ff004c,#ff7a00);color:#fff;font-size:11px;padding:5px 10px;border-radius:999px;font-weight:800;box-shadow:0 0 14px #ff004cb3;animation:livePulse 1.4s infinite}.hype-stream-card.view-more-card{min-width:230px;max-width:230px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;text-align:center;border-radius:18px;overflow:hidden;background:linear-gradient(135deg,#1f0933,#3b1370,#1f0933);border:2px solid rgba(255,215,0,.3);box-shadow:0 15px 40px #0009,inset 0 0 30px #ffd70033,0 0 20px #ffd70066}.hype-stream-card.view-more-card .hype-thumb img{width:100%;height:150px;object-fit:cover;border-radius:14px}.hype-stream-card.view-more-card .hype-info{padding:14px 12px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}.hype-stream-card.view-more-card h4{font-size:14px;font-weight:900;margin:0}.hype-stream-card.view-more-card p{font-size:12px;color:#c7d2fe;margin:0 0 8px}.hype-stream-card.view-more-card .hype-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;width:100%}.view-more-card{background:linear-gradient(135deg,#7c3aed4d,#ec48994d);border:2px solid rgba(255,215,0,.3);box-shadow:0 8px 20px #0006;cursor:pointer;transition:all .3s ease}.view-more-card:hover{transform:translateY(-6px) scale(1.02);border-color:#ffd700cc;box-shadow:0 15px 35px #ffd70080}.view-more-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:38px}.view-more-content h4{font-size:18px;margin:0;color:#67e8f9}.view-more-content p{font-size:14px;color:#e5e7eb;margin:0}.profile-popup{z-index:9999!important;position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}.profile-popup.glass{background:#ffffff26!important;border:1px solid rgba(255,255,255,.3)!important;box-shadow:0 25px 70px #0009!important;z-index:9999!important;position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}.profile-popup.glass .follow-btn{background:linear-gradient(135deg,#22d3ee,#a855f7)!important;box-shadow:0 12px 35px #22d3ee99!important}.profile-popup.glass .follow-btn:hover{box-shadow:0 15px 40px #22d3eecc!important}.trend-header,.trending-header,.section-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.trend-header h2,.trending-header h3,.section-title h3{margin:0;flex:1}.view-more-bt{padding:8px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:linear-gradient(135deg,#7c3aed4d,#ec48994d);color:red;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 16px #00000059}.view-more-bt:hover{color:#fff}.view-more-popup .close-btn{position:absolute;top:14px;right:14px;z-index:9999;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#0000008c;border:1px solid rgba(255,255,255,.35);color:#fff;cursor:pointer;box-shadow:0 0 12px #a855f7e6,0 0 24px #0009}.view-more-popup .close-btn svg{stroke-width:2.5}.view-more-popup .close-btn:hover{background:#a855f7cc;transform:rotate(90deg) scale(1.1)}.close-btn{color:#fff}.view-more-btn:hover{transform:translateY(-2px) scale(1.05);background:linear-gradient(135deg,#7c3aedb3,#ec4899b3);box-shadow:0 0 26px #ec4899d9,0 0 40px #22d3ee99;border-color:#ffffff4d}.view-more-popup .view-more-card{display:none}.view-more-popup .top-streamer-card{min-width:220px;height:220px;border-radius:18px;background:linear-gradient(180deg,#5b1689,#2a0438);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease;border:1px solid rgba(255,255,255,.12);box-shadow:0 10px 30px #0006,inset 0 0 20px #a855f74d}.view-more-popup .top-streamer-card:hover{transform:translateY(-6px);box-shadow:0 12px 30px #a855f773}.view-more-popup .top-streamer-card img{width:72px;height:72px;border-radius:50%;border:2px solid #a855f7}.view-more-popup .top-streamer-card h4{font-size:15px;font-weight:600;margin:0}.view-more-popup .top-streamer-card span{font-size:13px;color:#facc15;margin:0}.view-more-popup .top-streamer-card .live-badge{display:none}.view-more-overlay{position:fixed;inset:0;z-index:2000;background:#0a051499;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.profile-overlay{position:fixed;inset:0;z-index:4000;background:#0a0514a6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.profile-overlay .profile-popup{z-index:4100;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.trending-wrapper{margin-top:20px}.trending-section{background:linear-gradient(135deg,#3a0ca3,#7209b7);padding:18px;border-radius:16px;box-shadow:0 15px 40px #7209b766;animation:slideFadeIn .6s ease forwards;transform:translateY(20px);opacity:0}.trending-section h3{font-size:30px;font-weight:700;color:#fff;letter-spacing:.5px;margin-bottom:16px;display:flex;align-items:center;gap:8px;bottom:25px;position:relative}.no-trending{margin-top:20px;padding:20px 24px;font-size:16px;font-weight:600;color:#fff;text-align:center;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:14px;animation:fadeUp .6s ease forwards}.no-trending span{color:#ff4d6d;font-weight:700;margin-left:6px;cursor:pointer;transition:.3s ease}.no-trending span:hover{text-shadow:0 0 10px rgba(255,77,109,.8)}.trending-card{display:flex;justify-content:space-between;padding:10px 14px;margin-top:10px;background:#ffffff14;border-radius:10px;transition:.3s ease}.trending-card:hover{background:#ffffff26;transform:scale(1.02)}@keyframes slideFadeIn{to{opacity:1;transform:translateY(0)}}.trending-live-badge{position:absolute;top:10px;left:10px;background:red;color:#fff;font-size:12px;padding:4px 8px;border-radius:6px;font-weight:600}.trending-watch-btn{margin-top:10px;padding:6px 12px;background:#ff004f;border:none;border-radius:6px;color:#fff;font-size:13px;cursor:pointer;transition:.3s ease}.trending-watch-btn:hover{background:#e00045}.hero-image{width:100%;height:100%;object-fit:cover;transform:scale(1.05);transition:transform 6s ease}.hero-cover:hover .hero-image{transform:scale(1.1)}.hero-gradient{position:absolute;inset:0;background:linear-gradient(to top,#000000d9 20%,#0006 50%,#0003 70%);z-index:1}.hero-content{position:absolute;bottom:60px;left:60px;z-index:2;max-width:600px;animation:fadeUp 1.2s ease forwards}.hero-cover{position:relative;width:100%;height:85vh;overflow:hidden;border-radius:18px;margin-bottom:40px}.hero-image{width:100%;height:100%;object-fit:cover;filter:brightness(.6)}.hero-gradient{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.9),rgba(0,0,0,.4),transparent);z-index:1}.hero-overlay{position:absolute;bottom:100px;left:60px;z-index:2;color:#fff;max-width:600px}.hero-live-badge{display:inline-block;background:#ff003c;padding:6px 14px;border-radius:30px;font-weight:600;font-size:14px;margin-bottom:18px;box-shadow:0 0 20px #ff003c99}.hero-title{font-size:56px;font-weight:800;margin-bottom:20px;text-shadow:0 5px 25px rgba(0,0,0,.9)}.watc-btn{background:linear-gradient(135deg,#878384,#a6a5a5);border:none;padding:14px 30px;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;color:#fff;transition:all .3s ease}.watc-btn:hover{transform:translateY(-3px);box-shadow:0 12px 25px #ff003c80}.fade-in{animation:fadeHero 1.2s ease forwards}@keyframes fadeHero{0%{opacity:0;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width:480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.followers-page{width:100%;max-width:1100px;margin:0 auto;padding:25px}.followers-title{font-size:30px;letter-spacing:1px;margin-bottom:25px}.followers-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:24px;width:100%}.follower-card{background:linear-gradient(145deg,#0b0f1a,#111827);border-radius:14px;padding:20px;position:relative;text-align:center;border:1px solid rgba(0,247,255,.15);box-shadow:0 0 12px #00f7ff26;overflow:hidden;transition:transform .35s ease,box-shadow .35s ease}.follower-card:after{content:"";position:absolute;top:-50%;left:-120%;width:140%;height:200%;background:linear-gradient(120deg,transparent 0%,rgba(0,247,255,.35) 45%,rgba(124,58,237,.45) 50%,rgba(0,247,255,.35) 55%,transparent 100%);transform:skew(-20deg);opacity:0}.follower-card:before{content:"";position:absolute;inset:-3px;border-radius:inherit;background:linear-gradient(120deg,#002aff,#7c3aed,#3b636c);filter:blur(12px);opacity:0;z-index:-1;transition:opacity .3s ease}.follower-card:hover{transform:translateY(-6px) scale(1.04);box-shadow:0 0 26px #00f7ffb3,0 20px 45px #0009}.follower-card:hover:after{animation:stripeSweep .9s ease forwards;opacity:1}.follower-card:hover:before{opacity:1}@keyframes stripeSweep{0%{left:-120%}to{left:140%}}.follower-card h3{margin:10px 0 5px;font-size:18px}.follower-card p{font-size:14px;opacity:.8}.status-dot{width:10px;height:10px;border-radius:50%;position:absolute;top:15px;right:15px}.status-dot.online{background:#00ff9c;box-shadow:0 0 10px #00ff9c}.status-dot.offline{background:#ff4d4d}.status-dot.away{background:#ffd166;box-shadow:0 0 8px #ffd166}.status-text{display:block;margin:8px 0;font-size:13px;opacity:.9}.view-btn{margin-top:10px;padding:8px 14px;border:none;border-radius:20px;background:#00f7ff;color:#000;font-weight:600;cursor:pointer;transition:.3s}.view-btn:hover{background:#00c2cc;box-shadow:0 0 10px #00f7ff}.unfollow-btn{margin-top:10px;padding:8px 10px;border-radius:20px;border:1px solid rgba(255,60,60,.6);background:linear-gradient(135deg,#ff3c3c40,#b4000040);color:#ff4d4d;font-weight:600;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.unfollow-btn:hover{background:linear-gradient(135deg,#ff3c3c,#b00000);color:#fff;transform:translateY(-2px);box-shadow:0 0 12px #ff3c3ccc,0 0 24px #ff000080}.unfollow-btn:active{transform:scale(.95)}.section-title{font-size:32px;margin:-19px 0 20px;text-shadow:0 0 8px #00f7ff}.fav-title{font-size:32px;margin:35px 0 20px;text-shadow:0 0 8px #00f7ff}.favourite-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px}.favourite-card-hex{position:relative;padding:18px 14px;text-align:center;color:#fff;background:linear-gradient(135deg,#2a0a4a,#12001f);clip-path:polygon(8% 0%,92% 0%,100% 15%,100% 85%,92% 100%,8% 100%,0% 85%,0% 15%);border:1px solid rgba(255,215,0,.55);box-shadow:0 0 20px #ffd70047;font-size:14px;transition:transform .35s ease,box-shadow .35s ease}.favourite-card-hex:hover{transform:translateY(-4px) scale(1.03);box-shadow:0 0 32px #ffd700a6}.fav-badge{position:absolute;top:14px;right:16px;background:linear-gradient(135deg,gold,orange);color:#000;font-size:11px;font-weight:700;padding:4px 10px;border-radius:14px}.fav-status{font-size:13px;font-weight:600;margin-top:8px}.fav-status.online{color:#00ff9c}.fav-status.offline{color:#ff4d4d}.fav-mini-card{background:linear-gradient(135deg,#1a002a,#2a004f);padding:14px;border-radius:14px;text-align:center;border:1px solid rgba(255,215,0,.4);box-shadow:0 0 12px #ffd7004d;position:relative;transition:.3s}.fav-mini-card:hover{transform:translateY(-4px);box-shadow:0 0 22px #ffd700b3}.fav-star{position:absolute;top:8px;right:10px;color:gold;font-size:16px}.followers-controls{display:flex;gap:12px;margin-bottom:20px;margin-top:30px}.followers-controls input{flex:1;padding:8px 12px;border-radius:10px;border:none;background:#ffffff1f;color:#fff}.followers-controls select,.followers-controls button{padding:8px 12px;border-radius:10px;border:none;background:#ffffff1f;color:#fff;cursor:pointer}.followers-controls button.active-sort{background:linear-gradient(135deg,#8f5bff,#5f00ff)}.status-dot.online{background:#3cff00}.status-dot.offline{background:#e92121333}.status-dot.away{background:#ffb703}.followers-controls select{width:90px;min-width:unset;padding:6px 10px;font-size:13px;border-radius:999px;border:1px solid rgba(168,85,247,.5);background:linear-gradient(135deg,#8f5bff59,#5f00ff59);color:#fff;cursor:pointer;margin-top:15px}.followers-controls select option{background:#1b082f;color:#fff}.followers-controls input{width:180px;max-width:180px;padding:6px 12px;font-size:13px;border-radius:999px;border:1px solid rgba(168,85,247,.5);background:linear-gradient(135deg,#8f5bff40,#5f00ff40);color:#fff}.followers-controls input::placeholder{color:#ffffffa6}.glass{background:linear-gradient(135deg,#ffffff1f,#ffffff0a);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-radius:20px;border:1px solid rgba(255,255,255,.18);box-shadow:0 8px 30px #00000059,inset 0 0 .5px #fff9;padding:20px;max-width:420px}.followers-chart-card{margin-top:15px;margin-left:360px}.chart-title{font-size:18px;font-weight:700;margin-bottom:14px;color:var(--text-color)}.chart-legend{display:flex;justify-content:space-around;margin-top:10px;font-size:14px;color:#246af4}.chart-legend div{display:flex;align-items:center;gap:6px}.legend-dot{width:10px;height:10px;border-radius:50%;box-shadow:0 0 6px currentColor}.followers-chart-card:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00000073,0 0 20px #a855f759;transition:all .3s ease}.followers-grid-wrapper{position:relative}.followers-grid.locked{filter:blur(4px);pointer-events:none;-webkit-user-select:none;user-select:none}.squad-lock-overlay{position:absolute;inset:0;background:#0a05148c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:20}.squad-lock-content{text-align:center;background:#ffffff14;padding:22px 26px;border-radius:16px;border:1px solid rgba(255,255,255,.2);box-shadow:0 20px 50px #0009}.squad-lock-icon{font-size:32px;display:block;margin-bottom:10px}.login-squad-btn{padding:10px 18px;border-radius:999px;border:none;cursor:pointer;font-weight:600;background:linear-gradient(135deg,#22d3ee,#a855f7);color:#000;transition:transform .2s ease,box-shadow .2s ease}.login-squad-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #a855f799}@media(max-width:768px){.followers-page{padding:16px;margin-left:0}.followers-title,.section-title,.fav-title{font-size:24px;text-align:center}.followers-controls{flex-wrap:wrap;gap:10px;justify-content:center}.followers-controls input{width:100%;max-width:100%}.followers-controls select{width:120px}.followers-grid{grid-template-columns:repeat(2,1fr);gap:16px}.follower-card{padding:16px}.follower-card h3{font-size:16px}.follower-card p{font-size:13px}.favourite-grid{grid-template-columns:repeat(2,1fr);gap:16px}.favourite-card-hex{padding:14px 12px;font-size:13px}.followers-chart-card{margin-left:0;margin-top:24px;max-width:100%}.glass{max-width:100%;padding:16px}.squad-lock-content{padding:18px 20px}.login-squad-btn{width:100%}}@media(max-width:1024px){.sidebar{display:none!important;width:0!important;min-width:0!important}.dashboard,.followers-page,.main-content{margin-left:0!important;padding-left:16px!important;width:100%!important}}@media(max-width:600px){.watch-layout{padding:10px}.suggest-card img{width:70px;height:50px}.video-title{font-size:16px}.creator-name{font-size:14px}}.history-dropdown{width:auto;min-width:200px;max-width:220px;padding:4px 12px;height:28px;font-size:11.5px;font-weight:600;letter-spacing:.25px;border-radius:999px;text-align:center;white-space:nowrap;appearance:none;-webkit-appearance:none;-moz-appearance:none;background:linear-gradient(135deg,#ffffff1f,#ffffff0a),linear-gradient(135deg,#3b0a6b,#140022);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(168,85,247,.55);color:#fff;cursor:pointer;outline:none;transition:transform .2s ease,box-shadow .2s ease,background .25s ease;margin-top:10px}.history-dropdown:hover{background:linear-gradient(135deg,#ffffff2e,#ffffff0f),linear-gradient(135deg,#5b21b6,#1a0033);transform:translateY(-1px) scale(1.03);box-shadow:0 0 5px #a855f78c,0 0 14px #ec489966}.history-dropdown option{background:#160028;color:#fff;font-size:12px}.history-dropdown:focus{box-shadow:0 0 6px #a855f7d9,0 0 16px #ec489980}.history-lock-overlay{position:absolute;inset:0;background:#0a05148c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:20}.history-lock-content{text-align:center;background:#ffffff14;padding:22px 26px;border-radius:16px;border:1px solid rgba(255,255,255,.2);box-shadow:0 20px 50px #0009}.history-lock-icon{font-size:32px;display:block;margin-bottom:10px}.login-history-btn{padding:10px 18px;border-radius:999px;border:none;cursor:pointer;font-weight:600;background:linear-gradient(135deg,#22d3ee,#a855f7);color:#000;transition:transform .2s ease,box-shadow .2s ease}.login-history-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #a855f799}.clear-filter-btn{margin-left:auto;padding:6px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.3);background:#ffffff14;color:#fff;cursor:pointer;font-size:12px;transition:all .2s ease}.clear-filter-btn:hover{background:#a855f740;box-shadow:0 0 16px #a855f799}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;flex-wrap:wrap;gap:12px}.hist-title{font-size:32px;color:var(--heading-color)}.history-actions{display:flex;align-items:center;gap:16px;margin:16px 0;flex-wrap:wrap}.delete-toggle-btn,.confirm-delete-btn{background:linear-gradient(135deg,#a855f7,#6b21a8);border:none;padding:6px 14px;border-radius:18px;color:#fff;cursor:pointer;font-size:13px;white-space:nowrap}.delete-toggle-btn:hover,.confirm-delete-btn:hover{opacity:.85}.confirm-delete-btn:disabled{opacity:.4;cursor:not-allowed}.select-all{display:flex;align-items:center;gap:6px;color:#ccc;font-size:14px;white-space:nowrap}.select-all input{accent-color:#a855f7;transform:scale(1.1)}.history-header button{padding:6px 14px;border-radius:8px;border:none;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.history-header button:first-child{background:linear-gradient(135deg,#7b2ff7,#f107a3);color:#fff}.history-header button:first-child:hover{transform:scale(1.05);box-shadow:0 4px 12px #7b2ff766}.history-header button:nth-child(2){background:#2e2e4d;color:#fff}.history-header button:nth-child(2):hover{background:#3b3b6d}.history-header button:nth-child(3){background:linear-gradient(135deg,#ff4b4b,red);color:#fff}.history-header button:nth-child(3):hover{transform:scale(1.05);box-shadow:0 4px 12px #f006}.history-header button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}@media(max-width:1024px){.hist-title{font-size:26px}.history-actions{gap:12px;margin:12px 0}}@media(max-width:768px){.history-header{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:16px}.hist-title{font-size:22px}.history-actions{gap:8px;margin:8px 0;width:100%}.delete-toggle-btn,.confirm-delete-btn{font-size:12px;padding:6px 12px}.select-all{font-size:13px}.history-header button{font-size:13px;padding:6px 12px}}@media(max-width:480px){.history-header{gap:8px;margin-bottom:12px}.hist-title{font-size:20px}.history-actions{flex-wrap:wrap;gap:6px}.delete-toggle-btn,.confirm-delete-btn{font-size:12px;padding:5px 10px;border-radius:14px}.history-header button{font-size:12px;padding:5px 10px}.select-all{font-size:12px}}.history-empty-state{text-align:center;padding:80px 20px}.empty-icon{font-size:64px;margin-bottom:20px;display:inline-block;animation:jumpIcon 1.5s ease-in-out infinite}@keyframes jumpIcon{0%{transform:translateY(0)}30%{transform:translateY(-12px)}50%{transform:translateY(0)}70%{transform:translateY(-6px)}to{transform:translateY(0)}}.browse-history-btn{margin-top:20px;padding:10px 22px;border-radius:6px;border:none;background:linear-gradient(135deg,#f05,#ff4d88);color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:.3s ease}.browse-history-btn:hover{transform:scale(1.05);box-shadow:0 6px 20px #f056}.history-item{opacity:0;animation:dropStack .5s ease forwards;display:flex;align-items:flex-start;gap:10px}@keyframes dropStack{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.history-item.removing{opacity:0;transform:translate(-20px);transition:opacity .3s ease,transform .3s ease}.history-card{display:flex;flex-direction:row;align-items:flex-start;gap:22px;cursor:pointer;flex:1;border-radius:10px;padding:10px 8px;transition:background .2s ease}.history-card:hover{background:#ffffff0d}.history-thumb-wrap{width:260px;min-width:260px;height:146px;border-radius:10px;overflow:hidden;background:#1a0a2e;flex-shrink:0;position:relative}.history-thumb-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.history-card:hover .history-thumb-img{transform:scale(1.04)}.history-thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:28px;color:#ffffff4d;background:linear-gradient(135deg,#1f0a38,#0d0318)}.history-info{display:flex;flex-direction:column;gap:5px;padding-top:2px;flex:1;min-width:0}.history-title{font-size:17px;font-weight:600;color:#ffffffeb;margin:0;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-creator{font-size:14px;color:#ffffff80;margin:0}.history-watched{font-size:13px;color:#ffffff52;margin-top:2px}.card-checkbox{margin-top:38px;width:16px;height:16px;accent-color:#a855f7;cursor:pointer;flex-shrink:0}.light-mode .history-card:hover{background:#0000000a}.light-mode .history-title{color:#111}.light-mode .history-creator{color:#555}.light-mode .history-watched{color:#999}.light-mode .history-thumb-wrap{background:#e8e0f0}@media(max-width:1024px){.history-thumb-wrap{width:200px;min-width:200px;height:113px}.history-title{font-size:15px}.history-creator{font-size:13px}.history-watched{font-size:12px}.history-card{gap:16px;padding:8px 6px}}@media(max-width:768px){.history-item{gap:8px}.history-card{flex-direction:row;gap:12px;padding:8px 4px;align-items:center}.history-thumb-wrap{width:140px;min-width:140px;height:79px;border-radius:8px}.history-title{font-size:14px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.history-creator{font-size:12px}.history-watched{font-size:11px}.card-checkbox{margin-top:28px;width:14px;height:14px}}@media(max-width:480px){.history-card{gap:10px;padding:6px 2px}.history-thumb-wrap{width:110px;min-width:110px;height:62px;border-radius:6px}.history-title{font-size:13px}.history-creator{font-size:11px}.history-watched{font-size:10px}}.history-list{display:flex;flex-direction:column;gap:22px;max-width:1100px;perspective:1200px}@media(max-width:1024px){.history-list{max-width:100%;gap:16px}}@media(max-width:768px){.history-list{gap:12px;padding:0 4px}}@media(max-width:480px){.history-list{gap:10px;padding:0}}.history-page{padding:20px;color:var(--heading-color);min-height:calc(100vh - 100px);margin-left:10px}@media(max-width:1024px){.history-page{padding:16px;margin-left:0}}@media(max-width:768px){.history-page{padding:12px 10px;margin-left:0}}@media(max-width:480px){.history-page{padding:10px 8px;margin-left:0}}.history-list-wrapper{position:relative}.history-list{display:flex;flex-direction:column;gap:18px;max-width:900px;perspective:1200px}.history-list.locked{filter:blur(4px);pointer-events:none;-webkit-user-select:none;user-select:none}.history-item{opacity:0;animation:dropStack .6s ease forwards;transform-origin:top center;transition:opacity .3s ease,transform .3s ease}.history-item.removing{opacity:0;transform:translate(-20px)}@keyframes dropStack{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.video-modal-backdrop{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.video-modal{background:linear-gradient(145deg,#1a1a2e,#16213e);border-radius:16px;width:500px;max-width:90vw;padding:24px;position:relative;box-shadow:0 20px 60px #000c,0 0 30px #a855f74d;border:1px solid rgba(168,85,247,.3);animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.close-modal-btn{position:absolute;top:16px;right:16px;background:transparent;border:none;color:#fff;font-size:24px;cursor:pointer;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-modal-btn:hover{background:#ffffff1a;transform:scale(1.1)}.video-modal-content{display:flex;flex-direction:column;gap:20px}.video-modal-header{text-align:center}.video-modal-header h2{font-size:24px;color:#e9d5ff;margin:0 0 8px;text-shadow:0 0 10px rgba(168,85,247,.5)}.video-meta{display:flex;justify-content:center;gap:16px;font-size:14px;color:#a0a0c0}.video-modal-body{display:flex;gap:20px;align-items:flex-start}.video-thumbnail-large{width:160px;height:90px;border-radius:12px;background:linear-gradient(135deg,#1f2933,#000);display:flex;align-items:center;justify-content:center;flex-shrink:0}.play-icon-large{font-size:32px;color:#0e0e78}.history-video-player{width:100%;border-radius:10px}html,body{margin:0;padding:0;min-height:100%;overflow-x:hidden;background:radial-gradient(circle at center,#3b0a6b,#120018,#000)}*,*:before,*:after{box-sizing:border-box}.app-layout{display:flex;height:100vh;overflow:hidden}.sidebar{width:260px;height:100%;flex-shrink:0}.reels-page{flex:1;height:100%;overflow-y:scroll;scroll-snap-type:y mandatory;scroll-behavior:smooth;margin-top:40px;scrollbar-width:none}.reels-page::-webkit-scrollbar{display:none}.reels-loading{color:#fff;display:flex;justify-content:center;align-items:center;height:100vh;font-size:18px}@media(max-width:1280px){.sidebar{width:220px}}@media(max-width:1024px){.sidebar{width:180px}}@media(max-width:768px){.app-layout{flex-direction:column}.sidebar{display:none}.reels-page{margin-top:60px;width:100vw}}@media(max-width:480px){.reels-page{margin-top:56px}}.reel-section{height:100%;min-height:100%;display:flex;justify-content:center;align-items:center;padding:20px 0;box-sizing:border-box;scroll-snap-align:start}.reel-card{display:flex;flex-direction:row;align-items:flex-end;gap:16px}.reel-video-wrapper{position:relative;max-height:580px;aspect-ratio:9 / 16;width:auto;max-width:340px;border-radius:18px;overflow:hidden;background:#000;flex-shrink:0}.reel-video{width:100%;height:100%;object-fit:cover}.center-play{position:absolute;inset:0;display:grid;place-items:center;color:#fff;background:#00000040;z-index:2;pointer-events:auto;cursor:pointer}.reel-description{position:absolute;bottom:0;left:0;width:100%;padding:14px 16px 18px;z-index:5;pointer-events:none}.reel-desc-gradient{position:absolute;inset:0;z-index:0;background:linear-gradient(to top,rgba(0,0,0,.75),rgba(0,0,0,.3),transparent)}.reel-desc-content{position:relative;display:flex;flex-direction:column;gap:6px;color:#fff;z-index:1}.reel-username{font-size:14px;font-weight:600}.reel-text{font-size:13px;line-height:1.35;max-width:85%;opacity:.95;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:1024px){.reel-card{gap:14px}.reel-video-wrapper{max-width:300px;max-height:520px}}@media(max-width:768px){.reel-section{height:100svh;min-height:100svh;padding:10px 0}.reel-card{flex-direction:column;align-items:center;gap:12px}.reel-video-wrapper{max-width:min(90vw,340px);max-height:72svh;border-radius:14px}}@media(max-width:480px){.reel-section{padding:8px 0}.reel-video-wrapper{max-width:95vw;max-height:68svh;border-radius:10px}.reel-username{font-size:13px}.reel-text{font-size:12px}}@media(max-width:380px){.reel-video-wrapper{max-width:98vw;max-height:66svh}}.ig-comments-panel{position:fixed;top:50%;right:40px;transform:translateY(-50%);width:350px;max-height:60vh;background:#121212;color:#fff;display:flex;flex-direction:column;border-radius:18px;box-shadow:0 25px 80px #000000b3;z-index:1000;overflow:hidden}.light-mode .ig-comments-panel{background:#dad7d7}.ig-comments-list{flex:1;overflow-y:auto;padding-bottom:80px}.ig-comment-input{position:sticky;bottom:0;background:#0f0f0f;padding:10px;border-top:1px solid #2a2a2a}.ig-comment-input input{width:100%;background:#1b1b1b;border:1px solid #333;border-radius:6px;padding:8px 10px;color:#fff;font-size:14px;outline:none}.ig-comment-input input::placeholder{color:#ffffff80}.ig-comments-header{padding:14px;border-bottom:1px solid #2a2a2a;display:flex;justify-content:space-between}.light-mode .ig-comments-header{color:#000}.ig-comment{display:flex;gap:10px;padding:12px}.username{font-weight:600;font-size:13px}.light-mode .username{color:#000}.comment-header{display:flex;align-items:center;justify-content:space-between}.delete-icon{background:transparent;border:none;padding:2px;cursor:pointer;color:#ffffff8c;display:flex;align-items:center}.light-mode .delete-icon{color:#000}.delete-icon:hover{color:#fff}.empty-comments{text-align:center;margin-top:40px;color:#fff9}.light-mode .empty-comments{color:#000}.empty-comments p{font-size:15px;font-weight:500;margin-bottom:6px}.empty-comments span{font-size:13px;opacity:.8}.text{font-size:14px;margin:4px 0}.light-mode .text{color:#000}.comment-actions{display:flex;gap:12px;font-size:12px;color:#aaa}.light-mode .comment-actions{color:#000}.comment-actions button{background:none;border:none;color:inherit;cursor:pointer}.comment-actions .active{color:#3ea6ff}.comment-actions .delete{color:#ff6b6b}.reply-box{margin-top:8px}.reply-box input{width:100%;padding:6px;background:#1b1b1b;border:1px solid #333;color:#fff}.reply-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:6px}.reply-actions .primary{background:#3ea6ff;color:#fff;padding:4px 10px;border-radius:4px}.replies{margin-left:32px;margin-top:6px;font-size:13px}.nested-reply-btn{font-size:12px!important;color:#666!important;background:transparent!important;border:none!important;padding:2px 6px!important;border-radius:4px!important;cursor:pointer!important;transition:all .2s ease!important;margin-left:auto!important}.nested-reply-btn:hover{background:#e9ecef!important;color:#333!important}.nested-reply-box{margin-top:8px;margin-left:24px;padding:8px;background:#1b1b1b;border:1px solid #333;border-radius:6px}.nested-reply-box input{width:100%;padding:6px;background:#1b1b1b;border:1px solid #333;color:#fff;border-radius:4px;font-size:13px}.nested-reply-box input::placeholder{color:#ffffff80}.saved-backdrop{position:fixed;inset:0;background:#00000059;z-index:998}.saved-panel{position:fixed;right:30px;bottom:30px;width:320px;height:420px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff1f;border:1px solid rgba(255,255,255,.25);border-radius:16px;z-index:999;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000073}.saved-header{padding:14px;display:flex;justify-content:space-between;align-items:center;color:#fff;border-bottom:1px solid rgba(255,255,255,.25)}.saved-header button{background:none;border:none;color:#fff;cursor:pointer}.saved-list{padding:14px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px;overflow-y:auto}.saved-item{border-radius:10px;overflow:hidden;cursor:pointer;border:1px solid rgba(255,255,255,.2)}.saved-item video{width:100%;height:100%;object-fit:cover}.empty{color:#fff;opacity:.7}.presenting-page{min-height:100vh;background:radial-gradient(circle at center,#3b0a6b,#120018,#000);color:#fff}.light-mode .presenting-page{background:#fff!important;color:#111}.presenting-top{padding:12px 24px;display:flex;justify-content:center;align-items:center;font-size:14px}.room-topbar{grid-column:1 / -1;display:flex;justify-content:flex-start;align-items:center;background:#120018d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:8px 16px;position:sticky;top:0;z-index:100}.backing-btn{padding:10px 16px;border-radius:10px;margin-top:0;border:none;cursor:pointer;background:linear-gradient(135deg,#a855f7,#6b21a8);color:#fff;font-weight:600;box-shadow:0 0 12px #a855f7b3;transition:transform .2s ease;margin-left:12px}.backing-btn:hover{background:#fff3;transform:scale(1.05)}.light-mode .backing-btn:hover{background:#fff}.watch-layout{display:flex;gap:24px;padding:16px 24px 40px;width:100%;max-width:1600px;margin:0 auto;box-sizing:border-box;align-items:flex-start}.watch-left{flex:1;min-width:0}@media(max-width:1200px){.watch-layout{gap:20px;padding:16px}}@media(max-width:900px){.watch-layout{flex-direction:column;gap:16px;padding:12px}.watch-left{width:100%}}@media(max-width:500px){.watch-layout{padding:8px}.presenting-top{font-size:13px;padding:8px 16px}.backing-btn{width:60px;height:38px;font-size:14px}}.video-player{width:100%;aspect-ratio:16 / 9;background:#000;border-radius:16px;overflow:hidden;position:relative}.watch-video{width:100%;height:100%;object-fit:cover;border-radius:16px;display:block}.video-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#2a084d;border-radius:16px;border:2px dashed #6b21a8;min-height:300px}.video-placeholder p{color:#9f7aea;font-size:16px;font-weight:600;text-align:center;padding:20px}.video-controls{position:absolute;bottom:36px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:0 16px;color:#fff;z-index:10}.controls-left,.controls-right{display:flex;align-items:center;gap:12px}.control-btn{background:#0009;border:none;color:#fff;padding:6px 10px;border-radius:6px;cursor:pointer;font-size:13px}.control-btn:hover{background:#fff3}.time-text{font-size:12px;opacity:.9}.progress-bar{position:absolute;bottom:18px;left:16px;right:16px;margin-bottom:57px;height:4px;background:#ffffff40;border-radius:2px;cursor:pointer}.progress-filled{width:18%;height:100%;background:#551484;border-radius:2px}.video-title-row{display:flex;justify-content:space-between;align-items:center;margin-top:14px;gap:20px}.video-title-left{display:flex;flex-direction:column;gap:4px}.video-tit{font-size:20px;font-weight:500;line-height:1.3;letter-spacing:.3px;display:inline-block;background-size:200% auto;overflow:hidden;white-space:nowrap;width:0;animation:titleTypingLoop 3.5s steps(40,end) infinite}@keyframes titleTypingLoop{0%{width:0}40%{width:100%}70%{width:100%}to{width:0}}.video-channel-name{display:block;margin-top:6px;font-size:14px;color:#aaa;cursor:pointer;text-decoration:none}.video-channel-name:hover{color:#fff}.video-actions-right{display:flex;gap:10px}.video-action-btn{display:flex;align-items:center;gap:6px;background:#ffffff14;color:#fff;border:none;padding:6px 14px;border-radius:18px;font-size:13px;cursor:pointer;transition:background .2s,transform .15s}.video-action-btn:hover{background:#ffffff29;transform:translateY(-1px)}.video-action-btn svg{font-size:15px}.active-like{background:#a855f74d;color:#c084fc}.light-mode .video-action-btn{color:#000}.light-mode .video-action-btn:hover{background:gray}@media(max-width:500px){.video-title-row{flex-direction:column;align-items:flex-start;gap:10px}.video-actions-right{width:100%;justify-content:space-between}}.comments-section{width:100%;max-width:720px;margin-top:25px;color:#fff;background:transparent;padding:20px;border-radius:12px}.comment-input-wrapper{display:flex;gap:12px;margin-bottom:20px}.comment-input-wrapper input{flex:1;background:transparent;border:none;border-bottom:1px solid #444;padding:8px 4px;color:#fff;font-size:14px;outline:none}.comment-input-wrapper input:focus{border-bottom:1px solid #6c4dff}.comment-input-wrapper button{background:#6c4dff;border:none;padding:6px 16px;border-radius:18px;color:#fff;font-size:13px;cursor:pointer;transition:.2s ease}.comment-input-wrapper button:hover{background:#5839d6}.comment-item{display:flex;gap:12px;margin-bottom:18px;padding:10px 0;border-bottom:1px solid #222;font-size:14px}.comment-avatar{width:36px;height:36px;border-radius:50%;background:#6c4dff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0}.comment-body{flex:1}.comment-username{font-size:13px;font-weight:600;margin-bottom:2px;color:#ff004f}.comment-text{font-size:14px;line-height:1.4;margin-bottom:6px;color:#ddd}.comment-replies{margin-top:10px;margin-left:48px;border-left:1px solid #333;padding-left:12px}.watch-right{flex:0 0 320px;width:320px;background:#140a28d9;border-radius:14px;padding:16px;max-height:90vh;overflow-y:auto;align-self:flex-start;position:sticky;top:20px}.light-mode .watch-right{background:#fff}.recommended-title{margin-bottom:14px;font-size:18px;font-weight:700}.recommended-item{display:flex;gap:10px;cursor:pointer;margin-bottom:12px;padding:6px;border-radius:10px;transition:background .2s ease}.recommended-item:hover{background:#ffffff0f}.recommended-item:last-child{margin-bottom:0}.recommended-thumb{width:120px;height:68px;object-fit:cover;border-radius:8px;flex-shrink:0;background:#1a0030;display:block}.recommended-info{display:flex;flex-direction:column;gap:4px;overflow:hidden;flex:1}.recommended-video-tit{font-size:13px;font-weight:500;line-height:1.3;color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;opacity:0;transform:translateY(6px);animation:recTitleReveal .4s ease-out forwards;animation-delay:.1s}@keyframes recTitleReveal{to{opacity:1;transform:translateY(0)}}.recommended-channel{font-size:12px;color:#aaa}.watch-right::-webkit-scrollbar{width:4px}.watch-right::-webkit-scrollbar-thumb{background:#a855f766;border-radius:999px}@media(max-width:1200px){.watch-right{flex:0 0 260px;width:260px}.recommended-thumb{width:100px;height:56px}}@media(max-width:900px){.watch-right{flex:none;width:100%;max-height:none;position:static;margin-top:20px}.recommended-thumb{width:140px;height:80px}}@media(max-width:500px){.recommended-item{flex-direction:column}.recommended-thumb{width:100%;height:160px}.watch-right{padding:12px}}.page{display:grid;grid-template-columns:3fr 1.2fr;width:100vw;height:calc(100vh - 60px);background:transparent;gap:0;padding:60px 0 0;margin-top:0;align-items:stretch;overflow-x:hidden!important;overflow-y:auto}.light-mode .page{background:#fff!important;color:#111}.room-topbar{grid-column:1 / -1;display:flex;justify-content:flex-start;align-items:center;background:#120018d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:8px 16px;position:sticky;top:0;z-index:100;left:unset;right:unset}.light-mode .room-topbar{background:#fff!important}.back-btn{padding:8px 16px;border-radius:10px;margin-top:0;border:none;cursor:pointer;background:linear-gradient(135deg,#a855f7,#6b21a8);color:#fff;font-weight:600;box-shadow:0 0 12px #a855f7b3;transition:transform .2s ease}.page{display:grid;grid-template-columns:3fr 1.2fr;grid-template-rows:auto 1fr;width:100vw;min-height:100vh;background:transparent;gap:0;padding:0;margin-top:0;overflow-x:hidden}.live-badge{padding:6px 14px;border-radius:999px;margin-top:47px;background:red;color:#fff;font-size:14px;font-weight:700;margin-left:85pc;box-shadow:0 0 14px #f00c}.stream-section{background:#1c0f2e;padding:14px;display:flex;flex-direction:column;height:100%;position:relative;border-right:1px solid rgba(255,255,255,.05);overflow:hidden}.stream-section:before{content:"";position:absolute;top:-60px;left:-60px;width:320px;height:320px;background:radial-gradient(circle,rgba(168,85,247,.18) 0%,transparent 70%);pointer-events:none;border-radius:50%}.video-wrapper{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:16px;overflow:hidden;background:#2a1a40;border:1px solid rgba(168,85,247,.35);box-shadow:0 0 0 1px #ffffff0f,0 8px 40px #00000073,0 0 80px #8b5cf61f;flex-shrink:0}.waiting-screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#2e1050,#1c0a38 45%,#110620);gap:20px;z-index:2}.waiting-screen:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 40% at 30% 60%,rgba(168,85,247,.14) 0%,transparent 60%),radial-gradient(ellipse 40% 50% at 70% 30%,rgba(99,102,241,.1) 0%,transparent 60%);pointer-events:none}.light-mode .stream-section{background:#fff}.right-panel{display:flex;flex-direction:column;height:100%}.watch-banner{position:absolute;bottom:10px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:8px 16px;background:#000000b3;border-radius:20px;border:2px solid #22c55e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;animation:bannerSlideUp .4s ease-out}@keyframes bannerSlideUp{0%{transform:translate(-50%) translateY(20px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.watch-text{font-size:14px;font-weight:700;color:#22c55e;text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 8px rgba(34,197,94,.6)}.watch-btn{padding:6px 12px;border-radius:16px;border:none;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;font-weight:600;cursor:pointer;box-shadow:0 0 12px #22c55e80;transition:transform .2s ease,box-shadow .2s ease}.watch-btn:hover{transform:scale(1.05);box-shadow:0 0 18px #22c55ecc}.watch-btn:active{transform:scale(.98)}.gift-message{background:linear-gradient(90deg,#fc0,#ff6a00);padding:6px 10px;border-radius:8px;color:#000;font-weight:700;animation:glow 1s infinite alternate}@keyframes glow{0%{box-shadow:0 0 6px gold}to{box-shadow:0 0 14px orange}}.auth-overlay{position:fixed;inset:0;z-index:9999}.stream-lock-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.stream-lock-content{text-align:center;color:#fff}.stream-lock-icon{font-size:48px;display:block;margin-bottom:16px}.login-stream-btn{background:#28a745;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:16px;cursor:pointer;transition:background .3s}.login-stream-btn:hover{background:#1e7e34}.slider{width:100%;height:100%;overflow:hidden;position:relative}.image-slider{position:absolute;inset:0;z-index:1}.slide-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transform:translate(0)}.slide-img.current{z-index:2}.slide-img.next{transform:translate(100%);z-index:1}.slide-img.current.slide-out{transition:transform .6s ease;transform:translate(-100%)}.slide-img.next.slide-in{transition:transform .6s ease;transform:translate(0)}.slide-wrapper{position:relative;width:100%;height:100%}.sponsored-badge{position:absolute;top:12px;left:12px;padding:4px 10px;font-size:11px;font-weight:600;border-radius:6px;background:#000000a6;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);letter-spacing:.5px;text-transform:uppercase;z-index:5}@media(max-width:1024px){.page{display:flex!important;flex-direction:column!important;width:100vw!important;height:auto!important;min-height:100vh!important;overflow-x:hidden!important;overflow-y:auto!important;padding:0!important;box-sizing:border-box!important}.room-topbar{width:100%!important;box-sizing:border-box!important;padding:10px 20px!important}.stream-section{width:100%!important;box-sizing:border-box!important;padding:16px!important;height:auto!important}.video-wrapper{width:100%!important;aspect-ratio:16 / 9!important;height:auto!important;border-radius:12px!important}.streaming-card{padding:14px!important}.stream-header{flex-direction:row!important;align-items:center!important;justify-content:space-between!important;flex-wrap:wrap!important;gap:12px!important}.stream-actions{display:flex!important;flex-direction:row!important;gap:10px!important;flex-wrap:nowrap!important}.viewer-btn,.like-btn{font-size:14px!important;padding:8px 14px!important}.follow-btn{width:130px!important;font-size:14px!important;padding:8px 14px!important;margin-right:0!important}.right-panel{width:100%!important;box-sizing:border-box!important;height:auto!important;display:flex!important;flex-direction:row!important;align-items:flex-start!important;gap:0!important;flex-wrap:wrap!important}.chat-section{flex:2!important;min-width:300px!important;height:500px!important;min-height:500px!important;max-height:500px!important;box-sizing:border-box!important}.chat-footer{margin-left:10px!important;margin-right:10px!important}.donation-bar-wrapper,.live-suggestions{flex:1!important;min-width:220px!important;box-sizing:border-box!important}.donation-boxes{width:100%!important;box-sizing:border-box!important;display:flex!important;gap:8px!important;padding:10px!important;flex-wrap:wrap!important}.donation-card{flex:1!important;font-size:14px!important;padding:8px 6px!important;min-width:0!important}.live-suggestions{padding:12px!important;overflow-y:auto!important;max-height:500px!important}.suggest-title{font-size:18px!important}.suggest-card{display:flex!important;flex-direction:row!important;align-items:center!important;gap:10px!important;width:100%!important;box-sizing:border-box!important}.suggest-card img{width:110px!important;height:65px!important;flex-shrink:0!important;object-fit:cover!important;border-radius:8px!important}.suggest-card h4{font-size:13px!important}.suggest-card p{font-size:11px!important}.live-badge{position:absolute!important;top:10px!important;right:10px!important;margin:0!important;z-index:10!important}.stream-description{font-size:13px!important;padding:12px 14px!important;margin-top:12px!important}}@media(max-width:768px){.page{display:flex!important;flex-direction:column!important;width:100vw!important;min-height:100vh!important;height:auto!important;overflow-x:hidden!important;overflow-y:auto!important;padding:0!important;margin:0!important;box-sizing:border-box!important}.room-topbar{width:100%!important;box-sizing:border-box!important;padding:10px 14px!important}.light-mode .room-topbar{background:#fff!important;border-bottom:1px solid #eaeaea!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.stream-section{width:100%!important;box-sizing:border-box!important;padding:10px!important;height:auto!important}.video-wrapper{width:100%!important;aspect-ratio:16 / 9!important;height:auto!important;border-radius:10px!important}.streaming-card{padding:10px!important}.stream-header{flex-direction:column!important;align-items:flex-start!important;gap:10px!important}.stream-actions{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:8px!important;width:100%!important}.viewer-btn{flex:1!important;text-align:center!important;font-size:13px!important;padding:8px 10px!important}.like-btn{flex:1!important;font-size:13px!important;padding:8px 10px!important}.follow-btn{flex:1!important;width:auto!important;min-width:0!important;margin-right:0!important;font-size:13px!important;padding:8px 10px!important}.right-panel{width:100%!important;box-sizing:border-box!important;height:auto!important;display:flex!important;flex-direction:column!important}.chat-section{width:100%!important;height:400px!important;min-height:400px!important;max-height:400px!important;box-sizing:border-box!important}.chat-footer{margin-left:8px!important;margin-right:8px!important}.donation-boxes{width:100%!important;box-sizing:border-box!important;display:flex!important;flex-wrap:nowrap!important;gap:6px!important;padding:8px!important}.donation-card{flex:1!important;font-size:12px!important;padding:6px 4px!important;min-width:0!important}.live-suggestions{width:100%!important;box-sizing:border-box!important;padding:10px!important;overflow-y:visible!important}.suggest-card{display:flex!important;flex-direction:row!important;align-items:center!important;width:100%!important;box-sizing:border-box!important;gap:10px!important}.suggest-card img{width:100px!important;height:60px!important;flex-shrink:0!important;border-radius:8px!important;object-fit:cover!important}.suggest-card h4{font-size:13px!important;margin:0 0 4px!important}.suggest-card p{font-size:11px!important}.live-badge{position:absolute!important;top:8px!important;right:8px!important;margin:0!important;z-index:10!important}}@media(max-width:480px){.stream-section{padding:6px}.stream-info h2{font-size:16px}.streaming-card{padding:8px}.viewer-btn,.like-btn,.follow-btn{font-size:12px;padding:6px 8px;border-radius:8px}.chat-section{height:380px;min-height:380px;max-height:380px}.chat-footer{margin-left:6px;margin-right:6px}.donation-card{font-size:12px;padding:5px 8px}.suggest-card img{width:75px;height:46px}.suggest-card h4{font-size:12px}.suggest-card p{font-size:10px}}[data-lk-theme=default]{color-scheme:dark;--lk-bg: #111;--lk-bg2: rgb(29.75, 29.75, 29.75);--lk-bg3: rgb(42.5, 42.5, 42.5);--lk-bg4: rgb(55.25, 55.25, 55.25);--lk-bg5: #444444;--lk-fg: #fff;--lk-fg2: rgb(244.8, 244.8, 244.8);--lk-fg3: rgb(234.6, 234.6, 234.6);--lk-fg4: rgb(224.4, 224.4, 224.4);--lk-fg5: rgb(214.2, 214.2, 214.2);--lk-border-color: rgba(255, 255, 255, .1);--lk-accent-fg: #fff;--lk-accent-bg: #1f8cf9;--lk-accent2: rgb(50.867826087, 150.2, 249.532173913);--lk-accent3: rgb(70.7356521739, 160.4, 250.0643478261);--lk-accent4: rgb(90.6034782609, 170.6, 250.5965217391);--lk-danger-fg: #fff;--lk-danger: #f91f31;--lk-danger2: rgb(249.532173913, 50.867826087, 67.2713043478);--lk-danger3: rgb(250.0643478261, 70.7356521739, 85.5426086957);--lk-danger4: rgb(250.5965217391, 90.6034782609, 103.8139130435);--lk-success-fg: #fff;--lk-success: #1ff968;--lk-success2: rgb(50.867826087, 249.532173913, 117.3930434783);--lk-success3: rgb(70.7356521739, 250.0643478261, 130.7860869565);--lk-success4: rgb(90.6034782609, 250.5965217391, 144.1791304348);--lk-control-fg: var(--lk-fg);--lk-control-bg: var(--lk-bg2);--lk-control-hover-bg: var(--lk-bg3);--lk-control-active-bg: var(--lk-bg4);--lk-control-active-hover-bg: var(--lk-bg5);--lk-connection-excellent: #06db4d;--lk-connection-good: #f9b11f;--lk-connection-poor: #f91f31;--lk-font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--lk-font-size: 16px;--lk-line-height: 1.5;--lk-border-radius: .5rem;--lk-box-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .15);--lk-drop-shadow: rgba(255, 255, 255, .2) 0px 0px 24px;--lk-grid-gap: .5rem;--lk-control-bar-height: 69px;--lk-chat-header-height: 69px}.lk-button,.lk-start-audio-button,.lk-chat-toggle,.lk-disconnect-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;color:var(--lk-control-fg);background-image:none;background-color:var(--lk-control-bg);border:0;border-radius:var(--lk-border-radius);cursor:pointer;white-space:nowrap;font-size:inherit;line-height:inherit;-webkit-user-select:none;user-select:none}.lk-button:not(:disabled):hover,.lk-start-audio-button:not(:disabled):hover,.lk-chat-toggle:not(:disabled):hover,.lk-disconnect-button:not(:disabled):hover{background-color:var(--lk-control-hover-bg)}.lk-button>svg,.lk-start-audio-button>svg,.lk-chat-toggle>svg,.lk-disconnect-button>svg{overflow:visible}.lk-button[aria-pressed=true],[aria-pressed=true].lk-start-audio-button,[aria-pressed=true].lk-chat-toggle,[aria-pressed=true].lk-disconnect-button{background-color:var(--lk-control-active-bg)}.lk-button[aria-pressed=true]:hover,[aria-pressed=true].lk-start-audio-button:hover,[aria-pressed=true].lk-chat-toggle:hover,[aria-pressed=true].lk-disconnect-button:hover{background-color:var(--lk-control-active-hover-bg)}.lk-button[data-lk-source=screen_share][data-lk-enabled=true],[data-lk-source=screen_share][data-lk-enabled=true].lk-start-audio-button,[data-lk-source=screen_share][data-lk-enabled=true].lk-chat-toggle,[data-lk-source=screen_share][data-lk-enabled=true].lk-disconnect-button{background-color:var(--lk-accent-bg)}.lk-button[data-lk-source=screen_share][data-lk-enabled=true]:hover,[data-lk-source=screen_share][data-lk-enabled=true].lk-start-audio-button:hover,[data-lk-source=screen_share][data-lk-enabled=true].lk-chat-toggle:hover,[data-lk-source=screen_share][data-lk-enabled=true].lk-disconnect-button:hover{background-color:var(--lk-accent2)}.lk-button:disabled,.lk-start-audio-button:disabled,.lk-chat-toggle:disabled,.lk-disconnect-button:disabled{opacity:.5}.lk-button-group{display:inline-flex;align-items:stretch;height:100%}.lk-button-group>.lk-button:first-child,.lk-button-group>.lk-start-audio-button:first-child,.lk-button-group>.lk-chat-toggle:first-child,.lk-button-group>.lk-disconnect-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.lk-button-group-menu{position:relative;flex-shrink:0}.lk-button-group-menu>.lk-button,.lk-button-group-menu>.lk-start-audio-button,.lk-button-group-menu>.lk-chat-toggle,.lk-button-group-menu>.lk-disconnect-button{height:100%;border-top-left-radius:0;border-bottom-left-radius:0}.lk-button-group-menu>.lk-button:after,.lk-button-group-menu>.lk-start-audio-button:after,.lk-button-group-menu>.lk-chat-toggle:after,.lk-button-group-menu>.lk-disconnect-button:after{margin-left:0}.lk-button-menu:after{display:inline-block;content:"";width:.5em;height:.5em;margin-top:-.25rem;margin-left:.5rem;border-left:.125em solid;border-bottom:.125em solid;transform:rotate(-45deg);transform-origin:center center}.lk-disconnect-button{font-weight:600;color:var(--lk-danger);border:1px solid var(--lk-danger)}.lk-disconnect-button:not(:disabled):hover{--lk-control-hover-bg: var(--lk-danger2);color:var(--lk-danger-fg)}.lk-disconnect-button:not(:disabled):active{--lk-control-hover-bg: var(--lk-danger3);color:var(--lk-danger-fg)}.lk-chat-toggle{position:relative}.lk-chat-toggle[data-lk-unread-msgs]:not([data-lk-unread-msgs="0"]):after{content:attr(data-lk-unread-msgs);position:absolute;top:0;left:0;padding:.25rem;margin-left:.25rem;margin-top:.25rem;border-radius:50%;font-size:.5rem;line-height:.75;background:var(--lk-accent-bg)}.lk-media-device-select:not(:last-child){padding-bottom:.5rem;margin-bottom:.75rem;border-bottom:1px solid var(--lk-border-color)}.lk-media-device-select li:not(:last-child){margin-bottom:.25rem}.lk-media-device-select li>.lk-button{width:100%;justify-content:start;padding-block:.5rem}.lk-media-device-select li:not([data-lk-active=true])>.lk-button:not(:disabled):hover{background-color:var(--lk-bg3)}.lk-media-device-select [data-lk-active=false]>.lk-button:hover{cursor:pointer;background-color:#0000000d}.lk-media-device-select [data-lk-active=true]>.lk-button{color:var(--lk-accent-fg);background-color:var(--lk-accent-bg)}.lk-device-menu{width:max-content;position:absolute;top:0;left:0;z-index:5;min-width:10rem;padding:.5rem;margin-bottom:.25rem;white-space:nowrap;background-color:var(--lk-bg2);border:1px solid var(--lk-border-color);border-radius:.75rem;box-shadow:var(--lk-box-shadow)}.lk-device-menu-heading{padding:.25rem .5rem;font-weight:700;opacity:.65}.lk-start-audio-button{color:var(--lk-accent-fg);background-color:var(--lk-accent-bg)}@media screen and (max-width:600px){.lk-start-audio-button{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}}.lk-pagination-control{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);display:flex;align-items:stretch;background-color:var(--lk-control-bg);border-radius:var(--lk-border-radius);transition:opacity ease-in-out .15s;opacity:0}.lk-pagination-control:hover{opacity:1}.lk-pagination-control>.lk-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.lk-pagination-control>.lk-button:first-child>svg{transform:rotate(180deg)}.lk-pagination-control>.lk-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.lk-pagination-count{padding:.5rem .875rem;border-inline:1px solid var(--lk-bg)}[data-lk-user-interaction=true].lk-pagination-control{opacity:1}.lk-pagination-indicator{position:absolute;height:var(--lk-grid-gap);background-color:var(--lk-bg2);width:fit-content;padding:.2rem .5rem;bottom:calc(var(--lk-grid-gap)/2);left:50%;transform:translate(-50%);border-radius:2rem;opacity:1;display:flex;gap:.2rem;align-items:center}.lk-pagination-indicator span{display:inline-block;width:.4rem;height:.4rem;border-radius:9999999px;background-color:var(--lk-fg);opacity:.35;transition:opacity linear .2s}.lk-pagination-indicator span[data-lk-active]{opacity:.9}.lk-grid-layout{--lk-col-count: 1;--lk-row-count: 1;display:grid;grid-template-columns:repeat(var(--lk-col-count),minmax(0,1fr));grid-auto-rows:minmax(0,1fr);grid-gap:var(--lk-grid-gap);width:100%;height:100%;max-width:100%;max-height:100%;padding:var(--lk-grid-gap)}.lk-grid-layout[data-lk-pagination=true]{padding-bottom:calc(var(--lk-grid-gap)*2)}.lk-focus-layout{display:grid;grid-template-columns:1fr 5fr;gap:var(--lk-grid-gap);width:100%;max-height:100%;padding:var(--lk-grid-gap)}.lk-focused-participant{position:relative}.lk-focused-participant .lk-pip-track{position:absolute;top:10px;right:10px;width:20%;height:auto}@media(max-width:600px){.lk-focus-layout{grid-template-columns:1fr;grid-template-rows:5fr 1fr}.lk-carousel{order:1}}.lk-carousel{max-height:100%;display:flex;gap:var(--lk-grid-gap)}.lk-carousel>*{flex-shrink:0;aspect-ratio:16/10;scroll-snap-align:start}.lk-carousel[data-lk-orientation=vertical]{flex-direction:column;scroll-snap-type:y mandatory;overflow-y:auto;overflow-x:hidden}.lk-carousel[data-lk-orientation=vertical]>*{--lk-height-minus-gaps: calc(100% - calc(var(--lk-grid-gap) * calc(var(--lk-max-visible-tiles) - 1)));height:calc(var(--lk-height-minus-gaps)/var(--lk-max-visible-tiles))}.lk-carousel[data-lk-orientation=horizontal]{scroll-snap-type:x mandatory;overflow-y:hidden;overflow-x:auto}.lk-carousel[data-lk-orientation=horizontal]>*{--lk-width-minus-gaps: calc(100% - var(--lk-grid-gap) * (var(--lk-max-visible-tiles) - 1));width:calc(var(--lk-width-minus-gaps)/var(--lk-max-visible-tiles))}.lk-connection-quality{width:1.5rem;height:1.5rem}.lk-track-muted-indicator-camera,.lk-track-muted-indicator-microphone{position:relative;width:var(--lk-indicator-size, 1rem);height:var(--lk-indicator-size, 1rem);margin-inline-end:.25rem;transition:opacity .25s ease-in-out}.lk-track-muted-indicator-camera[data-lk-muted=true]{opacity:.5}.lk-track-muted-indicator-microphone{--lk-bg: var(--lk-icon-mic)}.lk-track-muted-indicator-microphone[data-lk-muted=true]{opacity:.5}.lk-participant-name{font-size:.875rem}.lk-participant-media-video{width:100%;height:100%;object-fit:cover;object-position:center;background-color:#000}.lk-participant-media-video[data-lk-orientation=landscape]{object-fit:cover}.lk-participant-media-video[data-lk-orientation=portrait],.lk-participant-media-video[data-lk-source=screen_share]{object-fit:contain;background-color:var(--lk-bg2)}.lk-participant-media-audio{width:auto}[data-lk-facing-mode=user] .lk-participant-media-video[data-lk-local-participant=true][data-lk-source=camera]{transform:rotateY(180deg)}.lk-audio-visualizer{width:100%;height:100%;min-height:160px;background:var(--lk-bg-control);aspect-ratio:16/9;border-radius:.5rem;display:flex;justify-content:space-around;align-items:center}.lk-audio-visualizer>rect{fill:var(--lk-accent-bg);transition:transform .1s cubic-bezier(.19,.02,.09,1)}.lk-audio-visualizer>path{stroke:var(--lk-accent-bg);transition:.1s cubic-bezier(.19,.02,.09,1)}.lk-audio-bar-visualizer{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--lk-bg);gap:var(--lk-va-bar-gap, 24px)}.lk-audio-bar-visualizer>.lk-audio-bar{transform-origin:"center";height:100%;width:var(--lk-va-bar-width, 12px);border-radius:var(--lk-va-bar-border-radius, 32px);background-color:var(--lk-va-bar-bg, rgba(136, 136, 136, .2));transition:background-color .25s ease-out}.lk-audio-bar-visualizer[data-lk-va-state=speaking]>.lk-audio-bar,.lk-audio-bar-visualizer>.lk-audio-bar.lk-highlighted,.lk-audio-bar-visualizer>[data-lk-highlighted=true]{background-color:var(--lk-fg, rgb(136, 136, 136));transition:none}.lk-audio-bar-visualizer[data-lk-va-state=thinking]{transition:background-color .15s ease-out}.lk-participant-tile{--lk-speaking-indicator-width: 2.5px;position:relative;display:flex;flex-direction:column;gap:.375rem;overflow:hidden;border-radius:var(--lk-border-radius)}.lk-participant-tile:after{content:"";position:absolute;inset:0;border-radius:var(--lk-border-radius);border:0px solid var(--lk-accent-bg);transition-property:border opacity;transition-delay:.5s;transition-duration:.4s;pointer-events:none}.lk-participant-tile[data-lk-speaking=true]:not([data-lk-source=screen_share]):after{transition-delay:0s;transition-duration:.2s;border-width:var(--lk-speaking-indicator-width)}.lk-participant-tile .lk-focus-toggle-button{position:absolute;top:.25rem;right:.25rem;padding:.25rem;background-color:#00000080;border-radius:calc(var(--lk-border-radius)/2);opacity:0;transition:opacity .2s ease-in-out;transition-delay:.2s}.lk-participant-tile:hover .lk-focus-toggle-button,.lk-participant-tile:focus .lk-focus-toggle-button{opacity:1;transition-delay:0}.lk-participant-tile .lk-connection-quality{opacity:0;transition:opacity .2s ease-in-out;transition-delay:.2s}.lk-participant-tile .lk-connection-quality[data-lk-quality=poor]{opacity:1;transition-delay:0}.lk-participant-tile:hover .lk-connection-quality,.lk-participant-tile:focus .lk-connection-quality{opacity:1;transition-delay:0}.lk-participant-tile .lk-participant-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:var(--lk-bg2);opacity:0;transition:opacity .2s ease-in-out;pointer-events:none;border-radius:var(--lk-border-radius)}.lk-participant-tile .lk-participant-placeholder svg{height:100%;width:auto;padding:10%}.lk-participant-tile[data-lk-video-muted=true][data-lk-source=camera] .lk-participant-placeholder{opacity:1}.lk-participant-metadata{position:absolute;right:.25rem;bottom:.25rem;left:.25rem;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:.5rem;line-height:1}.lk-participant-metadata-item{display:flex;align-items:center;padding:.25rem;background-color:#00000080;border-radius:calc(var(--lk-border-radius)/2)}.lk-toast{position:fixed;top:.75rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background-color:var(--lk-bg);border:1px solid var(--lk-border-color);border-radius:var(--lk-border-radius);box-shadow:var(--lk-box-shadow)}.lk-spinner{animation:lk-rotate 2s infinite linear}@keyframes lk-rotate{0%{transform:rotate(0)}to{transform:rotate(359deg)}}.lk-room-container{background-color:var(--lk-bg);line-height:var(--lk-line-height)}.lk-room-container{position:relative;width:100%;height:100%;--lk-has-imported-styles: "true"}.lk-room-container *[class^=lk-],.lk-room-container *[class*=" lk-"]{box-sizing:border-box}.lk-audio-conference{position:relative;width:100%;height:100%}.lk-audio-conference-stage{width:100%;height:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.lk-chat{display:grid;grid-template-rows:var(--lk-chat-header-height) 1fr var(--lk-control-bar-height);width:clamp(200px,55ch,60ch);background-color:var(--lk-bg2);border-left:1px solid var(--lk-border-color);align-items:end}.lk-chat-header{height:var(--lk-chat-header-height);padding:.75rem;position:relative;display:flex;align-items:center;justify-content:center}.lk-chat-header .lk-close-button{position:absolute;right:0;transform:translate(-50%);background-color:#0000}.lk-chat-header .lk-close-button:hover{background-color:var(--lk-control-active-hover-bg)}.lk-chat-messages{display:flex;width:100%;max-height:100%;flex-direction:column;gap:.25rem;overflow:auto}.lk-chat-entry{display:flex;flex-direction:column;gap:.25rem;margin:0 .25rem}.lk-chat-entry .lk-meta-data{font-size:.75rem;color:var(--lk-fg5);white-space:nowrap;padding:0 .3rem;display:flex}.lk-chat-entry .lk-meta-data .lk-participant-name{margin-top:1rem}.lk-chat-entry .lk-meta-data .lk-timestamp{margin-left:auto;align-self:flex-end}.lk-chat-entry .lk-edit-button{background:none;float:right;margin:0;padding:0 .25rem;border-radius:0;font-size:12px}.lk-chat-entry .lk-message-body{display:inline-block;border-radius:15px;padding:.25rem .75rem;word-break:break-word;width:fit-content;max-width:calc(100% - 32px)}.lk-chat-entry[data-lk-message-origin=local] .lk-message-body{background-color:var(--lk-bg5)}.lk-chat-entry[data-lk-message-origin=remote] .lk-message-body{background-color:var(--lk-accent4)}.lk-chat-entry a{text-decoration:underline;color:inherit}.lk-chat-entry *{margin-block-start:.25em;margin-block-end:.25em}.lk-chat-entry:last-child{margin-bottom:.25rem}.lk-chat-form{display:flex;gap:.75rem;padding:.75rem;border-top:1px solid var(--lk-border-color);max-height:var(--lk-control-bar-height)}.lk-chat-form-input{font-size:inherit;line-height:inherit;width:100%}@media(max-width:600px){.lk-chat{position:fixed;top:0;right:0;max-width:100%;bottom:var(--lk-control-bar-height)}}.lk-control-bar,.lk-agent-control-bar{display:flex;gap:.5rem;align-items:center;justify-content:center;padding:.75rem;border-top:1px solid var(--lk-border-color);max-height:var(--lk-control-bar-height)}.lk-agent-control-bar{height:var(--lk-control-bar-height);--lk-bg: transparent;--lk-va-bar-width: 2px;--lk-va-bar-gap: 4px;--lk-va-bar-border-radius: 1px}.lk-agent-control-bar .lk-audio-bar-visualizer .lk-audio-bar.lk-highlighted{filter:none}.lk-prejoin{background-color:var(--lk-bg);line-height:var(--lk-line-height)}[data-lk-theme]{font-size:var(--lk-font-size);font-family:var(--lk-font-family);color:var(--lk-fg)}[data-lk-theme] .lk-list{list-style:none;margin:0;padding:0}[data-lk-theme] .lk-form-control{font-family:var(--lk-font-family);padding:.625rem 1rem;background-color:var(--lk-control-bg);border:1px solid var(--lk-border-color);border-radius:var(--lk-border-radius)}.lk-prejoin{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;padding:1rem;gap:1rem;margin-inline:auto;background-color:var(--lk-bg);width:min(100%,480px);align-items:stretch}.lk-prejoin .lk-video-container{position:relative;width:100%;height:auto;aspect-ratio:16/10;background-color:#000;border-radius:var(--lk-border-radius);overflow:hidden}.lk-prejoin .lk-video-container video,.lk-prejoin .lk-video-container .lk-camera-off-note{display:block;width:100%;height:100%;object-fit:cover}.lk-prejoin .lk-video-container video[data-lk-facing-mode=user]{transform:rotateY(180deg)}.lk-prejoin .lk-video-container .lk-camera-off-note{position:absolute;top:0;left:0;width:100%;aspect-ratio:16/10;background-color:#000;display:grid;place-items:center}.lk-prejoin .lk-video-container .lk-camera-off-note>*{height:70%;max-width:100%}.lk-prejoin .lk-audio-container{display:none}.lk-prejoin .lk-audio-container audio{width:100%;height:auto}.lk-prejoin .lk-button-group-container{display:flex;flex-wrap:nowrap;gap:1rem}.lk-prejoin .lk-button-group-container>.lk-button-group{width:50%}.lk-prejoin .lk-button-group-container>.lk-button-group>.lk-button{justify-content:left}.lk-prejoin .lk-button-group-container>.lk-button-group>.lk-button:first-child{width:100%}@media(max-width:400px){.lk-prejoin .lk-button-group-container{flex-wrap:wrap}.lk-prejoin .lk-button-group-container>.lk-button-group{width:100%}}.lk-prejoin .lk-username-container{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:100%}.lk-prejoin .lk-join-button{--lk-control-fg: var(--lk-accent-fg);--lk-control-bg: var(--lk-accent-bg);--lk-control-hover-bg: var(--lk-accent2);--lk-control-active-bg: var(--lk-accent3);--lk-control-active-hover-bg: var(--lk-accent4);background-color:var(--lk-control-bg)}.lk-prejoin .lk-join-button:hover{background-color:var(--lk-control-hover-bg)}.lk-focus-layout-wrapper,.lk-grid-layout-wrapper{position:relative;display:flex;justify-content:center;width:100%;height:calc(100% - var(--lk-control-bar-height))}.lk-grid-layout-wrapper{flex-direction:column;align-items:center}.lk-focus-layout-wrapper{align-items:stretch}.lk-video-conference{position:relative;display:flex;align-items:stretch;height:100%}.lk-video-conference-inner{display:flex;flex-direction:column;align-items:stretch;width:100%}.lk-settings-menu-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--lk-bg);padding:1rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background-color:var(--lk-bg);border:1px solid var(--lk-border-color);border-radius:var(--lk-border-radius);box-shadow:var(--lk-box-shadow);min-width:50vw;min-height:50vh;max-width:100%;max-height:100%;overflow-y:auto}.video-wrapper{position:relative;width:100%;height:500px;background:#000;border-radius:16px;overflow:hidden}.video-wrapper img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}.controls-bar{position:absolute;bottom:12px;left:-18px;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 20px;z-index:4}.controls-bar span{color:#755858d0;cursor:pointer;display:flex;align-items:center;justify-content:center;background:#00000059;border-radius:10px;padding:8px;transition:color .2s ease,background .2s ease}.controls-bar span:hover{color:#fff;background:#0000008c}.str-acting,.right-acting{display:flex;align-items:center;gap:1px}.s-btn,.full-btn,.c-btn{border:none;padding:8px;border-radius:12px;font-weight:600;cursor:pointer}.l-btn,.f-btn{border:none;padding:8px;border-radius:12px;font-weight:600;cursor:pointer;margin-left:20px}.stream-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0009;z-index:20}.loading-text{font-size:18px;font-weight:600;color:#fff;letter-spacing:.5px}.dots span{animation:blink 1.4s infinite both;font-size:22px}.dots span:nth-child(1){animation-delay:0s}.dots span:nth-child(2){animation-delay:.2s}.dots span:nth-child(3){animation-delay:.4s}@keyframes blink{0%{opacity:.2}20%{opacity:1}to{opacity:.2}}:fullscreen .livekit-video{width:100vw;height:100vh;background:#000}:fullscreen video{object-fit:contain}:fullscreen .controls-bar{opacity:1;visibility:visible}:fullscreen .controls-bar span{color:#e5e7eb;background:#00000073}:fullscreen .controls-bar span:hover{background:#000000b3;color:#fff}.cus-line{border:none;height:3px;width:calc(100% - 40px);background:#926dcb;margin:410px 0 10px 35px;position:absolute;z-index:2}.controls-bar{position:absolute;bottom:0;left:0;right:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:linear-gradient(transparent,#000000b3);pointer-events:all}.str-acting,.right-acting{display:flex;gap:12px;align-items:center}.l-btn,.f-btn,.s-btn,.c-btn,.full-btn{cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#ffffff26;transition:background .2s}.l-btn:hover,.f-btn:hover,.s-btn:hover,.c-btn:hover{background:#ffffff4d}.video-wrapper{position:relative}.video-wrapper{position:relative;width:100%;aspect-ratio:16 / 9;background:#000;border-radius:12px;overflow:hidden}.waiting-screen{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0a0a0a;color:#fff6;font-size:16px;border-radius:12px}@media(max-width:768px){.video-wrapper{border-radius:8px;aspect-ratio:16 / 9}.controls-bar{padding:8px 12px}.l-btn,.f-btn,.s-btn,.c-btn,.full-btn{width:28px;height:28px}.str-acting,.right-acting{gap:8px}.loading-text{font-size:15px}.cus-line{margin-top:0;bottom:44px;width:calc(100% - 24px);margin-left:12px}}@media(max-width:480px){.video-wrapper{border-radius:6px}.controls-bar{padding:6px 8px}.l-btn,.f-btn,.s-btn,.c-btn,.full-btn{width:24px;height:24px}.str-acting,.right-acting{gap:4px}.loading-text{font-size:13px}.dots span{font-size:18px}.waiting-screen{font-size:13px;border-radius:6px}}.stream-info h2{font-size:26px;font-weight:700;letter-spacing:.6px;color:#fff;text-transform:uppercase;position:relative;display:inline-block;margin-bottom:12px}.light-mode .stream-info h2{color:#000}.streaming-card{background:transparent;border-radius:18px;padding:18px;color:#fff;width:100%}.stream-header{display:flex;justify-content:space-between;align-items:center}.stream-user{display:flex;gap:14px;align-items:center}.avatar{width:25px;height:25px;border-radius:50%}.streamer-name{font-size:14px;opacity:.85;color:#fff;cursor:pointer}.light-mode .streamer-name{color:#000}.verified{color:#9f7aea}.stream-actions{display:flex;gap:12px}.viewer-btn{background:#6d28d9;color:#fff;border:none;padding:8px 14px;border-radius:10px;font-weight:600;cursor:default;box-shadow:0 0 12px #7c3aed99}.like-btn,.follow-btn{background:linear-gradient(180deg,#fff,#eaeaea);color:#000;border:none;border-radius:10px;padding:8px 18px;font-weight:600;letter-spacing:.4px;cursor:pointer;position:relative;overflow:hidden;box-shadow:0 4px 10px #00000040,inset 0 1px 1px #fffc;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.like-btn:hover,.follow-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #a064ff40,inset 0 1px 1px #d18787e6}.like-btn:active,.follow-btn:active{transform:translateY(1px);box-shadow:0 3px 8px #00000059,inset 0 2px 4px #00000040}.like-btn{background:#fff;color:#000;padding:8px 18px;border-radius:12px;border:none;cursor:pointer;font-weight:600;transition:.3s ease}.like-btn:hover{transform:scale(1.05)}.like-btn.liked{background:linear-gradient(135deg,#ff4d6d,#ff758f);color:#fff;box-shadow:0 0 15px #ff005a80}.follow-btn{background:#fff;color:#000;width:150px;margin-right:10px}.stream-description{background:linear-gradient(180deg,#6a2bc2,#4a168c);margin-top:16px;padding:14px 16px;border-radius:14px;font-size:14px;line-height:1.5;color:#e9ddff;position:relative;box-shadow:0 12px 26px #d73be559,inset 0 1px 1px #ffffff1a;transition:box-shadow .3s ease}.light-mode .stream-description{background:#bab5b5;color:#000}.stream-description:before{content:"";position:absolute;inset:0;border-radius:14px;border:1px solid rgba(43,71,183,.28);pointer-events:none}.stream-description:after{content:"";position:absolute;inset:-2px;border-radius:16px;background:#8c5adc38;filter:blur(8px);opacity:.25;z-index:-1}.stream-description:hover{box-shadow:0 12px 26px #8c5adc59,inset 0 1px 1px #ffffff1a}@media(max-width:768px){.stream-info h2{font-size:20px;margin-bottom:8px}.streaming-card{padding:12px;border-radius:14px}.stream-actions{gap:8px}.follow-btn{width:110px;padding:7px 12px;font-size:13px}.like-btn,.viewer-btn{padding:7px 12px;font-size:13px}.stream-description{font-size:13px;padding:10px 12px;margin-top:12px}}@media(max-width:480px){.stream-info h2{font-size:16px}.streaming-card{padding:8px}.stream-header{flex-direction:column;align-items:flex-start;gap:10px}.stream-actions{width:100%;justify-content:flex-start;gap:6px;flex-wrap:wrap}.follow-btn{width:auto;flex:1;margin-right:0;font-size:12px;padding:6px 10px}.like-btn,.viewer-btn{font-size:12px;padding:6px 10px;border-radius:8px}.streamer-name{font-size:13px}.stream-description{font-size:12px;padding:8px 10px;margin-top:10px;border-radius:10px}}.donation-boxes{display:flex;gap:8px;padding:6px 8px;margin-bottom:6px}.donation-card{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 10px;cursor:pointer;font-weight:600;font-size:18px;transition:.2s;white-space:nowrap}.donation-card span{margin:0}.donation-card.coins,.donation-card.rupees,.donation-card.gifts{background:#62349a;color:#fff}.donation-card:hover{transform:scale(1.05)}.payment-backdrop{position:fixed;inset:0;background:#0009;z-index:9998}.payment-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#121212;padding:20px;border-radius:14px;border:1px solid #7c3aed;z-index:9999;width:320px;color:#fff}.amount-grid{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:14px}.coin-btn{background:#7c3aed;color:#fff;border:none;padding:10px 18px;border-radius:10px;font-weight:600;cursor:pointer;font-size:15px;transition:.2s}.coin-btn:hover{transform:scale(1.05);background:#6d28d9}.close-pay-btn{position:absolute;top:10px;right:10px;background:none;color:#fff;border:none;font-size:18px;cursor:pointer}@media(max-width:768px){.donation-boxes{gap:6px;padding:6px}.donation-card{font-size:14px;padding:5px 8px;gap:4px}.payment-modal{width:90vw;padding:16px}.amount-grid{gap:8px}.coin-btn{padding:8px 14px;font-size:13px}}@media(max-width:480px){.donation-boxes{gap:4px;padding:4px}.donation-card{font-size:12px;padding:4px 6px;border-radius:6px}.payment-modal{width:95vw;padding:14px;border-radius:10px}.coin-btn{padding:7px 12px;font-size:12px}}.chat-section{height:calc(100vh - 190px);max-height:calc(100vh - 100px);min-height:calc(100vh - 100px);display:flex;flex-direction:column;overflow:hidden;background:#0e021a;position:relative;z-index:1}.light-mode .chat-section{background:#fff}.gift-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:99}.falling-gift{position:absolute;bottom:0;left:50%;transform:translate(-50%);font-size:20px;font-weight:700;animation:giftPop 3s ease-out forwards;background:linear-gradient(45deg,#fc0,#f69);padding:8px 15px;border-radius:30px;color:#fff;box-shadow:0 0 15px #ff0064b3}.gift-count{position:absolute;top:-10px;right:-20px;font-size:14px;color:gold;font-weight:700;animation:pop .6s ease-out}@keyframes giftPop{0%{transform:translate(-50%) scale(.5);opacity:0}20%{opacity:1;transform:translate(-50%,-40px) scale(1.1)}50%{transform:translate(-50%,-120px) scale(1)}to{transform:translate(-50%,-200px) scale(.8);opacity:0}}@keyframes pop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.chat-header-row{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid rgba(255,255,255,.08)}.chat-header{font-weight:700;color:#fff;display:flex;align-items:center;gap:6px}.light-mode .chat-header{color:#000}.chat-right-container{display:flex;align-items:center;gap:6px}.chat-right{font-size:16px;color:#2ccf26}.green-dot{width:10px;height:10px;background:#3cff00;border-radius:50%}.chat-messages{flex:1;overflow-y:auto;scroll-behavior:smooth;padding:16px;display:flex;flex-direction:column;gap:12px;font-size:14px;min-height:0}.message{background:transparent;padding:8px 12px;border-radius:8px;color:#fff;line-height:1.4;display:flex;flex-direction:column;word-break:break-word}.light-mode .message{color:#000}.chat-gif{display:block;max-width:160px;max-height:140px;object-fit:cover;border-radius:12px;margin-top:6px}.chat-footer{flex-shrink:0;background:linear-gradient(180deg,#4b168a,#2a063f);padding:12px;position:relative;margin-left:42px;margin-right:42px}.light-mode .chat-footer{background:#fff}.footer-message{position:relative;display:flex;align-items:center;background:linear-gradient(180deg,#6a2bc4,#4b168a);padding:13px 8px;cursor:default}.light-mode .footer-message{background:#fff;border:1px solid #5a2d82}.hidden-chat-input{position:absolute;inset:0;width:100%;height:100%;background:transparent;border:none;outline:none;color:#fff;font-size:14px;font-weight:500;padding:10px 12px;z-index:1;caret-color:#fff}.message-placeholder{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#ffffff8c;font-size:14px;pointer-events:none;z-index:1;transition:opacity .15s ease}.light-mode .message-placeholder{color:#000}.hidden-chat-input:focus+.message-placeholder,.hidden-chat-input:not(:placeholder-shown)+.message-placeholder{opacity:0}.message-actions{display:flex;gap:12px;margin-left:auto;z-index:5;position:relative}.message-actions span,.message-actions button{pointer-events:auto;cursor:pointer}.emoji-btn,.send-btn{font-size:20px;cursor:pointer;pointer-events:auto}.emoji-panel{position:absolute;bottom:60px;right:10px;z-index:9999;background:#1e1e1e;border-radius:14px;padding:8px;box-shadow:0 20px 50px #0009}.emoji-close-btn{position:absolute;top:6px;right:8px;background:none;border:none;color:#fff;font-size:18px;cursor:pointer}.gif-backdrop{position:fixed;inset:0;background:transparent;z-index:40}.gif-panel{position:absolute;bottom:70px;right:14px;width:320px;max-height:420px;background:#1c0f2f;border-radius:14px;padding:10px;box-shadow:0 20px 50px #0009;display:flex;flex-direction:column;z-index:50}.gif-search{width:100%;padding:8px 12px;border-radius:10px;border:none;outline:none;margin-bottom:10px;background:#2a1745;color:#fff}.gif-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;overflow-y:auto;padding-right:4px}.gif-item{width:100%;border-radius:10px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.gif-item:hover{transform:scale(1.05);box-shadow:0 0 12px #a855f7cc}.gif-close-btn{position:absolute;top:6px;right:8px;background:none;border:none;color:#fff;font-size:18px;cursor:pointer}.chat-lock-overlay{position:absolute;inset:0;z-index:20;background:#140a2873;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:center;border-radius:18px;pointer-events:none}.chat-lock-content{display:flex;flex-direction:column;align-items:center;gap:14px;pointer-events:auto}.chat-lock-icon{font-size:36px;opacity:.85}.login-chat-btn{padding:10px 22px;border-radius:12px;border:none;background:linear-gradient(135deg,#7c3aed,#9333ea);color:#fff;font-weight:600;cursor:pointer;box-shadow:0 0 18px #9333ea99;transition:transform .2s ease}.login-chat-btn:hover{transform:scale(1.05)}.live-suggestions{margin-top:5px;padding:14px;border-radius:14px;background:transparent;flex:1;overflow-y:auto}.suggest-title{color:#fff;font-size:22px;margin-top:3px}.light-mode .suggest-title{color:#000}.suggest-list{display:flex;flex-direction:column;gap:12px}.suggest-card{display:flex;gap:10px;padding:8px;border-radius:12px;background:#ffffff0f;cursor:pointer;opacity:0;animation:slideUpFade .6s ease-out forwards}.suggest-card:nth-child(1){animation-delay:.05s}.suggest-card:nth-child(2){animation-delay:.12s}.suggest-card:nth-child(3){animation-delay:.19s}.suggest-card:nth-child(4){animation-delay:.26s}.suggest-card:nth-child(5){animation-delay:.33s}.suggest-card:nth-child(6){animation-delay:.4s}.suggest-card:hover{transform:translateY(-3px) scale(1.02);background:#a855f726;transition:all .25s ease}.suggest-card img{width:120px;height:70px;border-radius:8px;object-fit:cover}.suggest-card h4{color:#fff;font-size:14px;margin:0 0 4px}.suggest-card p{color:#cbb6ff;font-size:12px;margin:0}.light-mode .suggest-card p,.suggest-card h4{color:#000}@keyframes slideUpFade{0%{opacity:0;transform:translateY(30px) scale(.98);filter:blur(4px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@media(max-width:768px){.live-suggestions{padding:10px;margin-top:4px}.suggest-title{font-size:18px}.suggest-list{gap:8px}.suggest-card{padding:6px;gap:8px}.suggest-card img{width:90px;height:54px}.suggest-card h4{font-size:13px}.suggest-card p{font-size:11px}}@media(max-width:480px){.live-suggestions{padding:8px}.suggest-title{font-size:16px}.suggest-card{padding:5px;gap:6px;border-radius:8px}.suggest-card img{width:75px;height:46px;border-radius:6px}.suggest-card h4{font-size:12px}.suggest-card p{font-size:10px}}body{margin:0;padding:0;background-color:#12052e;font-family:Arial,Helvetica,sans-serif;width:100%}.channel-page{width:100%;min-height:100vh;background:transparent;color:#fff;display:flex;flex-direction:column}.channel-header-section{width:100%;padding:20px 60px 0;box-sizing:border-box}.channel-banner{width:100%;height:260px;border-radius:18px;overflow:hidden;margin-bottom:30px;margin-top:20px}.channel-banner img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.channel-header{display:flex;align-items:center;gap:30px;margin-top:10px;flex-wrap:wrap}.channel-avatar{width:120px;height:120px;border-radius:50%;object-fit:cover;flex-shrink:0}.channel-info h1{font-size:28px;margin-bottom:6px}.channel-meta{color:#aaa;margin-bottom:15px;font-size:14px}.channel-buttons button{padding:8px 18px;border-radius:20px;border:none;cursor:pointer;margin-right:10px;font-weight:500}.subscribe-btn{background:#10e0b7;color:#000;font-weight:700}.community-btn{background:#2a2a2a;color:#fff}.channel-tabs{margin-top:30px;border-bottom:1px solid #333;padding-bottom:10px;display:flex;flex-wrap:wrap;gap:4px}.channel-tabs button{background:none;border:none;color:#aaa;margin-right:25px;font-size:16px;cursor:pointer;padding-bottom:6px;transition:.2s ease;white-space:nowrap}.channel-tabs button:hover{color:#fff}.channel-tabs .active{color:#fff;font-weight:700;border-bottom:2px solid white}.channel-content{width:100%;padding:30px 60px;box-sizing:border-box}.video-gridd{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.video-grids{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.light-mode .channel-page{background:#fff;color:#000}.light-mode .channel-tabs .active{color:#000;border-bottom:2px solid black}@media(max-width:1200px){.video-gridd,.video-grids{grid-template-columns:repeat(3,1fr)}.shorts-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:900px){.channel-header-section{padding:20px 20px 0}.channel-content{padding:20px}.channel-banner{height:180px;border-radius:12px}.channel-header{flex-direction:row;align-items:center;gap:16px}.channel-avatar{width:90px;height:90px}.channel-info h1{font-size:22px}.video-gridd,.video-grids{grid-template-columns:repeat(2,1fr);gap:20px}.shorts-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.channel-header-section{padding:12px 14px 0}.channel-content{padding:14px}.channel-banner{height:130px;border-radius:10px;margin-top:10px;margin-bottom:16px}.channel-header{flex-direction:row;align-items:center;gap:14px;flex-wrap:nowrap}.channel-avatar{width:70px;height:70px}.channel-info h1{font-size:18px}.channel-meta{font-size:12px}.channel-tabs button{font-size:14px;margin-right:14px}.video-gridd,.video-grids,.shorts-grid{grid-template-columns:repeat(2,1fr);gap:12px}.video-infoo h3,.video-infos h3{font-size:13px}.channel-namee,.video-metta,.video-metaa{font-size:11px}}@media(max-width:400px){.channel-avatar{width:55px;height:55px}.channel-info h1{font-size:15px}.video-gridd,.video-grids{grid-template-columns:1fr}.shorts-grid{grid-template-columns:repeat(2,1fr)}}.home-channel-container{margin-top:30px;font-family:Inter,Arial,Helvetica,sans-serif;padding:0 10px;width:100%;box-sizing:border-box}.video-gridd{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;row-gap:80px}.video-cardd{cursor:pointer;transition:transform .25s ease,box-shadow .25s ease}.video-cardd:hover{transform:translateY(-5px)}.thumbnail{width:100%;aspect-ratio:16 / 9;overflow:hidden;border-radius:14px;background:#111}.thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.video-cardd:hover .thumbnail img{transform:scale(1.08)}.video-infoo{margin-top:12px;padding:0 4px}.video-infoo h3{font-size:15px;margin-bottom:6px;font-weight:600;line-height:1.4;color:#fff}.channel-namee{color:#b3b3b3;font-size:13px;margin-bottom:4px}.video-metta{color:#8a8a8a;font-size:12px}.video-channel-container{margin-top:30px;font-family:Arial,Helvetica,sans-serif;padding:0 10px;width:100%;box-sizing:border-box}.video-grids{display:grid;grid-template-columns:repeat(4,1fr);gap:49px}.video-cards{cursor:pointer}.thumbnail{position:relative;width:70%;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;height:100%}.thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.video-cards:hover .thumbnail img{transform:scale(1.05)}.duration{position:absolute;bottom:8px;right:8px;background:#000000d9;padding:3px 6px;font-size:12px;border-radius:4px}.video-infos{margin-top:10px}.video-infos h3{font-size:15px;font-weight:500;margin-bottom:6px}.video-metaa{font-size:13px;color:#aaa}@media(max-width:1200px){.video-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.video-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.video-grid{grid-template-columns:1fr}}.shorts-container{margin-top:20px;font-family:Arial,Helvetica,sans-serif;width:100%;box-sizing:border-box}.shorts-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px}.short-card{cursor:pointer}.short-thumbnail{width:100%;aspect-ratio:9 / 12;border-radius:12px;overflow:hidden}.short-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.short-card:hover img{transform:scale(1.05)}.short-info{margin-top:8px}.short-info h4{font-size:14px;font-weight:500;margin-bottom:4px}.short-info p{font-size:12px;color:#aaa}@media(max-width:1200px){.shorts-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:900px){.shorts-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.shorts-grid{grid-template-columns:repeat(2,1fr)}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:transparent;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{width:100%;overflow-x:hidden;margin:0;padding:0}html,body{overflow-y:auto}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;place-items:center;min-width:320px;min-height:100vh;width:100%}:root{--video-footer-height: 64px}.app{min-height:100vh}.light-mode{background:#fff!important;color:#000}.light-mode .main-content,.light-mode .main-area,.light-mode .dashboard,.light-mode .history,.light-mode .row-wrapper,.light-mode .shorts{background:#fff!important}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:transparent;cursor:pointer;transition:border-color .25s}button:hover{border-color:transparent}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.light-mode button{color:#000}@media(prefers-color-scheme:light){:root{color:#1f381b;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}