html[data-navigation-state="loading"], html[data-navigation-state="loading"] body { cursor: progress; }
a.is-navigating { opacity: .58; pointer-events: none; }
.page-navigation-loading { position: fixed; z-index: 10000; inset: 0 0 auto; pointer-events: none; }
.page-navigation-progress { display: block; height: 3px; overflow: hidden; background: #ff7a1824; box-shadow: 0 1px 16px #ff7a1840; }
.page-navigation-progress i { display: block; width: 42%; height: 100%; border-radius: 0 999px 999px 0; background: linear-gradient(90deg, var(--violet), var(--mint), var(--gold)); box-shadow: 0 0 14px #ff7a18aa; animation: page-navigation-progress 1.05s ease-in-out infinite; }
.page-navigation-label { position: absolute; top: 16px; right: 20px; display: inline-flex; align-items: center; gap: 9px; padding: 9px 12px; border: 1px solid #ff7a1855; border-radius: 999px; background: #15110ef2; color: var(--ink); box-shadow: 0 14px 35px #0008; font: 760 .72rem/1.55 Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; letter-spacing: .02em; animation: page-navigation-label .16s ease-out both; }
.page-navigation-label i { width: 13px; height: 13px; border: 2px solid #ff7a1855; border-top-color: var(--gold); border-radius: 50%; animation: page-navigation-spin .72s linear infinite; }
@keyframes page-navigation-progress { from { transform: translateX(-100%); } to { transform: translateX(240%); } }
@keyframes page-navigation-label { from { opacity: 0; transform: translateY(-5px); } }
@keyframes page-navigation-spin { to { transform: rotate(360deg); } }
@media (max-width: 590px) { .page-navigation-label { top: 12px; right: 12px; } }
@media (prefers-reduced-motion: reduce) {
  .page-navigation-progress i, .page-navigation-label, .page-navigation-label i { animation: none; }
  .page-navigation-progress i { width: 55%; }
}