.scroll-guide{position:fixed;top:50%;right:1.5rem;transform:translateY(-50%);z-index:50;display:flex;flex-direction:column;align-items:center;gap:1.25rem;pointer-events:none;opacity:0;transition:opacity .6s var(--ease-out,ease);mix-blend-mode:difference;color:#fff}.scroll-guide.visible{opacity:1}.scroll-guide.hidden{opacity:0}.scroll-guide-rail{position:relative;width:1px;height:22vh;min-height:140px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.22),rgba(255,255,255,.06))}.scroll-guide-dot{position:absolute;left:50%;top:calc(var(--guide-progress, 0) * 100%);transform:translate(-50%,-50%);width:7px;height:7px;background:var(--text,#fff);box-shadow:0 0 12px rgba(255,255,255,.45);transition:top .4s var(--ease-out,ease)}.scroll-guide-dot:after,.scroll-guide-dot:before{content:"";position:absolute;inset:0;background:var(--text,#fff)}.scroll-guide-dot:before{background:var(--glitch-cyan,cyan);transform:translate(-1.5px);mix-blend-mode:screen;opacity:.7}.scroll-guide-dot:after{background:var(--glitch-red,red);transform:translate(1.5px);mix-blend-mode:screen;opacity:.7}.scroll-guide-meta{display:flex;flex-direction:column;align-items:center;gap:.5rem;font-family:var(--font-mono);color:rgba(255,255,255,.55)}.scroll-guide-counter{font-size:.7rem;font-weight:700;letter-spacing:.15em;display:flex;align-items:center;gap:.25rem;color:var(--text,#fff)}.scroll-guide-divider{opacity:.4;margin:0 .1rem}.scroll-guide-label{font-size:.6rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;writing-mode:vertical-rl;transform:rotate(180deg);max-height:9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.6}.scroll-guide-glyph{font-size:.7rem;opacity:.55;animation:guide-drift 2.4s var(--ease-out,ease) infinite;--guide-dir:1}@keyframes guide-drift{0%,to{transform:translate(0);opacity:.55}50%{transform:translate(calc(var(--guide-dir, 1) * 6px),4px);opacity:1}}@media (max-width:900px){.scroll-guide{display:none}}