.navigation-progress{position:fixed;inset:0 0 auto;height:3px;z-index:10000;pointer-events:none;overflow:hidden;background:#dbeafe;opacity:0;visibility:hidden}
.navigation-progress[data-loading]{opacity:1;visibility:visible}
.navigation-progress::after{content:'';display:block;height:100%;width:35%;background:#2563eb;animation:navigation-progress 1.1s ease-in-out infinite}
.navigation-spinner{display:inline-block;width:.9rem;height:.9rem;flex-shrink:0;border:2px solid currentColor;border-inline-end-color:transparent;border-radius:50%;margin-inline-start:.4rem;animation:navigation-spin .7s linear infinite}
[data-navigation-pending] .dc-mode-arrow{display:none}
.navigation-message{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin:.75rem 0;padding:.75rem 1rem;border:1px solid #fca5a5;border-radius:.75rem;background:#fef2f2;color:#991b1b;font-size:.9rem;line-height:1.7}
.navigation-message button,.navigation-message a{font:inherit;font-weight:700;color:inherit;background:transparent;border:1px solid currentColor;border-radius:.5rem;padding:.25rem .6rem;cursor:pointer}
.navigation-announcement{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
main[data-soft-enter]{animation:navigation-enter .16s ease-out}
html[data-theme=dark] .navigation-message{background:#450a0a;color:#fecaca;border-color:#b91c1c}
@keyframes navigation-progress{from{transform:translateX(-110%)}to{transform:translateX(390%)}}
@keyframes navigation-spin{to{transform:rotate(360deg)}}
@keyframes navigation-enter{from{opacity:.8}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.navigation-progress::after,.navigation-spinner,main[data-soft-enter]{animation:none}.navigation-progress::after{width:100%}}