:root{--bg-clr- : #fff;}.dis{pointer-events: none;} *{ margin:0; padding:0; box-sizing:border-box;}
   html, body{font-family: Arial, Helvetica, sans-serif;width: 100%;height: 100%;color: #333;background:#fff;transition: background 0.3s ease, color 0.3s ease;}    
   
body.dark-mode{background: #333;color: #f1f1f1;fill:#fff;}
   .dark-mode .top-main-header{background: #333;color: #f1f1f1;}
   .dark-mode .shortsDiv{background: #444;color: #f1f1f1;} .dark-mode .short-heading svg, .dark-mode .short-heading h2{fill: #f1f1f1;color: #f1f1f1;}
   .dark-mode .gallery{background: #444;} 
   .dark-mode .sidebar{background: #333;}
 
   .dark-mode .sidebar a.active{background:#f3f3f3;color: #555;fill: #555;}  
   .dark-mode .sidebar a, .dark-mode .sidebar .brand {fill: #f1f1f1;stroke: #f1f1f1;color: #f1f1f1;}
   .dark-mode .container{background: #333;color: #f1f1f1;}
   .dark-mode .profile-popup{background: #333;color: #f1f1f1;border-color: #444;}
   .dark-mode .footer-menu li a{color: #fff;} 
   .dark-mode .Search_Popup_page, .dark-mode .PopupPreloader{background: #333;fill: #fff;stroke: #fff;color: #f1f1f1;}
   .dark-mode .brand_Popup_page{background: #333;color: #fff;}.dark-mode .brand_Popup_page .pack button{fill: #000;}
   .dark-mode .Noti_Popup_page{background: #333;color: #fff;}
   .dark-mode .tamamvideocontentda{background: #333;color: #fff;}
   
   .dark-mode .yt-vid-bottom-da{background: #333;}.dark-mode .yt-vid-bottom-da button{background: #555;}
   .dark-mode .SEEDA-HAT-GALLERY-DA .title a{background: #eee;}
   .dark-mode  #WATCHICONoverlay .Compopup{background: #333;color: #fff;}
   .dark-mode .dadacopyhoverlaparada{background: #777;}
   .dark-mode .popupContent{background: #333;color: #fff;fill: #fff;}
   .dark-mode .success-popup{background: #333;color: #fff;fill: #fff;}
   .dark-mode .Copy-div-da{background: #333;}
   .dark-mode .profile-popup ul li a{color: #fff;}
   .dark-mode .spoters-gallery{color: #333;fill: #333;} .dark-mode .no-spoters-data-found{color: #333;fill: #333;}
   .dark-mode .slider-wrapper{background: #333;color: #333;} .dark-mode .modal-content{background: #333;color: #fff;}
   .dark-mode .morevidsloader circle{stroke: #fff;}
     
body.dark555-mode{background: #555;color: #f1f1f1;fill: #fff;}
   .dark555-mode .top-main-header{background: #555;color: #f1f1f1;}
   .dark555-mode .shortsDiv{background: #666;color: #f1f1f1;} .dark555-mode .short-heading svg, .dark555-mode .short-heading h2{fill: #f1f1f1;color: #f1f1f1;}
   .dark555-mode .gallery{background: #666;} 
   .dark555-mode .sidebar{background: #555;}
   
   .dark555-mode .sidebar a.active{background:#f3f3f3;color: #555;fill: #555;}   
   .dark555-mode .sidebar a, .dark555-mode .sidebar .brand {stroke: #f1f1f1;color: #f1f1f1;fill: #f1f1f1;}
   .dark555-mode .container{background: #555;color: #f1f1f1;}
   .dark555-mode .profile-popup{background: #555;color: #f1f1f1;border-color: #888;}
   .dark555-mode .footer-menu li a{color: #fff;}
   .dark555-mode .Search_Popup_page, .dark555-mode .PopupPreloader{background: #555;fill: #fff;stroke: #fff;color: #f1f1f1;}
   .dark555-mode .brand_Popup_page{background: #555;color: #fff;}.dark555-mode .brand_Popup_page .pack button{fill: #555;}
   .dark555-mode .Noti_Popup_page{background: #555;color: #fff;}
   .dark555-mode .tamamvideocontentda{background: #555;color: #fff;} 
   
   .dark555-mode .yt-vid-bottom-da{background: #555;}.dark555-mode .yt-vid-bottom-da button{background: #777;}
   .dark555-mode .SEEDA-HAT-GALLERY-DA .title a{background: #eee;}
   .dark555-mode  #WATCHICONoverlay .Compopup{background: #555;color: #fff;} 
   .dark555-mode .dadacopyhoverlaparada{background: #777;}
   .dark555-mode .popupContent{background: #555;color: #fff;fill: #fff;}
   .dark555-mode .success-popup{background: #555;color: #fff;fill: #fff;}
   .dark555-mode .Copy-div-da{background: #555;}
   .dark555-mode .profile-popup ul li a{color: #fff;}
   .dark555-mode .spoters-gallery{color: #555;fill: #555;}  .dark555-mode .no-spoters-data-found{color: #555;fill: #555;}
   .dark555-mode .slider-wrapper{background: #555;color: #555;}.dark555-mode .modal-content{background: #555;color: #fff;}
   .dark555-mode .morevidsloader circle{stroke: #fff;}


  .m-h1{position: absolute;top: -200%;left: -200%;}   
 .container {position: fixed;width: calc(100% - 200px);height:calc(100% - 0px); left: 200px;top: 0; transition: all 0.5s;overflow-y: auto;}
    
 .shortsDiv{position: relative;width:100%;height:auto;overflow: hidden;padding: 5px;} .short-heading{position: relative;display: flex;align-items:center;width: 100%;justify-content: space-between;padding: 10px;} .short-heading h1, .short-heading h2{font-size:16px;color:#b10b0b;overflow: hidden;text-overflow: ellipsis;white-space:nowrap;}
    .sh_m_btns{display: flex;align-items:center;gap:10px; align-items:center;}.sh_m_btns button {cursor: pointer;padding: 3px 5px;background:#eee;border: none;transition: all 0.5s;border-radius:5px;}.sh_m_btns button:hover{background:#b10b0b;color: #fff;} 
    .s-c-d-da {width: 100%;display: flex;align-items:center; gap:10px;overflow-x: auto;scroll-behavior: smooth;white-space: nowrap;}.s-c-d-da::-webkit-scrollbar{display: none;}  
  
    .Land-brand-feed {display: grid;grid-template-columns: repeat(auto-fill, minmax(450px, 1fr));gap: 10px;padding: 5px;}
    .short-card {width: 250px;}
    .video-card {position: relative;border:1px solid #eee;border-radius:10px;transition: all 0.5s;} .video-card:hover{box-shadow:0 5px 10px rgba(0,0,0,0.1);}
    .video-card .box {position: relative;width: 100%;aspect-ratio: 16/9;border-radius: 8px;overflow: hidden;background:#777;}
    
    .short-box{ position: relative;width:100%;height:350px;}
    .youtube-box{width: 100%;position: relative;}
    .facebook-box{width: 100%;padding-top: 650px;position: relative;}
    .instagram-box{width: 100%;padding-top: 650px;position: relative;}
    .tiktok-box{width: 100%;padding-top: 600px;position: relative;} 
   
    iframe, .thumbnail{position: absolute;left: 0;top: 0; width: 100%;height: 100%;object-fit: cover;transition: transform 0.5s;border: 0;} .thumbnail:hover {transform: scale(1.01);} 
    .video-card .bottom {display: flex;flex-direction: column;min-height: 35px;padding: 10px 5px;}
    .title{display: flex;align-items: center;justify-content: space-between;} .title .video-title {font-size: 12px;line-height: 1.2;margin: 3px 0;overflow: hidden;text-overflow: ellipsis;white-space:nowrap;}
    .title button{border: 0;cursor: pointer;border-radius: 3px;padding:2px 4px;margin: 2px 0;}.title button:hover{background: #b10b0b;color: #fff;}
    .info {display: flex;align-items: center;gap: 8px;font-size: 12px;margin-top:5px ;}
    .info img {width: 25px;height: 25px;border-radius: 5px;object-fit: cover;flex-shrink: 0;border:0;}.info img:hover{box-shadow: 0 0 10px rgba(0,0,0,0.1);cursor: pointer;}
    .info h2 {font-size: 12px;margin: 0;flex: 1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .viewstime {display: flex;gap:10px;justify-content: space-between;font-size: 10px;}
     
    .short-card .thumb-skeleton,
    .youtube-card .thumb-skeleton,
    .facebook-card .thumb-skeleton,
    .tiktok-card .thumb-skeleton,
    .instagram-card .thumb-skeleton{position: absolute;left: 0;top: 0; width:100%;height: 100%;background:#eee;}  
    .text-lines {flex-grow: 1;}.line {height: 10px;margin: 3px 0;}
     
    .skeleton {border-radius: 6px;position: relative;overflow: hidden;background-color: #eee;}
    .skeleton::after {content: "";position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, #ffffff55, transparent);animation: shimmer 1.5s infinite;}
    @keyframes shimmer {100% {left: 100%;}}
  
      
    .l-m-btn{cursor: pointer;background:#eee;margin-left:10px;padding:2px;border-radius: 5px;border: 0;color: #b10b0b;}.l-m-btn:hover{background: #ccc;fill: #b10b0b;}
    #short-preloader, .loading_Preloader{width: 100%; display: flex;align-items: center;gap: 20px;justify-content: center; color: #b10b0b;} .loading_Preloader{height:50px;padding: 10px 0;margin-bottom:50px;}
  
    .google-ads {width: 100%;height:220px !important;margin: 10px auto;padding:0 5px; display: flex;flex-wrap: nowrap;justify-content: center;text-align: center;gap: 30px;overflow: hidden;} 
    .google-ads .adsbygoogle{display: block;flex: 1 1 100%;width: 100%;max-width: 600px;max-height:250px;background: #eee;border-radius: 10px;}

    @media screen and (max-width: 1024px) {.container{width: calc(100% - 0px);height:calc(100% - 51px);left: 0px;top: 51px;}} 
    @media (max-width: 768px) {
    .Land-brand-feed {grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));gap: 12px;} 
    .video-card .title .video-title {font-size: 10px;}
    .video-card .info h2 {font-size: 11px;}
    .info{padding: 0px;margin-top:2px;}.info p{ font-size: 12px;}.info img{width: 20px; height: 20px;}  
     .google-ads .adsbygoogle:nth-of-type(2) {display: none !important;}.container::-webkit-scrollbar{display: none;}
    } 
    @media (max-width:500px) {
    .container{top: 42px;}.Copy-div-da{top: 42px;}
    .short-videos,  .shortsDiv, 
    .Land-brand-feed{padding: 0;}
    .google-ads{padding: 5;}
    }
    @media screen and (max-width: 440px){.mainvideo{padding:2px 0px;}}