.nav-wrap{bottom:calc(28px + env(safe-area-inset-bottom,0px));pointer-events:none;z-index:1000;justify-content:center;transition:transform .32s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;left:0;right:0;transform:translateY(0)}.nav-wrap--hidden{transform:translateY(calc(100% + 48px + env(safe-area-inset-bottom,0px)));pointer-events:none}.nav-pill{pointer-events:auto;background:var(--glass-bg);-webkit-backdrop-filter:blur(24px)saturate(1.6);border-radius:var(--r-pill);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);align-items:stretch;gap:2px;max-width:calc(100vw - 32px);padding:5px;display:flex;position:relative}.nav-tab-motion{display:flex}.nav-tab{box-sizing:border-box;border-radius:var(--r-pill);min-height:44px;font-family:var(--sans);letter-spacing:-.01em;color:var(--ink-3);z-index:1;justify-content:center;align-items:center;gap:6px;padding:10px 14px;font-size:12px;font-weight:600;line-height:1;text-decoration:none;transition:color .2s;display:flex;position:relative}.nav-tab--active{color:var(--ink)}.nav-tab-bg{border-radius:var(--r-pill);background:var(--brand-dim);border:1px solid var(--brand-md);z-index:-1;position:absolute;inset:0}.nav-tab-icon{color:inherit;flex-shrink:0;justify-content:center;align-items:center;display:flex}.nav-tab-label{font-family:var(--sans);white-space:nowrap;font-size:13px;font-weight:600;display:inline-block;overflow:hidden}.nav-tab:focus-visible{outline:2px solid var(--brand);outline-offset:2px}