.scroll-feedback{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);width:min(720px,calc(100vw - 32px));z-index:45;pointer-events:none}
.section-rail{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;padding:6px;border-radius:999px;background:rgba(30,30,32,.78);box-shadow:0 8px 30px rgba(30,30,32,.16);backdrop-filter:blur(12px)}
.section-segment{--section-progress:0;position:relative;height:3px;overflow:hidden;border-radius:999px;background:rgba(253,252,252,.28)}
.section-segment:after{content:"";position:absolute;inset:0;background:var(--on-ink);transform:scaleX(var(--section-progress));transform-origin:left center}
.next-section{position:absolute;right:0;bottom:17px;display:flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;background:rgba(30,30,32,.82);color:var(--on-ink);font:400 11px/1.2 var(--mono);text-decoration:none;box-shadow:0 8px 24px rgba(30,30,32,.14);backdrop-filter:blur(12px);pointer-events:auto}
.next-section[hidden]{display:none}
@media(max-width:700px){.scroll-feedback{bottom:10px}.next-section{bottom:15px}.section-rail{gap:3px;padding:5px}}
@media(prefers-reduced-motion:reduce){.section-segment:after{transition:none}}

.scroll-feedback{display:none}.has-scroll-feedback .scroll-feedback{display:block}