.scroll-progress-rail{pointer-events:none;z-index:50;width:24px;position:fixed;right:24px}.scroll-progress-rail-track{background:#ffffff14;width:1px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.scroll-progress-rail-fill{background:linear-gradient(#fbbf24 0%,#22d3ee 100%);width:1px;transition:height .15s ease-out;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 0 8px #fbbf2466}.scroll-progress-rail-dot{pointer-events:auto;cursor:pointer;z-index:1;background:0 0;border:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:flex;position:absolute;left:50%;transform:translate(-50%,-50%)}.scroll-progress-rail-dot-pip{background:#ffffff40;border:1px solid #ffffff26;border-radius:50%;width:8px;height:8px;transition:transform .3s cubic-bezier(.16,1,.3,1),background .3s,box-shadow .3s,border-color .3s}.scroll-progress-rail-dot.is-active .scroll-progress-rail-dot-pip{background:#fbbf24;border-color:#fbbf24;width:12px;height:12px;box-shadow:0 0 0 4px #fbbf242e,0 0 16px #fbbf2480}.scroll-progress-rail-dot.is-locked{cursor:not-allowed;opacity:.4}.scroll-progress-rail-dot.is-locked .scroll-progress-rail-dot-pip{box-shadow:none;background:#ffffff26;border-color:#ffffff1a}.scroll-progress-rail-dot.is-locked .scroll-progress-rail-dot-label{opacity:0;pointer-events:none;transform:translate(8px,-50%)}.scroll-progress-rail-dot.is-completed .scroll-progress-rail-dot-pip{background:#10b981;border-color:#10b981;width:10px;height:10px;box-shadow:0 0 0 3px #10b98126,0 0 12px #10b98166}.scroll-progress-rail-dot-label{color:#f0f0f5;letter-spacing:.08em;white-space:nowrap;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0a0fd9;border:1px solid #ffffff1f;border-radius:6px;padding:6px 12px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;font-weight:500;transition:opacity .2s,transform .2s;position:absolute;top:50%;right:32px;transform:translate(8px,-50%)}.scroll-progress-rail-dot:hover .scroll-progress-rail-dot-label{opacity:1;transform:translateY(-50%)}@media (max-width:767px){.scroll-progress-rail{display:none}}@media (prefers-reduced-motion:reduce){.scroll-progress-rail-fill,.scroll-progress-rail-dot-pip{transition:none}}
.auto-caption{z-index:45;pointer-events:none;opacity:0;width:min(720px,100vw - 80px);transition:opacity .4s,transform .4s cubic-bezier(.16,1,.3,1);position:fixed;bottom:40px;left:50%;transform:translate(-50%,30px)}.auto-caption.is-visible{opacity:1;transform:translate(-50%)}.auto-caption-inner{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0fc7;border:1px solid #ffffff14;border-radius:18px;padding:20px 28px;box-shadow:0 20px 60px #0006,inset 0 0 0 1px #ffffff0a}.auto-caption-tag{color:#fbbf24;letter-spacing:.18em;text-transform:uppercase;background:#fbbf2414;border:1px solid #fbbf2433;border-radius:999px;align-items:center;gap:8px;margin-bottom:12px;padding:4px 12px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;font-weight:500;transition:opacity .3s;display:inline-flex}.auto-caption-headline{color:#fff;letter-spacing:-.02em;margin-bottom:8px;font-size:clamp(20px,2.5vw,28px);font-weight:700;line-height:1.15}.auto-caption-subhead{color:#f0f0f5a6;font-size:14px;line-height:1.5}@media (max-width:767px){.auto-caption{width:calc(100vw - 32px);bottom:24px}.auto-caption-inner{border-radius:14px;padding:16px 20px}.auto-caption-headline{font-size:18px}.auto-caption-subhead{font-size:13px}}@media (prefers-reduced-motion:reduce){.auto-caption{transition:opacity .2s}}