#siteScrollProgress{position:fixed;right:calc(20px + env(safe-area-inset-right,0px));bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:990;width:58px;height:58px;padding:0;border:0;border-radius:50%;background:#242424;color:#ededed;box-shadow:0 3px 14px #0006;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;font:700 11px/1.2 Arial,sans-serif;transition:background .15s,transform .15s;isolation:isolate}
#siteScrollProgress[hidden]{display:none!important}
#siteScrollProgress:hover{background:#333;transform:translateY(-2px)}
#siteScrollProgress:focus-visible{outline:2px solid #eee;outline-offset:4px}
#siteScrollProgress .scrollProgressRing{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);pointer-events:none;fill:none;stroke-width:2.5}
#siteScrollProgress .scrollProgressTrack{stroke:#494949}
#siteScrollProgress .scrollProgressValue{stroke:#d4d4d4;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100}
#siteScrollProgress .scrollProgressArrow{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:600px){#siteScrollProgress{width:48px;height:48px;right:calc(12px + env(safe-area-inset-right,0px));bottom:calc(12px + env(safe-area-inset-bottom,0px));font-size:10px}}
@media(prefers-reduced-motion:reduce){#siteScrollProgress{transition:none}}