/* A collector's edge: a real page scrollbar, with the page's own materials. */
#scroll-rail{position:fixed;z-index:94;top:110px;bottom:88px;right:7px;width:24px;touch-action:none;user-select:none;-webkit-user-select:none;color:var(--bone);--rail-thumb-size:48px;--rail-thumb-y:0px;--rail-tooltip-y:24px;--rail-progress:0;opacity:1}
#scroll-rail[hidden]{display:none}
.scroll-rail-track{position:absolute;top:0;bottom:0;left:11px;width:2px;background:#17122040}
#scroll-rail[data-tone=dark] .scroll-rail-track{background:#b0a89d45}
.scroll-rail-fill{position:absolute;inset:0;background:var(--purple);transform:scaleY(var(--rail-progress));transform-origin:center top}
#scroll-rail[data-tone=dark] .scroll-rail-fill{background:var(--lavender)}
.scroll-rail-track:before,.scroll-rail-track:after{content:'';position:absolute;left:-3px;width:8px;height:3px;background:var(--gold);border-radius:1px}
.scroll-rail-track:before{top:0}.scroll-rail-track:after{bottom:0}
.scroll-rail-tick{position:absolute;left:8px;top:var(--tick-position);width:8px;height:1px;background:#17122085;transform:translateY(-50%);pointer-events:none}
#scroll-rail[data-tone=dark] .scroll-rail-tick{background:#b0a89d8c}
.scroll-rail-tick[data-current=true]{left:6px;width:12px;height:2px;background:var(--gold)!important}
#scroll-rail-thumb{position:absolute;left:0;top:0;width:24px;height:var(--rail-thumb-size);transform:translateY(var(--rail-thumb-y));touch-action:none;cursor:grab;outline:none}
#scroll-rail-thumb:focus-visible{outline:2px solid var(--lavender);outline-offset:3px;border-radius:3px}
#scroll-rail-thumb:active,#scroll-rail[data-dragging=true] #scroll-rail-thumb{cursor:grabbing}
.scroll-rail-grip{position:absolute;inset:0 6px;border:1px solid #171220c7;background:linear-gradient(90deg,#d4a24a,#f0d39b 45%,#d4a24a);clip-path:polygon(3px 0,calc(100% - 3px) 0,100% 3px,100% calc(100% - 3px),calc(100% - 3px) 100%,3px 100%,0 calc(100% - 3px),0 3px);filter:drop-shadow(0 2px 2px #0005)}
.scroll-rail-grip:before,.scroll-rail-grip:after{content:'';position:absolute;left:2px;right:2px;height:1px;background:#f4efe6b3}
.scroll-rail-grip:before{top:4px}.scroll-rail-grip:after{bottom:4px}
.scroll-rail-grip i{position:absolute;left:3px;right:3px;top:calc(50% - 4px);height:1px;background:#171220c2}
.scroll-rail-grip i:nth-child(2){top:50%}.scroll-rail-grip i:nth-child(3){top:calc(50% + 4px)}
.scroll-rail-tooltip{position:absolute;top:var(--rail-tooltip-y);right:31px;display:flex;align-items:center;gap:15px;padding:9px 11px;background:var(--deep);color:var(--bone);border-radius:3px;font:500 12px/1.3 var(--mono);letter-spacing:.02em;white-space:nowrap;text-transform:uppercase;opacity:0;pointer-events:none;transform:translate(-3px,-50%);transition:opacity .16s,transform .2s var(--ease)}
.scroll-rail-tooltip strong{font-weight:500;color:var(--gold);font-variant-numeric:tabular-nums}
#scroll-rail:hover .scroll-rail-tooltip,#scroll-rail:focus-within .scroll-rail-tooltip,#scroll-rail[data-dragging=true] .scroll-rail-tooltip{opacity:1;transform:translate(0,-50%)}
#motion-reading-line{position:fixed;inset:0 0 auto;height:3px;z-index:104;pointer-events:none;transform:scaleX(var(--reading-progress,0));transform-origin:left center;background:var(--purple);opacity:.9}
#motion-reading-line[data-tone=dark]{background:var(--gold)}
body.menu-open #motion-reading-line{opacity:0}
@media(min-width:701px) and (hover:hover) and (pointer:fine){html[data-scroll-rail=ready]{scrollbar-width:none}html[data-scroll-rail=ready]::-webkit-scrollbar{width:0}#motion-reading-line{display:none}}
@media(max-width:700px),(hover:none),(pointer:coarse){#scroll-rail{display:none}html{scrollbar-color:var(--gold) var(--deep);scrollbar-width:thin}html::-webkit-scrollbar-thumb{background:var(--gold)}}
@media(prefers-reduced-motion:reduce){.scroll-rail-tooltip{transition:none}}
html[data-motion=paused] .scroll-rail-tooltip{transition:none}
@media(forced-colors:active){#scroll-rail,#motion-reading-line{display:none}html[data-scroll-rail]{scrollbar-width:auto}}