.video-grid{display:grid;grid-template-columns:repeat(1,1fr);grid-gap:1.5rem;gap:1.5rem}@media (min-width:640px){.video-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.video-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.video-grid{grid-template-columns:repeat(4,1fr)}}.video-card{width:100%;margin-bottom:1.5rem}.video-card-thumb-link{display:block;overflow:hidden;border-radius:.75rem}.video-card-thumb{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:.75rem;transition:transform .2s}.video-card-thumb-link:hover .video-card-thumb{transform:scale(1.05)}.video-card-info{display:flex;margin-top:.75rem;gap:.75rem}.video-card-avatar{width:2.5rem;height:2.5rem;border-radius:50%}.video-card-meta{display:flex;flex-direction:column}.video-card-title{font-weight:600;font-size:.95rem;color:#fff;text-decoration:none;margin-bottom:.25rem;transition:-webkit-text-decoration .2s;transition:text-decoration .2s;transition:text-decoration .2s,-webkit-text-decoration .2s}.video-card-title:hover{text-decoration:underline}.video-card-author{font-size:.85rem;color:#aaa}.video-card-stats{font-size:.8rem;color:#888}.header{justify-content:space-between;box-shadow:0 2px 8px rgba(0,0,0,.08);position:-webkit-sticky;position:sticky;top:0;z-index:50;background:hsla(0,0%,6%,.79)}.header,.header-left{display:flex;align-items:center}.header-left{gap:1rem}.header-logo{width:6.25rem;margin-left:1rem}.header-center{display:flex;align-items:center;max-width:36rem;flex:1 1;margin:0 1rem}.header-search-form{display:flex;flex:1 1;border:1px solid #222;border-radius:999px;overflow:hidden;background:#181818}.header-search-input{flex:1 1;padding:.5rem 1rem;background:transparent;outline:none;color:#fff;border:none}.header-search-btn{padding:0 1rem;background:none;border:none;cursor:pointer;color:#fff;transition:background .2s}.header-search-btn:hover{background:#423f3f}.header-right{display:flex;gap:1rem;align-items:center}.header-icon-btn{padding:.5rem;background:none;border-radius:50%;border:none;transition:background .2s;cursor:pointer;color:#fff}.header-icon-btn:hover{background:#423f3f}.header-icon{width:1.25rem;height:1.25rem}.sidebar-trigger{border-right:1px solid #222;padding:1.25rem;background:none;cursor:pointer;transition:background .2s}.sidebar-trigger:hover{background:#423f3f}.sidebar-menu-icon{background:#000;color:#fff;border-radius:.375rem;width:1.25rem;height:1.25rem}.sidebar-sheet-content{padding:0;width:15rem;background:#0f0f0f}.sidebar{min-height:100vh;border-right:1px solid #222;background:#0f0f0f;color:#fff;padding:1rem}.sidebar-nav{display:flex;flex-direction:column;gap:.25rem}.sidebar-logo{width:6.25rem}.sidebar-link{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;border-radius:.5rem;text-decoration:none;color:#fff;transition:background .2s}.sidebar-link:hover{background:#423f3f}.sidebar-link-label{font-weight:500}.sidebar-subscriptions-title{font-size:.75rem;font-weight:600;color:#bbb;padding-left:.5rem;margin-bottom:.5rem}.sidebar-subscription{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:.5rem;color:#fff;text-decoration:none;transition:background .2s}.sidebar-subscription:hover{background:#423f3f}.sidebar-subscription-avatar{border-radius:50%}.minibar{min-height:100vh;border-right:1px solid #222;background:#0f0f0f;color:#fff;padding:1rem}.minibar-nav{display:flex;flex-direction:column;gap:.25rem}.minibar-link{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;border-radius:.5rem;color:#fff;text-decoration:none;transition:background .2s}.minibar-link:hover{background:#423f3f}