.channel-card{box-shadow:none;border-radius:8px;display:flex;justify-content:center;align-items:center;width:100%;max-width:320px;height:326px;margin:auto;background-color:var(--card-background);transition:transform .3s ease}.channel-card:hover{transform:translateY(-5px)}.channel-card-content{display:flex;flex-direction:column;justify-content:center;text-align:center;color:var(--text-color)}.channel-card-media{border-radius:50%;height:180px;width:180px;margin-bottom:16px;border:1px solid #e3e3e3;object-fit:cover}.channel-title{font-size:1.25rem;font-weight:600;display:flex;align-items:center;justify-content:center}.channel-verified-icon{font-size:14px;color:#606060;margin-left:5px}.subscriber-count{font-size:15px;font-weight:500;color:#606060}[data-theme=dark] .channel-card-media{border:1px solid #303030}[data-theme=dark] .channel-verified-icon,[data-theme=dark] .subscriber-count{color:#aaa}.video-card{width:100%;max-width:320px;box-shadow:none;border-radius:12px;overflow:hidden;background-color:var(--card-background);transition:transform .3s ease;height:280px;display:flex;flex-direction:column}.video-card:hover{transform:translateY(-5px)}.video-card-media{height:180px;object-fit:cover}.video-card-content{background-color:var(--card-background);padding:12px;flex:1;display:flex;flex-direction:column}.video-title{color:var(--text-color);font-size:1rem;line-height:1.4;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.channel-info{margin-top:auto}.channel-title{color:#606060;font-size:.875rem;display:flex;align-items:center}.channel-verified-icon{font-size:12px;color:#606060;margin-left:5px}[data-theme=dark] .channel-title,[data-theme=dark] .channel-verified-icon{color:#aaa}.channel-detail-container{min-height:95vh;background-color:var(--background-color)}.channel-banner{height:150px;background:linear-gradient(90deg,#020024,#090979 35%,#00d4ff);z-index:10}.channel-info-container{background-color:var(--card-background);padding:20px 5%;border-bottom:1px solid #e5e5e5}.channel-info{position:relative;margin-top:-80px;z-index:20}.channel-text-info{margin-bottom:20px}.channel-title{color:var(--text-color);font-weight:600;margin-bottom:5px}.channel-sub-count{color:#606060;font-size:14px}.subscribe-btn{height:36px;background-color:#c00!important;text-transform:uppercase;font-weight:600;border-radius:18px!important;margin-bottom:20px}.channel-tabs{background-color:var(--card-background);border-bottom:1px solid #e5e5e5}.tabs-container{padding:0 5%}.tab-btn{color:#606060!important;text-transform:none!important;min-width:80px!important;padding:15px 20px!important;border-radius:0!important;font-size:14px!important}.tab-btn.active{color:var(--text-color)!important;border-bottom:3px solid #cc0000!important}.tab-btn:hover{color:var(--text-color)!important;background-color:transparent!important}.videos-container{padding:20px 5%;background-color:var(--background-color)}[data-theme=dark] .channel-info-container,[data-theme=dark] .channel-tabs{border-bottom:1px solid #303030}[data-theme=dark] .channel-sub-count{color:#aaa}.search-bar{display:flex;align-items:center;border-radius:20px;border:1px solid #ccc;padding-left:16px;box-shadow:none;width:100%;max-width:600px;margin:0 auto;background-color:var(--card-background)}.search-input{flex:1;border:none;outline:none;font-size:1rem;padding:8px 0;background-color:transparent;color:var(--text-color)}.search-button{padding:10px;color:#606060;background-color:#f8f8f8;border-left:1px solid #ccc;border-radius:0 20px 20px 0}.search-button:hover{background-color:#f0f0f0}[data-theme=dark] .search-button{background-color:#212121;border-left:1px solid #303030;color:#aaa}[data-theme=dark] .search-button:hover{background-color:#373737}.navbar-container{background-color:var(--navbar-background);position:sticky;top:0;z-index:100;box-shadow:0 1px 2px #0000001a}.navbar-left{display:flex;align-items:center;gap:20px}.navbar-menu-btn{background:none;border:none;color:var(--icon-color);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%}.navbar-menu-btn:hover{background-color:#f2f2f2}.navbar-right{display:flex;align-items:center;gap:15px}.navbar-icon-btn{background:none;border:none;color:var(--icon-color);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%}.navbar-icon-btn:hover{background-color:#f2f2f2}.navbar-profile-btn{background:none;border:none;cursor:pointer;width:32px;height:32px;border-radius:50%;overflow:hidden;margin-left:10px}.navbar-profile-img{width:100%;height:100%;object-fit:cover}[data-theme=dark] .navbar-container{box-shadow:0 1px 2px #ffffff1a}[data-theme=dark] .navbar-menu-btn:hover,[data-theme=dark] .navbar-icon-btn:hover{background-color:#373737}.video-detail-container{background-color:var(--background-color)}.react-player{width:100%!important;height:auto!important}.search-feed-container{background-color:var(--background-color)}.sidebar{background-color:var(--sidebar-background);height:100vh;overflow-y:auto;transition:all .3s ease;position:sticky;top:0}.sidebar.open{width:240px}.sidebar::-webkit-scrollbar{width:5px}.sidebar::-webkit-scrollbar-thumb{background-color:#606060;border-radius:10px}.sidebar::-webkit-scrollbar-track{background-color:transparent}[data-theme=dark] .sidebar{border-right:1px solid #303030}[data-theme=light] .sidebar{border-right:1px solid #e5e5e5}[data-theme=light]{--background-color: #fff;--text-color: #000;--navbar-background: #fff;--sidebar-background: #fff;--card-background: #f9f9f9;--icon-color: #606060}[data-theme=dark]{--background-color: #0f0f0f;--text-color: #ffffff;--navbar-background: #0f0f0f;--sidebar-background: #0f0f0f;--card-background: #181818;--icon-color: #aaa}body{background-color:var(--background-color);color:var(--text-color);font-family:Roboto,Arial,sans-serif;transition:background-color .3s,color .3s}html,body{margin:0;padding:0;box-sizing:border-box}a{text-decoration:none;color:var(--text-color)}::-webkit-scrollbar{width:8px;height:5px}::-webkit-scrollbar-thumb{background-color:#606060;border-radius:10px;height:200px}::-webkit-scrollbar-track{background-color:transparent}.category-btn:hover{background-color:#fc1503!important;color:#fff!important}.category-btn:hover span{color:#fff!important}.react-player{height:77vh!important;width:100%!important}.search-bar{border:none;outline:none;width:350px;background-color:var(--card-background);color:var(--text-color);border:1px solid #ccc;border-radius:2px;padding:5px 10px}.category-btn{font-weight:700!important;text-transform:capitalize;display:flex;align-items:center;justify-content:flex-start;cursor:pointer;background:transparent;outline:none;border:none;padding:7px 15px;margin:10px 0;border-radius:10px;transition:all .3s ease;color:var(--text-color)}[data-theme=dark] .search-bar{border:1px solid #303030}[data-theme=dark] .category-btn{color:var(--text-color)}@media screen and (max-width: 900px){.category-btn{margin:10px}}@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}}@media screen and (max-width:700px){.logo-name{flex-direction:column}.logo-name img{object-fit:contain}.logo-name .logo-name{font-size:1rem}}@media screen and (max-width:370px){.logo-name .logo-name{display:none}}