:root{--scrollbar-thumb:#0003;--scrollbar-thumb-hover:#00000059;--gradient-bg:var(--page);--gradient-transparent:transparent}
[data-theme=dark]{--scrollbar-thumb:#fafafa33;--scrollbar-thumb-hover:#fafafa59;--gradient-bg:#0e0e0eb3;--gradient-transparent:#0e0e0e00}

@media(max-width:767px){}
html{scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:transparent transparent;overflow-y:scroll}
::-webkit-scrollbar{width:4px}
::-webkit-scrollbar,::-webkit-scrollbar-track{background-color:transparent}
::-webkit-scrollbar-thumb{background-color:transparent;border-radius:4px;transition:background-color .3s}
html:focus::-webkit-scrollbar-thumb,html:hover::-webkit-scrollbar-thumb,html:focus-within::-webkit-scrollbar-thumb,html:active::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb)}
html:hover::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}
@supports(scrollbar-width:thin){html:active,html:focus-within,html:hover{scrollbar-color:var(--scrollbar-thumb) transparent}}

:root{--top-gradient-rgb:250,250,250}
[data-theme=dark]{--top-gradient-rgb:14,14,14}
body::before{content:"";pointer-events:none;z-index:45;position:fixed;top:0;left:0;right:0;height:128px;background:linear-gradient(180deg,rgba(var(--top-gradient-rgb),1) 0%,rgba(var(--top-gradient-rgb),0.738) 19%,rgba(var(--top-gradient-rgb),0.541) 34%,rgba(var(--top-gradient-rgb),0.382) 47%,rgba(var(--top-gradient-rgb),0.278) 56.5%,rgba(var(--top-gradient-rgb),0.194) 65%,rgba(var(--top-gradient-rgb),0.126) 73%,rgba(var(--top-gradient-rgb),0.075) 80.2%,rgba(var(--top-gradient-rgb),0.042) 86.1%,rgba(var(--top-gradient-rgb),0.021) 91%,rgba(var(--top-gradient-rgb),0.008) 95.2%,rgba(var(--top-gradient-rgb),0.002) 98.2%,rgba(var(--top-gradient-rgb),0) 100%)}
@media(max-width:768px){body::before{height:40px}}