Custom CSS only on Home page

Hi,

I am trying to hide my darkmode toggle on mobile on home page.

I tried to modify this

@media only screen and (max-width:676px){
#darkmodetoggle.botton-floating-fixed {
    display: none !important;
}
}

into this

@media only screen and (max-width:676px)
{#collection-65c0a68371f15338b01c8988

#darkmodetoggle.botton-floating-fixed {
    display: none !important;
}}

But it just doesn't work. Could you help please? Thanks

Site www.aboutphotography.blog