.mobile-page-scroll{--page-scroll-safe-top:env(safe-area-inset-top,0px);--page-scroll-safe-right:env(safe-area-inset-right,0px);--page-scroll-safe-bottom:env(safe-area-inset-bottom,0px);--page-scroll-safe-left:env(safe-area-inset-left,0px);display:none;position:fixed;right:max(7px,env(safe-area-inset-right));top:50%;transform:translateY(-50%);z-index:35;width:25px;height:47px;padding:1px;border:.5px solid #83bedc;border-radius:12.5px;background:#0c2133dc;color:#b5e0f7;box-shadow:0 1px 6px #0003;box-sizing:border-box;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.mobile-page-scroll[hidden]{display:none!important}
/* Keep the half-size visual while making light slides on disabled regions usable. */
.mobile-page-scroll::before{content:"";position:absolute;inset:-2px -5px;border-radius:14.5px;background:transparent}
.mobile-page-scroll::after{content:"";position:absolute;top:50%;left:7px;right:7px;height:.5px;background:#a5d8f466;pointer-events:none}
.mobile-page-scroll button{position:relative;display:grid;place-items:center;width:22px;height:22px;margin:0;padding:0;border:0;border-radius:11px;background:transparent;color:inherit;cursor:pointer;touch-action:none}
/* A little transparent touch allowance keeps the half-size visual usable. */
.mobile-page-scroll button::before{content:"";position:absolute;inset:-1px -5px;border-radius:12px}
.mobile-page-scroll button svg{width:9.5px;height:9.5px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.mobile-page-scroll button:disabled{opacity:.3;cursor:default;pointer-events:none}
.mobile-page-scroll button:active:not(:disabled){background:#7ebddd22}
.mobile-page-scroll button:focus-visible{outline:1px solid #c5eaff;outline-offset:-1.5px}
.mobile-page-scroll[data-gesture-phase=scroll]{cursor:ns-resize}
.mobile-page-scroll[data-gesture-phase=position]{cursor:grabbing;border-color:#d4f0ff;background:#17405be8;box-shadow:0 0 0 3px #a5d8f433}
html.page-scroll-dragging{scroll-behavior:auto!important}
@media(max-width:820px),(pointer:coarse) and (max-width:1200px){.mobile-page-scroll{display:grid}}
body.chat-open .mobile-page-scroll,body.kline-expanded-open .mobile-page-scroll,body.standalone-chart-open .mobile-page-scroll,body.standalone-chart .mobile-page-scroll,body.menu-open .mobile-page-scroll,body.modal-open .mobile-page-scroll{display:none!important}
@media(prefers-reduced-motion:reduce){.mobile-page-scroll,.mobile-page-scroll button{animation:none!important;transition:none!important}}
