.nav-bar{z-index:1000;pointer-events:none;opacity:0;height:3px;position:fixed;inset:0 0 auto}.nav-bar[data-state=loading]{opacity:1}.nav-bar[data-state=done]{opacity:0;transition:opacity .25s .2s}.nav-bar-fill{background:var(--primary);height:100%;transform:scaleX(var(--nav-progress,0));transform-origin:0;border-radius:0 2px 2px 0;transition:transform .3s ease-out}.nav-bar[data-state=done] .nav-bar-fill{transition-duration:.2s}.nav-pill{right:20px;bottom:calc(20px + env(safe-area-inset-bottom));z-index:1000;border:1px solid var(--border);background:var(--surface);max-width:min(32rem,100vw - 32px);box-shadow:var(--shadow-md);color:var(--text-2);pointer-events:none;opacity:0;border-radius:20px;align-items:center;gap:10px;padding:9px 16px 9px 12px;font-size:.875rem;line-height:1.4;display:flex;position:fixed;transform:translateY(6px)}.nav-pill[data-shown]{opacity:1;transition:opacity .2s,transform .2s;transform:none}html:has(.save-bar) .nav-pill{bottom:calc(var(--save-bar-h,64px) + 28px)}html:has(.shell[data-menu-open]) .nav-pill{opacity:0}@media (max-width:640px){.nav-pill{left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));width:fit-content;max-width:none;margin:0 auto}}.nav-spinner{border:2px solid var(--primary-soft);border-top-color:var(--primary);border-radius:50%;flex:none;width:14px;height:14px;animation:.9s linear infinite nav-spin}@keyframes nav-spin{to{transform:rotate(360deg)}}.nav-hint{border:2px solid color-mix(in srgb, var(--sidebar-accent) 22%, transparent);border-top-color:var(--sidebar-accent);opacity:0;border-radius:50%;flex:none;width:12px;height:12px;margin-left:auto}.nav-hint+.nav-badge{margin-left:0}.nav-hint[data-pending],html[data-page-loading] .nav a[aria-current=page] .nav-hint{animation:.15s .4s both nav-hint-in,.9s linear infinite nav-spin}@keyframes nav-hint-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.nav-bar-fill{transform:none}.nav-spinner{animation:none}.nav-hint[data-pending],html[data-page-loading] .nav a[aria-current=page] .nav-hint{animation:.15s .4s both nav-hint-in}}@media print{.nav-bar,.nav-pill{display:none}}