@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Outfit:wght@400;600;700&display=swap");:root{--bg:#f8fafc;--header:#ffffff;--sidebar:#ffffff;--search:#F1F5F9;--text:#0F172A;--text-muted:#64748B;--border:#E2E8F0;--accent:#E11D48;--hover:#F1F5F9;--card:#ffffff;--glass-bg:rgba(255,255,255,0.75);--glass-border:rgba(0,0,0,0.04);--glass-shadow:0 8px 32px rgba(0,0,0,0.03);--background:var(--bg);--foreground:var(--text);--header-height:64px}.dark,[data-theme=dark]{--bg:#0B0E14;--header:#0B0E14;--sidebar:#0F131A;--search:#1C232D;--text:#F9FAFB;--text-muted:#9CA3AF;--border:#1E293B;--accent:#E11D48;--hover:#1E2533;--card:#151921;--glass-bg:rgba(21,25,33,0.75);--glass-border:rgba(255,255,255,0.05);--glass-shadow:0 12px 48px rgba(0,0,0,0.4);--background:var(--bg);--foreground:var(--text)}*{margin:0;padding:0;box-sizing:border-box}:root{font-size:15px}body{width:100%;overflow-x:hidden;font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg)!important;color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased}.video-title,h1,h2,h3,h4{font-family:Outfit,sans-serif}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:20px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.pt-16{padding-top:70px}img{max-width:100%;height:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.app-main-wrapper{transition:margin-left .3s ease;min-height:calc(100vh - 70px)}.glass-effect{background:var(--glass-bg)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border:1px solid var(--glass-border)!important;box-shadow:var(--glass-shadow)!important}.glass-card{background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:12px;box-shadow:var(--glass-shadow);transition:transform .2s ease,border-color .2s ease}.glass-card:hover{transform:translateY(-4px);border-color:var(--accent)}.root-layout{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000}.main-content-wrapper{padding-top:68px;transition:all .3s ease}.custom-cursor-outer{position:fixed;top:0;left:0;width:32px;height:32px;border-radius:50%;border:1px solid rgba(0,247,255,.3);pointer-events:none;z-index:9999;transition:transform .3s ease-out;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.custom-cursor-inner{width:6px;height:6px}.custom-cursor-dot,.custom-cursor-inner{background-color:var(--accent);border-radius:50%}.custom-cursor-dot{position:fixed;top:0;left:0;width:8px;height:8px;pointer-events:none;z-index:10000;mix-blend-mode:difference}.rounded-xl{border-radius:12px!important}.home-header{height:var(--header-height);display:flex;align-items:center;padding:0 20px;border-bottom:1px solid var(--glass-border);gap:16px;background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);position:fixed;top:0;left:0;right:0;z-index:1000;box-shadow:var(--glass-shadow);width:100%!important}@media (max-width:768px){.home-header{padding:0 12px;gap:8px}.download-apk-btn,.google-translate-container,.header-ai-btn,.sidebar-toggle-btn,.theme-toggle-btn{display:none!important}.home-center{display:flex!important;flex:1 1}.home-logo{height:32px}.home-search{padding:6px 12px;font-size:13px}.home-right{gap:8px}}.home-left{gap:12px}.home-left,.sidebar-toggle-btn{display:flex;align-items:center}.sidebar-toggle-btn{background:none;border:none;color:var(--text);font-size:20px;cursor:pointer;padding:8px;border-radius:50%;justify-content:center;transition:background .2s}.sidebar-toggle-btn:hover{background:var(--hover)}.home-logo-link{display:inline-flex;align-items:center}.home-logo{height:45px}.home-center{flex:1 1;display:flex;justify-content:center}.home-search{width:100%;max-width:580px;padding:10px 20px;border-radius:12px;border:1px solid var(--border);background:var(--search);color:var(--text);outline:none;font-family:Inter,sans-serif;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px 4px rgba(0,0,0,.02)}.home-search:focus{border-color:var(--accent)}.home-right{gap:12px}.bell-icon,.home-right{display:flex;align-items:center}.bell-icon{background:transparent;border:none;color:var(--text);font-size:20px;cursor:pointer;justify-content:center;position:relative;padding:8px;border-radius:50%;transition:background .2s}.bell-icon:hover{background:var(--hover)}.notification-bell-container{position:relative}.notification-badge{position:absolute;top:4px;right:4px;background:#ff0000;color:white;font-size:10px;font-weight:700;padding:2px 5px;border-radius:50%;border:1.5px solid var(--header);min-width:15px;height:15px;display:flex;align-items:center;justify-content:center}.notification-dropdown{position:absolute;top:50px;right:-50px;width:320px;background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.25);z-index:1100;overflow:hidden;max-height:480px;display:flex;flex-direction:column}.notification-header{padding:12px 16px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.notification-header h3{margin:0;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:600}.mark-all-btn{background:none;border:none;color:var(--accent);font-size:12px;cursor:pointer;padding:4px}.notification-list{overflow-y:auto;flex:1 1}.no-notifications{padding:32px 16px;text-align:center;color:var(--text-muted);font-size:14px}.notification-item{padding:12px 16px;display:flex;align-items:flex-start;gap:12px;cursor:pointer;border-bottom:1px solid var(--border);transition:background .2s;position:relative}.notification-item:hover{background:var(--hover)}.notification-item.unread{background:rgba(var(--accent-rgb),.05)}.notification-content{flex:1 1}.notification-msg{margin:0 0 4px;font-size:14px;line-height:1.4}.notification-time{font-size:11px;color:var(--text-muted)}.unread-dot{width:8px;height:8px;background:var(--accent);border-radius:50%;margin-top:6px}.notification-footer{padding:8px;text-align:center;border-top:1px solid var(--border)}.notification-footer button{background:none;border:none;color:var(--text);font-size:13px;cursor:pointer;width:100%;padding:4px}@media (max-width:768px){.notification-dropdown{position:fixed;top:55px;left:0;right:0;width:100%;height:calc(100vh - 55px);max-height:none;border-radius:0}}.download-apk-btn{margin-left:8px;padding:6px 12px;border-radius:999px;background:var(--apk-bg);color:var(--apk-text);font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap;border:1px solid var(--border)}.download-apk-btn:hover{background:var(--hover);color:var(--text);transition:.2s ease}.theme-toggle-btn{padding:6px 14px;border-radius:999px;border:1px solid var(--border);background:var(--card);color:var(--text);font-size:13px;cursor:pointer}.theme-toggle-btn:hover{background:var(--hover)}.login-cta-btn{padding:8px 20px;border-radius:10px;border:none;background:var(--accent);color:#000;font-family:Inter,sans-serif;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px rgba(0,247,255,.2)}.login-cta-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(0,247,255,.3)}.user-chip{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:999px;background:var(--hover);cursor:pointer;border:1px solid transparent}.user-chip:hover{border-color:var(--border);opacity:.9;transition:.2s ease}.user-avatar-circle,.user-avatar-img{width:28px;height:28px;border-radius:50%;background:var(--border);display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--text)}.user-name{font-size:14px;color:var(--text)}.user-menu{position:absolute;top:64px;right:24px;background:var(--card);border:1px solid var(--border);border-radius:8px;padding:4px;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:1100}.user-menu a,.user-menu button{background:transparent;border:none;color:var(--text);padding:8px 16px;width:100%;text-align:left;cursor:pointer;border-radius:4px;display:block}.user-menu a:hover,.user-menu button:hover{background:var(--hover)}.app-main-wrapper{padding-top:56px}.header-ai-btn{background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;position:relative;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);margin-right:4px}.header-ai-btn:hover{transform:scale(1.15)}.ai-icon-small{border-radius:50%;border:1.5px solid rgba(108,92,231,.6);box-shadow:0 0 15px rgba(108,92,231,.4);position:relative;z-index:2}.ai-btn-glow{position:absolute;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,rgba(108,92,231,.3) 0,transparent 70%);animation:pulseAiHeader 2s infinite;z-index:1}@keyframes pulseAiHeader{0%{transform:scale(.8);opacity:.4}50%{transform:scale(1.4);opacity:.7}to{transform:scale(.8);opacity:.4}}@media (max-width:480px){.header-ai-btn{padding:6px;margin-right:2px}.ai-icon-small{width:24px!important;height:24px!important}}#google_translate_element,.google-translate-container{display:flex;align-items:center}#google_translate_element{height:36px;overflow:hidden;border-radius:999px;background:var(--card);border:1px solid var(--border);transition:all .3s ease;padding:0 4px}#google_translate_element:hover{background:var(--hover);border-color:var(--accent);box-shadow:0 0 10px rgba(var(--accent-rgb),.2)}#goog-gt-tt,.goog-logo-link,.goog-te-balloon-frame,.goog-te-banner-frame.skiptranslate,.goog-te-gadget span{display:none!important}.goog-te-gadget{color:transparent!important}.goog-te-combo,.goog-te-gadget{font-family:Inter,sans-serif!important}.goog-te-combo{background:transparent!important;color:var(--text)!important;border:none!important;outline:none!important;font-size:13px!important;padding:4px 8px!important;cursor:pointer!important}.goog-te-gadget{font-size:0!important}body{top:0!important}@media (max-width:600px){#google_translate_element{width:40px;justify-content:center;padding:0}.goog-te-combo{width:100%;opacity:0;position:absolute;height:100%;left:0;top:0}#google_translate_element:after{content:"🌐";font-size:18px;pointer-events:none}}.app-sidebar{width:240px;padding:16px 12px;display:flex;flex-direction:column;gap:6px;border-right:1px solid var(--border);background:var(--bg);height:calc(100vh - var(--header-height));position:fixed;top:var(--header-height);left:0;overflow-y:auto;z-index:999;transition:all .4s cubic-bezier(.4,0,.2,1)}.app-sidebar.collapsed{width:0;padding:0;border-right:none;overflow:hidden}.app-sidebar.watch-overlay{z-index:1001;box-shadow:4px 0 15px rgba(0,0,0,.3)}.sidebar-scroll{display:flex;flex-direction:column;height:100%}.sidebar-link{display:flex;align-items:center;gap:16px;padding:12px 16px;border-radius:12px;color:var(--text);font-family:Inter,sans-serif;font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s ease}.sidebar-link.active,.sidebar-link:hover{background:var(--hover)}.sidebar-link.active{font-weight:600}.sidebar-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.sidebar-label{white-space:nowrap;opacity:1;transition:opacity .2s ease}.collapsed .sidebar-label{display:none}.collapsed .sidebar-link{justify-content:center;padding:12px 0}.sidebar-divider{height:1px;background:var(--border);margin:12px 10px}.sidebar-section-title{margin:20px 16px 8px;font-family:Outfit,sans-serif;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.collapsed .sidebar-section-title{display:none}.sidebar-footer{margin-top:auto;padding:16px 14px;font-size:11px;color:var(--text-muted);display:flex;flex-direction:column;gap:8px}.collapsed .sidebar-footer{display:none}.sidebar-footer a{color:var(--text-muted);text-decoration:none}.sidebar-footer a:hover{text-decoration:underline}@media (max-width:768px){.app-sidebar{width:250px;z-index:2000;transform:translateX(-100%);box-shadow:4px 0 15px rgba(0,0,0,.3)}.app-sidebar.open{transform:translateX(0)}.app-sidebar.collapsed{display:none}}.sidebar-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.mobile-only{display:none}@media (max-width:768px){.mobile-only{display:block}}