.external-navigation-status{position:fixed;z-index:10000;left:50%;bottom:max(90px,calc(env(safe-area-inset-bottom) + 74px));transform:translateX(-50%);width:min(440px,calc(100% - 32px));box-sizing:border-box;background:#103f34;color:#fff;border:1px solid #8ec2a9;border-radius:12px;padding:16px 20px;font:15px/1.6 system-ui,sans-serif;box-shadow:0 8px 28px #0003;overflow-wrap:anywhere}
.external-navigation-status p{margin:0;color:#fff;font-size:15px;line-height:1.6}
.external-navigation-status div{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}
.external-navigation-status a,.external-navigation-status button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;font:inherit}
.external-navigation-status a{color:#daef9b;text-decoration:underline}
.external-navigation-status button{background:transparent;border:1px solid #8ec2a9;color:white;border-radius:6px;padding:0 12px;cursor:pointer;flex-shrink:0}
.external-navigation-status :focus-visible{outline:3px solid #daef9b;outline-offset:3px}
.external-navigation-status>strong{display:flex;align-items:center;gap:10px;font-size:16px;line-height:1.5;color:#fff;margin-bottom:6px}
.navigation-spinner{display:inline-block;flex:0 0 18px;width:18px;height:18px;border:2px solid #ffffff40;border-top-color:#daef9b;border-radius:50%;animation:navigation-spin .8s linear infinite}
.navigation-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:10050;pointer-events:none;overflow:hidden;background:#103f3430}
.navigation-progress:after{content:"";display:block;width:35%;height:100%;background:#bcf05a;animation:navigation-slide 1.4s ease-in-out infinite}
@keyframes navigation-spin{to{transform:rotate(360deg)}}
@keyframes navigation-slide{from{transform:translateX(-100%)}to{transform:translateX(390%)}}
@media(prefers-reduced-motion:reduce){.navigation-spinner,.navigation-progress:after{animation:none}}