.scroll-progress{z-index:40;pointer-events:auto;flex-direction:column;gap:14px;display:flex;position:fixed;top:50%;right:20px;transform:translateY(-50%)}.sp-item{cursor:pointer;justify-content:flex-end;align-items:center;gap:10px;text-decoration:none;display:flex}.sp-dot{background:color-mix(in srgb, var(--ink) 28%, transparent);width:8px;height:8px;transition:background .3s var(--ease,ease), transform .3s var(--ease,ease);border-radius:50%;flex-shrink:0}.sp-item.on .sp-dot{background:var(--acc);box-shadow:0 0 0 4px color-mix(in srgb, var(--acc) 22%, transparent);transform:scale(1.5)}.sp-label{letter-spacing:.02em;color:var(--overlay-fg);background:var(--overlay-bg);opacity:0;transition:opacity .28s var(--ease,ease), transform .28s var(--ease,ease);white-space:nowrap;border-radius:999px;padding:3px 8px;font-size:.74rem;font-weight:600;transform:translate(6px)}.sp-item:hover .sp-label,.sp-item.on .sp-label{opacity:1;transform:none}.sp-item.on .sp-label{font-weight:700}@media (max-width:1100px){.scroll-progress{display:none}}@media (prefers-reduced-motion:reduce){.sp-dot,.sp-label{transition:none}}