.msf-reading-progress{position:fixed;z-index:36;right:12px;top:24svh;width:32px;height:52svh;max-height:480px;pointer-events:auto;touch-action:none;user-select:none;cursor:grab;isolation:isolate;--reading-progress:0}.msf-reading-track{position:absolute;top:0;bottom:0;width:3px;left:15px;border-radius:4px;background:linear-gradient(90deg,#120d11a0,#53433480,#120d11a0);box-shadow:0 0 0 1px #ffffff35,0 1px 6px #0002}.msf-reading-fill{position:absolute;top:0;left:0;width:100%;height:calc(var(--reading-progress)*100%);border-radius:inherit;background:linear-gradient(#8e611f,#f8e2a2 45%,#bc8836);box-shadow:0 0 5px #e7c27077}.msf-reading-paw{position:absolute;top:calc(var(--reading-progress)*100%);left:0;width:32px;height:35px;transform:translateY(-50%);filter:drop-shadow(0 2px 3px #0006) drop-shadow(0 0 3px #e2bb5b88)}.msf-reading-paw img{display:block;width:100%;height:100%}.msf-reading-paw::after{content:'✦';position:absolute;right:0;top:0;font:12px Georgia,serif;color:#fff7d5;text-shadow:0 0 4px #fff7cd,0 0 8px #deb34f;animation:msf-gold-shimmer 7s ease-in-out infinite}.msf-reading-progress[hidden]{display:none}body:has(dialog[open]) .msf-reading-progress{display:none}@keyframes msf-gold-shimmer{0%,65%,100%{opacity:.25;transform:scale(.65)}75%{opacity:1;transform:scale(1.15)}83%{opacity:.45;transform:scale(.8)}}@media(max-width:650px){.msf-reading-progress{right:3px;top:30svh;height:40svh;width:19px}.msf-reading-track{left:9px;width:2px}.msf-reading-paw{width:19px;height:22px}.msf-reading-paw::after{font-size:8px;right:-1px;top:-1px}}@media(prefers-reduced-motion:reduce){.msf-reading-paw::after{animation:none;opacity:.7}}
.msf-back-top{position:fixed;left:max(18px,env(safe-area-inset-left));bottom:max(22px,env(safe-area-inset-bottom));z-index:44;display:inline-flex;align-items:center;gap:9px;min-height:48px;padding:12px 16px;background:#201925;color:#fff;border:1px solid #ffffff70;border-radius:99px;box-shadow:0 5px 22px #0003;font:700 11px Arial,Helvetica,sans-serif;cursor:pointer;transition:background .2s,transform .2s}
.msf-back-top[hidden]{display:none}.msf-back-top>img{display:block;width:22px;height:24px;object-fit:contain}.msf-back-top>svg{width:18px;height:18px}.msf-back-top:hover{background:#392944;transform:translateY(-2px)}.msf-back-top:focus-visible{outline:3px solid #d4ac62;outline-offset:4px}body:has(dialog[open]) .msf-back-top{display:none}
@media(max-width:650px){.msf-back-top{left:12px;bottom:calc(16px + env(safe-area-inset-bottom));padding:10px 13px;min-height:46px;font-size:10px;gap:7px}.msf-back-top>img{width:19px;height:22px}}
@media(prefers-reduced-motion:reduce){.msf-back-top{transition:none;transform:none}}

/* The golden paw doubles as a draggable scrollbar, without changing its look. */
.msf-reading-progress{pointer-events:auto;touch-action:none;cursor:pointer;user-select:none;-webkit-user-select:none}
.msf-reading-paw{cursor:grab;touch-action:none}
.msf-reading-paw::before{content:"";position:absolute;inset:-10px -6px}
.msf-reading-progress.is-dragging,.msf-reading-progress.is-dragging .msf-reading-paw{cursor:grabbing}
.msf-reading-progress:focus-visible{outline:2px solid #d4ac62;outline-offset:6px;border-radius:20px}
@media(max-width:650px){.msf-reading-paw::before{inset:-12px}}

.msf-reading-progress:focus-visible{outline:2px solid #d8b05f;outline-offset:4px;border-radius:18px}.msf-reading-progress.is-dragging{cursor:grabbing}.msf-reading-paw img{user-select:none;pointer-events:none}.msf-reading-progress[aria-disabled=true]{cursor:default}@media(pointer:coarse){.msf-reading-progress::before{content:'';position:absolute;inset:-12px -7px}}

/* Phone navigation stays clear: use the compact menu and native scrolling. */
@media(max-width:760px){.msf-reading-progress,.msf-back-top{display:none!important}}