/* Match the original site's purple rail; no native arrow controls. */
.pro-shell *{scrollbar-width:auto;scrollbar-color:auto}
.pro-shell ::-webkit-scrollbar{width:7px;height:7px}.pro-shell ::-webkit-scrollbar-track{background:transparent}.pro-shell ::-webkit-scrollbar-button{display:none!important;width:0!important;height:0!important}
.pro-shell ::-webkit-scrollbar-thumb{background:linear-gradient(#6d5dfb,#ad9aff);border:1px solid transparent;background-clip:padding-box;border-radius:20px}.pro-shell ::-webkit-scrollbar-thumb:hover{background-color:#ad9aff}
@supports not selector(::-webkit-scrollbar){.pro-shell *{scrollbar-width:thin;scrollbar-color:#8976ef transparent}}
.pro-layout,#sidebar-host{position:relative}.pro-shell .pro-modern-scroll{scrollbar-width:none!important;scrollbar-gutter:auto!important}.pro-modern-scroll::-webkit-scrollbar{display:none!important}
/* Fade only the scrolling content, leaving the header and separate scrollbar untouched. */
.pro-shell .pro-layout>main.pro-modern-scroll{scroll-padding-top:40px;-webkit-mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.35) calc(var(--pro-content-fade,0px)*.3),rgba(0,0,0,.8) calc(var(--pro-content-fade,0px)*.65),#000 var(--pro-content-fade,0px),#000 100%);mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.35) calc(var(--pro-content-fade,0px)*.3),rgba(0,0,0,.8) calc(var(--pro-content-fade,0px)*.65),#000 var(--pro-content-fade,0px),#000 100%)}
@media(max-width:900px){.pro-shell .pro-layout>main.pro-modern-scroll{scroll-padding-top:32px}}
.pro-scroll{position:absolute;right:-3px;top:12px;bottom:12px;width:18px;z-index:5;touch-action:none;cursor:pointer;outline:none}.pro-scroll[hidden]{display:none}.pro-scroll::before{content:"";position:absolute;left:8px;top:0;bottom:0;width:2px;border-radius:12px;background:var(--line);opacity:.48}
.pro-scroll-thumb{position:absolute;left:6px;width:6px;height:64px;max-height:100%;border-radius:12px;background:linear-gradient(#6d5dfb,#ad9aff);transform:scaleX(1);transform-origin:center;transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s ease;box-shadow:0 0 8px #8976ef35;pointer-events:none}
.pro-scroll:hover .pro-scroll-thumb,.pro-scroll:focus-visible .pro-scroll-thumb,.pro-scroll.is-moving .pro-scroll-thumb{transform:scaleX(1.5);box-shadow:0 0 12px #8976ef65}.pro-scroll:focus-visible{outline:2px solid var(--violet);outline-offset:1px;border-radius:12px}
#sidebar-host>.pro-scroll{right:1px;top:20px;bottom:20px}.pro-layout>main{padding-right:20px!important}
@media(max-width:900px){#sidebar-host>.pro-scroll{display:none}.pro-shell .nav-drawer .pro-sidebar{scrollbar-width:auto!important}.pro-shell .nav-drawer .pro-sidebar::-webkit-scrollbar{display:block!important}.pro-layout>.pro-scroll{right:-4px;width:14px}.pro-layout>main{padding-right:14px!important}}
@media(prefers-reduced-motion:reduce){.pro-scroll-thumb{transition:none}}