.scroll-progress{--page-progress:0%;position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:90;min-width:118px;min-height:54px;border:1px solid var(--line);border-radius:999px;padding:0;background:color-mix(in srgb,var(--bg) 88%,transparent);color:var(--text);box-shadow:0 14px 45px rgba(0,0,0,.28);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);overflow:hidden}.scroll-progress::after{content:"";position:absolute;left:0;bottom:0;width:var(--page-progress);height:3px;background:var(--accent);transition:width .12s linear}.scroll-progress__inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:10px;padding:0 16px;width:100%;min-height:54px}.scroll-progress__label{display:grid;text-align:left;line-height:1}.scroll-progress__label small{color:var(--muted);font-size:9px;letter-spacing:.12em}.scroll-progress__label strong{margin-top:5px;font-size:13px;font-variant-numeric:tabular-nums}.scroll-progress__arrow{font-family:system-ui,sans-serif;font-size:20px;line-height:1;transform:translateY(-1px)}.scroll-progress:hover{border-color:color-mix(in srgb,var(--accent) 58%,var(--line));transform:translateY(-2px)}.scroll-progress:focus-visible{outline:2px solid var(--accent);outline-offset:4px}@media(max-width:640px){.scroll-progress{right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));min-width:104px;min-height:50px}.scroll-progress__inner{min-height:50px;padding:0 13px}}@media(prefers-reduced-motion:reduce){.scroll-progress,.scroll-progress::after{transition:none!important}}