.navigation-feedback{position:fixed;inset:0;z-index:10000;pointer-events:none;visibility:hidden;opacity:0;transition:opacity .16s ease-out,visibility .16s ease-out}
.navigation-feedback.is-visible{visibility:visible;opacity:1}
.navigation-feedback-bar{position:absolute;inset:0 auto auto 0;width:100%;height:3px;background:linear-gradient(90deg,var(--brand,#2962ff) 0%,color-mix(in srgb,var(--brand,#2962ff) 42%,white) 50%,var(--brand,#2962ff) 100%);background-size:200% 100%;animation:navigation-progress 1.1s ease-in-out infinite}
.navigation-feedback-label{position:absolute;right:20px;bottom:20px;display:flex;align-items:center;gap:10px;min-height:42px;padding:8px 15px;border:1px solid var(--line,#ebebeb);border-radius:10px;background:var(--surface,#fff);box-shadow:0 12px 32px rgba(20,32,58,.14);color:var(--ink,#111);font-size:13px;font-weight:600;direction:rtl}
.navigation-feedback-dot{width:9px;height:9px;flex:none;border-radius:50%;background:var(--brand,#2962ff);box-shadow:0 0 0 5px color-mix(in srgb,var(--brand,#2962ff) 13%,transparent)}
@keyframes navigation-progress{from{background-position-x:100%}to{background-position-x:-100%}}
@media(max-width:620px){.navigation-feedback-label{right:14px;bottom:14px;left:14px;justify-content:center}}
@media(prefers-reduced-motion:reduce){.navigation-feedback,.navigation-feedback-bar{animation:none;transition:none}}