.navigation-loading[hidden]{display:none}
.navigation-loading{position:fixed;z-index:1000;top:18px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;padding:12px 20px;border:1px solid #d9e4d2;border-radius:14px;background:#fffffff5;color:#193e35;box-shadow:0 8px 30px #123e3524;font:500 14px/1.6 "Sarabun",Tahoma,sans-serif;pointer-events:none;max-width:calc(100vw - 32px);white-space:nowrap}
.navigation-spinner{width:19px;height:19px;border:2px solid #dce5d6;border-top-color:#175b48;border-radius:50%;animation:navigation-spin .8s linear infinite;flex-shrink:0}
.is-navigating:before{content:"";position:fixed;top:0;left:0;right:0;height:3px;background:#e9cc87;z-index:1001;pointer-events:none}
.is-navigating:after{content:"";position:fixed;top:0;left:0;width:35%;height:3px;background:#175b48;z-index:1002;animation:navigation-progress 1.2s ease-in-out infinite;pointer-events:none}
@keyframes navigation-spin{to{transform:rotate(360deg)}}
@keyframes navigation-progress{from{transform:translateX(-100%)}to{transform:translateX(390%)}}
@media(prefers-reduced-motion:reduce){.navigation-spinner{animation:none}.is-navigating:after{animation:none;width:50%}}