html,body,#root{margin:0;padding:0;box-sizing:border-box;font-family:Roboto,Arial,sans-serif;overflow-x:hidden;height:100%}body,#root{overflow:hidden}*{box-sizing:border-box}a{text-decoration:none;color:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,red,#c00);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#f44,red)}::-webkit-scrollbar-track{background-color:#ffffff0d;border-radius:10px}.category-btn{font-weight:500!important;text-transform:capitalize;outline:none;border:none;position:relative;overflow:hidden}.react-player{height:70vh!important;width:100%!important}.search-bar{border:none;outline:none;width:400px;font-size:16px;background:transparent;transition:all .3s ease}.search-bar:focus{transform:scale(1.02)}.video-card{transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.video-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px #0006}.thumbnail-container{position:relative;overflow:hidden}.thumbnail-overlay{position:absolute;bottom:8px;right:8px;background:#000000e6;color:#fff;padding:2px 6px;border-radius:4px;font-size:12px;font-weight:600}.skeleton-loader{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,#2a2a2a 25%,#3a3a3a,#2a2a2a 75%);background-size:200% 100%}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.fade-in{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width:1200px){.search-bar{width:350px}}@media screen and (max-width:900px){.category-btn{margin:8px;padding:8px 16px}.search-bar{width:300px}}@media screen and (max-width:800px){.copyright{display:none!important}}@media screen and (max-width:600px){.scroll-horizontal{overflow:auto!important}.react-player{height:45vh!important}.search-bar{width:200px;font-size:14px}.category-btn{padding:6px 12px;font-size:14px}}@media screen and (max-width:400px){.search-bar{width:150px}}